动画类型

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. CornerStone 破解 最简单的破解方法

    方法一:最近在用cornerstone这个svn的软件感觉非常不错,但是竟然忘了破解,以至于到了14天试用期的最后一天才开始破解, 其实方法很简单,就是修高试用期的天数,找到plist文件把14天改为 ...

  2. Jsp中response对象的所有属性

    所属接口:javax.servlet.http.HttpServletResponse,其父接口是ServletResponse,而且ServletResponse也现在只有唯一一个HttpServl ...

  3. 成都传智播客java就业班和基础班

    传智播客成都Java培训,带你走进Java的世界... 我们有咨询的教育团队,一流的名师指导: 我们是重视基础理论建设,强化高端应用技能: 我们有四大JavaEE项目,海量Android项目: 我们是 ...

  4. form表单提交之前推断

    1.使用onsubmit方法 <form name="Form" action="t" method="post" onsubmit= ...

  5. 设计模式14---设计模式之命令模式(Command)(行为型)

    1.场景模拟 请用软件模拟开机过程 按下启动按钮 然后电源供电 主板开始加电自检 BIOS依次寻找其他设备的BIOS并且让他们初始化自检 开始检测CPU,内存,光盘,硬盘,光驱,串口,并口,软驱即插即 ...

  6. IIS7的安装详解

    IIS7安装流程规范 1,   IIS常用的功能模块介绍: 1)         静态内容:可发布静态 Web 文件格式,比如 HTML 页面和图像文件. 2)         默认文档:允许您配置当 ...

  7. Tabs( 选项卡)

    一. 加载方式 //class 加载方式<div id="box" class="easyui-tabs" style="width:500px ...

  8. 浅谈MDX处理空值NULL及格式化结果

    MDX查询结果中往往会含有"NULL"值,这是某维度下对应的的量值不存在导致的,为了让报表呈现更好的效果,在有些情况下,需要将"NULL"的切片值置换成0,这些 ...

  9. 如何让MyEclispe中英文切换

    我们通过网上的一些汉化办法汉化了我们的MyEclipse,可是我们有时候想切回英文版怎么办? 方法一:我们可以通过修改MyEclipse配置文件的办法来从中文恢复到英文, -Duser.languag ...

  10. Linux最小化安装后配置网络

    vi /etc/sysconfig/network-scripts/ifcfg-eth0 DEVICE=eth0HWADDR=00:0C:29:DD:AD:B9TYPE=EthernetUUID=d7 ...