首页 > 其他 > 详细

UIButton 文字图片排列

时间:2014-11-19 15:57:33      阅读:137      评论:0      收藏:0      [点我收藏+]

UIButton默认的是:图片-文字水平排列,所以不需要进行调整。


1.文字-图片 水平显示,文字在前,图片再后

[btn setTitleEdgeInsets:UIEdgeInsetsMake(0, -imgArrow.size.width, 0, imgArrow.size.width)];

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


uibutton默认是左图片,右文字。并且在设置edge insets之前,位置已经有了设定。所以设置title的edge insets,真实的作用是在原来的边距值基础上增加或减少某个间距,负值便是减少。以title为例,设置右边距增加图片宽度,就使得自己的右边界距离按钮的右边界多了图片的宽度,正好放下图片。此时,title lable变小了,而title lable的左边界还在原来的位置上,所以lable的左边界距离按钮的左边界减少图片的宽度,lable就和原来一样大了,而且左侧起始位置和图片的左侧起始位置相同了。(注意:这里不需要添加监听,改变文字之后,调用上面的代码即可以进行调整成功!)


2.文字-图片 垂直显示,文字在上,图片在下



3.文字-图片 垂直显示,图片在上,文字在线


UIButton 文字图片排列

原文:http://blog.csdn.net/mdk132/article/details/41282391

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