Android开发----动画

动画

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

逐帧动画

关键语句

获取动画的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;
                }
            }
        });
    }
}

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

补间动画

  1. alpha 透明度
  2. rotate 旋转
  3. scale 缩放
  4. 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
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

碰磕

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值