UIKit常用API:Transform

需求

• 使用Transform系列的API，该API中提供了旋转、平移等功能。其中函数中带make的效果是只变化一次，不带make可变化多次。此外，还有恢复函数：CGAffineTransformIdentity。

代码实现

注意按钮绑定的是同一个响应事件，且不同按钮操作的是同一个图片按钮，通过tag可以获取到同一个带背景图的组件。

- (void) test_Common_arrtibute{
    UIButton *btn1 = [[UIButton alloc] initWithFrame:CGRectMake(150, 150, 200, 100)];
    UIButton *btn2 = [[UIButton alloc] initWithFrame:CGRectMake(150, 250, 200, 100)];
    UIButton *btn3 = [[UIButton alloc] initWithFrame:CGRectMake(150, 350, 200, 100)];
    UIButton *btn4 = [[UIButton alloc] initWithFrame:CGRectMake(150, 450, 200, 100)];

    // 需要大小， 设置BGM之前，需先设好大小，不然会报错，明天试试是不是这个原因。
    UIButton *btn5 = [[UIButton alloc] initWithFrame:CGRectMake(150, 80, 100, 100)];
    [btn1 setTitle:@"可变一次按钮" forState:UIControlStateNormal];
    [btn2 setTitle:@"可变多次按钮" forState:UIControlStateNormal];
    [btn3 setTitle:@"旋转按钮" forState:UIControlStateNormal];
    [btn4 setTitle:@"恢复按钮" forState:UIControlStateNormal];
    [btn5 setTitle:@"变化的背景图" forState:UIControlStateNormal];
    [btn5 setBackgroundImage:[UIImage imageNamed:@"1.jpg"] forState:UIControlStateNormal];

    [btn1 setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
    [btn2 setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
    [btn3 setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
    [btn4 setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
    [btn5 setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
    
    // 加tag
    btn1.tag = 1;
    btn2.tag = 2;
    btn3.tag = 3;
    btn4.tag = 4;
    btn5.tag = 5;

    // 测试常见属性：
    // 绑定事件:
    [btn1 addTarget:self action:@selector(test_arrtibute1:) forControlEvents:UIControlEventTouchUpInside];
    //
    [btn2 addTarget:self action:@selector(test_arrtibute1:) forControlEvents:UIControlEventTouchUpInside];
    // 旋转
    [btn3 addTarget:self action:@selector(test_arrtibute1:) forControlEvents:UIControlEventTouchUpInside];
    // 恢复
    [btn4 addTarget:self action:@selector(test_arrtibute1:) forControlEvents:UIControlEventTouchUpInside];
    
    [self.view addSubview:btn1];
    [self.view addSubview:btn2];
    [self.view addSubview:btn3];
    [self.view addSubview:btn4];
    [self.view addSubview:btn5];
}

// addSubview   UIButton的BGM设置：必须初始化和设置大小要在前面

// 测试transform属性：移动一次，该API是按照百分比的
// 移动多次
//旋转
// 总结：带make的是变化1次，而不带make能变多次。
- (void) test_arrtibute1:(UIButton *)sender{
    UIButton * btn = [self.view viewWithTag:5];
    switch (sender.tag) {
        // 虽然按钮不同，但是要变化的是同一个背景图
        // 变换一次
        case 1:
            btn.transform = CGAffineTransformMakeTranslation(0, -50);
            break;
        // 可变换多次
        case 2:
            btn.transform = CGAffineTransformTranslate(btn.transform, 0, 50);
            break;
        // 旋转：负数是逆时针，正数顺时针，且最后的数字是几分之派
        case 3:
            btn.transform = CGAffineTransformRotate(btn.transform, -M_PI_4);
            break;
        // 恢复
        case 4:
            btn.transform = CGAffineTransformIdentity;
            break;
    }
}

@end

效果展示

收获与注意：

熟悉了API，同时发现了一些会犯错的点，需要注意起来：

self view：addsubview：

1. 关于addsubview：在ViewController文件中写的view或组件，均需要做添加addsubview，不论是viewDidLoad函数中还是自定义函数，都使用统一的**[self.view addSubview: ]**; 不论是组件还是View，都需要做addSub添加。

关于组件不显示问题

1. 初始化、frame设置、字体颜色为白色导致不显示、addSubview问题。
2. UIButton报错问题：在设置BGM时，一定得先设置好框体的大小，否则会运行报错。