iOS 之 自定义按钮UIButton

按钮默认是图片在左边,文字在右边的
但是我们经常需要的按钮是:
1:图片在上,文字在下
2:文字在左,图片在右
3:文字在上,图片在下
这三种类型,其实原理都是一样的。只需要改变UIbutton里面的子控件就可以了.
那就截图给大家看怎么实现。

第一步:继承UIButton

iOS 之 自定义按钮UIButton_第1张图片
Snip20160727_13.png

第二步:重写layoutSubviews 重写排布一下UIButton 里面的子控件titleLabel和imageView 的位置 特别注意一定要调用 super layoutSubviews ,注意:这里我给UIView添加了一个分类,所以直接拿到X Y W(宽) H(高),有时间教大家写一下分类。

iOS 之 自定义按钮UIButton_第2张图片
Snip20160727_14.png

第三步:给按钮设一些基本的初始化,比如按钮背景颜色,按钮文字颜色等等

iOS 之 自定义按钮UIButton_第3张图片
Snip20160727_15.png

第四部:导入头文件,然后使用就可以了这样创建出来按钮就是图片在上,文字在下

Snip20160727_16.png
iOS 之 自定义按钮UIButton_第4张图片
Snip20160727_18.png

看一下效果图:

iOS 之 自定义按钮UIButton_第5张图片
Snip20160728_1.png

当然 如果需要文字在左边,图片在右边,
文字在上,图片在下,这些情况,就只需要在layoutSubviews 重写排布一下UIButton 里面的子控件titleLabel和imageView 的位置 特别注意一定要调用 super layoutSubviews 就可以了。

备注:

如果有不足或者错误的地方还望各位读者批评指正,可以评论留言,笔者收到后第一时间回复。

QQ/微信:2366889552 /lan2018yingwei。

号:凡尘一笑:[]

http://www.jianshu.com/users/0158007b8d17/latest_articles

感谢各位观众老爷的阅读,如果觉得笔者写的还凑合,可以关注或收藏一下,不定期分享一些好玩的实用的demo给大家。

文/凡尘一笑(作者)

著作权归作者所有,转载请联系作者获得授权,并标注“作者”。

你可能感兴趣的:(iOS 之 自定义按钮UIButton)