Android xml实现animation的4种动画效果实例代码
animation有四种动画类型:分别为alpha(透明的渐变)、rotate(旋转)、scale(尺寸伸缩)、translate(移动),二实现的分发有两种,一种是javaCode,另外一种是XML,而我今天要说的是XML实现的方法,个人感觉javaCode的实现方法比xml要简单,所以有需要的可以自己去找找资料看看。
先给大家展示下效果图,如果大家感觉还不错,请继续往下阅读。
下面是我的四个xml文件,分别代表这四种动画类型。
alpha.xml
COde:
<?xml version="1.0" encoding="UTF-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator"> <!-- 渐变透明的动画效果 --> <!--fromAlpha 动画起始透明的 1.0完全不透明 toAlpha 动画结束时透明的 0.0完全透明 startOffset 设置启动时间 duration 属性动画持续时间 --> <alpha android:fromAlpha="1.0" android:toAlpha="0.0" android:startOffset="500" android:duration="5000" /> </set>
rotate.xml
<?xml version="1.0" encoding="UTF-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator"> <!-- 画面转移旋转动画效果 --> <!-- fromDegrees开始角度 toDegrees结束角度 pivotX设置旋转时的X轴坐标 --> <rotate android:fromDegrees="0" android:toDegrees="+360" android:pivotX="50%" android:pivotY="50%" android:duration="5000" /> </set>
scale.xml
<?xml version="1.0" encoding="UTF-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator"> <!-- 渐变尺寸伸缩动画效果 --> <!-- fromXScale 起始x轴坐标 toXScale 止x轴坐标 fromYScale 起始y轴坐标 toYScale 止y轴坐标 pivotX 设置旋转时的X轴坐标 pivotY 设置旋转时的Y轴坐标 duration 持续时间 --> <scale android:fromXScale="1.0" android:toXScale="0.0" android:fromYScale="1.0" android:toYScale="0.0" android:pivotX="50%" android:pivotY="50%" android:duration="5000" /> </set>
translate.xml
<?xml version="1.0" encoding="UTF-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator"> <!-- 画面转移位置移动动画效果 --> <translate android:fromXDelta="0%" android:toXDelta="100%" android:fromYDelta="0%" android:toYDelta="0%" android:duration="5000" /> </set>
下面是主界面xml的布局
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <ImageView android:id="@+id/image1" android:layout_width="match_parent" android:layout_height="200px" /> <ImageView android:id="@+id/image2" android:layout_width="match_parent" android:layout_height="200px" /> <ImageView android:id="@+id/image3" android:layout_width="match_parent" android:layout_height="200px" /> <ImageView android:id="@+id/image4" android:layout_width="match_parent" android:layout_height="200px" /> </LinearLayout>
然后是Activity代码
public class AnimationDemo extends Activity{ private Animation animation,animation1,animation2,animation3; private ImageView image1,image2,image3,image4; @Override protected void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub super.onCreate(savedInstanceState); setContentView(R.layout.animation); initView(); } public void initView() { animation=AnimationUtils.loadAnimation(AnimationDemo.this, R.anim.rotate); animation1=AnimationUtils.loadAnimation(AnimationDemo.this, R.anim.scale); animation2=AnimationUtils.loadAnimation(AnimationDemo.this, R.anim.alpha); animation3=AnimationUtils.loadAnimation(AnimationDemo.this, R.anim.translate); image1=(ImageView)findViewById(R.id.image1); image1.setImageResource(R.drawable.jpeg); image2=(ImageView)findViewById(R.id.image2); image2.setImageResource(R.drawable.jpg); image3=(ImageView)findViewById(R.id.image3); image3.setImageResource(R.drawable.png); image4=(ImageView)findViewById(R.id.image4); image4.setImageResource(R.drawable.gif); image1.startAnimation(animation); image2.startAnimation(animation1); image3.startAnimation(animation2); image4.startAnimation(animation3); } }
好了,就这样就是先了四种动画效果,另外还有一个知识点,是动画里面的速率问题,有需要的可以去上网百度看看吧。
相关文章
android:TextView简单设置文本样式和超链接的方法
这篇文章主要介绍了android:TextView简单设置文本样式和超链接的方法,涉及TextView常见文字属性的相关操作技巧,需要的朋友可以参考下2016-08-08解析Android游戏中获取电话状态进行游戏暂停或继续的解决方法
本篇文章是对在Android游戏中获取电话状态进行游戏暂停或继续的方法进行了详细的分析介绍,需要的朋友参考下2013-05-05Android屏幕适配工具类 Android自动生成不同分辨率的值
这篇文章主要为大家详细介绍了Android屏幕适配工具类,Android自动生成不同分辨率的值,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2019-03-03Android OpenGL入门之GLSurfaceView
这篇文章主要介绍了OpenGL入门知识,如何在Android中使用GLSurfaceView,如果对OpenGL感兴趣的同学,可以参考下2021-04-04flutter PositionedTransition实现缩放动画
这篇文章主要为大家详细介绍了flutter PositionedTransition实现缩放动画,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2019-07-07
最新评论