动画约束之层动画(一)

动画约束之层动画(一)

该单元介绍层动画的基础部分:

  • View与Layer的区别
  • 层动画的可动画属性
  • 层动画注意点
  • 操作动画
  • 组动画
  • 弹簧动画
  • 关键帧动画

View与Layer的区别

Layer与View不同:
1.Layer是一个模型类,它展示用于显示的属性数据,它没有逻辑实现,它也没有复杂的自动布局的依赖关系,也不处理用户交互
2.它有预先定义的可见特征:这些特征包括内容如何在屏幕上展示,比如边框线条边框颜色,位置和阴影等
3.核心动画会优化layer内容的缓存,并直接使用GPU快速绘制
具体对比来看:
View:
- 复杂的视图,自动布局等
- 用户交互
- 通常有自定义逻辑和自定义绘制代码通过CPU在主线程上执行
- 非常的复杂,功能强大,有很多子类继承它
对于Layer:
- 简单的继承层次结构,更快的解决布局,更快的绘制
- 没有响应者开销(不响应用户交互)
- 一般不会有自定义逻辑,直接通过GPU绘制
- 没有View那么复杂,较少的类继承自它
-
能用View动画就用View动画。需要更多性能,更多灵活性的时候使用layer动画

层动画的可动画属性

Layer中可动画属性:
1.Position and size :
bounds, position , transform

2.Border:
borderColor, borderWidth, cornerRadius
3.Shadow
shadowOffset, shadowOpacity, shadowPath, shadowRadius
4. Contents 
 contents, mask , opacity

viewObject.layer.add()来添加动画

层动画注意点

1.fillMode:在动画之前及动画结束以后,View的显示问题。
2.animation.isRemovedOnCompletion:在层动画结束以后,发现View又返回到原来的地方,可用该属性进行控制:当你动画一个文本框,你实际上看到的并不是该文本框自己在移动。你看到的是展示层的一个缓存版本在移动。当动画结束以后,该展示层被从屏幕上移除,原来的图层将会展示自己。
(animation.isRemovedOnCompletion = false) 这样可以保留该层,但它不能响应用户的手势。

操作动画

可以设置CAAnimation动画实例的代理,从而达到控制动画的目的。它有两个代理方法:

func animationDidStart(_ anim: CAAnimation)
func animationDidStop(_ anim: CAAnimation, finished flag: Bool)

可以用KVC给动画添加属性,在代理中根据属性操作动画。比如移除动画,添加其它动画等。

组动画(CAAnimationGroup)

定义一个组动画,将各子动画的公共属性设置为组动画的属性
一个组动画针对一个Layer,可以为该Layer 添加多个子动画

弹簧动画(CASpringAnimation)

重要属性:
damping:阻尼
mass:质量
stiffness: 重力因素
initial velocity :初速度
duration的时间不能自己指定,要使用settlingDuration属性是根据上面的四个属性计算出来的。

关键帧动画(CAKeyframeAnimation)

重要属性:
values:每帧的值
keyTimes:每帧所用的时间

//qt单元测试用法,qt测试例子,qt单元测试demo,qt单元测试简单例子,qt单元测试例程,qt单元测试简单例子, qt5单元测试例子,qt5单元测试代码,qt5单元测试工程例子,测试运行ok //首先,用标准的qt测试单元导向,建立一个变准的qt单元测试程序框架,建立话好,能编译通过并且执行的。 float tst_untitledtest::calculate_area_of_circle(float r)//计算圆的面积的函数 { return r*r*3.1415926; } void tst_untitledtest::testA() { QFETCH(float,inputR);//QFETCH用户获取testA_data的数据,inputR是浮点型的。 QFETCH(float,resltArea);//resltArea是浮点型的,这两个参数都是在testA_data里面定义的 //QCOMPARE(input,rslt); QCOMPARE(calculate_area_of_circle(inputR), resltArea);//测试结果比较,用宏QCOMPARE。可以直接调用inputR和resltArea。 qDebug()<<"============test ok=============="; } void tst_untitledtest::testA_data() { QTest::addColumn ("inputR");//定义测试数据,添加测试数据,添加一列,此列是输入 QTest::addColumn ("resltArea");//定义测试数据,添加测试数据,添加测试数据,定义一列,是结果 QTest::newRow("a")<<1.0f<<3.14159f;//添加一行测试数据,每行就是每一次测试,对应上面定义的input和result QTest::newRow("b")<<2.0f<<5.0f;//添加一行测试数据,每行就是每一次测试,对应上面定义的input和result QTest::newRow("c")<<3.0f<<6.0f;//添加一行测试数据,每行就是每一次测试,对应上面定义的input和result,所以这是3次第是,3 row } /** ——————————— | inputR | resultArea| __________________________ | a | 1.0f | 5.0f | __________________________ | b | 2.0f | 5.0f | __________________________ | c | 3.0f | 6.0f | -------------------------- **/ 运行结果: ********* Start testing of tst_untitledtest ********* Config: Using QtTest library 5.5.1, Qt 5.5.1 (x86_64-little_endian-llp64 shared (dynamic) debug build; by MSVC 2013) PASS : tst_untitledtest::initTestCase() QDEBUG : tst_untitledtest::testA(a) ============test ok============== PASS : tst_untitledtest::testA(a) FAIL! : tst_untitledtest::testA(b) Compared floats are not the same (fuzzy compare) Actual (calculate_area_of_circle(inputR)): 12.5664 Expected (resltArea) : 5 tst_tst_untitledtest.cpp(36) : failure location FAIL! : tst_untitledtest::testA(c) Compared floats are not the same (fuzzy compare) Actual (calculate_area_of_circle(inputR)): 28.2743 Expected (resltArea) : 6 tst_tst_untitledtest.cpp(36) : failure location PASS : tst_untitledtest::cleanupTestCase() Totals: 3 passed, 2 failed, 0 skipped, 0 blacklisted ********* Finished testing of tst_untitledtest *********
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值