您的位置:首页 > 产品设计 > UI/UE

iOS UIButton 图片文字上下垂直布局 解决方案

2016-10-11 15:09 1796 查看
实现如图所示效果:



这是一个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 图片文字左右互移 位置对调 解决方案
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: