安卓之动画制作

来源：互联网发布：运动会班服创意知乎编辑：程序博客网时间：2024/06/05 21:51

1.知识图谱

（补间动画和帧动画）

1.补间动画的效果图：

（alpha透明度）（ratate旋转）

XML代码：

MainActivity.xml代码：

[html] view plain copy
<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout  
    xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:app="http://schemas.android.com/apk/res-auto"  
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"  
    android:layout_height="match_parent"  
    android:orientation="vertical"  
    tools:context="com.example.cookie.android0626animation.MainActivity">  
  
    <!--alpha透明度-->  
    <ImageView  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:background="@drawable/eat1"  
        android:id="@+id/iv_main_image"  
        android:layout_marginTop="100dp"/>  
    <!--rotate旋转-->  
    <!--scale缩放-->  
    <!--translate移动-->  
  
    <HorizontalScrollView  
        android:layout_width="match_parent"  
        android:layout_height="wrap_content"  
        >  
    <LinearLayout  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:orientation="horizontal"  
        >  
  
        <Button  
            android:layout_width="0dp"  
            android:layout_height="wrap_content"  
            android:id="@+id/bu_image_alpha"  
            android:layout_weight="1"  
            android:onClick="operation"  
            android:text="alpha"/>  
  
        <Button  
            android:layout_width="0dp"  
            android:layout_height="wrap_content"  
            android:id="@+id/bu_image_rotate"  
            android:layout_weight="1"  
            android:onClick="operation"  
            android:text="rotate"/>  
  
        <Button  
            android:layout_width="0dp"  
            android:layout_height="wrap_content"  
            android:id="@+id/bu_image_scale"  
            android:layout_weight="1"  
            android:onClick="operation"  
            android:text="scale"/>  
  
        <Button  
            android:layout_width="0dp"  
            android:layout_height="wrap_content"  
            android:id="@+id/bu_image_translate"  
            android:layout_weight="1"  
            android:onClick="operation"  
            android:text="translate"/>  
  
        <Button  
            android:layout_width="0dp"  
            android:layout_height="wrap_content"  
            android:layout_weight="1"  
            android:text="all"  
            android:onClick="operation"  
            android:id="@+id/bu_image_all"/>  
  
    </LinearLayout>  
    </HorizontalScrollView>  
  
</LinearLayout>  

在Project里找到你写的现在写动画的项目，然后在res下新建一个anim文件夹，在该文件夹下新建所需动画效果的xml类

iv_alpha.xml代码

[html] view plain copy
<?xml version="1.0" encoding="utf-8"?>  
<alpha xmlns:android="http://schemas.android.com/apk/res/android"  
    android:fromAlpha="1.0"  
    android:toAlpha="0.3"  
    android:duration="3000"  
    android:fillAfter="true"  
    >  
      
</alpha>  

iv_rotate.xml代码

[html] view plain copy
<?xml version="1.0" encoding="utf-8"?>  
<rotate xmlns:android="http://schemas.android.com/apk/res/android"  
    android:fromDegrees="0"  
    android:toDegrees="720"  
    android:pivotX="50%"  
    android:pivotY="50%"  
    android:duration="3000"  
    android:fillAfter="true"  
    >  
  
</rotate>  

iv_scale.xml代码

[html] view plain copy
<?xml version="1.0" encoding="utf-8"?>  
<scale xmlns:android="http://schemas.android.com/apk/res/android"  
    android:fromXScale="100%"  
    android:fromYScale="100%"  
    android:toXScale="50%"  
    android:toYScale="50%"  
    android:pivotX="50%"  
    android:pivotY="50%"  
    android:duration="3000"  
    android:fillAfter="true"  
    >  
  
</scale>  

iv_translate.xml代码

[html] view plain copy
<?xml version="1.0" encoding="utf-8"?>  
<translate xmlns:android="http://schemas.android.com/apk/res/android"  
    android:fromXDelta="0"  
    android:fromYDelta="0"  
    android:toXDelta="50%"  
    android:toYDelta="50%"  
    android:duration="3000"  
    android:fillAfter="true"  
    >  
  
</translate>  

iv_all.xml代码

[html] view plain copy
<?xml version="1.0" encoding="utf-8"?>  
<set xmlns:android="http://schemas.android.com/apk/res/android"  
    android:duration="3000"  
    android:fillAfter="true">  
  
    <alpha  
        android:fromAlpha="1.0"  
        android:toAlpha="0.3"  
        ></alpha>  
  
    <rotate  
        android:fromDegrees="0"  
        android:toDegrees="360"  
        android:pivotX="50%"  
        android:pivotY="50%"  
        ></rotate>  
  
    <scale  
        android:fromXScale="100%"  
        android:fromYScale="100%"  
        android:toXScale="50%"  
        android:toYScale="50%"  
        android:pivotX="50%"  
        android:pivotY="50%"  
        ></scale>  
  
    <translate  
        android:fromXDelta="0"  
        android:fromYDelta="0"  
        android:toXDelta="50%"  
        android:toYDelta="50%"  
        ></translate>  
  
  
  
</set>  

MainActivity.Java代码：

[html] view plain copy
package com.example.cookie.android0626animation;  
  
import android.support.v7.app.AppCompatActivity;  
import android.os.Bundle;  
import android.view.View;  
import android.view.animation.Animation;  
import android.view.animation.AnimationUtils;  
import android.widget.ImageView;  
  
public class MainActivity extends AppCompatActivity {  
  
    private ImageView iv_main_image;  
    private Animation animation;  
  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_main);  
        iv_main_image = (ImageView) findViewById(R.id.iv_main_image);  
    }  
  
    public void operation(View view){  
        switch (view.getId()) {  
            case R.id.bu_image_alpha:  
                //加载动画  
                animation = AnimationUtils.loadAnimation(this, R.anim.iv_alpha);  
                //给图片开启动画效果  
                iv_main_image.startAnimation(animation);  
                break;  
            case R.id.bu_image_rotate:  
                //加载动画  
                animation=AnimationUtils.loadAnimation(this,R.anim.iv_rotate);  
                //给图片开启动画效果  
                iv_main_image.startAnimation(animation);  
                break;  
            case R.id.bu_image_scale:  
                animation=AnimationUtils.loadAnimation(this,R.anim.iv_scale);  
                //给图片开启动画效果  
                iv_main_image.startAnimation(animation);  
                break;  
            case R.id.bu_image_translate:  
                //加载动画  
                animation=AnimationUtils.loadAnimation(this,R.anim.iv_translate);  
                //给图片开启动画效果  
                iv_main_image.startAnimation(animation);  
                break;  
            case R.id.bu_image_all:  
                //加载动画  
                animation=AnimationUtils.loadAnimation(this,R.anim.iv_all);  
                //给图片开启动画效果  
                iv_main_image.startAnimation(animation);  
                break;  
        }  
    }  
  
  
  
}  

阅读全文

0 0