当前位置：首页 > news >正文

android ——动画

news 来源：原创 2024/5/10 19:46:32

一、帧动画：

第一步：drawable中添加要做帧动画的图片，并新建一个frame.xml文件

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"><!--    添加图片和显示的时间--><item android:drawable="@drawable/img1" android:duration="220"/><item android:drawable="@drawable/img2" android:duration="220"/><item android:drawable="@drawable/img3" android:duration="220"/>
</animation-list>

第二步：MainActivity的xml文件中引用 frame ：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.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"android:background="@drawable/frame"android:id="@+id/ctl"tools:context=".MainActivity">
</androidx.constraintlayout.widget.ConstraintLayout>

第三步：点击启动和停止动画

    private boolean flag=true;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);ConstraintLayout mCtl = findViewById(R.id.ctl);AnimationDrawable animation= (AnimationDrawable) mCtl.getBackground();mCtl.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {
//                启动动画if (flag){animation.start();  //启动动画flag=false;}else {animation.stop(); flag=true;}}});}

二、补间动画：

第一、alpha 透明度
1、res中新见一个alpha.xml文件

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<!--fromAlpha:0 完全透明toAlpha:1  完全不透明duration: 显示周期--><alphaandroid:fromAlpha="0"android:toAlpha="1"android:duration="2000"/>
</set>

2、activity的xml文件中添加ImageView

    <androidx.appcompat.widget.AppCompatImageViewandroid:id="@+id/image"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/img1"android:adjustViewBounds="true"android:maxWidth="500dp"android:maxHeight="500dp"app:layout_constraintLeft_toLeftOf="parent"app:layout_constraintTop_toTopOf="parent"app:layout_constraintRight_toRightOf="parent"app:layout_constraintBottom_toBottomOf="parent"/>

3、activity中使用：

      ImageView img=findViewById(R.id.image);img.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {
//                通过加载xml动画设置文件，来创建一个Animation对象Animation animation=AnimationUtils.loadAnimation(TweenAnimActivity.this,R.anim.alpha);img.startAnimation(animation);}});

第二、rotate 旋转
1、res中新建一个rotate.xml文件：

<set xmlns:android="http://schemas.android.com/apk/res/android">
<!--
fromDegrees:开始的位置
toDegrees：旋转多少度
pivotX:旋转的中心点
pivotY:
--><rotateandroid:fromDegrees="0"android:toDegrees="360"android:pivotX="50%"android:pivotY="50%"android:duration="2000"/>
</set>

2、activity中使用：

  ImageView img=findViewById(R.id.image);img.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {
//                通过加载xml动画设置文件，来创建一个Animation对象Animation animation=AnimationUtils.loadAnimation(TweenAnimActivity.this,R.anim.rotate);img.startAnimation(animation);}});

第三、scale 缩放
1、res中新建scale,xml文件：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<!--    
fromXScale:x的原始大小
fromYScale：Y的原始大小
pivotY:缩放到的y的大小
pivotX:缩放到的x的大小
toXScale:缩放的中心点
toYScale:
duration:动画执行的周期时间
--><scale android:fromXScale="1"android:fromYScale="1"android:pivotY="0.5"android:pivotX="0.5"android:toXScale="50%"android:toYScale="50%"android:duration="2000"/>
</set>

2、activity中使用：

      ImageView img=findViewById(R.id.image);img.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {
//                通过加载xml动画设置文件，来创建一个Animation对象Animation animation=AnimationUtils.loadAnimation(TweenAnimActivity.this,R.anim.scale);img.startAnimation(animation);}});

第四、translate 平移
1、在res中新建translate.xml文件

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

2、在activity中使用

     ImageView img=findViewById(R.id.image);img.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {
//                通过加载xml动画设置文件，来创建一个Animation对象Animation animation=AnimationUtils.loadAnimation(TweenAnimActivity.this,R.anim.translate);img.startAnimation(animation);}});

三、属性动画：
1第一、ValueAnimator：

  @Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_tween_anim);ValueAnimator animator=ValueAnimator.ofFloat(0f,1f);animator.setDuration(2000);animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {@Overridepublic void onAnimationUpdate(@NonNull ValueAnimator animation) {Object value = animation.getAnimatedValue();Log.d(TAG, "onAnimationUpdate: "+value);}});animator.start();}

第二、ObjectAnimator：给某个空间设置动画就家那个控件

    @Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_tween_anim);TextView textView=findViewById(R.id.tv);
//        第二个参数只要是textview中有set的属性都可以设置ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(textView, "alpha", 0f,1f);objectAnimator.setDuration(2000);objectAnimator.start();}

第三、监听器：
1、全部监听，重写所有

        objectAnimator.addListener(new Animator.AnimatorListener() {@Overridepublic void onAnimationStart(@NonNull Animator animation) {
//                开始调用}@Overridepublic void onAnimationEnd(@NonNull Animator animation) {
//               结束调用}@Overridepublic void onAnimationCancel(@NonNull Animator animation) {
//                取消调用}@Overridepublic void onAnimationRepeat(@NonNull Animator animation) {
//                重复执行调用}});

2、使用哪个监听，重写哪个

     objectAnimator.addListener(new AnimatorListenerAdapter() {@Overridepublic void onAnimationStart(Animator animation) {super.onAnimationStart(animation);}});