Android开发----动画

最新推荐文章于 2023-07-03 01:36:05 发布

碰磕

最新推荐文章于 2023-07-03 01:36:05 发布

阅读量1.8k

点赞数 2

分类专栏： Android开发文章标签：动画 android java

本文链接：https://blog.csdn.net/m_xiaozhilei/article/details/122810576

版权

Android开发专栏收录该内容

22 篇文章 8 订阅

订阅专栏

动画

逐帧动画
补间动画
属性动画

逐帧动画

关键语句

获取动画的Drwable资源AnimationDrawable anim=(AnimationDrawable)relativeLayout.getBackground();
启动动画anim.start()
停止动画anim.stop()

示例

首先在drawable中放入图片素材并且new一个DrawableResourceFile
里面填写代码

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/pic001" android:duration="120"/>
    <item android:drawable="@drawable/pic002" android:duration="120"/>
    <item android:drawable="@drawable/pic003" android:duration="120"/>
    <item android:drawable="@drawable/pic004" android:duration="120"/>
    <item android:drawable="@drawable/pic005" android:duration="120"/>

</animation-list>

item中的drawable属性填写图片的位置,duration代表每过多少毫秒跳转下一张图片
界面代码为:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@drawable/frame"
                android:id="@+id/anim"
                xmlns:android="http://schemas.android.com/apk/res/android">

</RelativeLayout>

java代码为:

package com.example.myanim;

import android.graphics.drawable.AnimationDrawable;
import android.os.Bundle;
import android.view.View;
import android.widget.RelativeLayout;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {
    private  boolean flag=true;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        RelativeLayout relativeLayout=findViewById(R.id.anim);
        //获取drwable资源
        final AnimationDrawable anim=(AnimationDrawable)relativeLayout.getBackground();
        relativeLayout.setOnClickListener(new View.OnClickListener(){
            @Override
            public void onClick(View view) {
                if(flag){
                    anim.start();
                    flag=false;
                }else{
                    anim.stop();
                    flag=true;
                }
            }
        });
    }
}

帧动画的练习就完成,由于是动画不好将运行结果放入到文章中,总之帧动画练习完成!!!

补间动画

alpha 透明度
rotate 旋转
scale 缩放
translate 平移

示例

首先res中创个文件夹anim并且在该文件夹中创建DrawableResourceFile

界面
随便拿一张图片作为练习素材

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout android:layout_width="match_parent"
                android:layout_height="match_parent"
                xmlns:android="http://schemas.android.com/apk/res/android">
        <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content"
                   android:id="@+id/iv"
                   android:layout_centerInParent="true"
                   android:maxWidth="300dp"
                   android:maxHeight="300dp"
                   android:src="@drawable/pic001"
                   />
</RelativeLayout>

透明度

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>

缩放

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.2"
        android:toYScale="0.2"
        android:pivotX="50%"
        android:pivotY="50%"
        android:duration="2000"
    />
</set>

旋转

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>

平移

translate

<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>

duration表示运行该动画所花费时长(毫秒)

Java代码:

package com.example.myanim;

import android.graphics.drawable.AnimationDrawable;
import android.media.Image;
import android.os.Bundle;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
      	final 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);//透明度

//                Animation animation=AnimationUtils.loadAnimation(MainActivity.this,R.anim.rotate);//旋转

//                Animation animation=AnimationUtils.loadAnimation(MainActivity.this,R.anim.scale);//缩放

                Animation animation=AnimationUtils.loadAnimation(MainActivity.this,R.anim.translate);//平移
                imageview.startAnimation(animation);
            }
        });
    }
}

补间动画的练习就ojbk…

属性动画

ValueAnimator

示例

package com.example.myanim;

import android.animation.ValueAnimator;
import android.graphics.drawable.AnimationDrawable;
import android.media.Image;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //属性动画
        ValueAnimator valueAnimator=ValueAnimator.ofFloat(0f,1f);
        valueAnimator.setDuration(2000);
        valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator valueAnimator) {
                float val=(float)valueAnimator.getAnimatedValue();
                Log.e("属性动画","值="+val);
            }
        });
        valueAnimator.start();

    }
}

最终效果花费2s打印0~1的小数值
在这里插入图片描述
此处只展示打印部分数值…这就是ValueAnimator的应用~

ObjectAnimator

xml

 <TextView android:layout_width="wrap_content" android:layout_height="wrap_content"
            android:id="@+id/tv"
              android:text="csdn博客认证:碰磕"
              android:textSize="50sp"
    />

java

 TextView text=findViewById(R.id.tv);
        ObjectAnimator objectAnimator=ObjectAnimator.ofFloat(text,"alpha",0f,1f);
        objectAnimator.setDuration(3000);
        objectAnimator.start();

最终会将"csdn博客认证:碰磕从透明度0显示到1"
这就是ObjectAnimator的应用…ok

监听器

onAnimationStart() 动画开始的时候调用
onAnimationEnd() 动画结束的时候调用
onAnimationCancel() 动画被取消的时候调用
onAnimationRepeat() 动画重复执行的时候调用

代码示例

objectAnimator.addListener(new Animator.AnimatorListener() {
            //动画开始
            @Override
            public void onAnimationStart(Animator animator) {

            }
            //动画结束
            @Override
            public void onAnimationEnd(Animator animator) {

            }
            //动画被取消
            @Override
            public void onAnimationCancel(Animator animator) {

            }
            //动画重复执行
            @Override
            public void onAnimationRepeat(Animator animator) {

            }
        });

动画的练习就到处完结
练习的过程中遇到任何问题可以在评论区问我,小编我看到即第一时间答复!!!

碰磕

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Android开发----动画

动画逐帧动画补间动画属性动画逐帧动画关键语句获取动画的Drwable资源AnimationDrawable anim=(AnimationDrawable)relativeLayout.getBackground();启动动画anim.start()停止动画anim.stop()示例首先在drawable中放入图片素材并且new一个DrawableResourceFile里面填写代码<?xml version="1.0" encoding="utf-8"?><
复制链接

扫一扫