动画吧！！！

来源：互联网发布：手机淘宝总是无响应编辑：程序博客网时间：2024/04/29 17:14

帧动画

动态图的构成其实是有许多的图片组成的，就像电影我们也会说一帧画面

public class MainActivity extends Activity {    private ImageView imageView;private AnimationDrawable background;@Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);                imageView = (ImageView) findViewById(R.id.iv_image);                imageView.setBackgroundResource(R.drawable.film_animotion);        background = (AnimationDrawable) imageView.getBackground();        background.start();    }}

将要制作的图片放入图片资源，然后在 res 下的 drawable 新建一个android xml file ,选择animation-list

<?xml version="1.0" encoding="utf-8"?><animation-list xmlns:android="http://schemas.android.com/apk/res/android" >        <item        android:drawable="@drawable/dif"        android:duration="200"/>    <item        android:drawable="@drawable/q"        android:duration="200"/>    <item        android:drawable="@drawable/w"        android:duration="200"/>    <item        android:drawable="@drawable/queen"        android:duration="200"/>             <!-- 每张图片播放时间 --></animation-list>

activity-main xml

<ImageView         android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:id="@+id/iv_image"/>

补间动画

平移（translate）；旋转（rotate）；缩放（scale）；透明化（alpha）

四种动作的介绍外加动作综合

布局五个按钮和一张图片

创建（res -----anim-------alpha.xml / scale.xml ）等

translateX.xml

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

translateY.xml

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

rotate.xml

<?xml version="1.0" encoding="utf-8"?><rotate xmlns:android="http://schemas.android.com/apk/res/android"    android:pivotX="50%"    android:pivotY="50%"    android:fromDegrees="0"    android:toDegrees="50"    android:duration="600"    android:fillAfter="true"    android:repeatCount="infinite"    android:repeatMode="reverse"></rotate>

scale.xml

<?xml version="1.0" encoding="utf-8"?><scale xmlns:android="http://schemas.android.com/apk/res/android"    android:fromXScale="1.5"    android:toXScale="0.5"    android:fromYScale="1.5"    android:toYScale="0.5"    android:pivotX="50%"    android:pivotY="50%"    android:fillAfter="true"    android:duration="600"    android:repeatCount="infinite"    android:repeatMode="reverse"></scale>

alpha.xml

<?xml version="1.0" encoding="utf-8"?><alpha xmlns:android="http://schemas.android.com/apk/res/android"    android:fromAlpha="1"    android:toAlpha="0.5"    android:fillAfter="true"    android:duration="600"    android:repeatCount="infinite"    android:repeatMode="reverse">    </alpha>

set.xml

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android"    android:shareInterpolator="false">        <scale         android:fromXScale="1.5"        android:toXScale="0.5"        android:fromYScale="1.5"        android:toYScale="0.5"        android:pivotX="50%"        android:pivotY="50%"        android:duration="600"        android:fillBefore="false"/>    <rotate         android:fromDegrees="0"        android:toDegrees="-50"        android:pivotX="50%"        android:pivotY="50%"        android:startOffset="700"        android:duration="600"         android:toYScale="0.0"/></set>

两种方法：

1结合xml代码实现

2.直接代码实现

以平移为例

public void translate(View view){/*Animation loadAnimation = AnimationUtils.loadAnimation(MainActivity.this, R.anim.translate_x);//开启动画imageView.startAnimation(loadAnimation);*/}/** * 在不使用XML的情况下，直接用代码实现 * @param view */public void rotate(View view){/*Animation loadAnimation = AnimationUtils.loadAnimation(MainActivity.this, R.anim.rotate);imageView.startAnimation(loadAnimation);*/RotateAnimation rotateAni = new RotateAnimation     (0, 360,Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,0.5f);rotateAni.setDuration(600);rotateAni.setFillAfter(true);rotateAni.setRepeatCount(Animation.INFINITE);rotateAni.setRepeatMode(Animation.REVERSE);imageView.startAnimation(rotateAni);              //控件开启动画}

动画动作集合

public void complex(View view){Animation loadAnimation = AnimationUtils.loadAnimation(MainActivity.this, R.anim.set);imageView.startAnimation(loadAnimation);/** * 创建动画集合 */AnimationSet aniset = new AnimationSet(false);       //false代表使用自己的动画植入工具RotateAnimation rotateAni = new RotateAnimation(0, 360,Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,0.5f);rotateAni.setDuration(600);rotateAni.setFillAfter(true);rotateAni.setRepeatCount(Animation.INFINITE);rotateAni.setRepeatMode(Animation.REVERSE);//添加到动画集aniset.addAnimation(rotateAni);ScaleAnimation sa = new ScaleAnimation(1, 0.2f, 1, 0.2f,Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,0.5f);sa.setDuration(2000);sa.setFillAfter(true);sa.setRepeatCount(Animation.INFINITE);sa.setRepeatMode(Animation.REVERSE);//添加到动画集aniset.addAnimation(sa);AlphaAnimation aa = new AlphaAnimation(1, 0.2f);aa.setDuration(2000);aa.setFillAfter(true);aa.setRepeatCount(Animation.INFINITE);aa.setRepeatMode(Animation.REVERSE);aniset.addAnimation(aa);}

属性动画

比较于补间动画，补间动画的缺点是不能做出比较立体的动作来，就像补间动画呈现2D，而属性动画可以做出3D效果

这里利用了另一个控件ObjectAnimator

public void translate(View view){ObjectAnimator animator = ObjectAnimator.ofFloat(imageq, "translationX", 10,180);animator.setDuration(1000);animator.setRepeatCount(ObjectAnimator.INFINITE);animator.setRepeatMode(ObjectAnimator.REVERSE);animator.start();}

综合动作

public void complex(View view){AnimatorSet set = new AnimatorSet();ObjectAnimator animator = ObjectAnimator.ofFloat(imageq, "scaleX", 0,0.3f,1.5f);animator.setDuration(1100);animator.setRepeatCount(ObjectAnimator.INFINITE);animator.setRepeatMode(ObjectAnimator.REVERSE);ObjectAnimator animator2 = ObjectAnimator.ofFloat(imageq, "scaleY", 0,0.3f,1.5f);animator2.setDuration(1100);animator2.setRepeatCount(ObjectAnimator.INFINITE);animator2.setRepeatMode(ObjectAnimator.REVERSE);set.playTogether(animator,animator2);set.start();}

0 0