一、目录
- 1.如何实现圆角 处理方案
- 2.上图下文按钮：自定义按钮
二、如何实现圆角
Snip20150902_75.png
1. 方案一：设置按钮的layer属性
self.loginButton.layer.cornerRadius = 5;
self.loginButton.layer.masksToBounds = YES; // 裁剪
2. 方案二：KVC 修改 layer属性
[self.loginButton setValue:@5 forKeyPath:@"layer.cornerRadius"];
[self.loginButton setValue:@YES forKeyPath:@"layer.masksToBounds"];
3. 方案三：通过storyboard / xib 设置
Snip20150902_85.png
2、自定义按钮
Snip20151027_3.png
- 方案一：在自定义按钮的layoutSubviews方法中，调整按钮子控件imageView/titleLabel的位置
- (void)awakeFromNib
{
self.titleLabel.textAlignment = NSTextAlignmentCenter;
}
- (void)layoutSubviews
{
[super layoutSubviews];
// 调整图片的位置和尺寸
self.imageView.y = 0;
self.imageView.centerX = self.width * 0.5;
// 调整文字的位置和尺寸
self.titleLabel.x = 0;
self.titleLabel.y = self.imageView.height;
self.titleLabel.width = self.width;
self.titleLabel.height = self.height - self.titleLabel.y;
}
方案二：重写自定义按钮的两个方法，imageRect.... / titleRect......方法调整两个子控件的frame布局子控件
方案三：当然我们也可以在initWithFrame或者awakeFromNib来调整imageView/titleLabel两个子控件的内边距，来调整它们自己的布局
