Android 动画

Android 动画

帧动画

动画的启动和停止

  • 获取动画的 Drawable资源

    • AnimationDrawable anim = (AnimationDrawable)relativeLayout.getBackground();
      
  • //启动动画

    • anim.start();
      
  • 停止动画

    • anim.stop();
      
  • 得到frame帧布局

    • <animation-list xmlns:android="http://schemas.android.com/apk/res/android">
      
      <item android:drawable="@drawable/meinv" android:duration="120"/>
      <item android:drawable="@drawable/meinv2" android:duration="120"/>
      <item android:drawable="@drawable/meinv3" android:duration="120"/>
      <item android:drawable="@drawable/meinv4" android:duration="120"/>
      
      </animation-list>
      
  • 创建RelativeLayout 布局

    • <RelativeLayout
          android:id="@+id/rl"
          android:layout_height="match_parent"
          android:layout_width="match_parent"
          android:background="@drawable/frame"
          xmlns:android="http://schemas.android.com/apk/res/android" />
      
  • 设置点击开始 和 结束

    • private boolean flag;
      
          @Override
          protected void onCreate(Bundle savedInstanceState) {
              super.onCreate(savedInstanceState);
              setContentView(R.layout.activity_main);
      
              RelativeLayout relativeLayout = findViewById(R.id.rl);
              final AnimationDrawable animationDrawable = (AnimationDrawable) relativeLayout.getBackground();
      
              relativeLayout.setOnClickListener(new View.OnClickListener() {
                  @Override
                  public void onClick(View v) {
      
                      if(flag){
                          animationDrawable.start();
                      }else {
                          animationDrawable.stop();
                          flag = true;
                      }
                  }
              });
          }
      

补间动画

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

alpha

  • 设置alpha动画

    • <alpha
          android:fromAlpha="0"
          android:toAlpha="1"
          android:duration = "2000"
          />
      
  • 设置 动画 图片

    • <ImageView
              android:id="@+id/iv"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_centerInParent="true"
              android:adjustViewBounds="true"
              android:maxWidth="300dp"
              android:maxHeight="300dp"
              android:src="@drawable/meinv"/>
      
  • 设置点击事件

    • imageview = findViewById(R.id.iv);
      
      imageview.setOnClickListener(new View.OnClickListener() {
          @Override
          public void onClick(View v) {
              // 通过加载xml动画设置文件,来创建一个 Animation 对象
              Animation animation = AnimationUtils.loadAnimation(MainActivity.this, R.anim.alpha);
              imageview.startAnimation(animation);
          }
      });
      

rotate

  • 设置rotate布局

    • <rotate
              android:duration = "2000"
              android:fromDegrees="0"
              android:toDegrees="360"
              android:pivotX="50%"
              android:pivotY="50%"
              />
      
  • 设置点击事件

    • imageview = findViewById(R.id.iv);
      
      imageview.setOnClickListener(new View.OnClickListener() {
          @Override
          public void onClick(View v) {
              // 通过加载xml动画设置文件,来创建一个 Animation 对象
              Animation animation = AnimationUtils.loadAnimation(MainActivity.this, R.anim.rotate);
              imageview.startAnimation(animation);
          }
      });
      

scale

  • 设置scale帧

    • <scale
              android:fromXScale="1"
              android:fromYScale="1"
              android:toXScale="0.5"
              android:toYScale="0.5"
              android:pivotY="50%"
              android:pivotX="50%"
              android:duration="2000"
              />
      

translate

  • 设置布局

    • <translate
      
          android:fromXDelta="0"
          android:fromYDelta="0"
          android:toXDelta="400"
          android:toYDelta="400"
          android:duration = "2000"
          />
      

属性动画

  • ValueAnimator

    • 改变animator值的

    • ValueAnimator valueAnimator = ValueAnimator.ofFloat(0f,1f);
              valueAnimator.setDuration(2000);
              valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                  @Override
                  public void onAnimationUpdate(ValueAnimator animation) {
                      float value = (float)animation.getAnimatedValue();
                      Log.e("leo","onAnimationUpdate" + value);
                  }
              });
              valueAnimator.start();
      
  • ObjectAnimator

    • 继承 ValueAnimator 可以直接针对对象 控制控件

    • 设置图片控件

      • <ImageView
            android:id="@+id/iv"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:adjustViewBounds="true"
            android:maxWidth="300dp"
            android:maxHeight="300dp"
            android:src="@drawable/meinv"/>
        
    • 设置图片渐进

      • ImageView imageView = findViewById(R.id.iv);
                ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(imageView,"alpha", 0f,1f );
                objectAnimator.setDuration(4000);
                objectAnimator.start();
        
  • 监听器

    • onAnimationStart() 动画开始的时候调用

    • onAnimationEnd() 动画结束的时候调用

    • onAnimationCancel() 动画被取消的时候调用

    • onAnimationRepeat() 动画重复执行的时候调用

      • ·

        objectAnimator.addListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animation) {
        
            }
        
            @Override
            public void onAnimationEnd(Animator animation) {
        
            }
        
            @Override
            public void onAnimationCancel(Animator animation) {
        
            }
        
            @Override
            public void onAnimationRepeat(Animator animation) {
        
            }
        });
        
        objectAnimator.addListener(new AnimatorListenerAdapter() {
            @Override
            public void onAnimationStart(Animator animation) {
                super.onAnimationStart(animation);
            }
        });
        
posted @ 2021-04-12 17:29  AronJudge  阅读(63)  评论(0编辑  收藏  举报