Android 动画之View动画效果和Activity切换动画效果
View动画效果:
1.>>Tween动画
通过对View的内容进行一系列的图形变换(平移、缩放、旋转、透明度变换)实现动画效果,补间动画需要使用<set>节点作为根节点,子节点里可以为下表格中的四种动画标签,也可以包继续含<set>标签;动画的定义xml文件需要添加到res/anim文件夹中;
| 动画类型 | Xml定义动画使用的节点 | 编码定义动画使用的类 |
| 渐变透明度动画效果 | <alpha/> | AlphaAnimation |
| 渐变尺寸缩放动画效果 | <scale/> | ScaleAnimation |
| 画面位置移动动画效果 | <translate/> | TranslateAnimation |
| 画面旋转动画效果 | <rotate/> | RotateAnimation |
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:shareInterpolator="false" >
<alpha
android:duration="5000"
android:fromAlpha="1.0"<!-- 1代表可见,0代表不可见 -->
android:toAlpha="0" >
<!-- 持续时间duration -->
</alpha> <rotate
android:duration="5000"
android:fromDegrees="0"
android:pivotX="50%" // 旋转参考点
android:pivotY="50%" // 旋转参考点
android:toDegrees="180" >
</rotate> <scale
android:duration="5000"
android:fromXScale="1"
android:fromYScale="1"
android:pivotX="50%"
android:pivotY="50%"
android:toXScale="5"
android:toYScale="5" />
<!-- 动画开始时的比例大小,结束时的比例,缩放参考点 --> <translate
android:duration="5000"
android:fromXDelta="0"
android:fromYDelta="0"
android:toXDelta="50"
android:toYDelta="50" />
<!-- 从(0,0)到(50,50) -->
</set>
在java代码中设置开始动画:
Animation animation = AnimationUtils.loadAnimation(getApplicationContext(), R.anim.rotate);// 使用rotate.xml生成动画效果对象
animation.setFillAfter(true);// 动画停止时保持在该动画结束时的状态
ImageView.startAnimation(animation);
Animation animation1 = new RotateAnimation(0, 270, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);// 编码方式
2.>>Frame动画,即顺序播放事先做好的图像,开发步骤:
(1)把定义好的图片放进项目res/drawable下;
(2)在项目的res目录下创建anim文件夹,在此文件夹下定义动画xml文件,每一项静态的图像添加到drawable目录中,或者用编码方式定义动画效果;
(3)为View控件绑定动画效果,调用代表动画的AnimationDrawable的start()方法开始动画;
TextView tv = (TextView) findViewById(R.id.tv);
tv.setBackgroundResource(R.drawable.frame);
// 绑定frame动画,会发送一个消息到主线程的消息队列处理器等待处理,绑定事件完成之后才能进行动画启动
final AnimationDrawable drawable = (AnimationDrawable) findViewById(R.id.tv).getBackground();
// Looper().myQueue():取得消息队列,要消息(事件)处理完成之后才执行addIdleHandler添加进的handler中的方法
Looper.myQueue().addIdleHandler(
new MessageQueue.IdleHandler() {
@Override
public boolean queueIdle() {
drawable.start();// 启动动画,要绑定事件处理完成之后才能启动动画
return false;// 只要执行操作之后就会从消息队列中移出
}
});// 取得处理主线程中处理的消息队列
注意: Frame动画必须使用<animation-list>作为根节点,下面是frame.xml文件的定义;
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
android:oneshot="true" ><!-- 动画只播放一次 -->
<item android:drawable="@drawable/a1" android:duration="500"></item> <!--第一项为一个静态的图像-->
<item android:drawable="@drawable/a2" android:duration="500"></item>
<item android:drawable="@drawable/a3" android:duration="500"></item>
</animation-list>
3.>>属性动画
属性动画可以使对象的属性值在一定时间间隔内变化到某一个值,如在1000毫秒内移动控件的位置(改变x,y的值),在0.5秒内改变alpha属性的值以改变控件透明度,属性动画资源文件位于res/animator目录中;如下是一个属性动画的定义
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:ordering="sequentially" > // 动画执行顺序,默认是同时执行,在此设置为按顺序执行 <set> // 定义x,y的值在0.5秒内移动到(400,300) 在此未设置android:ordering属性,此set则为同时执行
<objectAnimator
android:duration="500"
android:propertyName="x"
android:valueTo="400"
android:valueType="intType" />
<objectAnimator
android:duration="500"
android:propertyName="y"
android:valueTo="300"
android:valueType="intType" />
</set> <objectAnimator
android:duration="500"
android:propertyName="alpha"
android:valueTo="1f" />
</set>
加载属性动画资源文件:
// 加载动画资源
AnimatorSet set = (AnimatorSet) AnimatorInflater.loadAnimator(getApplicationContext(), R.animator.aim);
// 设置要控制的对象
set.setTarget(null);
set.start();
4.>>LayoutAnimaionController
LayoutAnimaionController为Layout或者viewGroup里的控件设置动画效果,特点是它会使其中的每个控件都有相同的动画效果,这些控件的动画效果可以在不同的时间显示出来。
mLayout = (LinearLayout) findViewById(R.id.ll);
Animation anim = new TranslateAnimation(0, 200, 0, 0);
anim.setDuration(500);
anim.setFillAfter(true);
LayoutAnimationController layoutAnim = new LayoutAnimationController(anim); // 设置动画
layoutAnim.setOrder(LayoutAnimationController.ORDER_NORMAL); // 设置子View动画顺序
mLayout.setLayoutAnimation(layoutAnim);
关于LayoutAnimaionController,它需要一个Animation对象用于实例化,可以设置子View动画顺序,有三种顺序方式
LayoutAnimaionController .ORDER_NORMAL // 顺序
LayoutAnimaionController .ORDER_REVERSE //反序
LayoutAnimaionController .ORDER_RANDOM //随机
还可以设置延迟setDelay(param);
5.>>Interpolator动画速率
/**
* An interpolator defines the rate of change of an animation. This allows
* the basic animation effects (alpha, scale, translate, rotate) to be
* accelerated, decelerated, repeated, etc.
*/
public interface Interpolator extends TimeInterpolator {
}
查看接口Interpolator的定义,Interpolator接口定义动画改变的速度,如基本的动画效果(透明度、比例、移动、旋转)的加速、减速、重复等;
/**
* TimeInterpolator定义动画速率的改变,允许动画有非固定的运动如加速、减速
*/
public interface TimeInterpolator {
/**
* @param input 一个介于0到1的参数标识当前点的位置,0代表开始,1代表结束
* @return 返回一个动画补插值.这个值可以小于1{在目标的后面}或大于1{在目标的后面}
*/
float getInterpolation(float input);
}
Android已经定义了几个该接口的直接子类,在程序中可以直接调用
——AccelerateInterpolator:动画从开始到结束,变化率是一个加速的过程。
——DecelerateInterpolator:动画从开始到结束,变化率是一个减速的过程。
——CycleInterpolator:动画从开始到结束,变化率是循环给定次数的正弦曲线。
——Anticipate/Overshoot:往起点方向偏移少量距离再开始加速动画/往终点方向偏移少量距离再结束动画。
——Bounce:弹性效果。
——AccelerateDecelerateInterpolator:动画从开始到结束,变化率是先加速后减速的过程。
——LinearInterpolator:动画从开始到结束,变化率是线性变化。
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:shareInterpolator="true" > <!--表明在下面的动画中分享Interpolator-->
<scale
android:duration="100"
android:fillAfter="false"
android:fromXScale="0.5"
android:fromYScale="0.5"android:interpolator="@android:anim/accelerate_interpolator"
android:pivotX="50%"
android:pivotY="50%"
android:startOffset="-50"
android:toXScale="1.2"
android:toYScale="1.2" />
</set>
上面是使用系统自带的Interpolator的方法,也可以自定义Interpolator
public class MyInter implements Interpolator {
// ...
@Override
public float getInterpolation(float input) {
// ...
return 0;
}
// ...
}
在使用的时候,使用如下的方式;
ImageView iv = new ImageView(getContext());
Animation animation = AnimationUtils.loadAnimation(getContext(), 0x70982743);
animation.setInterpolator(new MyInter());
iv.startAnimation(animation);
Activity切换动画效果:
关于Activity切换动画效果,网上比较普遍的是overridePendingTransition(enterAnim, exitAnim),但这种方式其实有一些问题;例如:被打开的Activity退出时,并没有动画效果;并且,如果需要当前Activity销毁返回到前一个Activity时,当前Activity和前一个Activity都执行动画,这种方法就根本不能满足了。
言归正传,直接上我淘到的方法:通过Theme对Activity动画效果进行设置
<style name="AppTheme" parent="@android:style/Theme">
<!-- 设置activity切换动画 -->
<item name="android:windowAnimationStyle">@style/activityAnimation</item>
</style>
<!-- animation 样式 -->
<style name="activityAnimation" parent="@android:style/Animation">
<item name="android:activityOpenEnterAnimation">@anim/slide_right_in</item>
<item name="android:activityOpenExitAnimation">@anim/slide_left_out</item>
<item name="android:activityCloseEnterAnimation">@anim/slide_left_in</item>
<item name="android:activityCloseExitAnimation">@anim/slide_right_out</item>
</style>
上面activityAnimation下面四个item对应的动画分别为(假设从Activity A 进入到Activity B):
进入B时B执行的动画;
进入B时A执行的动画;
离开B返回A时A执行的动画;
离开B返回A时B执行的动画;
两个google官方参考链接:
http://developer.android.com/reference/android/R.attr.htmlhttp://developer.android.com/reference/android/R.styleable.html#WindowAnimation
Android 动画之View动画效果和Activity切换动画效果的更多相关文章
- Android的Activity切换动画特效库SwitchLayout,视图切换动画库,媲美IOS
由于看了IOS上面很多开发者开发的APP的视图界面切换动画体验非常好,这些都是IOS自带的,但是Android的Activity等视图切换动画并没有提供原生的,所以特此写了一个可以媲美IOS视图切换动 ...
- Android 编程下设置 Activity 切换动画
为 Activity 设置切换动画 我们知道,我们可以在 AndroidManifest.xml 文件中,通过 android:theme 属性设置 Activity 的主题.主题中定义了关于 Act ...
- Activity切换动画---点击哪里从哪放大
emmmm,这次来梳理一下 Activity 切换动画的研究.首先,老规矩,看一下效果图: 效果图 这次要实现的动画效果就是类似于上图那样,点击某个 view,就从那个 view 展开下个 Activ ...
- Activity 切换动画和页面切换动画
public class MainActivity extends Activity { private ViewFlipper viewFlipper; private float startX; ...
- Activity切换动画。从右边滑入,关闭时从左边滑入
直接贴代码吧 1. 动画文件(两个动画文件配置到res/anim目录下) activity_anim_in_right.xml <?xml version="1.0" e ...
- Android 之Activity切换动画效果
在Activity中Android提供了overridePendingTransition(int enterAnim,int exitAnim)这个方法用于设置Activity之间切换的动画效果.o ...
- Android Activity 切换动画(非原创)
在Android开发过程中,经常会碰到Activity之间的切换效果的问题,下面介绍一下如何实现左右滑动的切换效果,首先了解一下Activity切换的实现,从Android2.0开始在Activity ...
- Android项目实战(四):ViewPager切换动画(3.0版本以上有效果)
学习内容来自“慕课网” 一般APP进去之后都会有几张图片来导航,这里就学习怎么在这张图片切换的时候添加切换动画效果 先看布局文件 activity_main.layout <?xml versi ...
- Android开发中activity切换动画的实现
(1)我们在MainAcitvity中定义两个textview,用于点击触发切换Activity事件,下面是布局文件代码. <LinearLayout android:layout_width= ...
随机推荐
- unity3d 角色头顶信息3D&2D遮挡解决方案(一)
先上效果图,只凭文字描述,脑补应该有些困难- - 如图:有三个角色(我们暂且从左到右叫它们A.B.C),一个2D UI(中间动作选择的框框),一个cube(右边的方块) cube挡住了角色C的头顶信息 ...
- Spring Cloud(六):Hystrix 监控数据聚合 Turbine【Finchley 版】
Spring Cloud(六):Hystrix 监控数据聚合 Turbine[Finchley 版] 发表于 2018-04-17 | 更新于 2018-05-07 | 上一篇我们介绍了使用 H ...
- 哈希表 -数据结构(C语言实现)
读数据结构与算法分析 哈希表 一种用于以常数平均时间执行插入.删除和查找操作的数据结构. 但是是无序的 一般想法 通常为一个包含关键字的具有固定大小的数组 每个关键字通过散列函数映射到数组中 冲突:两 ...
- 【Machine Learning】如何处理机器学习中的非均衡数据集?
在机器学习中,我们常常会遇到不均衡的数据集.比如癌症数据集中,癌症样本的数量可能远少于非癌症样本的数量:在银行的信用数据集中,按期还款的客户数量可能远大于违约客户的样本数量. 比如非常有名的德国信 ...
- JQuery文本框验证
<" CODEPAGE="936"%><!--#include file="conncon.asp"--><!--#in ...
- [知识库:python-tornado]异步调用中的上下文控制Tornado stack context
异步调用中的上下文控制Tornado stack context https://www.zouyesheng.com/context-in-async-env.html 这篇文章真心不错, 非常透彻 ...
- 【转】Linux内核结构详解
Linux内核主要由五个子系统组成:进程调度,内存管理,虚拟文件系统,网络接口,进程间通信. 1.进程调度 (SCHED):控制进程对CPU的访问.当需要选择下一个进程运行时,由调度程序选择最值得运行 ...
- js经典试题之原型与继承
js经典试题之原型与继承 1:以下代码中hasOwnProperty的作用是? var obj={} …….. obj.hasOwnProperty("val") 答案:判断obj ...
- Windows Phone编程回顾
前言 已有一年多没有碰WP相关的开发了. 近期经常看博客园的文章, 发现开发WP应用的同学很多, 其中博问频道关于"WPF", "C#", "WP8& ...
- PhotoShop基础工具 -- 移动工具
还是学点美工的东西吧, 业余爱好 比学编程还难 PS版本 : PhotoShop CS6 1. 移动工具 (1) 工具栏和属性栏 工具栏 和 属性栏 : 左侧的是工具栏, 每选中一个工具, 在菜单 ...