ios button 图文布局

来源：互联网发布：民间借款记账软件编辑：程序博客网时间：2024/05/23 10:26

图文混排：

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