UIKit基础:7.UIView的常用属性 - Transform属性的基本认识

前面, 我们讲解了UIView的常用属性的三个, 分别是Frame, Bounds, Center, 现在我们来学学更好玩一些的属性, 它就是Transform属性, 先卖一下关子先, 下面我们来看看Transform到底是什么.

首先我们要搭建一个storyboard的界面, 并且关联他们的方法:

看到这里, 应该会有人发现, 为什么我这里就只有两个方法和一个属性呢? 其实我在storyboard里给那几个UIButton设置了不同的tag标签, 然后把他们分别归类关联到对应的方法里, 在前面我就已经讲过设置的方法了, 大家可以回去看看, 现在我们来看看例子.

例子:

- (IBAction)rotateButton:(UIButton *)sender
{
    CGAffineTransform transform = CGAffineTransformRotate(_grayView.transform, M_2_PI);
    CGAffineTransform transform1 = CGAffineTransformMakeRotation(-M_2_PI);
    switch (sender.tag) {
        case 0:
            [_grayView setTransform:transform1];
            break;
        case 1:
            [_grayView setTransform:transform];
            break;
            
        default:
            break;
    }
}

这个方法是用来控制grayView的旋转, 好奇的人应该会发现, 上面有两个不同的方法, 一个是CGAffineTransformXXXXX(), 一个是CGAffineTransformMakeXXXXX(), 这两个方法的区别在哪里呢? 下面来看看:

CGAffineTransformXXXXX(): 里面有传入两个参数, 第一个参数是传入的View对象, 第二个参数是旋转的角度, 也就是我们的π,这个方法是可持续旋转的.

CGAffineTransformMakeXXXXX(): 里面只有一个传入参数, 传入的只有旋转角度, 不可以持续旋转的.

这两个方法各有各的好处和坏处, 大家看着需求来使用.

讲完旋转, 我们来看看平移:

// 平移的方法
- (IBAction)moveButton:(UIButton *)sender
{
    // 向上移动10个像素点
    CGAffineTransform transform1 = CGAffineTransformTranslate(_grayView.transform, 0, -10);
    
    // 向右移动10个像素点
    CGAffineTransform transform2 = CGAffineTransformTranslate(_grayView.transform, 10, 0);
    
    // 向下移动10个像素点
    CGAffineTransform transform3 = CGAffineTransformTranslate(_grayView.transform, 0, 10);
    
    // 向左移动10个像素点
    CGAffineTransform transform4 = CGAffineTransformTranslate(_grayView.transform, -10, 0);

    switch (sender.tag) {
        case 0:
            [_grayView setTransform:transform1];
            break;
        case 1:
            [_grayView setTransform:transform2];
            break;
        case 2:
            [_grayView setTransform:transform3];
            break;
        case 3:
            [_grayView setTransform:transform4];
            break;
            
        default:
            break;
    }
}

我们来看看效果图:

在这里, 我多点了几下下移, 所以就往下走了很多, 我们继续说说缩放的方法:

- (void)scaleButton:(UIButton *)sender
{
    CGAffineTransform transfrom = CGAffineTransformScale(_grayView.transform, 0.9, 0.9);
    CGAffineTransform transfrom1 = CGAffineTransformScale(_grayView.transform, 1.1, 1.1);
    switch (sender.tag) {
        case 0:
            [_grayView setTransform:transfrom1];
            break;
        case 1:
            [_grayView setTransform:transfrom];
            break;
        default:
            break;
    }
}

这里要说一下缩放方法里面的参数, 1代表的是原图的比例, 如果比1小, 那么就是缩小, 反之, 如果比1大, 那就是放大, 看看效果图:

                

这就是我们今天所要说的内容啦, 而我在实现这些方法的时候, 都使用了tag标签, 这个标签非常好用, 大家回去自己尝试一下看看.

好了, 这次我们就讲到这里, 下次我们继续~~