（一〇九）UIButton的使用技巧 -imageView、titleLabel、圆角等

UIButton是一个常用控件，使用方法十分基本，但是有很多技巧常常不被注意，本文主要介绍UIButton的一些较高级技巧，用于实现图片和标签显示的美观性等。

开发时常常碰到按钮的下侧或者右侧有标题的情况，如下图所示：

左侧的是上下结构，右侧的是左右结构，要实现这两种显示，有两种方法。

【按钮的内部控件】

首先我们要了解按钮内部有imageView和titleLabel两个控件，按钮的内边距分为content（整体）、title（标题）、image（图片）三个，因此对于水平排布，可以通过内边距和修改控件坐标两种方式实现；而竖直排布只能通过修改坐标，因为UIButton默认的是水平排布。

①直接修改坐标实现水平和竖直排布：

 self.imageView.frame = CGRectMake(<#CGFloat x#>, <#CGFloat y#>, <#CGFloat width#>, <#CGFloat height#>);
 self.titleLabel.frame = CGRectMake(<#CGFloat x#>, <#CGFloat y#>, <#CGFloat width#>, <#CGFloat height#>);

②通过内边距来修改：

 self.contentEdgeInsets = UIEdgeInsetsMake(<#CGFloat top#>, <#CGFloat left#>, <#CGFloat bottom#>, <#CGFloat right#>);
 self.titleEdgeInsets = UIEdgeInsetsMake(<#CGFloat top#>, <#CGFloat left#>, <#CGFloat bottom#>, <#CGFloat right#>);
 self.imageEdgeInsets = UIEdgeInsetsMake(<#CGFloat top#>, <#CGFloat left#>, <#CGFloat bottom#>, <#CGFloat right#>);

注意：按钮的标题虽然是titleLabel显示的，但是修改按钮的标题要使用setTitle方法来设置按钮不同状态的标题，不要直接使用titleLabel修改。

【圆角的实现】

imageView的layer成员的cornerRadius属性可以设置圆角的大小：

self.imageView.layer.cornerRadius = 10;

【多个按钮共用高亮图片】

有时候多个按钮虽然内容不同，但是高亮方式应该是一样的，这时候可以通过修改背景来实现高亮的效果，同时禁止默认的渲染（内容变灰色），从而达到较好的效果：

首先是禁止渲染。

 self.adjustsImageWhenDisabled = NO;
 self.adjustsImageWhenHighlighted = NO;

然后是设置高亮背景

可以通过不同的逻辑，例如selected、enable等。

 [self setBackgroundImage:[UIImage imageNamed:@"tabbar_separate_selected_bg"] forState:UIControlStateDisabled];

版权声明：本文为博主原创文章，未经博主允许不得转载。