IOS实现UIButton图文混排、自定义按钮按下和正常状态下不同的背景颜色、根据文字长度自定义UIButton长度

　　在一些项目中，我们需要自定义自己的UIButton，使Button上面同时具有图片和文字描述，实现自定义UIButton的图文混排。

　　首先我们需要定义一个继承自UIButton的类，同时实现自己的initWithFrame：方法。方法声明在这个类的头文件中。

self = [super initWithFrame:frame];

    if (self) {

    }

    return self;

在if判断语句中，我们可以实现对按钮的一些自定义属性和方法，如按钮圆角、Title文本、背景颜色等信息。

如

self.titleLabel.textAlignment=NSTextAlignmentLeft;

这些都可以根据自己的需要进行简单设置。

为了上面一些简单的设置当然不需要自定义一个类，所以下面gc来了！！！！！

假如需要根据UIButton 的文字内容自适应调整UIButton的长度，需要以下几步：

1.首先自动获取文本的长度，

NSDictionary *attribute = @{NSFontAttributeName: [UIFont systemFontOfSize:]};

        titleTextSize = [self.titleLabel.text boundingRectWithSize:CGSizeMake(MAXFLOAT, self.frame.size.height) options:NSStringDrawingTruncatesLastVisibleLine attributes:attribute context:nil].size;

        [self setFrame:CGRectMake(self.frame.origin.x, self.frame.origin.y, titleTextSize.width + cornerRedius* +self.frame.size.height , self.frame.size.height)];

上面方法得到的size就是根据系统设置字体大小，所获得的文字长度和高度的size。获取后重新调用setFrame方法，重新定义自己的Frame大小，就实现了自适应大小。

2.自定义图片显示位置和文字显示位置

[self setImage:[UIImage imageNamed:imageName] forState:UIControlStateNormal];

使用这个方法设置了UIImage后，你会发现，图片和文字可能不是你想要的，这个时候，需要重写UIButton类的两个方法，如下：

- (CGRect)titleRectForContentRect:(CGRect)contentRect

{

    CGFloat titleW = contentRect.size.width - btnCornerRedius;

    CGFloat titleH = self.frame.size.height;

    CGFloat titleX = self.frame.size.height + btnCornerRedius;

    CGFloat titleY = ;

    contentRect = (CGRect){{titleX,titleY},{titleW,titleH}};

    return contentRect;

}

- (CGRect)imageRectForContentRect:(CGRect)contentRect

{

    CGFloat imageW = self.frame.size.height -;

    CGFloat imageH = self.frame.size.height -;

    CGFloat imageX = btnCornerRedius;

    CGFloat imageY = 2.5;

    contentRect = (CGRect){{imageX,imageY},{imageW,imageH}};

    return contentRect;

}

这里的btnCornerRedius是我定义的圆角弧度。

重写这两个方法后，图片的高度和文字的位置就在你的掌控之内了。

3、设置Button 的背景颜色。当你需要设置UIButton在按下状态和普通状态的不同的颜色，可以使用以下方法：

- (UIImage *)imageWithColor:(UIColor *)color {

    CGRect rect = CGRectMake(0.0f, 0.0f, 1.0f, 1.0f);

    UIGraphicsBeginImageContext(rect.size);

    CGContextRef context = UIGraphicsGetCurrentContext();

    CGContextSetFillColorWithColor(context, [color CGColor]);

    CGContextFillRect(context, rect);

    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();

    UIGraphicsEndImageContext();

    return image;

}

使用此方法构建一个指定颜色的两张图片，然后加载在UIButton的

setBackgroundImage方法中，就可以实现按钮在按下后不同的两种颜色的显示。

本文中设置方法为：

        [self setBackgroundImage:[self imageWithColor:[UIColor colorWithHexString:btnNormalStateHEXCorlor]] forState:UIControlStateNormal];

        [self setBackgroundImage:[self imageWithColor:[UIColor colorWithHexString:btnSelectedHEXCorlor]] forState:UIControlStateHighlighted];

注意，上面这段代码的colorWithHexString:是一个颜色十六进制格式转化为UIColor的红绿蓝格式的方法，在网上可以搜到，或者直接在

imageWithColor的方法中传入UIColor。

巴特西

IOS实现UIButton图文混排、自定义按钮按下和正常状态下不同的背景颜色、根据文字长度自定义UIButton长度

最新文章

热门文章