UIButton 按钮控件－IOS开发

关注

原创最新推荐文章于 2026-03-26 03:09:14 发布 3w 阅读 AI 写同款· GEO 优化 ›

iOS开发中的按钮控件：UIButton实战指南它可以让用户与应用进行交互，执行特定的操作或触发相应的事件。通过设置按钮的属性和关联点击事件，我们可以实现各种交互效果和功能。UIButton的基本用法很简单，我们可以通过创建UIButton实例并设置其属性来创建一个按钮。除了设置按钮的标题和点击事件外，我们还可以对按钮进行更多的自定义。除了基本的属性和方法，我们还可以使用UIButton的子类或扩展来实现更复杂的按钮效果。除了静态按钮，我们还可以创建动态按钮，在不同的状态下改变按钮的外观。的UIButton实例，并设置了按钮的frame和标题。阅读详情

声明

欢迎转载，但是请尊重作者劳动成果，转载请保留此框内声明，谢谢。
文章出处：http://blog.youkuaiyun.com/iukey

UIButton是一个标准的UIControl控件，所以如果你对UIControl不甚了解还是先看一下我的另一篇博文：《UIControl IOS控件编程》

一、创建

两种方法：

1. 常规的 initWithFrame

UIButton *btn1 = [[UIButton alloc]initWithFrame:CGRectMake(10, 10, 80, 44)];

对代码创建View（UIControl继承自UIView，所以也是view）不甚了解的请参看：《有关View的几个基础知识点》

2. UIButton 的一个类方法（也可以说是静态方法）buttonWithType

UIButton *btn2 = [UIButton buttonWithType:UIButtonTypeRoundedRect];

风格有如下

typedef enum {
    UIButtonTypeCustom = 0,           // no button type   自定义，无风格
    UIButtonTypeRoundedRect,          // rounded rect, flat white button, like in address card 白色圆角矩形，类似偏好设置表格单元或者地址簿卡片
    UIButtonTypeDetailDisclosure,//蓝色的披露按钮，可放在任何文字旁
    UIButtonTypeInfoLight,//微件(widget)使用的小圆圈信息按钮，可以放在任何文字旁
    UIButtonTypeInfoDark,//白色背景下使用的深色圆圈信息按钮
    UIButtonTypeContactAdd,//蓝色加号(+)按钮，可以放在任何文字旁
} UIButtonType;

二、设置属性

1.Frame属性

第2种方法创建按钮后你可以给按钮的frame属性赋值，用一个CGRect结构设置他的位置和大小

CGRect btn2Frame = CGRectMake(10.0, 10.0, 60.0, 44.0);
    btn2.frame =btn2Frame;

2. title属性

对于任何特定状态下的按钮，都可以设定该按钮该状态下的按钮标题。用setTitle 方法设置即可：

[btn1 setTitle:@"BTN1" forState:UIControlStateNormal];

你也可以为按钮的某一状态设置为图。用 setImage 即可：

[btn2 setImage:[UIImage imageNamed:@"pic"] forState:UIControlStateNormal];

此外，你还可以为每种按钮状态设置标题的颜色和阴影，以及按钮的背景。方法 setTitleColor 和 setTitleShadowColor 都需要一个UIColor对象做参数：

[btn1 setTitleColor:[UIColor redColor] forState:UIControlStateNormal];//设置标题颜色
    [btn1 setTitleShadowColor:[UIColor grayColor] forState:UIControlStateNormal ];//阴影
    [btn1 setBackgroundImage:[UIImage imageNamed:@"PIC"] forState:UIControlStateHighlighted];//背景图像

上面几个方法都提到共同的参数 forState . 这个参数决定了标题、图像或其他属性将在何种状态下显现。你可以编程令按钮在那个状态变化

enum {
    UIControlStateNormal       = 0,  //常态                     
    UIControlStateHighlighted  = 1 << 0,                  // used when UIControl isHighlighted is set 高亮
    UIControlStateDisabled     = 1 << 1,  //禁用
    UIControlStateSelected     = 1 << 2,                  // flag usable by app (see below) 选中
    UIControlStateApplication  = 0x00FF0000,              // additional flags available for application use 当应用程序标志使用时
    UIControlStateReserved     = 0xFF000000               // flags reserved for internal framework use  为内部框架预留的
};
typedef NSUInteger UIControlState;

你只要掌握前四种状态就好了。

当按钮高亮或者禁用，UIButton 类可以调整自己的外观，下面几个属性可以让你按照需要对按钮的外观进行微调：

adjustsImageWhenHighlighted

默认情况下，在按钮被禁用时，图像会被画的颜色深一些。要禁用此功能，请将这个属性设置为NO：

 btn1.adjustsImageWhenHighlighted = NO;

adjustsImageWhenDisabled

默认情况下，按钮在被禁用时，图像会被画的颜色淡一些。要禁用此功能，请将这个属性设置为NO：

btn1.adjustsImageWhenDisabled = NO;

showsTouchWhenHighlighted

这个
属性设置为YES，可令按钮在按下时发光。这可以用于信息按钮或者有些重要的按钮：

btn1.showsTouchWhenHighlighted = YES;

三、显示控件

显示控件一如继往的简单：

[self.view addSubview:btn1];
    [self.view addSubview:btn2];

四、重写绘制行为

你可以通过子类化按钮来定制属于你自己的按钮类。在子类化的时候你可以重载下面这些方法，这些方法返回CGRect结构，指明了按钮每一组成部分的边界。

注意：不要直接调用这些方法，这些方法是你写给系统调用的。

backgroundRectForBounds   //指定背景边界

contentRectForBounds // 指定内容边界

titleRectForContentRect    // 指定文字标题边界

imageRectForContentRect     //指定按钮图像边界

例：

   - (CGRect)imageRectForContentRect:(CGRect)bounds{
        return CGRectMake(0.0, 0.0, 44, 44);
    }

五、添加动作

按钮是用来干嘛的？用来激发某个动作或事件的。那我们我们要为他添加一个动作，与 UIControl 里讲的一样：

-(void)btnPressed:(id)sender{
    UIButton* btn = (UIButton*)sender;
    //开始写你自己的动作
}


 [btn1 addTarget:self action:@selector(btnPressed:) forControlEvents:UIControlEventTouchUpInside];

六、END

END？还未结束，不过UIButton结束了，留下一个未结束的话题: UIBarButtonItem .他和UIButton啥关系，后面会有文章来讲，目前你只要搞清楚UIButton就好了。

一个写此文用的小Demo附在后面：UIButtonDemo