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

 更新时间:2017年01月17日 15:13:15   作者:ZHU_文涛  
这篇文章主要为大家详细介绍了Android自定义Animation实现View摇摆效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

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

代码很简单,直接上源码

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实现背景音乐播放功能

    android实现背景音乐播放功能

    这篇文章主要为大家详细介绍了android实现背景音乐播放功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-05-05
  • android获取情景模式和铃声 实现震动、铃声提醒

    android获取情景模式和铃声 实现震动、铃声提醒

    这篇文章主要介绍了android获取情景模式和铃声,实现震动、铃声提醒,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • Android指纹识别API讲解,一种更快更好的用户体验

    Android指纹识别API讲解,一种更快更好的用户体验

    今天小编就为大家分享一篇关于Android指纹识别API讲解,一种更快更好的用户体验,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2018-10-10
  • 移动端使用CSS或JS判断横屏和竖屏的讲解

    移动端使用CSS或JS判断横屏和竖屏的讲解

    今天小编就为大家分享一篇关于移动端使用CSS或JS判断横屏和竖屏的讲解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-03-03
  • Android应用中仿今日头条App制作ViewPager指示器

    Android应用中仿今日头条App制作ViewPager指示器

    这篇文章主要介绍了Android应用中仿今日头条App制作ViewPager指示器的例子,一般就是导航条在翻页时的动态字体变色效果,需要的朋友可以参考下
    2016-04-04
  • android 预加载进程的实现方法

    android 预加载进程的实现方法

    这篇文章主要介绍了android 预加载进程的实现方法,大家需要注意清单文件中注册并制定 android:process 要预加载的进程,需要的朋友可以参考下
    2024-05-05
  • Android开发之禁止下拉通知栏的方法

    Android开发之禁止下拉通知栏的方法

    这篇文章主要介绍了Android开发之禁止下拉通知栏的方法,实例分析了Android权限控制与Activity相应设置技巧,需要的朋友可以参考下
    2016-01-01
  • TextInputLayout输入框控件的悬浮标签

    TextInputLayout输入框控件的悬浮标签

    这篇文章主要为大家详细介绍了TextInputLayout输入框控件的悬浮标签,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-12-12
  • Android实现蓝牙串口通讯

    Android实现蓝牙串口通讯

    这篇文章主要为大家详细介绍了Android实现蓝牙串口通讯,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08
  • Android AndFix热修复原理详情

    Android AndFix热修复原理详情

    这篇文章主要介绍了Android AndFix热修复原理详情,文章围绕主题展开详细的内容介绍,具有一定的参考价值吗,需要的小伙伴可以参考一下
    2022-08-08

最新评论