Android / 移动互联网 · 2014年6月27日 0

Android代码实现长按显示波纹外扩动画

项目两张图片:

wave btn

代码:

package com.example.waveanimation;

import Android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.app.Activity;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.view.animation.AlphaAnimation;
import android.view.animation.AnimationSet;
import android.view.animation.ScaleAnimation;
import android.widget.ImageView;

public class MainActivity extends Activity {
private static final int ANIMATIONEACHOFFSET = 600; // 每个动画的播放时间间隔
private AnimationSet aniSet, aniSet2, aniSet3;
private ImageView btn, wave1, wave2, wave3;
private Handler handler = new Handler() {

@Override
public void handleMessage(Message msg) {
if (msg.what == 0x222) {
wave2.startAnimation(aniSet2);
} else if (msg.what == 0x333) {
wave3.startAnimation(aniSet3);
}
super.handleMessage(msg);
}

};

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
aniSet = getNewAnimationSet();
aniSet2 = getNewAnimationSet();
aniSet3 = getNewAnimationSet();
setContentView(R.layout.activity_main);
btn = (ImageView) findViewById(R.id.btn);
wave1 = (ImageView) findViewById(R.id.wave1);
wave2 = (ImageView) findViewById(R.id.wave2);
wave3 = (ImageView) findViewById(R.id.wave3);
btn.setOnTouchListener(new OnTouchListener() {

@Override
public boolean onTouch(View v, MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
showWaveAnimation();
break;
case MotionEvent.ACTION_UP:
cancalWaveAnimation();
break;
case MotionEvent.ACTION_CANCEL:
cancalWaveAnimation();
break;
}
return true;
}
});
}

private AnimationSet getNewAnimationSet() {
AnimationSet as = new AnimationSet(true);
ScaleAnimation sa = new ScaleAnimation(1f, 2.3f, 1f, 2.3f,
ScaleAnimation.RELATIVE_TO_SELF, 0.5f,
ScaleAnimation.RELATIVE_TO_SELF, 0.5f);
sa.setDuration(ANIMATIONEACHOFFSET * 3);
sa.setRepeatCount(-1);// 设置循环
AlphaAnimation aniAlp = new AlphaAnimation(1, 0.1f);
aniAlp.setRepeatCount(-1);// 设置循环
as.setDuration(ANIMATIONEACHOFFSET * 3);
as.addAnimation(sa);
as.addAnimation(aniAlp);
return as;
}

private void showWaveAnimation() {
wave1.startAnimation(aniSet);
handler.sendEmptyMessageDelayed(0x222, ANIMATIONEACHOFFSET);
handler.sendEmptyMessageDelayed(0x333, ANIMATIONEACHOFFSET * 2);

}

private void cancalWaveAnimation() {
wave1.clearAnimation();
wave2.clearAnimation();
wave3.clearAnimation();
}

}

xml文件:

<RelativeLayout xmlns:android=”http://schemas.android.com/apk/res/android
android:layout_width=”match_parent”
android:layout_height=”match_parent” >

<ImageView
android:id=”@+id/wave1″
android:layout_width=”150dp”
android:layout_height=”150dp”
android:layout_centerInParent=”true”
android:background=”@drawable/wave”
/>

<ImageView
android:id=”@+id/wave2″
android:layout_width=”150dp”
android:layout_height=”150dp”
android:layout_centerInParent=”true”
android:background=”@drawable/wave”/>

<ImageView
android:id=”@+id/wave3″
android:layout_width=”150dp”
android:layout_height=”150dp”
android:layout_centerInParent=”true”
android:background=”@drawable/wave” />

<ImageView
android:id=”@+id/btn”
android:layout_width=”166dp”
android:layout_height=”166dp”
android:layout_centerInParent=”true”
android:background=”@drawable/btn” />

</RelativeLayout>

效果图:

Android代码实现长按显示波纹外扩动画

Share this: