android补间动画（透明，旋转，缩放，平移）

最新推荐文章于 2024-05-09 12:01:50 发布

ITzhongzi

最新推荐文章于 2024-05-09 12:01:50 发布

阅读量723

点赞数 1

分类专栏： Android学习笔记文章标签：补间动画

本文链接：https://blog.csdn.net/ITzhongzi/article/details/89228259

版权

Android学习笔记专栏收录该内容

112 篇文章 5 订阅

订阅专栏

安卓基本的补间动画。（透明，旋转，缩放，平移）

注意：补间动画不会改变图片的真是坐标，仅仅是视觉上的改变。（比如你给该图片设置了点击事件，并将它在 Y 轴正方向平移了 1000dp，你点击该图片平移后的位置不会触发点击事件，但是你点击图片平移前的位置则会触发点击事件。）

效果展示

在这里插入图片描述

具体代码（方法一，动态添加）

MainActivity

package com.example.www.animation;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.animation.AlphaAnimation;
import android.view.animation.Animation;
import android.view.animation.AnimationSet;
import android.view.animation.RotateAnimation;
import android.view.animation.ScaleAnimation;
import android.view.animation.TranslateAnimation;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity {

    private ImageView mIv;

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

        mIv = (ImageView) findViewById(R.id.iv);
    }
    // 点击按钮 实现透明效果
    public void tranparentAnimal(View view) {
        //创建透明动画  1.0意味着完全不透明   0.0意外者完全透明
        AlphaAnimation  aa = new AlphaAnimation(1.0f, 0.0f);
        aa.setDuration(2000); //设置动画执行的时间
        aa.setRepeatCount(1); //设置动画重复的次数
        aa.setRepeatMode(Animation.REVERSE); //设置重复的模式
        //开始执行动画
        mIv.startAnimation(aa);
    }

    // 点击按钮 实现旋转效果
    public void rotateAnimal(View view) {
        //fromDegrees 开始角度    toDegrees 结束的角度
//		RotateAnimation ra = new RotateAnimation(0, 360);
        RotateAnimation ra = new RotateAnimation(0, 360, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);

        ra.setDuration(2000); //设置动画执行的时间
        ra.setRepeatCount(1); //设置动画重复的次数
        ra.setRepeatMode(Animation.REVERSE); //设置重复的模式
        //开始执行动画
        mIv.startAnimation(ra);
    }

    // 点击按钮 实现缩放效果
    public void scaleAnimal(View view) {

        ScaleAnimation sa = new ScaleAnimation(1.0f, 2.0f, 1.0f, 2.0f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
        sa.setDuration(2000); //设置动画执行的时间
        sa.setRepeatCount(1); //设置动画重复的次数
        sa.setRepeatMode(Animation.REVERSE); //设置重复的模式
        //开始执行动画
        mIv.startAnimation(sa);
    }

    // 点击按钮 实现平移效果
    public void translateAnimal(View view) {
        TranslateAnimation ta = new TranslateAnimation(Animation.RELATIVE_TO_PARENT, 0, Animation.RELATIVE_TO_PARENT, 0, Animation.RELATIVE_TO_PARENT, 0, Animation.RELATIVE_TO_PARENT, 0.2f);
        ta.setDuration(2000); //设置动画执行的时间
        ta.setFillAfter(true);//当动画结束后  停留在结束的位置上
        //开始执行动画
        mIv.startAnimation(ta);
    }

    //点击按钮 让动画一起执行
    public void mixAnimal(View view) {
//创建动画的合集
        AnimationSet set = new AnimationSet(true);
        AlphaAnimation  aa = new AlphaAnimation(1.0f, 0.0f);
        aa.setDuration(2000); //设置动画执行的时间
        aa.setRepeatCount(1); //设置动画重复的次数
        aa.setRepeatMode(Animation.REVERSE); //设置重复的模式

        RotateAnimation ra = new RotateAnimation(0, 360, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);

        ra.setDuration(2000); //设置动画执行的时间
        ra.setRepeatCount(1); //设置动画重复的次数
        ra.setRepeatMode(Animation.REVERSE); //设置重复的模式

        ScaleAnimation sa = new ScaleAnimation(1.0f, 2.0f, 1.0f, 2.0f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
        sa.setDuration(2000); //设置动画执行的时间
        sa.setRepeatCount(1); //设置动画重复的次数
        sa.setRepeatMode(Animation.REVERSE); //设置重复的模式

        //添加动画
        set.addAnimation(aa);
        set.addAnimation(ra);
        set.addAnimation(sa);


        //执行动画
        mIv.startAnimation(set);
    }
}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="36dp"
        android:text="透明"
        app:layout_constraintEnd_toStartOf="@+id/button2"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        android:onClick="tranparentAnimal"/>

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="旋转"
        app:layout_constraintEnd_toStartOf="@+id/button3"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toEndOf="@+id/button"
        app:layout_constraintTop_toTopOf="@+id/button"
        android:onClick="rotateAnimal"/>

    <Button
        android:id="@+id/button3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="缩放"
        app:layout_constraintEnd_toStartOf="@+id/button4"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toEndOf="@+id/button2"
        app:layout_constraintTop_toTopOf="@+id/button2"
        android:onClick="scaleAnimal"/>

    <Button
        android:id="@+id/button4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="位移"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toEndOf="@+id/button3"
        app:layout_constraintTop_toTopOf="@+id/button3"
        android:onClick="translateAnimal"/>

    <ImageView
        android:id="@+id/iv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="144dp"
        android:layout_marginEnd="8dp"
        android:layout_marginBottom="8dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/button2"
        app:layout_constraintVertical_bias="0.039"
        app:srcCompat="@mipmap/ic_launcher" />

    <Button
        android:id="@+id/button5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="16dp"
        android:layout_marginTop="24dp"
        android:text="混合动画"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/button"
        android:onClick="mixAnimal"/>
</android.support.constraint.ConstraintLayout>

（方法二，动态添加）使用xml添加补间动画

在这里插入图片描述

java代码

    // 点击按钮 实现透明效果
    public void tranparentAnimal(View view) {
        Animation animation = AnimationUtils.loadAnimation(getApplicationContext(), R.anim.alpha);
        //开始执行动画
        mIv.startAnimation(animation);
    }

xml代码

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

ITzhongzi

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
android补间动画（透明，旋转，缩放，平移）

安卓基本的补间动画。（透明，旋转，缩放，平移）效果展示具体代码MainActivitypackage com.example.www.animation;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.view.View;import andr...
复制链接

扫一扫