Android动画效果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="500" />
- </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="500" />
- </set>
- <!--
- fromAlpha:开始时透明度
- toAlpha: 结束时透明度
- duration:动画持续时间 -->
rotate.xml 旋转效果:
- <?xml version="1.0" encoding="utf-8"?>
- <set xmlns:android="http://schemas.android.com/apk/res/android">
- <rotate
- android:interpolator="@android:anim/accelerate_decelerate_interpolator"
- android:fromDegrees="300"
- android:toDegrees="-360"
- android:pivotX="10%"
- android:pivotY="100%"
- android:duration="10000" />
- </set>
- <!--
- fromDegrees 动画开始时的角度
- toDegrees 动画结束时物件的旋转角度,正代表顺时针
- pivotX 属性为动画相对于物件的X坐标的开始位置
- pivotY 属性为动画相对于物件的Y坐标的开始位置 -->
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="0"
- android:duration="10000"
- android:repeatCount="1"
- android:repeatMode="reverse" />
- </set>
- <!--
- fromXDelta,fromYDelta 起始时X,Y座标,屏幕右下角的座标是X:320,Y:480
- toXDelta, toYDelta 动画结束时X,Y的座标 --> <!--
- interpolator 指定动画插入器
- 常见的有加速减速插入器 accelerate_decelerate_interpolator
- 加速插入器 accelerate_interpolator,
- 减速插入器 decelerate_interpolator。
- fromXScale,fromYScale, 动画开始前X,Y的缩放,0.0为不显示, 1.0为正常大小
- toXScale,toYScale, 动画最终缩放的倍数, 1.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="320"
- android:toXDelta="0"
- android:fromYDelta="480"
- android:toYDelta="0"
- android:duration="10000" />
- </set>
- <!--
- fromXDelta,fromYDelta 起始时X,Y座标,屏幕右下角的座标是X:320,Y:480
- toXDelta, toYDelta 动画结束时X,Y的座标 -->
Android动画效果translate、scale、alpha、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动画之interpolator和typeEvaluator用法详解
Interpolator (插值器) 我们在写动画的时候为了达到某种效果往往需要设置插值器,用来真实的模拟生活中的场景. Interpolator (插值器)被用来修饰动画效果,定义动画的变化率,可以 ...
- Android动画效果之初识Property Animation(属性动画)
前言: 前面两篇介绍了Android的Tween Animation(补间动画) Android动画效果之Tween Animation(补间动画).Frame Animation(逐帧动画)Andr ...
- Android动画效果之Tween Animation(补间动画)
前言: 最近公司项目下个版本迭代里面设计了很多动画效果,在以往的项目中开发中也会经常用到动画,所以在公司下个版本迭代开始之前,抽空总结一下Android动画.今天主要总结Tween Animation ...
- android动画效果编程基础--Android Animation
动画效果编程基础--Android Animation 动画类型 Android的animation由四种类型组成 XML中 alpha 渐变透明度动画效果 scale 渐变尺寸伸缩动画效果 tran ...
- android动画效果(转载)
一.动画基本类型: 如下表所示,Android的动画由四种类型组成,即可在xml中定义,也可在代码中定义,如下所示: XML CODE 渐变透明度动画效果 alpha AlphaAnimation 渐 ...
- Android动画效果之自定义ViewGroup添加布局动画
前言: 前面几篇文章介绍了补间动画.逐帧动画.属性动画,大部分都是针对View来实现的动画,那么该如何为了一个ViewGroup添加动画呢?今天结合自定义ViewGroup来学习一下布局动画.本文将通 ...
- Android动画效果之Property Animation进阶(属性动画)
前言: 前面初步认识了Android的Property Animation(属性动画)Android动画效果之初识Property Animation(属性动画)(三),并且利用属性动画简单了补间动画 ...
随机推荐
- jquery判断页面滚动条(scroll)是上滚还是下滚,且是否滚动到头部或者底部
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- atitit.修复xp 操作系统--重装系统--保留原来文件不丢失
atitit.修复xp 操作系统--重装系统--保留原来文件不丢失 1. 修复目标...保持c盘文件,恢复system文件走ok... 1 2. 重装系统以前的操作 1 2.1. 避免格式化c盘/gh ...
- Extjs4中RadioGroup的赋值与取值
1.定义rg var rg = new Ext.form.RadioGroup({ fieldLabel : "test", items : [{ boxLabel : '每天', ...
- Swift - UITableViewCell倒计时重用解决方案
Swift - UITableViewCell倒计时重用解决方案 效果 源码 https://github.com/YouXianMing/Swift-Animations // // CountDo ...
- IOS-TextField控件详解
//初始化textfield并设置位置及大小 UITextField *text = [[UITextField alloc]initWithFrame:CGRectMake(20, 20, 130, ...
- 泛型baseDaoImpl类中如何知道具体子类的class类型
package com.atguigu.surveypark.dao.impl; import java.lang.reflect.ParameterizedType; import java.uti ...
- redis的基本使用
Redis的应用 http://www.redis.cn/commands.html http://www.cnblogs.com/ikodota/archive/2012/03/05/php_red ...
- 【转】Objective-C Class Dump
(转自:http://blog.sina.com.cn/s/blog_4431c7610100x15t.html) class dump是一个命令行工具,用来监测存储在Mach-O二进制文件理的Obj ...
- Openvswitch原理与代码分析(7): 添加一条流表flow
添加一个flow,调用的命令为 ovs-ofctl add-flow hello "hard_timeout=0 idle_timeout=0 priority=1 table=21 pkt ...
- RxJava基本流程和lift源码分析
1.subscribe过程 2.lift过程