// 方式一
// 1.开始动画
[UIView beginAnimations:nil context:nil];
[UIView setAnimationDuration:2.0]; // 设置动画时长
// 1.动画代码
CGRect frame = self.orangeView.frame;
frame.origin.x += 10;
self.orangeView.frame = frame;
// 提交动画
[UIView commitAnimations];
// 方式二
[UIView animateWithDuration:1.0 animations:^{
// 动画代码
CGRect frame = self.orangeView.frame;
frame.origin.x += 40;
self.orangeView.frame = frame;
}];
// 方式三
[UIView animateWithDuration:1.0 animations:^{
// 执行动画
CGRect frame = self.orangeView.frame;
frame.origin.x += 40;
self.orangeView.frame = frame;
} completion:^(BOOL finished) {
// 动画完成做什么事情
self.orangeView.backgroundColor = [UIColor blueColor];
}];
// 方式四
// UIViewAnimationOptionCurveEaseInOut 缓入缓出
// UIViewAnimationOptionCurveEaseIn 缓入
// UIViewAnimationOptionCurveEaseOut 缓出
// UIViewAnimationOptionCurveLinear 线性
// delay: 延时执行
[UIView animateWithDuration:0.6 delay:0 options:UIViewAnimationOptionCurveLinear animations:^{
// 执行动画
CGRect frame = self.orangeView.frame;
frame.origin.x += 100;
self.orangeView.frame = frame;
} completion:^(BOOL finished) {
// 动画完成做什么事情
self.orangeView.backgroundColor = [UIColor blackColor];
}];
#渐变动画#iOS 中的渐变动画
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 前言 你是否注意到,“渐变设计”已经成为了一种美的体验。无论是APP的icon,还是PPT的背景,渐变色都比纯色要...
- 前言 在dribbble看到一个Switch动画效果就手痒想实现,下面就是我实现的思路。 源代码 GitHub地址...
- 先上一下效果图 1.首先通过CAShapeLayer和贝塞尔曲线搭配的方法,创建出圆形进度条 先简单的介绍下CAS...
- 一丶原理 先看下效果: 无渐变: 由2个圆环,一个背景灰色圆环+一个进度圆环; 1.圆环 CAShapeLayer...