iOS-UIButton

继承关系:

inherits from: UIControl : UIView : UIResponder : NSObject

UIButton 其实包含 UIImageView 和 UILabel 两个控件,UIButton继承于UIControl,所以有addtarget监听事件

1、类型:

//初始化一个按钮对象
////////通过类方法来创建 buttonWithType : 类名+方法名
//内存自己管理 不能通过alloca init 来创建
//   创建   圆角矩形   的按钮    (现已扁平化)
        UIButton *button1 = [UIButton buttonWithType:UIButtonTypeRoundedRect];    
    
    //     button  类型   有以下 6 种,    
    //    typedef enum {    
    //        UIButtonTypeCustom = 0,          自定义风格    
    //        UIButtonTypeRoundedRect,         圆角矩形    
    //        UIButtonTypeDetailDisclosure,    蓝色小箭头按钮,主要做详细说明用    
    //        UIButtonTypeInfoLight,           亮色感叹号    
    //        UIButtonTypeInfoDark,            暗色感叹号    
    //        UIButtonTypeContactAdd,          十字加号按钮    
    //    } UIButtonType;

2、位置

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

3、颜色、边框效果、边框颜色

//背景颜色
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)

4、图片

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

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

//设置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)];
/* 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);
//文字自适应
//计算UIlabel宽度,然后在设置UIButton宽度

6、事件相应

/* 
给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 = @"我被修改了";
}

7、显示控件

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

问题解答

我设置的图片为什么变成蓝色 ?

**

//改button的type为: UIButtonTypeCustom

**实例一:仿 iPhone通话界面按钮 **

150145_lTAp_1451688.png.jpeg
 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;
}

实例三:UIButton 图片的大小

- (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;
}

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,324评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,303评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,192评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,555评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,569评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,566评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,927评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,583评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,827评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,590评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,669评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,365评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,941评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,928评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,159评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,880评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,399评论 2 342

推荐阅读更多精彩内容