UIButton-按钮——实现图片的缩放

159 阅读 0 评论 105 点赞

我是靠谱客的博主负责荔枝，这篇文章主要介绍UIButton-按钮——实现图片的缩放，现在分享给大家，希望可以做个参考。

1.UIKit框架提供了非常多的UI控件，但并不是每一个都很常用，有些控件可能1年内都用不上，有些控件天天用，比如UIButton、UILabel、UIImageView、UITableView等等，现在就先来学习非常重要且比较基一个UI控件---UIButton，俗称“按钮”，一般情况下，点击某个控件后，会做出相应反应的都是按钮，按钮的功能比较多，既能显示文字，又能显示图片，还能随时调整内部图片和文字的位置

按钮是有多种状态的：
normal（普通状态）：默认情况, 对应的枚举常量：UIControlStateNormal
highlighted（高亮状态）：按钮被按下去的时候（手指还未松开）, 对应枚举常量： UIControlStateHighlighted

disabled（失效状态，不可用状态）如果enabled属性为NO，就是处于disable状态，代表按钮不可以被点击对应的枚举常量：UIControlStateDisabled

设置按钮在不同状态下的背景图片（为了保证高亮的图片正常显示，必须设置按钮的type为custom）

普通状态：红色文字“点我啊”
高亮状态：蓝色文字“摸我干嘛”

复制代码

1
代码：

复制代码

<pre name="code" class="objc">#import "MJViewController.h"

@interface MJViewController ()
- (IBAction)moveAndBig;

- (IBAction)move:(UIButton *)btn;

- (IBAction)big;
- (IBAction)small;

// 头像
@property (nonatomic, weak) IBOutlet UIButton *head;
@end

@implementation MJViewController

- (IBAction)moveAndBig
{
    // 1.开启动画（下面两行代码是让下面坐标和图片大小慢慢的改变：见第7讲截屏：31~33）
    [UIView beginAnimations:nil context:nil];
	//让这个动画持续2秒（慢慢变化）
    [UIView setAnimationDuration:2.0];
    
    // 2.修改属性
    CGRect tempF = self.head.frame;
    tempF.origin.x += 50;
    tempF.origin.y += 100;
    
    tempF.size.width += 50;
    tempF.size.height += 50;
    self.head.frame = tempF;
    
    // 3.提交动画
    [UIView commitAnimations];
}

#pragma mark 移动(上下左右)
- (IBAction)move:(UIButton *)btn
{
    // 1.取出原来的属性
    CGRect tempF = self.head.frame;
    
    // 2.修改临时属性
    CGFloat delta = 10;
    switch (btn.tag) {
        case 10: // 上
            tempF.origin.y -= delta;
            break;
            
        case 20: // 下
            tempF.origin.y += delta;
            break;
            
        case 30: // 左
            tempF.origin.x -= delta;
            break;
            
        case 40: // 右
            tempF.origin.x += delta;
            break;
    }
    
    // 3.重新赋值
    self.head.frame = tempF;
}

#pragma mark 放大
- (IBAction)big;
{
    // 1.取出原来的属性
    CGRect tempFrame = self.head.frame;
    
    // 2.改变临时属性
    tempFrame.size.width += 20;
    tempFrame.size.height += 20;
    
    // 3.用临时属性覆盖原来的属性
    self.head.frame = tempFrame;
}

#pragma mark 缩小
- (IBAction)small
{
    // 1.取出原来的属性
    CGRect tempFrame = self.head.frame;
    
    // 2.改变临时属性
    tempFrame.size.width -= 20;
    tempFrame.size.height -= 20;
    
    // 3.用临时属性覆盖原来的属性
    self.head.frame = tempFrame;
}

@end

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<pre name="code" class="objc">#import "MJViewController.h"

@interface MJViewController ()
- (IBAction)moveAndBig;

- (IBAction)move:(UIButton *)btn;

- (IBAction)big;
- (IBAction)small;

// 头像
@property (nonatomic, weak) IBOutlet UIButton *head;
@end

@implementation MJViewController

- (IBAction)moveAndBig
{
    // 1.开启动画（下面两行代码是让下面坐标和图片大小慢慢的改变：见第7讲截屏：31~33）
    [UIView beginAnimations:nil context:nil];
	//让这个动画持续2秒（慢慢变化）
    [UIView setAnimationDuration:2.0];
    
    // 2.修改属性
    CGRect tempF = self.head.frame;
    tempF.origin.x += 50;
    tempF.origin.y += 100;
    
    tempF.size.width += 50;
    tempF.size.height += 50;
    self.head.frame = tempF;
    
    // 3.提交动画
    [UIView commitAnimations];
}

#pragma mark 移动(上下左右)
- (IBAction)move:(UIButton *)btn
{
    // 1.取出原来的属性
    CGRect tempF = self.head.frame;
    
    // 2.修改临时属性
    CGFloat delta = 10;
    switch (btn.tag) {
        case 10: // 上
            tempF.origin.y -= delta;
            break;
            
        case 20: // 下
            tempF.origin.y += delta;
            break;
            
        case 30: // 左
            tempF.origin.x -= delta;
            break;
            
        case 40: // 右
            tempF.origin.x += delta;
            break;
    }
    
    // 3.重新赋值
    self.head.frame = tempF;
}

#pragma mark 放大
- (IBAction)big;
{
    // 1.取出原来的属性
    CGRect tempFrame = self.head.frame;
    
    // 2.改变临时属性
    tempFrame.size.width += 20;
    tempFrame.size.height += 20;
    
    // 3.用临时属性覆盖原来的属性
    self.head.frame = tempFrame;
}

#pragma mark 缩小
- (IBAction)small
{
    // 1.取出原来的属性
    CGRect tempFrame = self.head.frame;
    
    // 2.改变临时属性
    tempFrame.size.width -= 20;
    tempFrame.size.height -= 20;
    
    // 3.用临时属性覆盖原来的属性
    self.head.frame = tempFrame;
}

@end