iPhone开发-UIButton setImage的同时也显示title

标签：style   blog   http   color   ar   sp   for   div   on   

想要做一个按钮，按钮上半部分显示图片（Image），下半部分显示文字（Title）（文字位置不固定），显示效果如下图：

UIButton有两个设置Image的方法，一个是setImage，一个是setBackgroundImage。到底用哪个方法呢，既然不确定，那就测试下，看看哪个符合自己的要求。

1.先测试setImage方法，在IB（xib或storyboard）中拖拽一个UIbutton控件，之后设置Image属性，如下图：

之后看刚才拖拽的UIButton控件的样式，如下图：

UIButton *btn = [[UIButton alloc] initWithFrame:CGRectMake(30, 30, 100, 100)];
[btn setImage:[UIImage imageNamed:@"add_album"] forState:UIControlStateNormal];

UIButton *btn = [[UIButton alloc] initWithFrame:CGRectMake(30, 30, 100, 100)];
[btn setBackgroundImage:[UIImage imageNamed:@"add_album"] forState:UIControlStateNormal];

经过上面测试，发现用setImage方法设置的图片，图片不会随着按钮的放大而放大，图片始终是原始图片尺寸，而用setBackgroundImage方法设置的图片，图片会随着按钮的变大而拉伸变大。这里我选择了第一种方法，各位看官，请随意。

那么如何设置按钮Title的位置，让其显示在底部呢，Title默认是居中显示。这就要用到inset属性了，先选中按钮，之后在Edge的选项中选择Title，之后调节Inset的Top和Left等参数，使其Title位置在底部。如下图:

这样就完成了按钮title和按钮图片位置自定义的效果了。

代码实现设置inset：

UIButton *btn = [[UIButton alloc] initWithFrame:CGRectMake(30, 30, 100, 100)];
    [btn setImage:[UIImage imageNamed:@"add_album"] forState:UIControlStateNormal];
    [btn setTitle:@"Title" forState:UIControlStateNormal];
   //[btn setImageEdgeInsets:(UIEdgeInsets)]
    [btn setTitleEdgeInsets:UIEdgeInsetsMake(75, -19, 0, 0)];
    [self.view addSubview:btn];

另：如果不喜欢调整Inset，可以在按钮上放置个Label，把按钮自带的Title设置为空，用Label冒充Title，调整Label的frame，同样可以实现这个效果。

本文也发布于本人个人博客：http://www.yesareno.com/?p=36

转载请标明出处

iPhone开发-UIButton setImage的同时也显示title

标签：style   blog   http   color   ar   sp   for   div   on   

原文地址：http://blog.csdn.net/zcl369369/article/details/41022041