一、简单了解
1. 按钮是运用程序中最常用的用户控件之一,UIKit使用UIButton类来表示按钮;
2. 按钮的创建方式有一些特别,它使用UIButton的buttonWithType: 类方法,并传入按钮的类型参数;
3. 一般情况下,点击某个控件后,会做出相应反应的都是按钮,钮的功能比较多,既能显示文字,又能显示图片,还能随时调整内部图片和文字的位置
4. 按钮的三种状态:
1. normal(普通状态)
默认情况(Default)
对应的枚举常量:UIControlStateNormal
2. highlighted(高亮状态)
按钮被按下去的时候(手指还未松开)
对应的枚举常量:UIControlStateHighlighted
3. disabled(失效状态,不可用状态)
如果enabled属性为NO,就是处于disable状态,代表按钮不可以被点击
对应的枚举常量:UIControlStateDisabled
二、案例
先看视图(有点乱)
直接在控制器中来编写需要实现的功能,这里的话我是通过Main.story来拖拽控件到View中的。【注意一个视图对应一个控制器】
实现控件的方法有:
1. 点击视图中的控件,按住control键位,拖到.m文件中,设置响应的属性
2. 现在.m中写好方法,然后选中控件,拖到方法中也行,可以多个控件指向同一个方法(后面会提及,封装)
//
// ViewController_Button.m
// UIButton基础
//
// Created by shumei on 15/9/1.
// Copyright (c) 2015年 shumei. All rights reserved.
//
#import "ViewController_Button.h"
@interface ViewController_Button ()
// 上下左右按钮触发
- (IBAction)topBtn:(id)sender;
- (IBAction)rightBtn;
- (IBAction)leftBtn;
- (IBAction)downBtn;
// 放大缩小
- (IBAction)blowBtn;
- (IBAction)narrowBtn;
// 图像属性
@property (weak, nonatomic) IBOutlet UIButton *picture;
@end
@implementation ViewController_Button
- (IBAction)topBtn:(id)sender {
NSLog(@"上");
// 1.获取按钮的坐标,然后进行操作,再就是将新值赋给按钮的坐标
// 获取原始的frame
CGRect originFrame = self.picture.frame;
// 修改Frame
originFrame.origin.y = originFrame.origin.y - 2;
// 把新的frame赋值给按钮
self.picture.frame = originFrame;
/**
* 错误写法
* self.picture.frame.origin.y -= 2;
* 在oc中:不允许直接修改对象的结构体属性的成员
*/
}
- (IBAction)rightBtn {
NSLog(@"右");
// 1.获取按钮的坐标,然后进行操作,再就是将新值赋给按钮的坐标
// 获取头像的按钮坐标
CGRect originFrame = self.picture.frame;
// 进行更改
originFrame.origin.x = originFrame.origin.x + 2;
// 重新赋给frame
self.picture.frame = originFrame;
}
- (IBAction)blowBtn {
NSLog(@"放大");
CGRect originFrame = self.picture.frame;
originFrame.size.width += 2;
originFrame.size.height += 2;
self.picture.frame = originFrame;
}
- (IBAction)narrowBtn {
NSLog(@"缩小");
CGRect originFrame = self.picture.frame;
originFrame.size.width -= 2;
originFrame.size.height -= 2;
// CGSize size = CGSizeMake(originFrame.size.height - 2, originFrame.size.width - 2);
self.picture.frame = originFrame;
}
// 其余的两个按钮效果一样,实现方法也是一样
从上面可以知道,上下左右其实就是坐标变化而已,所以应该考虑将其封装起来
封装:
//
// ViewController_Button.m
// UIButton基础
//
// Created by shumei on 15/9/1.
// Copyright (c) 2015年 shumei. All rights reserved.
//
#import "ViewController_Button.h"
@interface ViewController_Button ()
// 图像属性
@property (weak, nonatomic) IBOutlet UIButton *picture;
#pragma mark - 封装代码
- (IBAction)move:(UIButton *)sender;
- (IBAction)scale:(UIButton *)sender;
@end
#pragma mark - 封装代码,相同部分的进行封装
// 点击上下左右的时候进行的判断
- (IBAction)move:(UIButton *)sender {
NSLog(@"封装的代码,执行四个按钮事件!");
// 获取点击的是哪一个按钮(在属性面板中已经设置了tag属性)
// 使用sender.tag来判断用户当前点击的按钮是什么
// 1.获取原始的frame
CGRect originFrame = self.picture.frame;
// 2.修改frame
// 这里的tag在属性面板中已经进行设置了
switch (sender.tag) {
case 0:
// 上
originFrame.origin.y -= 2;
NSLog(@"封装上");
break;
case 1:
// 右
originFrame.origin.x += 2;
NSLog(@"封装右");
break;
case 2:
// 下
originFrame.origin.y += 2;
NSLog(@"封装下");
break;
case 3:
// 左
originFrame.origin.x -= 2;
NSLog(@"封装左");
break;
default:
break;
}
// 3.重新赋值
self.picture.frame = originFrame;
}
三、动画
1. 简易动画大致有2种方式:
1> 头尾式
[UIView beginAnimations:nil context:nil]; // 开启动画
[UIView setAnimationDuration:1]; // 设置动画执行时间
/** 需要执行动画的代码 **/
[UIView commitAnimations]; // 提交动画
2> Block式
[UIView animateWithDuration:0.5 animations:^{
/** 需要执行动画的代码 **/
}];
四、注意
1. IBAction的参数
- (IBAction)left:(UIButton *)button
(1) 在OC中,绝大多数的控件监听方法的第一个参数就是控件本身
(2) 默认连线时的参数类型是id
(3) 如果要在监听方法中,方便控件的使用,可以在连线时或者连线后,修改监听方法的参数类型
2. 修改对象的结构体成员
在OC中,不允许直接修改“对象”的“结构体属性”的“成员”,但是允许修改“对象”的“结构体属性”
修改结构体属性的成员方法如下:
(1)使用临时变量记录对象的结构体属性
(2) 修改临时变量的属性
(3)将临时变量重新设置给对象的结构体属性
3. 首尾式动画
// beginAnimations表示此后的代码要“参与到”动画中
[UIView beginAnimations:nil context:nil];
// setAnimationDuration用来指定动画持续时间
[UIView setAnimationDuration:2.0];
// 需要制定的动作
self.headImageView.bounds = rect;
......
// commitAnimations,将beginAnimation之后的所有动画提交并生成动画
[UIView commitAnimations];
block方式:
// 方式二: block
[UIView animateWithDuration:1.5 animations:^{
self.iconImage.center = center;
// self.iconImage.frame = frame;
}];