设为首页 加入收藏

TOP

Android代码实现长按显示波纹外扩动画
2014-11-23 23:22:47 来源: 作者: 【 】 浏览:10
Tags:Android 代码 实现 显示 波纹 动画

项目两张图片:


wave btn


代码:


package com.example.waveanimation;


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文件:


http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >


android:id="@+id/wave1"
android:layout_width="150dp"
android:layout_height="150dp"
android:layout_centerInParent="true"
android:background="@drawable/wave"
/>


android:id="@+id/wave2"
android:layout_width="150dp"
android:layout_height="150dp"
android:layout_centerInParent="true"
android:background="@drawable/wave"/>


android:id="@+id/wave3"
android:layout_width="150dp"
android:layout_height="150dp"
android:layout_centerInParent="true"
android:background="@drawable/wave" />


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



效果图:


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


】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
分享到: 
上一篇Android代码实现控件按下显示底色.. 下一篇jQuery实现返回顶部功能

评论

帐  号: 密码: (新用户注册)
验 证 码:
表  情:
内  容: