弹射状菜单

声明：转载至：https://blog.csdn.net/qq_36510659/article/details/78834302

感觉原创作者写的杠杠的，然后就偷偷摸摸的弄过来了，稍微充实一下自己的博客，顺便，再给大家稍微详细那么一点吧

先放个效果图，瞅瞅

怎么样，很赞吧，是不是很炫

好了。咋们还是由简易到。。繁琐

先来个平平的。

废话不多说，上代码。（人家原创的代码哦，我尽可能的在自己的理解上给大家注释一下子）

首先是xml布局，不多说：

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <Button android:id="@+id/btn2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_alignParentRight="true" android:layout_margin="10dp" android:text="按钮" /> <TextView android:id="@+id/tv6" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_alignParentRight="true" android:layout_margin="15dp" android:background="#da7979" android:padding="5dp" android:text="洒" android:textColor="#ffffff" android:visibility="gone" /> </RelativeLayout>

好了。要开始正式内容了，准备好了吗？

点击事件：也就只有一个button：

btn2.setOnClickListener(this);

内容：

@Override public void onClick(View v) { switch (v.getId()) { case R.id.btn2: if (!LockMenu) { LockMenu = true; openAnim(tv6, 0, 1, 400); } else { LockMenu = false; closeAnim(tv6, 0, 1, 400); } break; } }

这里的LockMenu用来判断开关是否打开：可以先定义：

private boolean LockMenu = false;

openAnim（）呢是打开的方法：

/** * 打开菜单 * view:动画控件 * index：第几个控件 * num:有几个控件 * radius：扇形半径 */ public void openAnim(View view, int index, int num, int radius) { if (view.getVisibility() != View.VISIBLE) { view.setVisibility(View.VISIBLE); } double angle = Math.toRadians(180) / (num - 1) * index; int translationX = -(int) (radius * Math.cos(angle)); int translationY = -(int) (radius * Math.sin(angle)); /** * ObjectAnimator animator = ObjectAnimator.ofFloat(tv1, "translationX", 0, -300); * ObjectAnimator animator = ObjectAnimator.ofFloat("执行动画的控件名字", "执行什么样的动画","开始位置", "结束位置"); */ ObjectAnimator one = ObjectAnimator.ofFloat(view, "translationX", 0, translationX); ObjectAnimator two = ObjectAnimator.ofFloat(view, "translationY", 0, translationY); ObjectAnimator three = ObjectAnimator.ofFloat(view, "rotation", 0, 360); ObjectAnimator four = ObjectAnimator.ofFloat(view, "scaleX", 0f, 1f); ObjectAnimator five = ObjectAnimator.ofFloat(view, "scaleY", 0f, 1f); ObjectAnimator six = ObjectAnimator.ofFloat(view, "alpha", 0f, 1); /** * translationX：X方向移动 * translationY：Y方向移动 * rotation：中心点旋转（rotationX：围绕X轴旋转，rotationY：围绕Y轴旋转） * scaleX：X轴方向缩放 * scaleY：Y轴方向缩放 * alpha：渐变 */ AnimatorSet set = new AnimatorSet(); set.setDuration(2000);//时间 /** * set.playTogether：所有动画一起播放 * set.playSequentially：依次播放 */ set.playTogether(one, two, three, four, five, six); // set.playSequentially(one, two, three, four, five, six); //回弹效果 // set.setInterpolator(new BounceInterpolator()); set.start(); }

注释都放里边了哈。。如果看不清。可以粘贴出来看，嗯（。。粘了可以直接用。很神奇）

接着是closeAnim（）关闭的方法：

//关闭菜单 public void closeAnim(View view, int index, int num, int radius) { if (view.getVisibility() != View.VISIBLE) { view.setVisibility(View.VISIBLE); } double angle = Math.toRadians(180) / (num - 1) * index; Log.e("angle", angle + ""); int translationX = -(int) (radius * Math.cos(angle)); int translationY = -(int) (radius * Math.sin(angle)); ObjectAnimator one = ObjectAnimator.ofFloat(view, "translationX", translationX, 0); ObjectAnimator two = ObjectAnimator.ofFloat(view, "translationY", translationY, 0); ObjectAnimator three = ObjectAnimator.ofFloat(view, "rotation", 0, 360); ObjectAnimator four = ObjectAnimator.ofFloat(view, "scaleX", 1f, 0f); ObjectAnimator five = ObjectAnimator.ofFloat(view, "scaleY", 1f, 0f); ObjectAnimator six = ObjectAnimator.ofFloat(view, "alpha", 1f, 0f); AnimatorSet set = new AnimatorSet(); set.playTogether(one, two, three, four, five, six); set.setDuration(2000); //回弹效果 // set.setInterpolator(new BounceInterpolator()); set.start(); }

跟打开的方法差不多哦。看懂那个，这个也就懂了，，啊哈哈

此外。。疑难解答。原创里就有哦。我。。再粘一遍：

先看看点击事件里的这个：

openAnim(tv6, 0, 1, 400);

其实，它是这样的：

openAnim("你的控件名儿，这里是个TextView", "这个是index，下面给你解释哦", "这个是要变化控件的个数，好像是可以随便写，反正我写了0-9都没错。。", "最后这个是radius,也是下面解释");

好了，接下来是：角度转化为弧度、也顺便说说上面的index

double angle = Math.toRadians(180) / (num - 1) * index;

好了，来，关门！放图。。。

虽然，我也没怎么看懂吧，但大致能看清那个数字的大致方位了。。。

嗯。好了。下一个：

计算X,Y的距离、还有上面的radius。。

int translationX = -(int) (radius * Math.cos(angle)); int translationY = -(int) (radius * Math.sin(angle));

好。又来了。关门，，放。。。狗，，，图。。

大家伙儿，能看懂的不？。。。老实说。我也没看懂，反正就是，数值越大，距离越远啦。凑合凑合用吧。哈哈哈。。

小白出门。。刚刚起步。请多多指教。多谢多谢多谢多谢。。。（省略一万多谢）。