记录安卓三种动画类型--补间动画

目录

补间动画

---

补间动画

主要是进行四个方面的修改：

1. alpha  透明度
2. rotate  旋转
3. scale   缩放
4. translate  平移

四个小示例完整代码：

activity_main：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">


    <ImageView
        android:id="@+id/iv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/haimianbaobao"
        android:maxWidth="300dp"
        android:maxHeight="300dp"
        android:adjustViewBounds="true"
        android:layout_centerInParent="true"/>

</RelativeLayout>

一.透明度（alpha）

alpha：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <alpha android:fromAlpha="0" android:toAlpha="1" android:duration="2000"/>
</set>

MainActivity:

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ImageView imageView = findViewById(R.id.iv);
        imageView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //通过加载xml动画设置文件来创建一个Animation对象
        Animation animation = AnimationUtils.loadAnimation(MainActivity.this,R.anim.alpha);
               imageView.startAnimation(animation);
            }
        });

    }

}

运行结果截图：

二：旋转（rotate）

如上先建立rotate.xml文件

rotate:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <rotate android:fromDegrees="0"
            android:toDegrees="360"
            android:pivotX="50%"
            android:pivotY="50%"
            android:duration="2000"/>
</set>

MainActivity：

public class MainActivity extends AppCompatActivity {
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ImageView imageView = findViewById(R.id.iv);
        imageView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //通过加载xml动画设置文件来创建一个Animation对象
                Animation animation = AnimationUtils.loadAnimation(MainActivity.this,R.anim.rotate);
               imageView.startAnimation(animation);
            }
        });

    }

}

运行结果截图：

三：缩放（scale）

如上先建立scale.xml文件

scale：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <scale android:fromXScale="1" android:fromYScale="1"
           android:toXScale="0.5" android:toYScale="0.5"
           android:pivotY="50%"   android:pivotX="50%"
           android:duration="2000"/>
</set>

MainActivity：

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ImageView imageView = findViewById(R.id.iv);
        imageView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //通过加载xml动画设置文件来创建一个Animation对象
                Animation animation = AnimationUtils.loadAnimation(MainActivity.this,R.anim.scale);

               imageView.startAnimation(animation);
            }
        });

    }

}

运行结果截图：

四：移动（translate）

如上先建立translate.xml文件

translate：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <translate android:fromXDelta="0" android:fromYDelta="0" android:toXDelta="200" android:toYDelta="200"
        android:duration="2000"/>
</set>

MainActivity：

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ImageView imageView = findViewById(R.id.iv);
        imageView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //通过加载xml动画设置文件来创建一个Animation对象
                Animation animation = AnimationUtils.loadAnimation(MainActivity.this,R.anim.translate);

               imageView.startAnimation(animation);
            }
        });

    }

}

运行结果截图：

        以上便是对补间动画的总结和分享，希望可以帮助到大家，如果文章中有错误，也希望大家可以指正。