Swift UIButton自由调整图标按钮中的图标和文字位置
2019-01-23 14:35:08  By: dwtedx

在 APP 的开发过程中,很多时候我们会需要在 UIButton 的左边或者右边添加 ICON,已经再添加背景图片,但这两者并不冲突。我们使用定制类型(Custom)的按钮就可以设置文字前面的图标。但是图片和文字的相对位置是固定的(按钮在前,文字在后)。下面就给一下我的解决方案。

let signButton = UIButton.init()
signButton.setImage(UIImage.init(named: "sign_icon"), for: UIControlState.normal) //按钮图标
signButton.titleLabel?.font = UIFont.systemFont(ofSize: 14) //文字大小
signButton.setTitle("签到", for: UIControlState.normal) //按钮文字
signButton.setTitleColor(UIColor.white, for: UIControlState.normal) //文字颜色
signButton.setBackgroundImage(UIImage.init(named: "sign_bg"), for: UIControlState.normal) //按钮背景图片
signButton.addTarget(self, action: #selector(signButtonAction), for: UIControlEvents.touchUpInside)
self.contentView.addSubview(signButton)


图片与文字间的间距(imageEdgeInsets 图片偏移量)

signButton.imageEdgeInsets = UIEdgeInsets(top: 0, left: -8, bottom: 0, right: 0)


图片与文字间的间距(titleEdgeInsets 文字偏移量)

signButton.titleEdgeInsets = UIEdgeInsets(top: 0, left: 8, bottom: 0, right: 0)


通过以上方式就能实现在一个 UIButton 上面添加icon图标已经给按钮添加一个背景图片

若资源对你有帮助、浏览后有很大收获、不妨小额打赏我一下、你的鼓励是维持我不断写博客最大动力

想获取DD博客最新代码、你可以扫描下方的二维码、关注DD博客微信公众号(ddblogs)

或者你也可以关注我的新浪微博、了解DD博客的最新动态:DD博客官方微博(dwtedx的微博)

如对资源有任何疑问或觉得仍然有很大的改善空间、可以对该博文进行评论、希望不吝赐教

为保证及时回复、可以使用博客留言板给我留言: DD博客留言板(dwtedx的留言板)

感谢你的访问、祝你生活愉快、工作顺心、欢迎常来逛逛


快速评论


技术评论

  • 该技术还没有评论、赶快抢沙发吧...
DD记账
top
+