【初学】UI控件学习笔记-UIButton按钮控件详细介绍

最新推荐文章于 2025-07-29 17:04:03 发布

原创最新推荐文章于 2025-07-29 17:04:03 发布 · 2.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#UIButton控件 #UI控件 #objective-c #ios开发 #enum

UI控件专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了UIButton的创建方式、样式设置、响应事件处理及如何自定义按钮等核心内容，并提供了丰富的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、创建

    //常规创建btn1
    UIButton *btn1=[[UIButton alloc]initWithFrame:CGRectMake(10, 10, 300, 50)];
    //类方法创建btn2
    UIButton *btn2=[UIButton buttonWithType:UIButtonTypeRoundedRect];
    btn2.frame=CGRectMake(10, 100, 300, 50);

Button风格

    /*
     typedef NS_ENUM(NSInteger, UIButtonType) {
     UIButtonTypeCustom = 0,           // 无风格
     UIButtonTypeRoundedRect,          // 圆角矩形
     UIButtonTypeDetailDisclosure,     // 蓝色的披露按钮，可放在任何文字旁
     UIButtonTypeInfoLight,            // 微件(widget)使用的小圆圈信息按钮，可以放在任何文字旁
     UIButtonTypeInfoDark,             // 白色背景下使用的深色圆圈信息按钮 
     UIButtonTypeContactAdd,           // 蓝色加号(+)按钮，可以放在任何文字旁
     };
     */

样图展示：

二、设置Title，背景，Button状态

//设置btn1标题
    [btn1 setTitle:@"button1" forState:UIControlStateNormal];
    //设置btn1以图片形式显示
    [btn1 setImage:[UIImage imageNamed:@"btn1_bg.png"] forState:UIControlStateHighlighted];
    
    //设置btn2标题
    [btn2 setTitle:@"button2" forState:UIControlStateNormal];
    //设置btn2标题阴影
    [btn2 setTitleShadowColor:[UIColor redColor] forState:UIControlStateNormal];
    //设置btn2标题颜色(正常情况下)
    [btn2 setTitleColor:[UIColor yellowColor] forState:UIControlStateNormal];
    //设置btn2标题颜色(点中,高亮)
    [btn2 setTitleColor:[UIColor redColor] forState:UIControlStateHighlighted];
    //设置btn2的背景图片
    [btn2 setBackgroundImage:[UIImage imageNamed:@"btn1_bg.png"] forState:UIControlStateNormal];
    
    //当按钮高亮或者禁用，UIButton 类可以调整自己的外观，下面几个属性可以让你按照需要对按钮的外观进行微调
    //当btn2高亮时,禁用外观微调
    btn2.adjustsImageWhenHighlighted=NO;
    //当btn2禁用时,禁用外观微调
    btn2.adjustsImageWhenDisabled=NO;
    //按下btn2是,发光
    btn2.showsTouchWhenHighlighted=YES;

Button状态

    
    /*
     
     typedef NS_OPTIONS(NSUInteger, UIControlState) {
     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//为内部框架预留的  
     };
     */

三、Button响应事件

    [btn2 addTarget:self action:@selector(printToSth) forControlEvents:UIControlEventTouchUpInside];

Button动作

     /*
     UIControlEventTouchDown        // 按下
     UIControlEventTouchDownRepeat  // 多次按下
     UIControlEventTouchDragInside  // 保持按下然后在按钮及其一定的外围拖动
     UIControlEventTouchDragOutside // 保持按下,在按钮外面拖动
     UIControlEventTouchDragEnter   // DragOutside进入DragInside触发
     UIControlEventTouchDragExit    // in到out触发
     UIControlEventTouchUpInside    // 在按钮及其一定外围内松开
     UIControlEventTouchUpOutside   // 按钮外面松开
     UIControlEventTouchCancel      // 点击取消
     */

四、添加到视图

    //添加按钮到当前视图
    [self.view addSubview:btn1];
    [self.view addSubview:btn2];

五、重写绘制

如果能够已经看明白以上代码，那么对于重写绘制也会驾轻就熟，你可以通过子类化按钮来定制属于你自己的按钮类。

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

源码地址： http://download.youkuaiyun.com/detail/xiaomi_dalianmifen/6307715