Oc Transform属性制作一些简单动画效果

最新推荐文章于 2020-02-04 12:28:26 发布
最新推荐文章于 2020-02-04 12:28:26 发布
阅读量1.1k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liaoxin2018/article/details/81507828
版权
本文介绍了如何在Objective-C中利用Transform属性实现对象的旋转、平移和缩放动画。通过CGAffineTransform相关函数，可以创建基于控件初始位置或transform参数的形变。此外，还展示了弹簧效果动画和清除动画状态的方法，如UIView的animationDuration、animationCurve等选项的使用。
摘要由CSDN通过智能技术生成

Transform属性
　　在OC中，通过 transform 属性可以修改对象的平移、缩放比例和旋转角度。
　　1）创建“基于控件初始位置”的形变
　　 CGAffineTransformMakeRotation ——旋转
　　 CGAffineTransformMakeTranslation ——平移
　　 CGAffineTransformMakeScale ——缩放
　　2）创建“基于 transform 参数”的形变
　　 CGAffineTransformTranslate
　　 CGAffineTransformScale
　　 CGAffineTransformRotate
补充：在OC中，所有跟角度相关的数值，都为弧度制 180度 = M_PI ， 45度 = M_PI_4 。
　　正数表示顺时针旋转，负数表示逆时针旋转。
　　“基于 transform 参数”的形变可以基于控件上一次的状态进行叠加形变，如先旋转再平移。
一些简单代码

  1. 平移
    CGAffineTransformMakeTranslation(100, 100) 1次
    CGAffineTransformTranslate(self.redView.transform, 50, 0) 多次
  2. 缩放
    CGAffineTransformMakeScale(2, 1) 1次
    CGAffineTransformScale(self.redView.transform,0.01,1) 多次
  3. 旋转
    CGAffineTransformMakeRotation(M_PI_2) 1次
    CGAffineTransformRotate(self.redView.transform, M_PI_2) 多次
  4. 弹簧效果
    [U
最低0.47元/天 解锁文章
liaoxin2018
关注
oc 控件视图旋转以及frame的变化
li198847的博客
05-26 4100
有这样的的一个VIew 点击Button后进行45度的旋转。 两种方式都可以     NSLog(@"self.view2.frame - x - %f y -%f w -%f d -%f",self.view2.frame.origin.x,self.view2.frame.origin.y,self.view2.frame.size.width,self.view2.frame.
OC- transform相关
乘风破浪
03-24 1286
一、基础 //位移（不累加） self.headImageView.transform=CGAffineTransformMakeTranslation(50, 200); //缩放 self.headImageView.transform=CGAffineTransformMakeScale(1.2, 10); //在原有的基础上位移（是累加的） self.h
objective－C 中两种实现动画的方法(转)
记事本
04-11 1973
第一种方法：   view plain [UIView beginAnimations:@"Curl"context:nil];//动画开始   [UIView setAnimationDuration:1.25];//动画持续时间   [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];//动画速
OCC 矩阵变换
weixin_30571465的博客
06-10 580
在OpenCADCADE中, 通过gp_Trsf类来进行矩阵变换操作, 采用矩阵在左的方式: 新点 = 变换矩阵 * 点 基本原理如下: //! Defines a non-persistent transformation in 3D space. //! The following transformations are implemented : //! . Translati...
仿射变换CGAffineTransform
supersun7的专栏
03-27 855
仿射变换： 函数 用途 CGAffineTransformMakeTranslation 通过指定x, y值来创建一个平移矩阵 CGAffineTransformTranslate 在已存在的矩阵中使用平移 CGAffineTransformMakeRotation 通过指定角度来创
利用CABasicAnimation制作简单动画
weixin_43900761的博客
10-16 489
CABasicAnimation制作简单动画CABasicAnimation实例化所用KeyPath以下都是可以针对指定轴（x,y,z轴之一），添加动画效果以下是单一添加动画效果还有一个特例设置动画属性设置动画的Value设置动画次数逆动画回到开始的值添加动画 CABasicAnimation CABasicAnimation是一个类，它继承于CAPropertyAnimation。它可以用来创建...
iOS动画：Stroke和Path动画（9）
tania的专栏
04-29 1284
利用stroke和Path动画制作下拉刷新动画。 首先创建一个虚线圆。 let ovalShapeLayer = CAShapeLayer() ovalShapeLayer.strokeColor = UIColor.white.cgColor//指定path的渲染颜色 ovalShapeLayer.fillColor = UIColor.clear.cgColor//指定圆填...
IOS端K线系列之分时图-呼吸灯的制作(CABasicAnimation)
Kay的记录
05-18 2530
CABasicAnimation介绍在开始之前，我们先来学习一个知识点（大神可略过….）。是关于制作动画的一个点，在平时开发中要是做动画效果可能会经常使用到这段代码：[UIView animateWithDuration:1 animations:^{ //开始做某件事情 } completion:^(BOOL finished) {
Lottie动画使用及原理分析
知更鸟CoolLee的博客
06-05 7683
目录结构： 1.Lottie是什么？ 2.为什么使用Lottie？ 3.Lottie适用于哪些场景？ 4.Lottie的使用和原理 1.Lottie是什么？ Lottie是Airbnb开源的一个动画渲染库，支持多平台，包括iOS、Android、React Native以及Flutter（https://github.com/airbnb/lottie-ios）。除了官方支持的平台，更...
iOS Transform动画
Stay Hungry, Stay Foolish.
02-04 635
Transform动画 iOSTransform动画是基于frame属性结合animate方法构成的动画效果，应用于视图的二维、三维层次的变化。 view.transform：是View的旋转、拉伸、移动等属性，是2D的，是CGAffineTransform属性。 view.layer.transform：是layer层的3D变化，是CATransform3D 属性。 view.transfo...
iOS开发（OC）——绕圆心旋转效果
菜鸟历程
12-29 5225
一、 CAKeyframeAnimation *path=[CAKeyframeAnimation animationWithKeyPath:@"position"]; //矩形的中心就是圆心 CGRect rect=CGRectMake(10, 20, 400, 300); path.duration=5; //绕此圆中心转 path.path=CFAu
OC-UI-005.transform属性，用于平移，放大，旋转
longpapa的博客
12-22 704
平移： 1.self.Btn.transform = CGAffineTransformMakeTranslation(10, 0); 这个函数只能使用一次，它的参照位置是一直保持原来的位置。 2.self.Btn.transform = CGAffineTransformTranslate(self.Btn.transform, x, y); 这个函数可以根据变化，自动变化参照，能够一直使
旋转动画（360度一直转）
C_calary的博客
06-22 1743
iOS 图片的360度旋转
transformX和projectionCenter的设置
技术杂货铺
07-17 827
transformX，transformY和projectionCente设置的不同之处。
IOS利用CGAffineTransform实现图片旋转
的专栏
08-08 2533
实现一张图片的旋转部分角度显示 [objc] view plaincopy UIImageView *image = [[UIImageView alloc]init];        image.frame = CGRectMake(50, 50, 200, 200);        image.image = [UIImage imageNamed:@"460.jp
iOS开发-CGAffineTransformMakeRotation改变了中心解决办法
Colin丶
09-01 1万+
坑爹的。  为了这个问题折腾了2个小时。 恼..今天在写一个时钟demo的时候, 时针的旋转用到了CGAffineTransformMakeRotation, 按理说. 图像的旋转是以图像本身的中心(center)为锚点的, 也就是在旋转过程中, 它的中心是固定的。 就和我们时针的效果一样。比如我下面的时针, 分针, 秒针旋转的代码: NSDate *today = [NSDate date
【iOS开发】transform属性的使用
Paul哥
10-28 1144
1.transform属性在OC中，通过transform属性可以修改对象的平移、缩放比例和旋转角度，常用的创建transform结构体方法分两大类（1） 创建“基于控件初始位置”的形变CGAffineTransformMakeTranslation（平移）CGAffineTransformMakeScale（缩放）CGAffineTransformMakeRotation（旋转） （2） 创建“基
CGAffineTransformMakeRotation 实现旋转
热门推荐
06-05 5万+
实现一张图片的旋转部分角度显示： UIImageView *image = [[UIImageView alloc]init]; image.frame = CGRectMake(50, 50, 200, 200); image.image = [UIImage imageNamed:@"460.jpg"]; [self.view addSubview:image];
Swift3.0实现图片放大缩小动画效果详解
要实现图片的放大缩小动画，一般会使用`UIView.animate(withDuration:animations:)`方法，结合`CALayer`的`transform`属性。例如，可以设置一个初始的缩放比例，然后在点击图片时逐渐增加或减少这个比例，从而实现...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值