CALayer之anchorPoint分析

anchorPoint：CALayer中心点，动画特效的中心点，取值区间[0.0, 1.0]，默认为(0.5, 0.5);

position：CALayer中心点坐标；

frame.origin：由anchorPoint、position共同计算得出：

frame.origin.x = position.x - anchorPoint * bounds.size.width;

frame.origin.y = position.y - anchorPoint * bounds.size.height;

frame.size.width = bounds.size.width;

frame.size.height = bounds.size.height;

有些动画效果需要我们修改anchorPoint，比如绕着自身某条边旋转等。

当我们改变了anchorPoint，计算出的frame.origin也会随之改变，因此最终显示的图像就会发生偏移，这时就需要我们对position或frame做适当的修改。

例如：在屏幕上显示一个蓝色button

UIButton *btnBlue = [[UIButton alloc] initWithFrame:CGRectMake(50, 50, 100, 100)];

btnBlue.backgroundColor = [UIColor blueColor];

CGRect oldFrame = btnBlue.layer.frame;

修改anchorPoint：

CGPoint anchorPoint = CGPointMake(0.0, 0.5);

btnBlue.layer.anchorPoint = anchorPoint;

修改之后，btnBlue显示位置向右偏移。

解决办法：

1.修改position

btnBlue.layer.position = CGPointMake(btnBlue.layer.position.x - btnBlue.layer.frame.size.width * (0.5 - anchorPoint.x),

btnBlue.layer.position.y - btnBlue.layer.frame.size.height * (0.5 - anchorPoint.y);

2.直接修改frame

btnBlue.layer.frame = oldFrame.

这样，btnBlue就显示正常了。

CALayer之anchorPoint分析相关推荐

详解CALayer的anchorPoint和position
CALayer CALayer属于QuartzCore框架,用于在iOS和Mac OS系统上可见元素的绘制,和属于UIKit框架的UIView的关系是,UIView默认会创建一个CALayer属性,用 ...
iOS CALayer动画原理分析
一.引出问题在开始分析原理之前,我们先来看一个问题: 我们都知道 UIView与 CALayer之间的关系,通俗的来说,UIView内部封装了一个 CALayer, 其中 CALayer负责展示UI ...
iOS CALayer anchorPoint 的应用场景
背景最近在看<ios核心动画高级技巧>,这本书的中文版本可以在iOS Core Animation: Advanced Techniques中文译本这里找到,看到图形几何学这一章,其中 ...
ios开发——使用CALayer和Core Animation做动画效果
一. CALayer (一). CALayer简介在iOS中,你能看得见摸得着的东西基本上都是UIView,比如一个按钮.一个文本标签.一个文本输入框.一个图标等等,这些都是UIView,其实UIV ...
彻底理解position与anchorPoint
引言相信初接触到CALayer的人都会遇到以下几个问题: 为什么修改anchorPoint会移动layer的位置? CALayer的position点是哪一点呢? anchorPoint与posi ...
Position anchorPoint 深入
引言相信初接触到CALayer的人都会遇到以下几个问题: 为什么修改anchorPoint会移动layer的位置? CALayer的position点是哪一点呢? anchorPoint与posi ...
iOS_核心动画（二）
目录: 一.Core Animation开发步骤二.Core Animation的继承结构三.CAAnimation常用的属性四.CAPropertyAnimation(属性动画) 五.CAB ...
iOS Core Animation 简明系列教程
iOS Core Animation 简明系列教程看到无数的CA教程,都非常的难懂,各种事务各种图层关系看的人头大.自己就想用通俗的语言翻译给大家听,尽可能准确表达,如果哪里有问题,请您指出我会尽快 ...
【IOS开发进阶系列】动画专题
1 CALayer IOS SDK详解之CALayer(一) http://doc.okbase.net/Hello_Hwc/archive/123447.html 1.1 基本概念 1.1.1 CA ...

CALayer之anchorPoint分析

CALayer之anchorPoint分析相关推荐

最新文章

热门文章