您的位置：首页 > 移动开发 > Android开发

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

2017-01-17 15:13 926 查看

使用自定义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 Animation 摇摆

相关文章推荐

新的分享

章节导航