UIButton的默认样式中图片在左,文字在右,两者之间的间距为0,不能灵活的满足实际开发需求. 本文总结了开发中常用到的三种按钮样式,并以swift做了实现:
1.图片在上,文字在下;
2.图片在左,文字在右,但两者之间有一定的默认间距;
3.图片在右,文字在左.
效果展示图
第一种样式实现是采用富文本,创建UIButton的子类,提供便利构造函数来进行相关设置,实现代码如下:
第二种和第三种方式都是通过重写UIButton的方法,来设置图片和文字在按钮上的位置以及他们之间的间距,非常简单:
如果需要图片在右,文字在左,设置ImageTextButton对象的isReverse = true.图片和文字之间的间距可直接通过设置spacing来调节.demo可见:https://github.com/moonCai/ImageTextButton.
