美文网首页
基本动画: UIVIew.animationWithDurat

基本动画: UIVIew.animationWithDurat

作者: HackerOnce | 来源:发表于2015-07-19 08:37 被阅读721次

一  用UIView.animationWithDuration可以设定动画的持续时间,任何UIView的对象如UILabel,UIImage View,UITextView等都可以调用它来执行动画,具体的调用方法如下

通常在view will appear里面设定他的某个属性如center,alpha 等为动画的初始值,以设定center设定为例

其中username和password为UILabel,显示UILabel对象的中心点移到屏幕左边

然后在view did appear里面设定

 这样当view出现时就会执行动画可以看到username label对象从左边移到屏幕上

 并非所有的UIView 的属性都能被动画,通常UIView可以添加动画的属性有bounds,frame,center,alpha,backgroundColor,transform

二  UIView动画的其他参数

UIViewAnimationOptions:设定UIKit怎样构建动画,如当设为repeat时动画就会一直被重复的执行,动画第二次执行的初始点就是第一次执行的终点,第三次动画的初始点也是第一次执行的终点,然后反复。也可以设定多个options,  .repeat | .autoreverse,

在真实世界中,会有加速和减速都有一个延缓的动作,在这里可以设定如下的参数

.Linear: 动画没有加速和减速

.CurveEaseIn:   在动画开始的时候有一个加速

.CurveEaseOut: 在动画结束的时候有一个减速的效果

 .CurveEaseInOut:在动画开始的时候加速,在结束的时候减速

usingSpringWithDamping:值的范围是0-1,越接近0,弹跳性越好,

initialSpringVelocity:设定动画的初始速度设定为1,表示初始速度与最终的速度一样,这个值得大小由系统计算出,值越大初始速度越快,如果usingSpringWithDamping的值越小震荡幅度就会越大

三  制作交互式的动画,例如当用户登录时,动画的改变登陆按钮的长度宽度等,会更好的增加用户的体验

上面当用户点击login button时会把loginButton向下移60points,width增加80,并改变背景颜色以吸引用户的注意

相关文章

  • 基本动画: UIVIew.animationWithDurat

    一 用UIView.animationWithDuration可以设定动画的持续时间,任何UIView的对象如UI...

  • 微点滴:iOS动画 (基本动画)

    基本动画iOSApp基本的动画就是移动,旋转,缩放CALayer:隐式动画Block动画(UIView动画):帧动...

  • 核心动画 (2) ----- Core Animation

    前言基本概念基本动画动画组转场动画转场动画 --- UIView 一. 前言 Core Animation是一...

  • 静态库

    静态库简介基本概念基本动画关键帧动画动画组转场动画 一. 静态库简介

  • iOS基础 - 核心动画(转)

    iOS基础 - 核心动画 一、核心动画 l核心动画基本概念 l基本动画 l关键帧动画 l动画组 l转场动画 lCo...

  • iOS动画

    序列帧动画渐变动画基本动画核心动画

  • 一头扎进iOS核心动画(一)

    记录一下学习的笔记 核心动画 核心动画基本概念 基本动画 关键帧动画 动画组 转场动画 Core Animatio...

  • 2018-11-28

    1、CABasicAnimation基本动画 各种属性 CABasicAnimation基本动画 各种属性 - u...

  • iOS动画之UIView动画

    iOS动画 UIView动画 UIViewAnimationOptions参考 1. 基本动画 + (void)a...

  • 五、Vue动画 ------ 2020-05-07

    1、常见的能触发动画的操作及添加动画的方式 2、Vue动画的基本使用:通过添加CSS样式使用 3、Vue动画的基本...

网友评论

      本文标题: 基本动画: UIVIew.animationWithDurat

      本文链接:https://www.haomeiwen.com/subject/hljpqttx.html