UIButton中setTitleEdgeInsets和setImageEdgeInsets的使用

最近对UIButton进行了一定的研究,发现了一点有意思的东西。

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容