动画类型

Android的animation由四种类型组成

XML中

alpha 渐变透明度动画效果
scale 渐变尺寸伸缩动画效果
translate 画面转换位置移动动画效果
rotate 画面转移旋转动画效果

JavaCode中

AlphaAnimation 渐变透明度动画效果
ScaleAnimation 渐变尺寸伸缩动画效果
TranslateAnimation 画面转换位置移动动画效果
RotateAnimation 画面转移旋转动画效果

Android动画模式

Animation主要有两种动画模式: 一种是tweened animation(渐变动画)

XML中 JavaCode
alpha AlphaAnimation
scale ScaleAnimation

一种是frame by frame(画面转换动画)

XML中 JavaCode
translate TranslateAnimation
rotate RotateAnimation

Android动画解析

alpha xml 淡出效果

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">
  3. <alpha
  4. android:fromAlpha="1.0"
  5. android:toAlpha="0.0"
  6. android:duration="" />
  7. </set>
  8. <!--
  9. fromAlpha:开始时透明度
  10. toAlpha: 结束时透明度
  11. duration:动画持续时间 -->

alpha xml 淡入效果

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">
  3. <alpha
  4. android:fromAlpha="0.0"
  5. android:toAlpha="1.0"
  6. android:duration="" />
  7. </set>
  8. <!--
  9. fromAlpha:开始时透明度
  10. toAlpha: 结束时透明度
  11. duration:动画持续时间 -->

scale.xml 缩放效果:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">
  3. <scale
  4. android:interpolator= "@android:anim/decelerate_interpolator"
  5. android:fromXScale="0.0"
  6. android:toXScale="1.5"
  7. android:fromYScale="0.0"
  8. android:toYScale="1.5"
  9. android:pivotX="50%"
  10. android:pivotY="50%"
  11. android:startOffset=""
  12. android:duration=""
  13. android:repeatCount=""
  14. android:repeatMode="reverse" />
  15. </set>
  16.  
  17. <!--
  18. fromXDelta,fromYDelta 起始时X,Y座标,屏幕右下角的座标是X:,Y:
  19. toXDelta, toYDelta 动画结束时X,Y的座标 --> <!--
  20. interpolator 指定动画插入器
  21. 常见的有加速减速插入器 accelerate_decelerate_interpolator
  22. 加速插入器 accelerate_interpolator,
  23. 减速插入器 decelerate_interpolator。
  24. fromXScale,fromYScale, 动画开始前X,Y的缩放,.0为不显示, .0为正常大小
  25. toXScale,toYScale, 动画最终缩放的倍数, .0为正常大小,大于1.0放大
  26. pivotX, pivotY 动画起始位置,相对于屏幕的百分比,两个都为50%表示动画从屏幕中间开始
  27. startOffset, 动画多次执行的间隔时间,如果只执行一次,执行前会暂停这段时间,
  28. 单位毫秒 duration,一次动画效果消耗的时间,单位毫秒,
  29. 值越小动画速度越快 repeatCount,动画重复的计数,动画将会执行该值+1次
  30. repeatMode,动画重复的模式,reverse为反向,当第偶次执行时,动画方向会相反。
  31. restart为重新执行,方向不变 -->

translate.xml 移动效果:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">
  3. <translate
  4. android:fromXDelta=""
  5. android:toXDelta=""
  6. android:fromYDelta=""
  7. android:toYDelta=""
  8. android:duration="" />
  9. </set>
  10. <!--
  11. fromXDelta,fromYDelta 起始时X,Y座标,屏幕右下角的座标是X:,Y:
  12. toXDelta, toYDelta 动画结束时X,Y的座标 -->

rotate.xml 旋转效果:

  1. 1 <?xml version="1.0" encoding="utf-8"?>
  2. 2 <set xmlns:android="http://schemas.android.com/apk/res/android">
  3. 3 <rotate
  4. 4 android:interpolator="@android:anim/accelerate_decelerate_interpolator"
  5. 5 android:fromDegrees="300"
  6. 6 android:toDegrees="-360"
  7. 7 android:pivotX="10%"
  8. 8 android:pivotY="100%"
  9. 9 android:duration="10000" />
  10. 10 </set>
  11. 11 <!--
  12. 12 fromDegrees 动画开始时的角度
  13. 13 toDegrees 动画结束时物件的旋转角度,正代表顺时针
  14. 14 pivotX 属性为动画相对于物件的X坐标的开始位置
  15. 15 pivotY 属性为动画相对于物件的Y坐标的开始位置 -->

