前面, 我们讲解了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标签, 这个标签非常好用, 大家回去自己尝试一下看看.
好了, 这次我们就讲到这里, 下次我们继续~~