美文网首页iOS开发基础程序员
iOS - 自定义UIButton的文字与图片间距及位置

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

作者: 瓷月亮 | 来源:发表于2017-12-07 16:23 被阅读21次

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

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

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

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

    效果展示图                                           

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

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

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

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/bsqrixtx.html