UIView 的旋转与缩放以及同时应用两种效果

原文地址：http://www.travelchu.com/2014/08/13/uiview-%E7%9A%84%E6%97%8B%E8%BD%AC%E4%B8%8E%E7%BC%A9%E6%94%BE%E4%BB%A5%E5%8F%8A%E5%90%8C%E6%97%B6%E5%BA%94%E7%94%A8%E4%B8%A4%E7%A7%8D%E6%95%88%E6%9E%9C%EF%BC%88%E4%B8%80%EF%BC%89/

第二篇地址：http://www.travelchu.com/2014/08/13/uiview-%E7%9A%84%E6%97%8B%E8%BD%AC%E4%B8%8E%E7%BC%A9%E6%94%BE%E4%BB%A5%E5%8F%8A%E5%90%8C%E6%97%B6%E5%BA%94%E7%94%A8%E4%B8%A4%E7%A7%8D%E6%95%88%E6%9E%9C%EF%BC%88%E4%BA%8C%EF%BC%89/

第三篇地址：http://www.travelchu.com/2014/08/13/%E5%A6%82%E4%BD%95%E7%A7%BB%E5%8A%A8%E5%BA%94%E7%94%A8%E4%BA%86cgaffinetransform%E6%95%88%E6%9E%9C%E7%9A%84uiview/

对于UIView的缩放，最简单的方法可以是修改view的frame，这里不做讨论。

我们来讨论一下 CGAffineTransform在UIView的缩放与旋转上的应用。以下假设view为UIView的一个实例。
1. UIView的缩放
CGAffineTransform 提供了两个方法用于缩放，分别是CGAffineTransform CGAffineTransformMakeScale(CGFloat sx, CGFloat sy)和CGAffineTransform CGAffineTransformScale(CGAffineTransform t,CGFloat sx, CGFloat sy)。

1.1 CGAffineTransformMakeScale(CGFloat sx, CGFloat sy)
这个方法可以方便的对view的长和宽进行缩放，不改变view的中心点。注意！中心点不变指的是物理位置不变，不是坐标，因为坐标系此时已经发生改变。
例如：对view进行0.5等比缩放：

1	view . transform = CGAffineTransformMakeScale ( 0.5 , 0.5 ) ;

 

1.2 CGAffineTransformScale(CGAffineTransform t,CGFloat sx, CGFloat sy)
这个方法同样是view的长和宽进行缩放，效果类似CGAffineTransformMakeScale(CGFloat sx, CGFloat sy)不同的是这个方法可以叠加其他CGAffineTransform效果（比如旋转）
例如：对view进行0.5等比缩放：

1	view . transform = CGAffineTransformScale ( view . transform , 0.5 , 0.5 ) ;

 

2. UIView的旋转
CGAffineTransform 提供了两个方法用于旋转，分别是CGAffineTransform CGAffineTransformMakeRotation(CGFloat angle)和CGAffineTransform CGAffineTransformRotate(CGAffineTransform t, CGFloat angle)。

2.1 CGAffineTransformMakeRotation(CGFloat angle)
这个方法可以方便的对view进行旋转，不改变view的中心点。注意！中心点不变指的是物理位置不变，不是坐标，因为坐标系此时已经发生改变。
例如：对view进行45度旋转：

1	view . transform = CGAffineTransformMakeRotation ( M_PI_2 ) ;

 

2.2 CGAffineTransformRotate(CGAffineTransform t, CGFloat angle)
这个方法同样是对view进行旋转，效果类似 CGAffineTransformMakeRotation(CGFloat angle)不同的是这个方法可以叠加其他CGAffineTransform效果（比如缩放）
例如：对view进行45度旋转：

1	view . transform =    CGAffineTransformRotate ( view . transform , M_PI_2 ) ;

在UIView 的旋转与缩放以及同时应用两种效果（一）中，我们介绍了对UIView进行缩放与旋转的几种方法，这篇文章讲继续这些方法的具体应用的探讨。

我们考虑这样一种需求：对UIView同时进行缩放和旋转（以0.5倍等比缩放和45度旋转为例）。

在我自己的实践中，最开始的想法很简单，CGAffineTransformMakeScale(0.5, 0.5)进行缩放，接着使用CGAffineTransformMakeRotation (M_PI_2)进行旋转，问题马上出来了，view并不会在缩放的同时进行旋转，而是只应用了最后的旋转效果。

一番研究之后，找到了可行的解决方案，即：

分别使用CGAffineTransformMakeScale(CGFloat sx, CGFloat sy)和CGAffineTransform CGAffineTransformScale(CGAffineTransform t,CGFloat sx, CGFloat sy)替换上面的两个方法，具体代码如下：

1 2	view . transform = CGAffineTransformScale ( view . transform , 0.5 , 0.5 ) ; view . transform =    CGAffineTransformRotate ( view . transform , M_PI_2 ) ;

 

到此，我们在缩放的同时旋转的目的已经达到，但探索的脚步还要向前，新的问题是：

如何移动应用了CGAffineTransform效果的view？

让我们在如何移动应用了CGAffineTransform效果的UIView里继续探讨

在UIView 的旋转与缩放以及同时应用两种效果（一）与 UIView 的旋转与缩放以及同时应用两种效果（二）中我们探讨了如何对UIView应用旋转以及缩放效果，下面我们来探讨一下如何对应用了CGAffineTransform效果的UIView进行移动操作。（这里假设view是UIView的一个实例，中心点原始坐标为（50，50））

通常我们怎么改变一个view的位置呢？你肯定想得到，那就是设置一个新的中心点给view。代码是如此简单：

1	view . center = CGPointMake ( 100.0 , 50.0 ) ;

 

可是等等，我的view刚刚应用了旋转和缩放效果，现在我只是移动了一点点的距离怎么看起来view在乱跑，完全不是我要的（100，50）；

如前面两篇博文所讲，在应用旋转与缩放效果时，已经对原始的坐标系有了影响。我们知道CGAffineTransform是一个矩阵变换，所以我们只要根据矩阵变换的知识，计算出我们需要的中心点不就行了？可是。。。数学早忘光了，该怎么办？

在Apple的文档中我注意到这样一个方法：CGAffineTransformCGAffineTransformTranslate(CGAffineTransform t,  CGFloat tx, CGFloat ty)

问题迎刃而解。假设在view的touch begin方法里去的了拖动的其实坐标，那么在touch move方法里你可用如下代码实现view的拖动操作（这里的self指的是view本身）：

Objective-C

1 2 3

float offsetX = currentPoint . x - _touchBeginPoint . x ; float offsetY = currentPoint . y - _touchBeginPoint . y ; self . transform = CGAffineTransformTranslate ( self . transform , offsetX , offsetY ) ;