ios button 图文布局

图文混排:

  1.文字图片,居中对齐

 UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];//button的类型  
    button.frame = CGRectMake(100, 100,90, 90);//button的frame  
   button.backgroundColor = [UIColor cyanColor];//button的背景颜色  
      
//    [button setBackgroundImage:[UIImage imageNamed:@"man_64.png"] forState:UIControlStateNormal];  
      
//    在UIButton中有三个对EdgeInsets的设置:ContentEdgeInsets、titleEdgeInsets、imageEdgeInsets   *若图片文字都设置的话,默认先图片,后文字,先图片大小*
    [button setImage:[UIImage imageNamed:@"IconHome@2x.png"] forState:UIControlStateNormal];//给button添加image  
    button.imageEdgeInsets = UIEdgeInsetsMake(5,13,21,button.titleLabel.bounds.size.width);//设置image在button上的位置(上top,左left,下bottom,右right)这里可以写负值,对上写-5,那么image就象上移动5个像素  
      
    [button setTitle:@"首页" forState:UIControlStateNormal];//设置button的title  
    button.titleLabel.font = [UIFont systemFontOfSize:16];//title字体大小  
    button.titleLabel.textAlignment = NSTextAlignmentCenter;//设置title的字体居中  
    [button setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];//设置title在一般情况下为白色字体  
    [button setTitleColor:[UIColor grayColor] forState:UIControlStateHighlighted];//设置title在button被选中情况下为灰色字体  
     button.titleEdgeInsets = UIEdgeInsetsMake(71, -button.titleLabel.bounds.size.width-50, 0, 0);//设置title在button上的位置(上top,左left,下bottom,右right)  
      
//    [button setContentEdgeInsets:UIEdgeInsetsMake(70, 0, 0, 0)];//  
  
      
//   button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentCenter;//设置button的内容横向居中。。设置content是title和image一起变化  

  2. 重写layoutSubviews方法
-(void)layoutSubviews
{
    [superlayoutSubviews];
     
    CGRecttitleF = self.titleLabel.frame;
    CGRectimageF = self.imageView.frame;
     
    titleF.origin.x= imageF.origin.x;
    self.titleLabel.frame= titleF;
    imageF.origin.x= CGRectGetMaxX(titleF);
    self.imageView.frame= imageF;
     
}
3.重写绘制行为,重写uibutton的下列方法
 

- (id)initWithFrame:(CGRect)frame

{

self = [super initWithFrame:frame];

if (self) {

//可根据自己的需要随意调整

self.titleLabel.textAlignment=NSTextAlignmentRight;

self.titleLabel.font=[UIFont systemFontOfSize:14.0];

self.imageView.contentMode=UIViewContentModeLeft;

}

return self;

}



你可以通过子类化按钮来定制属于你自己的按钮类。在子类化的时候你可以重载下面这些方法,这些方法返回CGRect结构,指明了按钮每一组成部分的边界。
注意:不要直接调用这些方法, 这些方法是你写给系统调用的。
 
backgroundRectForBounds   //指定背景边界 
 
contentRectForBounds // 指定内容边界 
 
titleRectForContentRect    // 指定文字标题边界 
 
imageRectForContentRect     //指定按钮图像边界 


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值