天天看点

利用UIEdgeInsets属性修改UIButton的图片,文字位置

IOS的UIButtom中提供了ImageView与TitleLabel使我们可以同时显示图片与文字,默认的,图片与文字是水平从左到右依次排列的,但是,有时候我们需要修改这种排列方式,这样我们可以利用UIButton的UIEdgeInsets属性。

UIEdgeInsets是一个结构体,定义了view距离其父view的top,left,bottom,right间距。

typedef struct UIEdgeInsets {
    CGFloat top, left, bottom, right;  // specify amount to inset (positive) for each of the edges. values can be negative to 'outset'
} UIEdgeInsets;
           

在UIButton中我们可以设置ImageView,TitleLabel,ContentView的UIEdgeInsets属性。通过这个属性,我们可以修改其imageView与TitleLabel的位置。

原文链接

[btnRight setTitleEdgeInsets:UIEdgeInsetsMake(0, -imgArrow.size.width, 0, imgArrow.size.width)];
[btnRight setImageEdgeInsets:UIEdgeInsetsMake(0, btnRight.titleLabel.bounds.size.width, 0, -btnRight.titleLabel.bounds.size.width)];

uibutton默认是左图片,右文字。并且在设置edge insets之前,位置已经有了设定。所以设置title的edge insets,真实的作用是在原来的边距值基础上增加或减少某个间距,负值便是减少。以title为例,设置右边距增加图片宽度,就使得自己的右边界距离按钮的右边界多了图片的宽度,正好放下图片。此时,title lable变小了,而title lable的左边界还在原来的位置上,所以lable的左边界距离按钮的左边界减少图片的宽度,lable就和原来一样大了,而且左侧起始位置和图片的左侧起始位置相同了。