Android 动画简单实现

xiaoxiao2021-02-27  632

Andriod 动画

 

安卓动画主要有三种:帧动画、补间动画以及属性动画。

 

 

一、帧动画

         是将做好的图片通过一定的排列顺序进行一张一张的进行快速播放,就好像以前放电影时一张张的图片快速播放以达到运动的效果。

开发步骤:

 

1、  在drawable文件夹下创建标签是animtion_list文件。

2、  把准备好的图片放进项目res/drawable文件夹下

3、  在ImageView种加载animtion_list里的图片。

4、  在Activity中开始动画。

 

XML:

 

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"     android:orientation="vertical" android:layout_width="match_parent"     android:layout_height="match_parent">     <ImageView         android:id="@+id/img"         android:layout_width="300dp"         android:layout_height="200dp"         android:background="@drawable/animtion_list"         /> </LinearLayout>

 

 

<?xml version="1.0" encoding="utf-8"?> <animation-list xmlns:android="http://schemas.android.com/apk/res/android">     <item android:drawable="@drawable/g1"         android:duration="100">     </item>     <item android:drawable="@drawable/g2"         android:duration="100">     </item>     <item android:drawable="@drawable/g3"         android:duration="100">     </item>     <item android:drawable="@drawable/g4"         android:duration="100">     </item>     <item android:drawable="@drawable/g5"         android:duration="100">     </item>     <item android:drawable="@drawable/g6"         android:duration="100">     </item>     <item android:drawable="@drawable/g7"         android:duration="100">     </item>     <item android:drawable="@drawable/g8"         android:duration="100">     </item>     <item android:drawable="@drawable/g9"         android:duration="100">     </item>     <item android:drawable="@drawable/g10"         android:duration="100">     </item>     <item android:drawable="@drawable/g11"         android:duration="100">     </item> </animation-list>

 

 

Activity:

 

public class Frame_Activity extends Activity{     ImageView img;     @Override     protected void onCreate(@Nullable Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(R.layout.frame_activity);         img = (ImageView) findViewById(R.id.img);         AnimationDrawable ad = (AnimationDrawable) img.getBackground();          ad.start();     }

 

 

二、补间动画

 

补间动画主要有四个重要的属性:透明、旋转、平移、缩放。

 

所有动画都具有的一些属性:

 

setDuration(2000):动画动作的时间。

setFillAfter(true/false):动画动作完成后是否保持当前状态。

setRepeatCount(1):动画重复动作的次数

setRepeatMode(Animation.REVERSE(反向)/Animation.RESTART(重新开始)):动画重复动作的模式

 

 

 

透明(代码实现):

代码实现:在XML中监听控件,然后在方法中实现透明的相应代码。

 

XML

 

<Button     android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:onClick="alpha"     android:text="透明"/>

 

Activity实现透明:

 

/**  * 透明  * */ public void alpha(View view){     AlphaAnimation alphaAnimation = new AlphaAnimation(1.0f,0.0f);     alphaAnimation.setDuration(5000);     alphaAnimation.setFillAfter(true);     img_tween.startAnimation(alphaAnimation); }

 

 

旋转(代码实现):

 

XML:

 

<Button     android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:onClick="rotate"     android:text="旋转"/>

 

Activity:

 

/**  *旋转  * */ public void rotate(View view){     RotateAnimation ra = new RotateAnimation(0.0f,-180.0f,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);     ra.setDuration(2000);     ra.setFillAfter(true);     img_tween.startAnimation(ra); }

 

 

平移(通过XML实现):

 

XML实现步骤:

 

1、  res文件夹下面创建一个anim文件夹

2、  在anim文件夹下创建对应的动画标签文件

3、  在activity中通过AnimationUtils.loadAnimation()

4、  控件调startAnimation()

 

XML中填写属性:

 

<?xml version="1.0" encoding="utf-8"?> <scale android:fromXScale="1"     android:toXScale="2"     android:fromYScale="1"     android:toYScale="2"     android:pivotX="50%"     android:pivotY="50%"     android:duration ="2000"     xmlns:android="http://schemas.android.com/apk/res/android"> </scale>

 

 

5、  Activity中通过AnimationUtils.loadAnimation()调用

 

/**  * 缩放  * */ public void scale(View view ){    Animation sa = AnimationUtils.loadAnimation(getApplicationContext(),R.anim.scale);     img_tween.startAnimation(sa); }

 

 

 

平移(方法同上):

 

XML:

 

<?xml version="1.0" encoding="utf-8"?> <translate android:fromXDelta="0"     android:toXDelta="-80"     android:fromYDelta="0"     android:toYDelta="-80"     android:duration="2000"     android:fillAfter="true"     xmlns:android="http://schemas.android.com/apk/res/android"> </translate>

 

 

Activity:

 

  /**    * 平移    * */   public void translate(View view){ Animation ta =  AnimationUtils.loadAnimation(getApplicationContext(),R.anim.translate);   img_tween.startAnimation(ta);   }

 

 

 

 

 

 

转载请注明原文地址: https://www.6miu.com/read-133.html

最新回复(0)