iOS UIButton 图片文字上下垂直布局 解决方案
2016-10-11 15:09
1796 查看
实现如图所示效果:
这是一个UIButton,需要改变image和title相对位置。
解决如下:
前提:先设置btn的图片和文字
调整位置:
这两句话顺序不能调换,调换就不准了,应该与top和bottom有关,所以:先文字后图片 顺序设置偏移。
总结来说,就是:
图片 向 右上角 移动
文字 向 左下角 移动
PS:如果图片文字左右平移,参考这个
iOS UIButton 图片文字左右互移 位置对调 解决方案
这是一个UIButton,需要改变image和title相对位置。
解决如下:
前提:先设置btn的图片和文字
调整位置:
//设置文字偏移:向下偏移图片高度+向左偏移图片宽度 (偏移量是根据[图片]大小来的,这点是关键) btnLeft.titleEdgeInsets = UIEdgeInsets(top: btnLeft.imageView!.frame.size.height, left: -btnLeft.imageView!.frame.size.width, bottom: 0, right: 0) //设置图片偏移:向上偏移文字高度+向右偏移文字宽度 (偏移量是根据[文字]大小来的,这点是关键) btnLeft.imageEdgeInsets = UIEdgeInsets(top: -btnLeft.titleLabel!.bounds.size.height, left: 0, bottom: 0, right: -btnLeft.titleLabel!.bounds.size.width)
这两句话顺序不能调换,调换就不准了,应该与top和bottom有关,所以:先文字后图片 顺序设置偏移。
总结来说,就是:
图片 向 右上角 移动
文字 向 左下角 移动
PS:如果图片文字左右平移,参考这个
iOS UIButton 图片文字左右互移 位置对调 解决方案
相关文章推荐
- iOS - UIButton(UIEdgeInsets)/设置button上的文字和图片上下垂直居中对齐
- iOS - UIButton(UIEdgeInsets)/设置button上的文字和图片上下垂直居中对齐
- IOS UIButton(UIEdgeInsets)/设置图片和文字上下垂直居中对齐
- iOS - UIButton(UIEdgeInsets)/设置button上的文字和图片上下垂直居中对齐
- iOS - UIButton(UIEdgeInsets)/设置button上的文字和图片上下垂直居中对齐
- iOS - UIButton(UIEdgeInsets)/设置button上的文字和图片上下垂直居中对齐
- iOS UIButton 图片和文字上下居中
- iOS UIButton 设置图片文字垂直排列
- iOS如何将UIButton中的图片与文字上下对齐详解
- UIButton(UIEdgeInsets)/设置button上的文字和图片上下垂直居中对齐
- iOS UIButton文字和图片上下左右偏移封装,一个方法即可实现button上文字和图片不同位置的放置
- iOS UIButton 设置图片文字垂直排列
- iOS UIButton 设置图片文字垂直排列
- ios_设置button上的文字和图片上下垂直居中对齐
- iOS 任意布局UIButton中的图片与文字
- iOS UIButton 图片文字左右互移 位置对调 解决方案
- iOS UIButton 设置图片文字上下居中对齐
- iOS UIButton 图片和文字布局调整
- iOS设置button上的文字和图片上下垂直/水平居中对齐
- 【IOS实战】UIButton 设置图片文字垂直居中排列