当前位置：主页 > 查看内容

属性动画

发布时间：2021-07-02 00:00| 有 位朋友查看

简介：属性动画 参考网址 Android 属性动画这是一篇全面 详细的 属性动画 总结攻略 ValueAnimator.ofInt 布局文件 ?xml version1.0 encodingutf-8? LinearLayout xmlns: android http://schemas.android.com/apk/res/android xmlns: app http://schemas.android.co……

属性动画

参考网址
Android 属性动画：这是一篇全面 & 详细的 属性动画 总结&攻略

ValueAnimator.ofInt

布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:orientation="vertical">

   <Button
        android:layout_width="100dp"
        android:layout_height="50dp"
        android:text="ofInt"
        android:id="@+id/btn1"/>

    <Button
        android:layout_width="100dp"
        android:layout_height="50dp"
        android:text="ofARGB"
        android:id="@+id/btn2"/>
 

</LinearLayout>
MainAcitvity.java文件
package com.example.myapplication;

import androidx.appcompat.app.AppCompatActivity;

import android.animation.ValueAnimator;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.Button;

public class MainActivity extends AppCompatActivity {
     private Button btn1;
    private Button btn2;

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

       btn1 = findViewById(R.id.btn1);
        btn1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                changeButtonSize();
            }
        });

        btn2 = findViewById(R.id.btn2);
        btn2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                changeButtonColor();
            }
        });
    }
}
实现按钮大小的变化
/**
     * 改变btn的宽高
     */
    private void changeButtonSize() {
        // 拿到btn1的初始宽度
        int width = btn1.getLayoutParams().width;
        Log.e("onClick", "width = " + width );
        ValueAnimator valueAnimator = ValueAnimator.ofInt(width,1000);
        valueAnimator.setDuration(5000);
        valueAnimator.setRepeatCount(5);
        valueAnimator.setRepeatMode(ValueAnimator.REVERSE);
        valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                int value = (int) animation.getAnimatedValue();
//                        Log.e("onAnimationUpdate", "value = " + value);
                // 修改按钮btn1的宽度
                btn1.getLayoutParams().width = value;
                btn1.getLayoutParams().height = value;
                btn1.requestLayout();
            }
        });
        valueAnimator.start();
    }
实现按钮颜色的变化
  /**
     * 改变按钮的颜色
     */
    private void changeButtonColor() {
        ValueAnimator animator = ValueAnimator.ofArgb(Color.WHITE, Color.RED, Color.BLUE, Color.YELLOW);
        animator.setDuration(5000);
        animator.setRepeatCount(5);
        animator.setRepeatMode(ValueAnimator.REVERSE);
        animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                int color = (int) animation.getAnimatedValue();
                btn2.setBackgroundColor(color);
            }
        });
        animator.start();
    }
修改按钮的位置
private void  changeButtonPosition(){
        LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) btn1.getLayoutParams();
        ValueAnimator valueAnimator = ValueAnimator.ofInt(0, 1000);
        valueAnimator.setDuration(3000);
        valueAnimator.setRepeatCount(3);
        valueAnimator.setRepeatMode(ValueAnimator.REVERSE);
        valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                int value = (int) animation.getAnimatedValue();
//                        Log.e("onAnimationUpdate", "value = " + value);
                // 使用这个值来修改view的属性
                layoutParams.leftMargin = value;
                layoutParams.topMargin = value;
                btn1.setLayoutParams(layoutParams);
                btn1.requestLayout();
            }
        });
        valueAnimator.start();
    }
组合使用属性动画
  /**
     * 组合使用属性动画
     */
    private void useAnimatorSet() {
        AnimatorSet animatorSet = new AnimatorSet();

        ValueAnimator animator = ValueAnimator.ofInt(0, 1000);
        animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                int value = (int) animation.getAnimatedValue();
                LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) btn4.getLayoutParams();
                params.topMargin = value;
                btn4.requestLayout();
            }
        });

        ValueAnimator animator2 = ValueAnimator.ofArgb(Color.RED, Color.BLUE);
        animator2.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                int color = (int) animation.getAnimatedValue();
                btn4.setBackgroundColor(color);
            }
        });

        animatorSet.setDuration(5000);
//                animatorSet.playTogether(animator, animator2);
        animatorSet.play(animator).with(animator2);
        animatorSet.start();
    }
