iOS - 自定义UIButton的文字与图片间距及位置

        UIButton的默认样式中图片在左,文字在右,两者之间的间距为0,不能灵活的满足实际开发需求. 本文总结了开发中常用到的三种按钮样式,并以swift做了实现:

1.图片在上,文字在下;

2.图片在左,文字在右,但两者之间有一定的默认间距;

3.图片在右,文字在左.


iOS - 自定义UIButton的文字与图片间距及位置_第1张图片
效果展示图                                           

        第一种样式实现是采用富文本,创建UIButton的子类,提供便利构造函数来进行相关设置,实现代码如下:

iOS - 自定义UIButton的文字与图片间距及位置_第2张图片

        第二种和第三种方式都是通过重写UIButton的方法,来设置图片和文字在按钮上的位置以及他们之间的间距,非常简单:

iOS - 自定义UIButton的文字与图片间距及位置_第3张图片

        如果需要图片在右,文字在左,设置ImageTextButton对象的isReverse = true.图片和文字之间的间距可直接通过设置spacing来调节.demo可见:https://github.com/moonCai/ImageTextButton.

你可能感兴趣的:(iOS - 自定义UIButton的文字与图片间距及位置)