UIButton 圆角 边框颜色 字体大小 文字对齐 图片大小

 

UIButton 

UIButton 其实包含 UIImageView 和 UILabel 两个控件，UIButton继承于UIControl，因此有addtarget监听事件

//inherits from: UIControl : UIView : UIResponder : NSObject

一、类型：

//初始化一个按钮对象
//   建立   圆角矩形   的按钮    
        UIButton *button1 = [UIButton buttonWithType:UIButtonTypeRoundedRect];    
    
    //     button  类型   有如下 6 种，    
    //    typedef enum {    
    //        UIButtonTypeCustom = 0,          自定义风格    
    //        UIButtonTypeRoundedRect,         圆角矩形    
    //        UIButtonTypeDetailDisclosure,    蓝色小箭头按钮，主要作详细说明用    
    //        UIButtonTypeInfoLight,           亮色感叹号    
    //        UIButtonTypeInfoDark,            暗色感叹号    
    //        UIButtonTypeContactAdd,          十字加号按钮    
    //    } UIButtonType;

二、位置

//设置 button在 view 上的  位置、尺寸 
 button1.frame = CGRectMake(20, 20, 280, 20);

三、颜色、边框效果、边框颜色

//背景颜色
button1.backgroundColor = [UIColor clearColor];
//前景颜色
button1.tintColor = [UIColor redColor];
//圆角 外边框效果
    [Button1.layer setMasksToBounds:YES];
    [Button1.layer setCornerRadius:10.0]; //设置矩形四个圆角半径
    [Button1.layer setBorderWidth:1.0]; //边框宽度
    （若设置button为圆形，则setCornerRadius的值为button的半径）
//第一种  边框颜色
    CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
    CGColorRef colorref = CGColorCreate(colorSpace,(CGFloat[]){ 1, 0, 0, 1 });
    [Button1.layer setBorderColor:colorref];//边框颜色
//第二种
    Button1.layer.backgroundColor = (__bridge CGColorRef)([self colorFromHexRGB:TopSliderColor]);
//第三种
    Button1.layer.borderColor=[UIColor grayColor].CGColor;
//导入（QuartzCore.framework）

 

四、图片

//设置button填充  
    UIImage* image = [UIImage imageNamed:@"btng.png"];
    [button setImage:image forState:UIControlStateNormal];
    //背景图片
    [button setBackgroundImage:image forState:UIControlStateNormal];
    //拿到当前图片
    image = button.currentImage;
    image = button.currentBackgroundImage;
    
//按钮图片大小
    //一、图片命名@2x.png
    //二、[UIImage imageNamed:@"aa.png"] 图片会根据按钮的大小改变，而[UIImage imageWithContentsOfFile:imagePath] 真实显示图片大小
    NSString *imagePath = [[NSBundle mainBundle] pathForResource:@"search-B@2x" ofType:@"png"];

五、标题文字 大小、字体、状态、对齐、颜色

//设置button 标签文字   
    [button1 setTitle:@"点击" forState:UIControlStateNormal];    
//取得title
    NSString* title = button.titleLabel.text;
    title = button.currentTitle;
//设置title颜色
    [button setTitleColor:[UIColor blueColor] forState:UIControlStateNormal];
    [button setTitleColor:[UIColor redColor] forState:UIControlStateHighlighted];
//取得title的颜色
    UIColor* color = button.currentTitleColor;
//字体、大小
    button1.titleLabel.font = [UIFont fontWithName:@"Arial" size:18.0];
//文字阴影
	[button1 setTitleShadowColor:[UIColor greenColor] forState:UIControlStateNormal];
	[[button1 titleLabel] setShadowOffset:CGSizeMake(1, 1)];
//文字自适应
//计算UIlabel宽度，而后在设置UIButton宽度

/* forState: 这个参数的做用是定义按钮的文字或图片在何种状态下才会显现*/    
//如下是几种状态    
//    enum {    
//        UIControlStateNormal       = 0,         常规状态显现                 
//        UIControlStateHighlighted  = 1 << 0,    高亮状态显现       
//        UIControlStateDisabled     = 1 << 1,    禁用的状态才会显现    
//        UIControlStateSelected     = 1 << 2,    选中状态                 
//        UIControlStateApplication  = 0x00FF0000, 当应用程序标志时               
//        UIControlStateReserved     = 0xFF000000  为内部框架预留，能够无论他                
//    };    
  
