码迷,mamicode.com
首页 > 移动开发 > 详细

iOS按钮设置图片在上文字在下

时间:2016-05-13 11:55:16      阅读:225      评论:0      收藏:0      [点我收藏+]

标签:

UIButton同时设置Title和Image后,默认是图片在左文字在右,如下图1,很多情况下我们希望图片在上图片在下,如下图2,只需要简单的几行代码,即可实现。

 

 

(1)因为需要处理多个按钮,所以将实现代码封装为一个方法,把每个UIbutton实例作为参数传入即可,代码如下:

 


 
  1. -(void)initButton:(UIButton*)btn{  
  2.     btn.contentHorizontalAlignment = UIControlContentHorizontalAlignmentCenter;//使图片和文字水平居中显示  
  3.     [btn setTitleEdgeInsets:UIEdgeInsetsMake(btn.imageView.frame.size.height ,-btn.imageView.frame.size.width, 0.0,0.0)];//文字距离上边框的距离增加imageView的高度,距离左边框减少imageView的宽度,距离下边框和右边框距离不变  
  4.     [btn setImageEdgeInsets:UIEdgeInsetsMake(0.0, 0.0,0.0, -btn.titleLabel.bounds.size.width)];//图片距离右边框距离减少图片的宽度,其它不边  
  5. }  


(2)然后把按钮传入

 

 

[objc] view plain copy
 
  1. [self initButton:self.btn1];  
  2. [self initButton:self.btn2];  
  3. [self initButton:self.btn3];  
  4. [self initButton:self.btn4];  
  5. [self initButton:self.btn5];  
  6. [self initButton:self.btn6];  
  7. [self initButton:self.btn7];  


(3)运行查看效果。

 

iOS按钮设置图片在上文字在下

标签:

原文地址:http://www.cnblogs.com/haijieFeng/p/5486529.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!