UIButton的自定义布局(如上下分布)

系统UIButton控件的默认布局是左右分布的,有时候我们又会需要一些特殊的布局,我们一般采用设置 titleEdgeInsets 这类属性解决。其实上有更好的方法:

首先创建一个类继承自UIButton,例如:


@interface HMButton : UIButton

@end

然后在.m文件中 重写几个方法


- (CGRect)backgroundRectForBounds:(CGRect)bounds;

- (CGRect)contentRectForBounds:(CGRect)bounds;

- (CGRect)titleRectForContentRect:(CGRect)contentRect;

- (CGRect)imageRectForContentRect:(CGRect)contentRect;

例如


@implementation HMButton 

- (CGRect)imageRectForContentRect:(CGRect)contentRect

{

CGFloat h = self.bounds.size.height * 0.3;

CGFloat w = h;

CGFloat x = (self.bounds.size.width - w) * 0.5;

CGFloat y = self.bounds.size.height * 0.3;

return CGRectMake(x, y, w, h);

}

- (CGRect)titleRectForContentRect:(CGRect)contentRect

{

return CGRectMake(0, self.bounds.size.height * 0.6, self.bounds.size.width, self.bounds.size.height * 0.3);

}

@end

效果如下

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容