首页 > 系统 > Android > 正文

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

2019-10-23 19:52:41
字体:
来源:转载
供稿:网友

使用自定义Animation,实现View的左右摇摆效果,如图所示:

Android,Animation,摇摆

代码很简单,直接上源码

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,都是可以实现摇摆效果的

主界面MainActivity

/** * 主界面 * 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类是一个变换的矩阵,通过改变该矩阵就可以实现各种复杂的效果。
复写这个方法,在里面就可以实现我们自定义的动画效果了。


注:相关教程知识阅读请移步到Android开发频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表