animation之translate、scale、alpha、rotate动画效果呈现的更多相关文章

  1. 049——VUE中使用animation与transform实现vue的动画效果

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. Android动画效果translate、scale、alpha、rotate详解

    动画类型 Android的animation由四种类型组成 XML中 alpha 渐变透明度动画效果 scale 渐变尺寸伸缩动画效果 translate 画面转换位置移动动画效果 rotate 画面 ...

  3. Android动画效果translate、scale、alpha、rotate

    overridePendingTransition只支持android 2.0以上版本,动画效果在anim目录下的xml文件中定义,在程序中用AnimationUtils.loadAnimation( ...

  4. Android动画效果 translate、scale、alpha、rotate 切换Activity动画 控件位置调整

    2011.10.28注:如果需要控件停在动画后的位置,需要设置android:fillAfter属性为true,在set节点中.默认在动画结束后回到动画前位置.设置android:fillAfter后 ...

  5. Android动画效果之Tween Animation(补间动画)

    前言: 最近公司项目下个版本迭代里面设计了很多动画效果,在以往的项目中开发中也会经常用到动画,所以在公司下个版本迭代开始之前,抽空总结一下Android动画.今天主要总结Tween Animation ...

  6. Android中xml设置Animation动画效果详解

    在 Android 中, Animation 动画效果的实现可以通过两种方式进行实现,一种是 tweened animation 渐变动画,另一种是 frame by frame animation ...

  7. android中设置Animation 动画效果

    在 Android 中, Animation 动画效果的实现可以通过两种方式进行实现,一种是 tweened animation 渐变动画,另一种是 frame by frame animation ...

  8. android Animation 动画效果介绍

    Android的animation由四种类型组成 XML中 alpha 渐变透明度动画效果 scale 渐变尺寸伸缩动画效果 translate 画面转换位置移动动画效果 rotate 画面转移旋转动 ...

  9. android动画效果编程基础--Android Animation

    动画效果编程基础--Android Animation 动画类型 Android的animation由四种类型组成 XML中 alpha 渐变透明度动画效果 scale 渐变尺寸伸缩动画效果 tran ...

随机推荐

  1. CSS常用选择器

    关于CSS常用选择器: 1.ID选择器 关于ID选择器具有唯一性,在文档流中,ID是唯一的,在低版本的浏览器中,允许出现不适唯一ID的情况,而在高版本的浏览器中,出现ID不唯一的情况浏览器会出现的报错 ...

  2. Java虚拟机之垃圾回收详解一

    Java虚拟机之垃圾回收详解一 Java技术和JVM(Java虚拟机) 一.Java技术概述: Java是一门编程语言,是一种计算平台,是SUN公司于1995年首次发布.它是Java程序的技术基础,这 ...

  3. [原创作品] 对获取多层json值的封装

    今天篇头不废话了,交流加群:164858883 在我们接收后端返回的json数据的时候,在数据缺失的时候,如果直接接收会导致致命错误的发生.可能有些同学会说通常都会有,不用判断直接获取也行.之前我也是 ...

  4. MATLAB获取“非免驱的相机或者摄像头”的图像数据

    Image Acquisition Toolbox™ Adaptor Kit 图像採集工具箱 当要使用MATLAB获取"非免驱的相机或者摄像头"的图像数据时,须要开发一个插件,MA ...

  5. Spark的日志配置

    在測试spark计算时.将作业提交到yarn(模式–master yarn-cluster)上,想查看print到控制台这是imposible的.由于作业是提交到yarn的集群上,so 去yarn集群 ...

  6. [RxJS] Creation operator: of()

    RxJS is a lot about the so-called "operators". We will learn most of the important operato ...

  7. C# winform xml的增删改查

    代码如下: using System; using System.Collections.Generic; using System.IO; using System.Linq; using Syst ...

  8. verilog流水线加法器

    四位加法器 两级加法实现 verilog code module pipeliningadder( output reg [3:0] s, output reg co, input [3:0] a, ...

  9. SearchBox( 搜索框) 组件

    一. 加载方式//class 加载方式<input id="ss" class="easyui-searchbox" style="width: ...

  10. Neral的前言

    大家好,我是Neral,我准备写一个js库. 在动笔之前,我一直都处在很忐忑的状态,因为我写代码讲究的是一种感觉,那是看到自己写的代码之后大脑中就出现之后的无数个编码分支的快感,但是,如果很长一段时间 ...