/*    
* 默认状况下，当按钮高亮的状况下，图像的颜色会被画深一点，若是这下面的这个属性设置为no，    
* 那么能够去掉这个功能    
*/    
    button1.adjustsImageWhenHighlighted = NO;    
/*跟上面的状况同样，默认状况下，当按钮禁用的时候，图像会被画得深一点，设置NO能够取消设置*/    
    button1.adjustsImageWhenDisabled = NO;    
/* 下面的这个属性设置为yes的状态下，按钮按下会发光*/    
    button1.showsTouchWhenHighlighted = YES;
//水平对齐
[button setContentHorizontalAlignment:UIControlContentHorizontalAlignmentLeft];
//垂直对齐方式
	[button1 setContentVerticalAlignment:UIControlContentVerticalAlignmentBottom];
//内部内容边距
	[button1 setContentEdgeInsets:UIEdgeInsetsMake(0, 10, 0, 0)];
//文字内在距离
button.titleEdgeInsets = UIEdgeInsetsMake(0, 10, 0, 0);

六、事件相应

/* 
给button添加点击事件，事件有不少种，我会单独开一篇博文介绍它们，下面这个事件的意思是    
按下按钮，而且手指离开屏幕的时候触发这个事件，跟web中的click事件同样。    
触发了这个事件之后，执行butClick:这个方法，addTarget:self 的意思是说，这个方法在本类中    
也能够传入其余类的指针
*/    
[button1 addTarget:self action:@selector(butClick:) forControlEvents:UIControlEventTouchUpInside];
//添加一个方法 来相应按钮的点击时间
- (void)buttonClick:(UIButton*)button{
    //父视图经过tag值获取子视图的指针对象
    /*
     子视图能够设置一个tag值，而后添加到父视图上，父视图就能够经过这个tag值拿到子视图的指针。
     tag值也能够保存一些用户的信息。
     */
    UILabel* label = (UILabel*)[self.window viewWithTag:100];
    label.text = @"我被修改了";
}

七、显示控件

//添加button到当前窗口的根视图
[self.view addSubview:button1];

 

八、

九、

问题解答

我设置的图片为何变成蓝色 ？

//改button的type为： UIButtonTypeCustom

 

实例1：仿 iPhone通话界面按钮 

//dial_mute

    UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
    button.frame = CGRectMake(50, 100, 50, 50);
    [button setImage:[UIImage imageNamed:@"dial_mute"] forState:UIControlStateNormal];
    button.layer.borderColor = [UIColor whiteColor].CGColor;
    button.layer.borderWidth = 1.0;
    [button.layer setMasksToBounds:YES];
    [button.layer setCornerRadius:25.0];//为button的半径，就是宽或高的一半

 

实例二： 选择框 checkbox

说明：根据UIControlState 、 selected 来切换图片，记住是否选中状态

UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
button.frame = CGRectMake(150, 150, 20, 20);
[button addTarget:self action:@selector(buttonClick:) forControlEvents:UIControlEventTouchDown];
[button setImage:[UIImage imageNamed:@"checkbox_checkedunable"] forState:UIControlStateNormal];
[button setImage:[UIImage imageNamed:@"checkbox_checked"] forState:UIControlStateSelected];
[self.view addSubview:button];

- (void)buttonClick:(UIButton *)button{
if (button.selected) {
button.selected = NO;
}else{
button.selected = YES;
}
}

- (BOOL)isRemember{
return _button.selected;
}

 

https://github.com/antoniocasero/ACPButton
很好的开源封装

 

实例三：button图片的大小

- (UIImage*)transformWidth:(CGFloat)width
                    height:(CGFloat)height image:(NSString *)imageName {
    
    CGFloat destW = width;
    CGFloat destH = height;
    CGFloat sourceW = width;
    CGFloat sourceH = height;
    
    UIImage *image = [UIImage imageNamed:imageName];
    CGImageRef imageRef = image.CGImage;
    CGContextRef bitmap = CGBitmapContextCreate(NULL,
                                                destW,
                                                destH,
                                                CGImageGetBitsPerComponent(imageRef),
                                                4*destW,
                                                CGImageGetColorSpace(imageRef),
                                                (kCGBitmapByteOrder32Little | kCGImageAlphaPremultipliedFirst));
    
    CGContextDrawImage(bitmap, CGRectMake(0, 0, sourceW, sourceH), imageRef);
    
    CGImageRef ref = CGBitmapContextCreateImage(bitmap);
    UIImage *resultImage = [UIImage imageWithCGImage:ref];
    CGContextRelease(bitmap);
    CGImageRelease(ref);
    
    return resultImage;
}