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

UIButton实现左文字右图片

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

1.添加一个button

代码如下:

UIButton *testButton = [UIButtonbuttonWithType:(UIButtonTypeCustom)];
testButton.frame =CGRectMake(50,100,
[UIScreenmainScreen].bounds.size.width
-100, 40);
testButton.contentHorizontalAlignment =UIControlContentHorizontalAlignmentLeft;
[testButton setTitle:@"测试左右图片交换"forState:(UIControlStateNormal)];
[testButton setImage:[UIImageimageNamed:@"woderenzheng"]forState:(UIControlStateNormal)];
[testButton setTitleColor:[UIColorblackColor]
forState:(UIControlStateNormal)];

[self.viewaddSubview:testButton];
效果如图:





2.更换图片和文字的位置

代码如下:

UIImage *image = testButton.imageView.image;
[testButton setTitleEdgeInsets:UIEdgeInsetsMake(0,-image.size.width,0,image.size.width)];
[testButton setImageEdgeInsets:UIEdgeInsetsMake(0, testButton.titleLabel.bounds.size.width,0,
-testButton.titleLabel.bounds.size.width)];
效果如图:



内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: