其实就是在button点击的时候播放Tween动画。
这样就基本完成,参照上面的代码 自己也可以自行修改成自己喜欢的样式。看一下在我手机上运行的效果
看一下布局文件:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout android:layout_width="fill_parent"
android:layout_height="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android"
android:background="#ffffff">
<ImageView android:layout_width="wrap_content"
android:layout_height="fill_parent" android:background="@drawable/splash_shadow"
android:layout_marginLeft="50dip" />
<RelativeLayout android:id="@+id/relativeLayout_top_bar"
android:layout_width="fill_parent" android:layout_height="40dip"
android:background="@drawable/qa_bar">
<ImageView android:layout_width="60dip"
android:layout_height="20dip" android:background="@drawable/qa_logo"
android:layout_centerInParent="true" />
</RelativeLayout>
<TextView android:layout_below="@id/relativeLayout_top_bar"
android:layout_width="wrap_content" android:layout_height="wrap_content"
android:textSize="20sp" android:text="Tap to Refresh"
android:layout_centerHorizontal="true" android:layout_marginTop="50dip" android:textStyle="bold"/>
<Button android:id="@+id/button_composer_sleep"
android:layout_width="wrap_content" android:layout_height="wrap_content"
android:background="@drawable/composer_sleep"
android:layout_marginBottom="10dip" android:layout_marginLeft="10dip"
android:layout_alignParentBottom="true">
</Button>
<Button android:id="@+id/button_composer_thought"
android:layout_width="wrap_content" android:layout_height="wrap_content"
android:background="@drawable/composer_thought"
android:layout_marginBottom="10dip" android:layout_marginLeft="10dip"
android:layout_alignParentBottom="true" android:layout_above="@id/button_composer_sleep">
</Button>
<Button android:id="@+id/button_composer_music"
android:layout_width="wrap_content" android:layout_height="wrap_content"
android:background="@drawable/composer_music"
android:layout_marginBottom="10dip" android:layout_marginLeft="10dip"
android:layout_alignParentBottom="true">
</Button>
<Button android:id="@+id/button_composer_place"
android:layout_width="wrap_content" android:layout_height="wrap_content"
android:background="@drawable/composer_place"
android:layout_marginBottom="10dip" android:layout_marginLeft="10dip"
android:layout_alignParentBottom="true" android:layout_above="@id/button_composer_music">
</Button>
<Button android:id="@+id/button_composer_with"
android:layout_width="wrap_content" android:layout_height="wrap_content"
android:background="@drawable/composer_with"
android:layout_marginBottom="10dip" android:layout_marginLeft="10dip"
android:layout_alignParentBottom="true" android:layout_above="@id/button_composer_place">
</Button>
<Button android:id="@+id/button_composer_camera"
android:layout_width="wrap_content" android:layout_height="wrap_content"
android:background="@drawable/composer_camera"
android:layout_marginBottom="10dip" android:layout_marginLeft="10dip"
android:layout_alignParentBottom="true" android:layout_above="@id/button_composer_with">
</Button>
<Button android:id="@+id/button_friends_delete"
android:layout_width="wrap_content" android:layout_height="wrap_content"
android:background="@drawable/friends_delete"
android:layout_marginBottom="10dip" android:layout_marginLeft="10dip"
android:layout_alignParentBottom="true" android:layout_above="@id/button_composer_camera">
</Button>
</RelativeLayout>
实现button按钮动画效果的核心类:
package cn.com.kar.test;
import android.R.anim;
import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.Display;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.animation.Animation;
import android.view.animation.RotateAnimation;
import android.view.animation.ScaleAnimation;
import android.view.animation.TranslateAnimation;
import android.view.animation.Animation.AnimationListener;
import android.widget.Button;
import android.widget.RelativeLayout.LayoutParams;
public class PathButtonActivity extends Activity
{
private Button buttonCamera, buttonDelete, buttonWith, buttonPlace, buttonMusic, buttonThought, buttonSleep;
private Animation animationTranslate, animationRotate, animationScale;
private static int width, height;
private LayoutParams params = new LayoutParams(0, 0);
private static Boolean isClick = false;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.path_button);
initialButton();
}
private void initialButton()
{
// TODO Auto-generated method stub
Display display = getWindowManager().getDefaultDisplay();
height = display.getHeight();
width = display.getWidth();
Log.v("width & height is:", String.valueOf(width) + ", " + String.valueOf(height));
params.height = 50;
params.width = 50;
//设置边距 (int left, int top, int right, int bottom)
params.setMargins(10, height - 98, 0, 0);
buttonSleep = (Button) findViewById(R.id.button_composer_sleep);
buttonSleep.setLayoutParams(params);
buttonThought = (Button) findViewById(R.id.button_composer_thought);
buttonThought.setLayoutParams(params);
buttonMusic = (Button) findViewById(R.id.button_composer_music);
buttonMusic.setLayoutParams(params);
buttonPlace = (Button) findViewById(R.id.button_composer_place);
buttonPlace.setLayoutParams(params);
buttonWith = (Button) findViewById(R.id.button_composer_with);
buttonWith.setLayoutParams(params);
buttonCamera = (Button) findViewById(R.id.button_composer_camera);
buttonCamera.setLayoutParams(params);
buttonDelete = (Button) findViewById(R.id.button_friends_delete);
buttonDelete.setLayoutParams(params);
buttonDelete.setOnClickListener(new OnClickListener()
{
@Override
public void onClick(View v)
{
// TODO Auto-generated method stub
if(isClick == false)
{
isClick = true;
buttonDelete.startAnimation(animRotate(-45.0f, 0.5f, 0.45f));
buttonCamera.startAnimation(animTranslate(0.0f, -180.0f, 10, height - 240, buttonCamera, 80));
buttonWith.startAnimation(animTranslate(30.0f, -150.0f, 60, height - 230, buttonWith, 100));
buttonPlace.startAnimation(animTranslate(70.0f, -120.0f, 110, height - 210, buttonPlace, 120));
buttonMusic.startAnimation(animTranslate(80.0f, -110.0f, 150, height - 180, buttonMusic, 140));
buttonThought.startAnimation(animTranslate(90.0f, -60.0f, 175, height - 135, buttonThought, 160));
buttonSleep.startAnimation(animTranslate(170.0f, -30.0f, 190, height - 90, buttonSleep, 180));
}
else
{
isClick = false;
buttonDelete.startAnimation(animRotate(90.0f, 0.5f, 0.45f));
buttonCamera.startAnimation(animTranslate(0.0f, 140.0f, 10, height - 98, buttonCamera, 180));
buttonWith.startAnimation(animTranslate(-50.0f, 130.0f, 10, height - 98, buttonWith, 160));
buttonPlace.startAnimation(animTranslate(-100.0f, 110.0f, 10, height - 98, buttonPlace, 140));
buttonMusic.startAnimation(animTranslate(-140.0f, 80.0f, 10, height - 98, buttonMusic, 120));
buttonThought.startAnimation(animTranslate(-160.0f, 40.0f, 10, height - 98, buttonThought, 80));
buttonSleep.startAnimation(animTranslate(-170.0f, 0.0f, 10, height - 98, buttonSleep, 50));
}
}
});
buttonCamera.setOnClickListener(new OnClickListener()
{
@Override
public void onClick(View v)
{
// TODO Auto-generated method stub
buttonCamera.startAnimation(setAnimScale(2.5f, 2.5f));
buttonWith.startAnimation(setAnimScale(0.0f, 0.0f));
buttonPlace.startAnimation(setAnimScale(0.0f, 0.0f));
buttonMusic.startAnimation(setAnimScale(0.0f, 0.0f));
buttonThought.startAnimation(setAnimScale(0.0f, 0.0f));
buttonSleep.startAnimation(setAnimScale(0.0f, 0.0f));
buttonDelete.startAnimation(setAnimScale(0.0f, 0.0f));
}
});
buttonWith.setOnClickListener(new OnClickListener()
{
@Override
public void onClick(View v)
{
// TODO Auto-generated method stub
buttonWith.startAnimation(setAnimScale(2.5f, 2.5f));
buttonCamera.startAnimation(setAnimScale(0.0f, 0.0f));
buttonPlace.startAnimation(setAnimScale(0.0f, 0.0f));
buttonMusic.startAnimation(setAnimScale(0.0f, 0.0f));
buttonThought.startAnimation(setAnimScale(0.0f, 0.0f));
buttonSleep.startAnimation(setAnimScale(0.0f, 0.0f));
buttonDelete.startAnimation(setAnimScale(0.0f, 0.0f));
}
});
buttonPlace.setOnClickListener(new OnClickListener()
{
@Override
public void onClick(View v)
{
// TODO Auto-generated method stub
buttonPlace.startAnimation(setAnimScale(2.5f, 2.5f));
buttonWith.startAnimation(setAnimScale(0.0f, 0.0f));
buttonCamera.startAnimation(setAnimScale(0.0f, 0.0f));
buttonMusic.startAnimation(setAnimScale(0.0f, 0.0f));
buttonThought.startAnimation(setAnimScale(0.0f, 0.0f));
buttonSleep.startAnimation(setAnimScale(0.0f, 0.0f));
buttonDelete.startAnimation(setAnimScale(0.0f, 0.0f));
}
});
buttonMusic.setOnClickListener(new OnClickListener()
{
@Override
public void onClick(View v)
{
// TODO Auto-generated method stub
buttonMusic.startAnimation(setAnimScale(2.5f, 2.5f));
buttonPlace.startAnimation(setAnimScale(0.0f, 0.0f));
buttonWith.startAnimation(setAnimScale(0.0f, 0.0f));
buttonCamera.startAnimation(setAnimScale(0.0f, 0.0f));
buttonThought.startAnimation(setAnimScale(0.0f, 0.0f));
buttonSleep.startAnimation(setAnimScale(0.0f, 0.0f));
buttonDelete.startAnimation(setAnimScale(0.0f, 0.0f));
}
});
buttonThought.setOnClickListener(new OnClickListener()
{
@Override
public void onClick(View v)
{
// TODO Auto-generated method stub
buttonThought.startAnimation(setAnimScale(2.5f, 2.5f));
buttonPlace.startAnimation(setAnimScale(0.0f, 0.0f));
buttonWith.startAnimation(setAnimScale(0.0f, 0.0f));
buttonCamera.startAnimation(setAnimScale(0.0f, 0.0f));
buttonMusic.startAnimation(setAnimScale(0.0f, 0.0f));
buttonSleep.startAnimation(setAnimScale(0.0f, 0.0f));
buttonDelete.startAnimation(setAnimScale(0.0f, 0.0f));
}
});
buttonSleep.setOnClickListener(new OnClickListener()
{
@Override
public void onClick(View v)
{
// TODO Auto-generated method stub
buttonSleep.startAnimation(setAnimScale(2.5f, 2.5f));
buttonPlace.startAnimation(setAnimScale(0.0f, 0.0f));
buttonWith.startAnimation(setAnimScale(0.0f, 0.0f));
buttonCamera.startAnimation(setAnimScale(0.0f, 0.0f));
buttonMusic.startAnimation(setAnimScale(0.0f, 0.0f));
buttonThought.startAnimation(setAnimScale(0.0f, 0.0f));
buttonDelete.startAnimation(setAnimScale(0.0f, 0.0f));
}
});
}
protected Animation setAnimScale(float toX, float toY)
{
// TODO Auto-generated method stub
animationScale = new ScaleAnimation(1f, toX, 1f, toY, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.45f);
animationScale.setInterpolator(PathButtonActivity.this, anim.accelerate_decelerate_interpolator);
animationScale.setDuration(500);
animationScale.setFillAfter(false);
return animationScale;
}
protected Animation animRotate(float toDegrees, float pivotXValue, float pivotYValue)
{
// TODO Auto-generated method stub
animationRotate = new RotateAnimation(0, toDegrees, Animation.RELATIVE_TO_SELF, pivotXValue, Animation.RELATIVE_TO_SELF, pivotYValue);
animationRotate.setAnimationListener(new AnimationListener()
{
@Override
public void onAnimationStart(Animation animation)
{
// TODO Auto-generated method stub
}
@Override
public void onAnimationRepeat(Animation animation)
{
// TODO Auto-generated method stub
}
@Override
public void onAnimationEnd(Animation animation)
{
// TODO Auto-generated method stub
animationRotate.setFillAfter(true);
}
});
return animationRotate;
}
//移动的动画效果
/*
* TranslateAnimation(float fromXDelta, float toXDelta, float fromYDelta, float toYDelta)
*
* float fromXDelta:这个参数表示动画开始的点离当前View X坐标上的差值;
*
* float toXDelta, 这个参数表示动画结束的点离当前View X坐标上的差值;
*
* float fromYDelta, 这个参数表示动画开始的点离当前View Y坐标上的差值;
*
* float toYDelta)这个参数表示动画开始的点离当前View Y坐标上的差值;
*/
protected Animation animTranslate(float toX, float toY, final int lastX, final int lastY,
final Button button, long durationMillis)
{
// TODO Auto-generated method stub
animationTranslate = new TranslateAnimation(0, toX, 0, toY);
animationTranslate.setAnimationListener(new AnimationListener()
{
@Override
public void onAnimationStart(Animation animation)
{
// TODO Auto-generated method stub
}
@Override
public void onAnimationRepeat(Animation animation)
{
// TODO Auto-generated method stub
}
@Override
public void onAnimationEnd(Animation animation)
{
// TODO Auto-generated method stub
params = new LayoutParams(0, 0);
params.height = 50;
params.width = 50;
params.setMargins(lastX, lastY, 0, 0);
button.setLayoutParams(params);
button.clearAnimation();
}
});
animationTranslate.setDuration(durationMillis);
return animationTranslate;
}
}
出处:http://www.apkbus.com/forum.php?mod=viewthread&tid=39869
分享到:
相关推荐
头像显示效果(头像散开动画效果),很炫的一个效果
Android实现以圆心散开的半圆型导航菜单_android源码
图标爆炸效果(类似小米卸载应用图标散开效果)
主要就是五颗按钮向五个方向散开(我这里是按钮,也可以放成其它控件)。
Flash 突然散开的炫丽光点效果源文件
ParticleLayout左滑粒子效果,滑动删除某条item的有没,自定义ParticleLayout然后对其设置 监听setDeleteListener,提供onDelete()方法,自定义view的onTouchEvent()当滑动的时候对 view做一些动画处理效果。
安卓Android源码——以圆心散开的半圆菜单.zip
类似微信底部tab切换效果类似微信底部tab切换效果类似微信底部tab切换效果类似微信底部tab切换效果类似微信底部tab切换效果类似微信底部tab切换效果类似微信底部tab切换效果类似微信底部tab切换效果类似微信底部tab...
Flash爆炸光点散开效果,光影效果,从网上找的,适合用于Flash广告中,当然你喜欢,你可以用在任何Flash影片中。
jQuery Little Boxes Menu 点击动画效果散开的格子菜单,点击任意一个格子后,整个菜单就会散开,然后动态变化出所点击的菜单,之后显示相关的菜单内容,标题或文字内容等,来自国外jquery开源爱好者的一个方格菜单...
JS html5实现跟随鼠标移动而散开的粒子效果
Android应用源码开发Demo,主要用于毕业设计学习。
安卓开发-以圆心散开的半圆菜单.zip
这是一款漂亮的CSS3文字动画特效,文字以烟雾的形式散开的CSS3文字烟雾散开动画特效。
Android高级应用源码-以圆心散开的半圆菜单.zip
以圆心散开的半圆菜单,没使用第三方框架
js点击元素后出现波纹散开效果。点击不同部位,波纹会从点击处散开。兼容主流浏览器
jQuery jGravity插件模拟重力物体下落后散开效果,若需要使用到自己的软件项目中,需要稍加修改,不修改可能会有冲突。
CSS3 SVG点击爱心散开动画特效是一款爱心按钮点赞,爱心散开旋转动画特效。
Flash礼花爆炸散开效果,也就是烟花特效,很多不同颜色的烟花升上空中,最后爆炸,整个过程做的还挺逼真,里面估计要用到Flash As动作脚本,这个相对来说就有些小难度了。