源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

Android自定义Animation实现View摇摆效果

  • 时间:2022-02-20 06:24 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:Android自定义Animation实现View摇摆效果
使用自定义Animation,实现View的左右摇摆效果,如图所示: [img]http://files.jb51.net/file_images/article/201701/2017117151519747.gif?2017017151530[/img] 代码很简单,直接上源码 activity_maini.xml布局文件:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:background="#ffffff"
  android:gravity="center"
  android:orientation="vertical">

  <!--图片-->
  <ImageView
    android:id="@+id/iv_dial"
    android:layout_width="200dp"
    android:layout_height="200dp"
    android:src="@drawable/img"/>

  <!--控制按钮-->
  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom"
    android:gravity="center"
    android:orientation="horizontal">

    <Button
      android:id="@+id/btn_start"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="开始"/>

    <Button
      android:id="@+id/btn_end"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="结束"/>

  </LinearLayout>

</LinearLayout>
也可以用其它的View控件替代ImageView,都是可以实现摇摆效果的 [b]主界面MainActivity[/b]
/**
 * 主界面
 * Created by zhuwentao on 2016-08-08.
 */
public class MainActivity extends AppCompatActivity implements View.OnClickListener{

  /** 表盘图片 */
  private ImageView mDialIv;

  /** 开始按钮 */
  private Button mStartBtn;

  /** 结束按钮 */
  private Button mEndBtn;

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

  /**
   * 初始化UI
   */
  private void initUI() {
    mDialIv = (ImageView) findViewById(R.id.iv_dial);
    mStartBtn = (Button) findViewById(R.id.btn_start);
    mEndBtn = (Button) findViewById(R.id.btn_end);
  }

  /**
   * 初始化监听
   */
  private void initListener() {
    mStartBtn.setOnClickListener(this);
    mEndBtn.setOnClickListener(this);
  }

  @Override
  public void onClick(View v) {
    switch (v.getId()) {
      case R.id.btn_start:
        showAnimation();
        break;
      case R.id.btn_end:
        mDialIv.clearAnimation();
        break;
    }
  }

  /**
   * 设置动画
   */
  private void showAnimation() {
    // 获取自定义动画实例
    CustomRotateAnim rotateAnim = CustomRotateAnim.getCustomRotateAnim();
    // 一次动画执行1秒
    rotateAnim.setDuration(1000);
    // 设置为循环播放
    rotateAnim.setRepeatCount(-1);
    // 设置为匀速
    rotateAnim.setInterpolator(new LinearInterpolator());
    // 开始播放动画
    mDialIv.startAnimation(rotateAnim);
  }
}
setRepeatCount()设置的是重复播放动画的次数,-1是为了让它循环播放,setRepeatCount(0)代表的是执行一次,setRepeatCount(1)代表重复1次,即动画执行2次。 setInterpolator()方法是设置插值器,用来指定动画的效果,这里使用系统提供的LinearInterpolator()匀速变化效果。 自定义的CustomRotateAnim动画需要继承Animation,这里只要实现它的initialize()和applyTransformation()方法就好
/**
 * 左右摇摆动画
 * Created by zhuwentao on 2016-08-08.
 */
public class CustomRotateAnim extends Animation {

  /** 控件宽 */
  private int mWidth;

  /** 控件高 */
  private int mHeight;

  /** 实例 */
  private static CustomRotateAnim rotateAnim;

  /**
   * 获取动画实例
   * @return 实例
   */
  public static CustomRotateAnim getCustomRotateAnim() {
    if (null == rotateAnim) {
      rotateAnim = new CustomRotateAnim();
    }
    return rotateAnim;
  }

  @Override
  public void initialize(int width, int height, int parentWidth, int parentHeight) {
    this.mWidth = width;
    this.mHeight = height;
    super.initialize(width, height, parentWidth, parentHeight);
  }

  @Override
  protected void applyTransformation(float interpolatedTime, Transformation t) {
    // 左右摇摆
    t.getMatrix().setRotate((float)(Math.sin(interpolatedTime*Math.PI*2)*50), mWidth/2, mHeight/2);
    super.applyTransformation(interpolatedTime, t);
  }
}
initialize(int width, int height, int parentWidth, int parentHeight)中,width和height代表指定播放动画的View空间宽高,parentWidth和parentHeight代表该View控件所在的父控件宽高。 我们需要使用当前View的宽高来确定摇摆的旋转点,所以在initialize中获取View控件的宽高。 applyTransformation()方法是动画具体的实现方法,在系统绘制动画时会反复调用这个方法,每调用一次applyTransformation()方法,其中的interpolatedTime参数都会改变一次,值从0到1递增,当interpolatedTime的值为1时则动画结束。 Transformatio类是一个变换的矩阵,通过改变该矩阵就可以实现各种复杂的效果。 复写这个方法,在里面就可以实现我们自定义的动画效果了。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部