animation之translate、scale、alpha、rotate动画效果呈现
动画类型
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 淡出效果
- <?xml version="1.0" encoding="utf-8"?>
- <set xmlns:android="http://schemas.android.com/apk/res/android">
- <alpha
- android:fromAlpha="1.0"
- android:toAlpha="0.0"
- android:duration="" />
- </set>
- <!--
- fromAlpha:开始时透明度
- toAlpha: 结束时透明度
- duration:动画持续时间 -->
alpha xml 淡入效果
- <?xml version="1.0" encoding="utf-8"?>
- <set xmlns:android="http://schemas.android.com/apk/res/android">
- <alpha
- android:fromAlpha="0.0"
- android:toAlpha="1.0"
- android:duration="" />
- </set>
- <!--
- fromAlpha:开始时透明度
- toAlpha: 结束时透明度
- duration:动画持续时间 -->
scale.xml 缩放效果:
- <?xml version="1.0" encoding="utf-8"?>
- <set xmlns:android="http://schemas.android.com/apk/res/android">
- <scale
- android:interpolator= "@android:anim/decelerate_interpolator"
- android:fromXScale="0.0"
- android:toXScale="1.5"
- android:fromYScale="0.0"
- android:toYScale="1.5"
- android:pivotX="50%"
- android:pivotY="50%"
- android:startOffset=""
- android:duration=""
- android:repeatCount=""
- android:repeatMode="reverse" />
- </set>
- <!--
- fromXDelta,fromYDelta 起始时X,Y座标,屏幕右下角的座标是X:,Y:
- toXDelta, toYDelta 动画结束时X,Y的座标 --> <!--
- interpolator 指定动画插入器
- 常见的有加速减速插入器 accelerate_decelerate_interpolator
- 加速插入器 accelerate_interpolator,
- 减速插入器 decelerate_interpolator。
- fromXScale,fromYScale, 动画开始前X,Y的缩放,.0为不显示, .0为正常大小
- toXScale,toYScale, 动画最终缩放的倍数, .0为正常大小,大于1.0放大
- pivotX, pivotY 动画起始位置,相对于屏幕的百分比,两个都为50%表示动画从屏幕中间开始
- startOffset, 动画多次执行的间隔时间,如果只执行一次,执行前会暂停这段时间,
- 单位毫秒 duration,一次动画效果消耗的时间,单位毫秒,
- 值越小动画速度越快 repeatCount,动画重复的计数,动画将会执行该值+1次
- repeatMode,动画重复的模式,reverse为反向,当第偶次执行时,动画方向会相反。
- restart为重新执行,方向不变 -->
translate.xml 移动效果:
- <?xml version="1.0" encoding="utf-8"?>
- <set xmlns:android="http://schemas.android.com/apk/res/android">
- <translate
- android:fromXDelta=""
- android:toXDelta=""
- android:fromYDelta=""
- android:toYDelta=""
- android:duration="" />
- </set>
- <!--
- fromXDelta,fromYDelta 起始时X,Y座标,屏幕右下角的座标是X:,Y:
- toXDelta, toYDelta 动画结束时X,Y的座标 -->
rotate.xml 旋转效果:
- 1 <?xml version="1.0" encoding="utf-8"?>
- 2 <set xmlns:android="http://schemas.android.com/apk/res/android">
- 3 <rotate
- 4 android:interpolator="@android:anim/accelerate_decelerate_interpolator"
- 5 android:fromDegrees="300"
- 6 android:toDegrees="-360"
- 7 android:pivotX="10%"
- 8 android:pivotY="100%"
- 9 android:duration="10000" />
- 10 </set>
- 11 <!--
- 12 fromDegrees 动画开始时的角度
- 13 toDegrees 动画结束时物件的旋转角度,正代表顺时针
- 14 pivotX 属性为动画相对于物件的X坐标的开始位置
- 15 pivotY 属性为动画相对于物件的Y坐标的开始位置 -->
animation之translate、scale、alpha、rotate动画效果呈现的更多相关文章
- 049——VUE中使用animation与transform实现vue的动画效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- Android动画效果translate、scale、alpha、rotate详解
动画类型 Android的animation由四种类型组成 XML中 alpha 渐变透明度动画效果 scale 渐变尺寸伸缩动画效果 translate 画面转换位置移动动画效果 rotate 画面 ...
- Android动画效果translate、scale、alpha、rotate
overridePendingTransition只支持android 2.0以上版本,动画效果在anim目录下的xml文件中定义,在程序中用AnimationUtils.loadAnimation( ...
- Android动画效果 translate、scale、alpha、rotate 切换Activity动画 控件位置调整
2011.10.28注:如果需要控件停在动画后的位置,需要设置android:fillAfter属性为true,在set节点中.默认在动画结束后回到动画前位置.设置android:fillAfter后 ...
- Android动画效果之Tween Animation(补间动画)
前言: 最近公司项目下个版本迭代里面设计了很多动画效果,在以往的项目中开发中也会经常用到动画,所以在公司下个版本迭代开始之前,抽空总结一下Android动画.今天主要总结Tween Animation ...
- Android中xml设置Animation动画效果详解
在 Android 中, Animation 动画效果的实现可以通过两种方式进行实现,一种是 tweened animation 渐变动画,另一种是 frame by frame animation ...
- android中设置Animation 动画效果
在 Android 中, Animation 动画效果的实现可以通过两种方式进行实现,一种是 tweened animation 渐变动画,另一种是 frame by frame animation ...
- android Animation 动画效果介绍
Android的animation由四种类型组成 XML中 alpha 渐变透明度动画效果 scale 渐变尺寸伸缩动画效果 translate 画面转换位置移动动画效果 rotate 画面转移旋转动 ...
- android动画效果编程基础--Android Animation
动画效果编程基础--Android Animation 动画类型 Android的animation由四种类型组成 XML中 alpha 渐变透明度动画效果 scale 渐变尺寸伸缩动画效果 tran ...
随机推荐
- CornerStone 破解 最简单的破解方法
方法一:最近在用cornerstone这个svn的软件感觉非常不错,但是竟然忘了破解,以至于到了14天试用期的最后一天才开始破解, 其实方法很简单,就是修高试用期的天数,找到plist文件把14天改为 ...
- Jsp中response对象的所有属性
所属接口:javax.servlet.http.HttpServletResponse,其父接口是ServletResponse,而且ServletResponse也现在只有唯一一个HttpServl ...
- 成都传智播客java就业班和基础班
传智播客成都Java培训,带你走进Java的世界... 我们有咨询的教育团队,一流的名师指导: 我们是重视基础理论建设,强化高端应用技能: 我们有四大JavaEE项目,海量Android项目: 我们是 ...
- form表单提交之前推断
1.使用onsubmit方法 <form name="Form" action="t" method="post" onsubmit= ...
- 设计模式14---设计模式之命令模式(Command)(行为型)
1.场景模拟 请用软件模拟开机过程 按下启动按钮 然后电源供电 主板开始加电自检 BIOS依次寻找其他设备的BIOS并且让他们初始化自检 开始检测CPU,内存,光盘,硬盘,光驱,串口,并口,软驱即插即 ...
- IIS7的安装详解
IIS7安装流程规范 1, IIS常用的功能模块介绍: 1) 静态内容:可发布静态 Web 文件格式,比如 HTML 页面和图像文件. 2) 默认文档:允许您配置当 ...
- Tabs( 选项卡)
一. 加载方式 //class 加载方式<div id="box" class="easyui-tabs" style="width:500px ...
- 浅谈MDX处理空值NULL及格式化结果
MDX查询结果中往往会含有"NULL"值,这是某维度下对应的的量值不存在导致的,为了让报表呈现更好的效果,在有些情况下,需要将"NULL"的切片值置换成0,这些 ...
- 如何让MyEclispe中英文切换
我们通过网上的一些汉化办法汉化了我们的MyEclipse,可是我们有时候想切回英文版怎么办? 方法一:我们可以通过修改MyEclipse配置文件的办法来从中文恢复到英文, -Duser.languag ...
- Linux最小化安装后配置网络
vi /etc/sysconfig/network-scripts/ifcfg-eth0 DEVICE=eth0HWADDR=00:0C:29:DD:AD:B9TYPE=EthernetUUID=d7 ...