iOS中如何把UIButton中的图片和文字上下对齐

最新推荐文章于 2022-01-10 11:53:46 发布

移动开发_ziank

最新推荐文章于 2022-01-10 11:53:46 发布

阅读量1.1k

点赞数

本文链接：https://blog.csdn.net/Ziank/article/details/79744122

版权

本文介绍了在iOS开发中如何将UIButton的图片和文字进行上下对齐。通过调整titleEdgeInsets和imageEdgeInsets属性，详细解析了UIEdgeInsets的top、left、bottom、right属性对布局的影响，提供了一种实现图片和文字上下对齐的解决方案。特别提醒，设置frame时需谨慎，以免影响titleLabel的尺寸计算。

摘要由CSDN通过智能技术生成

我们都知道在UIButton中可以设置图片和文字，也经常见到同时设置有图片和下方提示文字的按钮，但是当我自己去对图片按钮添加提示文字的时候，却发现这并不是想象中的那么简单。

设置图片和文字

如示例代码：

func initView() -> Void {
var button:UIButton = UIButton(frame: CGRectMake(100, 200, 100, 100))

button.setImage(UIImage(named: "button.png"), forState: UIControlState.Normal)
button.setTitle("按钮", forState: UIControlState.Normal)
button.backgroundColor = UIColor.blueColor()

self.view.addSubview(button)
}

我们可以通过UIButton的setTitle和setImage方法分别为按钮设置图片和文字信息，但是会发现设置完成以后我们的图片和文字并没有重合排列，也没有上下排列，而是一个左右排列的样子。