UIButton中setTitleEdgeInsets和setImageEdgeInsets的使用

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那样去设置值了,便于理解。当然根据需要你可以只设置水平的或者垂直的对齐方式。

 

源文地址

posted @ 2019-09-19 10:59  久依  阅读(1310)  评论(0编辑  收藏  举报