ValueAnimator.ofFloat
 ValueAnimator animator = ValueAnimator.ofFloat(0.0F, 1000F);
                animator.setDuration(3000);
                animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                    @Override
                    public void onAnimationUpdate(ValueAnimator animation) {
                        float value = (float) animation.getAnimatedValue();
                        Log.e("onAnimationUpdate","value = " + value);
                    }
                });
                animator.start();

ValueAnimator.ofObject

第一步 创建MyView 继承系统的View 注意两个参数的构造函数一定要实现 因为布局文件绘制时要用到

package com.example.demo;

import android.animation.ValueAnimator;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Point;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;

import androidx.annotation.Nullable;

public class MyView extends View {
    Paint paint = new Paint();
    Point curPoint = new Point(200, 200);

    public MyView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        paint.setColor(Color.RED);
        paint.setAntiAlias(true);
        canvas.drawCircle(curPoint.x,curPoint.y,100, paint);
    }

}
第2步 在主界面的 布局文件中使用MyView
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:orientation="vertical">
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="开始动画"
        android:id="@+id/btn_start"/>

    <com.example.demo.MyView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/myview"/>


</LinearLayout>

此时可以先看一下有没有绘制出一个小的圆形

第3步 自定义Point类型的估值器
package com.example.demo;

import android.animation.TypeEvaluator;
import android.graphics.Point;

public class PointEvaluator implements TypeEvaluator<Point> {
    @Override
    public Point evaluate(float fraction, Point startValue, Point endValue) {
        int deltaX = endValue.x - startValue.x;
        int deltaY = endValue.y - startValue.y;
        int curX = (int) (startValue.x + fraction * deltaX);
        int curY = (int) (startValue.y + fraction * deltaY);

        Point point = new Point(curX, curY);
        return point;
    }
}
第4步 在MyView中实现startAnim方法

    public void startAnim() {
        Point startPoint = new Point(200, 200);
        Point endPoint = new Point(600, 800);
        ValueAnimator valueAnimator = ValueAnimator.ofObject(new PointEvaluator(),
                startPoint, endPoint);

        valueAnimator.setDuration(5000);
        valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                curPoint = (Point) animation.getAnimatedValue();
                Log.e("onAnimationUpdate", "curPoint = " + curPoint);
                invalidate();
            }
        });
        valueAnimator.start();
    }
第5步 在MainActivity中实现按钮的点击事件 点击后调用Myview的startAnim方法 实现移动
package com.example.demo;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;

public class MainActivity extends AppCompatActivity {
    private Button btnStart;
    private MyView myView;

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

        btnStart = findViewById(R.id.btn_start);
        myView = findViewById(R.id.myview);

        btnStart.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                myView.startAnim();
            }
        });
    }
}

ObjectAnimator

平移
				float translationX = btn_alpha.getTranslationX();
                ObjectAnimator animator = ObjectAnimator.ofFloat(btn_alpha,
                        "translationX", translationX, 800, translationX);
                animator.setDuration(5000);
                animator.start();
缩放
				ObjectAnimator animator = ObjectAnimator.ofFloat(btn_alpha, "scaleX", 1f, 5f, 1f);
                ObjectAnimator animator2 = ObjectAnimator.ofFloat(btn_alpha, "scaleY", 1f, 5f, 1f);
                AnimatorSet animatorSet = new AnimatorSet();
                animatorSet.play(animator).with(animator2);
                animatorSet.setDuration(5000);
                animatorSet.start();
旋转
				ObjectAnimator animator = ObjectAnimator.ofFloat(btn_alpha,
                        "rotation", 0, 360);
                animator.setDuration(5000);
                animator.start();
透明度
				ObjectAnimator animator = ObjectAnimator.ofFloat(btn_alpha,
                        "alpha", 1, 0, 1);
                animator.setDuration(5000);
                animator.start();
；原文链接：https://blog.csdn.net/zksdu/article/details/115652932
本站部分内容转载于网络，版权归原作者所有，转载之目的在于传播更多优秀技术内容，如有侵权请联系QQ/微信：153890879删除，谢谢！
上一篇：如果“云智”到，数字化转型的困扰会不会少？ 下一篇：读取整形数据再读取字符串的方法+简单验证哥德巴赫猜想+杂谈

推荐图文

  • 周排行
  • 月排行
  • 总排行

随机推荐