Chinaunix首页 | 论坛 | 博客
  • 博客访问: 2123713
  • 博文数量: 229
  • 博客积分: 7217
  • 博客等级: 上校
  • 技术积分: 3224
  • 用 户 组: 普通用户
  • 注册时间: 2009-02-19 17:23
个人简介

个人主页https://xugaoxiang.com,微信公众号: Dev_Club 或者搜索 程序员Club

文章分类

全部博文(229)

文章存档

2017年(1)

2016年(20)

2015年(23)

2013年(1)

2012年(23)

2011年(68)

2010年(62)

2009年(31)

分类: iOS平台

2016-10-12 22:42:30

软硬件环境

  • Xcode 7.0.1

前言

iOS中的按钮是UIButton,也是非常常见的控件。它可以响应用户点击事件,完成特定的业务逻辑。

UIButton的常用属性

创建UIButtonDemo工程,打开ViewController.m文件,在viewDidLoad函数中加入代码

//类方法创建UIButton对象,不能用alloc和init组合来创建,这点和UILable不一样
    UIButton* button = [UIButton buttonWithType:UIButtonTypeRoundedRect];
    button.frame = CGRectMake(100, 100, 100, 40);

    //设置按钮上的文本显示信息
    [button setTitle:@"我是按钮" forState:UIControlStateNormal];

    //按钮被按下后的文本显示信息
    [button setTitle:@"按钮被按下" forState:UIControlStateHighlighted];

    //设置字体大小
    button.titleLabel.font = [UIFont systemFontOfSize:20];

    //设置按钮风格颜色,TintColor和TitleColor同时存在是TintColor不起作用
    [button setTintColor: [UIColor orangeColor]];

    //设置按钮颜色
    [button setTitleColor:[UIColor redColor] forState:UIControlStateNormal];

    //设置按钮被按下的颜色
    [button setTitleColor:[UIColor greenColor] forState:UIControlStateHighlighted];

    //响应点击事件,UIControlEventTouchUpInside为点击类型,点击完成后弹开仍在按钮的范围内,与其相对应的是UIControlEventTouchUpOutside,弹开后在按钮的外面
    [button addTarget:self action:@selector(buttonPressed) forControlEvents:UIControlEventTouchUpInside];

    [self.view addSubview:button]; 

按钮的点击响应函数放在viewDidLoad方法外实现

//事件响应函数
- (void)buttonPressed {
    NSLog(@"按钮被按下!");
} 

当完成一次按钮点击后,终端就会打印一次"按钮被按下!"。

图片按钮

与圆角按钮不同的是,图片按钮创建时的buttonWithType为UIButtonTypeCustom,自定义而不是上面的圆角

//图片按钮
    UIButton* imageButton = [UIButton buttonWithType:UIButtonTypeCustom];
    imageButton.frame = CGRectMake(100, 200, 100, 40);
    [imageButton setImage:[UIImage imageNamed:@"xiaoxin.jpg"] forState:UIControlStateNormal];
    [imageButton setImage:[UIImage imageNamed:@"xiaowanzi.jpg"] forState:UIControlStateHighlighted];

    [self.view addSubview:imageButton]; 

两张图片xiaoxin.jpg和xiaowanzi.jpg事先准备好,然后拖动到当前工程中。

UIButton_1

工程下载

阅读(2983) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~