核心动画之图片折叠和倒影
来源:互联网 发布:云计算的分类 编辑:程序博客网 时间:2024/04/29 18:10
一.图片折叠(渐变动画)
效果图:
学习掌握:弹簧效果;图层;渐变
思路:用两张一模一样的图片可以达到效果
问题:
1. 怎么让两张图片合成一张?
解答: 1.1 让每张图片都只显示一部分--->上部分图只显示上半部分;下部分图,只显示下半部分
1.2 修改上半部分的锚点位置和修改下半部分锚点的位置,让两张图片能合成一张:如果不对position设置,那么默认的点是在中心,然后修改anchorPoint的位置
1.3 在UIImageView上面添加一张UIView,然后对UIView添加手势
2.通过在storyboard中拖线的方式,分别拿到下面定义的属性
2.让两张一抹一样的图片合成一张
代码:position是相对于父控件;anchorPoint是相对于自己-->直接对anchorPoint修改
3.添加手势和添加渐变
代码块一:添加手势
代码块二:添加渐变
4.要旋转的角度和渐变的不透明度
代码块一:旋转角度-->这些代码是在添加在手势中要实现的方法里面
代码块二:渐变的不透明度
5.手指松开后弹簧效果
二.倒影(核心动画)
效果图:
思路:用复制层可以达到这种效果
具体做法:
1.自定义一个UIView将控制器的view修改为复制层
代码:将这句代码一些完,就可以修改控制器的view的类型
2.实现效果的代码
1 0
- 核心动画之图片折叠和倒影
- ios学习之核心动画-图片折叠
- IOS学习之核心动画-倒影
- iOS动画之倒影
- 动画特效二:图片折叠
- 图片圆角和倒影
- android圆角图片和图片倒影
- 图片倒影
- 图片倒影
- 十二 iOS之 折叠图片
- wpf学习篇 之 图片倒影
- Android进阶2之图片倒影效果
- Android进阶2之图片倒影效果 .
- Android进阶2之图片倒影效果
- Android进阶2之图片倒影效果
- Android进阶2之图片倒影效果
- iOS 之 UIView自带动画和核心动画
- 十 iOS 之UIVIew动画 和 核心动画的区别
- 【数据结构与算法】七 █约瑟夫环█ 二 动态规划
- HDU-5349
- 支付宝账户提现的银行账户已经被占用了怎么办
- Find the Duplicate Number
- AndroidStudio中如何打开hierarchyviewer
- 核心动画之图片折叠和倒影
- eventlet引发的学习:python:单线程、多线程、多进程在计算方面的性能对比
- Stanford Segment 使用笔记
- Android-锁屏的应用
- 初次接触vue
- ‘asm’ operand has impossible constraints
- 学习OpenCV2 —— 直方图匹配
- 使用springmvc做项目时资源的的引入问题 (CSS/JS/IMAGES)
- *LeetCode 94. Binary Tree Inorder Traversal