iOS利用UIView实现渐变动画

UIView本身有一个类方法 animateWithDuration 可以简单实现动画效果

简单从平移、缩放、透明度三个方向,都是修改frame来实现

平移效果的实现代码

/***  平移*/
- (IBAction)translate {// 渐变动画// 方式一/*// 1. 开始动画[UIView beginAnimations:nil context:nil];[UIView setAnimationDuration:1.0];// 2.动画代码CGRect frame = self.animationView.frame;frame.origin.y -= 50;self.animationView.frame = frame;// 3.提交动画[UIView commitAnimations];*/// 方式二:/*[UIView animateWithDuration:2.0 animations:^{// 1.动画代码CGRect frame = self.animationView.frame;frame.origin.y -= 50;self.animationView.frame = frame;}];*//*[UIView animateWithDuration:1.0 animations:^{// 执行动画CGRect frame = self.animationView.frame;frame.origin.y -= 50;self.animationView.frame = frame;} completion:^(BOOL finished) {// 动画完成做什么事情self.animationView.backgroundColor = [UIColor blackColor];}];*//*UIViewAnimationOptionCurveEaseInOut  动画开始/结束比较缓慢,中间相对较快UIViewAnimationOptionCurveEaseIn     动画开始比较缓慢UIViewAnimationOptionCurveEaseOut    动画结束比较缓慢UIViewAnimationOptionCurveLinear     线性---> 匀速*/[UIView animateWithDuration:1.0 delay:1.0 options:UIViewAnimationOptionCurveEaseInOut animations:^{CGRect frame = self.animationView.frame;frame.origin.y += 50;self.animationView.frame = frame;} completion:^(BOOL finished) {self.animationView.backgroundColor = [UIColor greenColor];}];
}

缩放效果

/***  缩放*/
- (IBAction)scale {[UIView animateWithDuration:1.0 delay:1.0 options:UIViewAnimationOptionCurveEaseIn animations:^{// 执行动画CGRect frame = self.animationView.frame;frame.size = CGSizeMake(100, 150);self.animationView.frame = frame;} completion:^(BOOL finished) {//动画完成[UIView animateWithDuration:2.0 animations:^{self.animationView.alpha -= 0.9;}];}];
}

透明度的修改

/***  透明度动画*/
- (IBAction)alpha {[UIView animateWithDuration:1.0 delay:0.5 options:UIViewAnimationOptionCurveEaseOut animations:^{// 执行动画self.animationView.alpha -= 0.9;} completion:^(BOOL finished) {// 动画完成做什么事情[UIView animateWithDuration:2.0 animations:^{self.animationView.alpha += 0.9;}];}];
}

iOS利用UIView实现渐变动画相关推荐

iOS利用UIView自定义播放器进度条
前段时间做项目遇到播放器自定义进度条的需求,刚开始想的是继承自系统的UISlider去做,内部重写系统方法完成样式定制.后来遇到头疼的问题,在iphone6.7手机上样式显示正常,遇到plus手机进度 ...
UIView封装动画--iOS利用系统提供方法来做关键帧动画
iOS利用系统提供方法来做关键帧动画 ios7以后才有用. /*关键帧动画options:UIViewKeyframeAnimationOptions类型*/[UIView animateKeyfra ...
iOS个人中心渐变动画、微信对话框、标签选择器、自定义导航栏、短信验证输入框等源码...
iOS精选源码简单的个人中心页面-自定义导航栏并予以渐变动画程序员取悦女票的正确姿势---Tip1(iOS美容篇) iOS 前台重启应用和清除角标的问题微信原生提醒对话框3.0 JHLikeBu ...
系统学习iOS动画 —— 渐变动画
这个是希望达成的效果: 先创建需要的控件: class ViewController: UIViewController {let timeLabel = UILabel()override func ...
iOS之UIview动画
一.UIView动画(首尾) 1.简单说明 UIKit直接将动画集成到UIView类中,当内部的一些属性发生改变时,UIView将为这些改变提供动画支持执行动画所需要的工作由UIView类自动完成, ...
iOS开发UI篇—核心动画(UIView封装动画)
一.UIView动画(首尾) 1.简单说明 UIKit直接将动画集成到UIView类中,当内部的一些属性发生改变时,UIView将为这些改变提供动画支持执行动画所需要的工作由UIView类自动完成, ...
十 iOS 之UIVIew动画和核心动画的区别
UIVIew动画和核心动画的区别先看一个动画效果这是一个很简单的动画,我让这个红色的view从(153,139)的位置平移到(200,400)的位置用核心动画 ViewController. ...
【IOS开发进阶系列】动画专题
1 CALayer IOS SDK详解之CALayer(一) http://doc.okbase.net/Hello_Hwc/archive/123447.html 1.1 基本概念 1.1.1 CA ...
android 矢量粒子动画,iOS CAEmitterLayer实现粒子发射动画效果
iOS实现粒子发射动画效果图动画效果用 CAEmitterLayer 实现.CAEmitterLayer 显示粒子发射动画,具体的粒子由 CAEmitterCell 封装.代码示例是展示 CAEmi ...

iOS利用UIView实现渐变动画

iOS利用UIView实现渐变动画相关推荐

最新文章

热门文章