IOS 以随意点为圆心 旋转UIView

环绕底边中点旋转

                   

UIView本身是支持旋转的,能够用UIView.transform属性实现旋转。

The origin of the transform is the value of the center property, or the layer’s anchorPoint property if it was changed.

这个旋转默认是环绕这UIView.center或者UIView.layer.anchorPoint旋转的。

似乎UIView.layer.anchorPoint属性给了我们一个能实现环绕随意点旋转的可能,其实也确实可以通过UIView.layer.anchorPoint实现环绕随意点旋转。

囿于UIView.layer.anchorPoint属性的复杂性、关联性太强(參考http://www.cnblogs.com/benbenzhu/p/3615516.html),我尝试从其它方向入手。

幸运的是,这问题在数学上早已解决(不应这么说,因果弄反了,数学上解决后。计算机才应用),就是用仿射矩阵变换。

环绕随意点旋转的仿射矩阵例如以下(摘自百度百科):

目标图形以(x, y)为轴心逆时针旋转theta弧度,变换矩阵为:
[ cos(theta)   -sin(theta)     x-x*cos+y*sin]
[ sin(theta)   cos(theta)      y-x*sin-y*cos ]
[ 0             0                  1        ]
相当于两次平移变换与一次原点旋转变换的复合:
[1 0 x] [cos(theta) -sin(theta) 0]  [1 0- x]
[0 1 y] [sin(theta) cos(theta)  0]  [0 1 -y]
[0 0 1] [ 0          0          1]  [0 0 1]
这里是以空间任一点为圆心旋转的情况。

能够直接使用上面第一个公式计算放射矩阵。

我依据上面第二个等效公式和ios的API。归纳出以下函数,用于计算仿射矩阵。实现环绕UIView的坐标系的随意点旋转。

CGAffineTransform  GetCGAffineTransformRotateAroundPoint(float centerX, float centerY ,float x ,float y ,float angle)
{
    x = x - centerX; //计算(x,y)从(0,0)为原点的坐标系变换到(CenterX ,CenterY)为原点的坐标系下的坐标
    y = y - centerY; //(0,0)坐标系的右横轴、下竖轴是正轴,(CenterX,CenterY)坐标系的正轴也一样

    CGAffineTransform  trans = CGAffineTransformMakeTranslation(x, y);
    trans = CGAffineTransformRotate(trans,angle);
    trans = CGAffineTransformTranslate(trans,-x, -y);
    return trans;
}

当中(centerX。centerY)是UIView.center属性值.须要注意的是每次设置UIView.transform时。最好先设置为CGAffineTransformIdentity以恢复UIView为初始视图,否则会有意想不到的效果

示意代码

UIView *view = ......

float centerX = view.bounds.size.width/2;
float centerY = view.bounds.size.height/2;
float x = view.bounds.size.width/2;
float y = view.bounds.size.height;

CGAffineTransform trans = GetCGAffineTransformRotateAroundPoint(centerX,centerY ,x ,y ,45.0/180.0*M_PI);
view.transform = CGAffineTransformIdentity;
view.transform = trans;
时间: 2024-10-07 17:52:50

IOS 以随意点为圆心 旋转UIView的相关文章

IOS 以任意点为圆心 旋转UIView

围绕底边中点旋转                     UIView本身是支持旋转的,可以用UIView.transform属性实现旋转. The origin of the transform is the value of the center property, or the layer's anchorPoint property if it was changed. 这个旋转默认是围绕这UIView.center或者UIView.layer.anchorPoint旋转的.似乎UIVi

iOS 特定图片的按钮的旋转动画

最近做的东西中,要为一个有特定图片的按钮添加旋转动画,Demo代码如下: #import "ViewController.h" @interface ViewController () { BOOL flag; } @property (strong, nonatomic) UIImageView *imageView; @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; flag

iOS围绕某点缩放或旋转的AnchorPoint的设定

经常会遇到需求,要求手势的缩放或者旋转操作,要求动作变化围绕某一个特定点,或者是两指的中心点,或者是某一个点. 这个问题首先要清晰的知道,iOS各个view的层次关系.特别是,要清除的知道,当前view的frame与superView的bounds是一个坐标系. 具体来讲,AnchorPoint 是iOS CoreAnimation层的事物.图层的anchorPoint属性是一个CGPoint值,它指定了一个基于图层bounds的符合位置坐标系的位置.Anchor point指定了bounds相

iOS动画和特效(一)UIView动画和CoreAnimation

一个简单的例子作为iOS动画系类的开始 QuickExampleViewController UIView的方法中有几个易用的静态方法可以做出动画效果,分别是UIView.beginAnimations() -> UIView.commitAnimations() 和UIView.animateWithDuration()方法 我们以一个UIView,每点击一次向右移动100,变色,加速运动这个简单的动效作为例子. 转载请注明出处 使用UIView.beginAnimations() -> U

iOS Programming Recipe 6: Creating a custom UIView using a Nib

iOS Programming Recipe 6: Creating a custom UIView using a Nib JANUARY 7, 2013 BY MIKETT 12 COMMENTS Creating a custom UIView using a Nib Assumptions You are familiar with creating UIView subclasses, and instantiating UIView's both from a Nib file or

poj 1106(半圆围绕圆心旋转能够覆盖平面内最多的点)

Transmitters Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 4955   Accepted: 2624 Description In a wireless network with multiple transmitters sending on the same frequencies, it is often a requirement that signals don't overlap, or at

iOS如何随意的穿插跳跃,push来pop去

iOS如何随意的穿插跳跃,push来pop去? 主题思想:如A.B.C.D 四个视图控制器. 想要在 A push B 后, B 在push 到 D ,然后从 D pop 到 C ,在从 C pop 的A 解决方法如下: 1.假如此时在 A 控制器下,想要到 push 到 B, 可以这样写 [self.navigationController pushViewController: B :YES]; 这时 self.navigationController.viewControllers 中按顺

ios系统 竖屏拍照 canvas处理后 图片旋转(利用exif.js解决ios手机上传竖拍照片旋转90度问题)

转:https://www.cnblogs.com/lovelgx/articles/8656615.html ---恢复内容开始--- 问题:html5+canvas进行移动端手机照片上传时,发现ios手机上传竖拍照片会逆时针旋转90度,横拍照片无此问题:Android手机没这个问题. 解决方法:利用exif.js解决ios手机上传竖拍照片旋转90度问题 因此解决这个问题的思路是:获取到照片拍摄的方向角,对非横拍的ios照片进行角度旋转修正. 利用exif.js读取照片的拍摄信息,详见 htt

ios新手开发——toast提示和旋转图片加载框

不知不觉自学ios已经四个月了,从OC语法到app开发,过程虽然枯燥无味,但是结果还是挺有成就感的,在此分享我的ios开发之路中的小小心得~废话不多说,先上我们今天要实现的效果图: 有过一点做APP经验的都知道,提示框和等待加载框一直是APP首当其中的效果,ios不像android一样,自带toast和progressbarDialog,所以在做ios开发的时候,我首先想到了先封装这两个基础控件~当然网上的资源数不胜数,但是博主抱着一颗自主研究的精神,做出的效果也不错,也已适配了所有iphone