animation

一、position属性四个值区别和用法 1、 static （静态定位） ： 默认值，无法使用top,bottom,left,right以及z-index，这种定位方式用margin来改变位置，并且不脱离文档流。 2、 relative （相对定位） ：生成相对定位的元素，通过top,bottom,left,right的设置相对于其 正常（原先本身） 位置进行定位。可通过z-index进行层次分级。 （一般用作改变层级和作为绝对定位的参照物） 　　 3、 absolute （绝对定位） ：生成绝对定位的元素，相对于 static 定位以外 的 第一个父元素 进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。可通过z-index进行层次分级。 如果说他的父级定位是默认的，那么他就会继续向上找父级的父级，直到找到非static定位元素为基准点来进行定位，在没有父元素的条件下，它的参照为body。 4、 fixed （固定定位） ： 固定定位，这种定位是相对于 浏览器的窗口 进行定位，通常用来显示一些提示信息，比如大多数网站上的右下角都有一个回到顶部的按钮，这种定位脱离文档流，元素的位置通过 left, top, right 以及 bottom 属性进行规定。可通过z-index进行层次分级。 二、display:none

Tween动画和Frame动画 1、Android平台提供了两类动画，分别是Tween动画和Frame动画。 Tween通过场景里的对象不断的进行图片的变换，比如平移、渐变、缩放、 旋转等来产生动画效果； Frame动画叫做顺序播放实现做好的图像和电影类似。另外加上gif动画， 因为如果直接使用Bitmap或其他方法直接调用gif图片资源的话，显示的 是静态的，如果要做成动态的，就需要一些其他的方法来实现。 Tween动画分类： Alpha：渐变透明度动画 Scale：渐变尺寸伸缩动画 Translate：画面转换位置移动动画 Rotate：画面转移旋转动画 有两种方式(java，xml)： java: AlphaAnimation anim = new AlphaAnimation(0,1); anim.setDuration(3000); imageView.startAnimation(anim); xml: res/anim <?xml version="1.0" encoding="utf-8"?> <alpha xmlns:android="http://schemas.android.com/apk/res/android" android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="2000" >

一下是从w3c上面考下来了的， animation ：[[ animation-name ] || [ animation-duration ] || [ animation-timing-function ] || [ animation-delay ] || [ animation-iteration-count ] || [ animation-direction ]] [ , [ animation-name ] || [ animation-duration ] || [ animation-timing-function ] || [ animation-delay ] || [ animation-iteration-count ] || [ animation-direction ]]* 独立属性 [ animation-name ]：检索或设置对象所应用的动画名称 [ animation-duration ]：检索或设置对象动画的持续时间 [ animation-timing-function ]：检索或设置对象动画的过渡类型 [ animation-delay ]：检索或设置对象动画延迟的时间 [ animation-iteration-count ]：检索或设置对象动画的循环次数 [ animation-direction ]

全新的css3加入的动画效果： [ animation-name ]：检索或设置对象所应用的动画名称 [ animation-duration ]： 检索或设置对象动画的持续时间 [ animation-timing-function ] ：检索或设置对象动画的过渡类型 [ animation-delay ]： 检索或设置对象动画延迟的时间 [ animation-iteration-count ]： 检索或设置对象动画的循环次数 [ animation-direction ]： 检索或设置对象动画在循环中是否反向运动 [ animation-play-state ]： 检索或设置对象动画的状态。 来源： https://www.cnblogs.com/wenshengya/p/7074081.html

补间动画 1.作用对象 安卓视图控件（view） 2.效果 1.平移动画：对应TranslateAnimation类 2.缩放动画：对应ScaleAnimation类 3.旋转动画：对应RotateAnimation类 4.透明度动画：对应AlphaAnimation类 3.具体使用 使用方式 首先介绍在xml文件中设置动画效果的公有属性 android : duration = "3000" 动画持续时间（ms） android : startOffset = "0" 动画延迟开始时间（ms） android : fillBefore = "true" 动画播放完后，视图是否会停留在动画开始的状态，默认为 true android : fillAfter = "false" 动画播放完后，视图是否会停留在动画结束的状态，优先于fillBefore值，默认为 false android : fillEnabled = "true" 是否应用fillBefore值，对fillAfter值无影响，默认为 true android : repeatMode = "restart" 选择重复播放动画模式，restart代表正序重放，reverse代表倒序回放，默认为restart android : repeatCount = "1" 重放次数（所以动画的播放次数 = 重放次数 + 1 ）

在上一篇的时候，我们讲解了怎么做一个登录界面，但是之后呢？完全是草草结尾的感觉嘛，这不，接下来就是给大家详细说说，这个登录里面不得鸟的故事。先来看一个登录的过程~~ 分析 可能上面的 gif 图不是很真切，这上面展示了两个功能： 颜色变换的闪屏页面 动画效果的登录页面 有没有感觉这样的登录好像还不错呢，哈哈哈，接下来就详细分析一下这其中的玄机~~ 路由 一般我们的页面跳转都会涉及到路由，路由就是从一个页面跳转到另一个页面的过程，就比如Android中的 Activity 或IOS中的 ViewController 的跳转。 在Flutter中所以的路由都使用 Navigator 来进行管理的，换句话说它就是让这些本来相对独立的个体形成一个完美的整体。那么 Navigator 是直接管理的就是页面吗？当然不是，实际上它管理是 Route 对象，而且提供了管理堆栈的相关方法，比如： Navigator.push （入栈） Navigator.pop （出栈） 虽然能够直接创建一个 navigator ，但是呢，一般不建议这样直接使用，我们常常通过 WidgetsApp 或者 MaterialApp 去创建。还记得 第一篇 的时候，就跟大家提过，Flutter提供了许多widgets，可帮助您构建遵循 Material Design 的应用程序