首页 > 其他 > 详细

UIButton中setTitleEdgeInsets和setImageEdgeInsets的使用

时间:2019-09-19 11:09:17      阅读:192      评论:0      收藏:0      [点我收藏+]

UIButton上titleLabel和imageView的显示原则。

1.当button.width < image.width时,只显示被压缩后的图片,图片是按fillXY的方式压缩。

2.当button.width > image.width,且 button.width < (image.width + text.width)时,图片正常显示,文本被压缩。

3.当button.width > (image.width + text.width),两者并列默认居中显示,可通过button的属性contentHorizontalAlignment改变对齐方式。

setTitleEdgeInsets和setImageEdgeInsets的使用

想两改变两个子控件的显示位置,可以分别通过setTitleEdgeInsets和setImageEdgeInsets来实现。需要注意的是,对titleLabel和imageView设置偏移,是针对它当前的位置起作用的,并不是针对它距离button边框的距离的。如果只有title,那它上下左右都是相对于button的,image也是一样;如果同时有image和label,那这时候image的上左下是相对于button,右边是相对于label的;title的上右下是相对于button,左边是相对于image的。

button的属性contentHorizontalAlignmen(水平对齐方式)默认是居中的,同时button还有一个contentVerticalAlignment(竖直对齐方式)属性默认也是居中的。在我们不改变这两个值的情况下,需要明白默认情况下,button的image和label是紧贴着居中的。直接这样设置很麻烦很烧脑,了解一下就可以了,在使用时不推荐!

把button的contentHorizontalAlignment设为居左时,contentVerticalAlignment设为居上时,可以很方便的通过EdgeInsets改变两个子控件的位置。这样图片和文字就在button的左上角了。且图片在前,文字在后。相当于image的初始位置变为了(0,0)title的初始位置变为了(image.width,0)。这样就可以像类似frame那样去设置值了,便于理解。当然根据需要你可以只设置水平的或者垂直的对齐方式。

 

源文地址

UIButton中setTitleEdgeInsets和setImageEdgeInsets的使用

原文:https://www.cnblogs.com/jiuyi/p/11547787.html

(2)
(1)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!