android 3d 滑动菜单栏,Android实现类似3D Touch菜单功能

前言

在开发中，我们经常遇到需要菜单功能的实现，我们经常会参考其他人的优秀设计。比如3D Touch菜单，作为iphone6和iphone6s上引人注目的新功能。现在，我们希望尽力来模仿这种菜单设计，尽力，因为系统的差异，会导致很多东西实现起来有难度。

思路

想要尽力模仿这种菜单，经过分析，我觉得主要实现以下几个点：

1)菜单的出现方式，在ios上，方式是用户用手指用力按下，然而在Android上，受限于硬件，我们无法捕捉用力按压这种动作，所以，我改用另一种比较次的方式，长按弹出，捕捉手指长按动作。

2)菜单的界面上，需要处理背景模糊效果。

3)菜单的触摸事件处理，我们看到，手指长按之后，菜单出现，这时候手指不离开屏幕，滑动到菜单某个选项，再抬起，这时候这个选项会相应。

实现

背景模糊处理

经过一番调研，除了调用github上面大神的各种绘图效果库，我们想要自己实现大概有两个思路。

RenderScript方案

RenderScript是由Android3.0引入，用来在Android上编写高性能代码的一种语言。优点：使用方便，Android官方API自带，而且性能处理效果极好，缺点：需要API17以上。

使用非常简单,我们只需要获取RenderScript的实例，传入模糊图像需要的参数

@TargetApi(Build.VERSION_CODES.JELLY_BEAN_MR1)

public Bitmap getRenderScriptBitmap(Context context, int radius, Bitmap bitmapOriginal) {

RenderScript rs = RenderScript.create(context);

final Allocation input = Allocation.createFromBitmap(rs, bitmapOriginal);

final Allocation output = Allocation.createTyped(rs, input.getType());

final ScriptIntrinsicBlur script = ScriptIntrinsicBlur.create(rs, Element.U8_4(rs));

script.setRadius(radius);

script.setInput(input);

script.forEach(output);

output.copyTo(bitmapOriginal);

rs.destroy();

return bitmapOriginal;

}

Java代码层实现方案

通过java层代码也可以实现图像的模糊处理，github大神已经为我们实现了这种图像算法。

通过FastBlur算法实现图片模糊，没有版本兼容问题，但是如果我们需要模糊的图像不小的时候，我们会发现模糊图像需要的时间远远超过了我们能够接受的范围，如果加载大图的话，那情况就更加糟糕了。一个比较好的处理方式是，在图片进行模糊处理之前，先对图像进行压缩，在图片模糊处理完毕之后，再按照原大小放大，这样就能有效降低模糊处理的耗时。

这里我们做一个版本判断

if (android.os.Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1) {

mIBlurry = BlurryFactory.createRenderScript();

} else {

mIBlurry = BlurryFactory.createFastBlur();

}

触摸事件的处理

先来说说模糊层如何出现，肯定是要实现一个全屏效果，关于全屏效果，我们可以通过Dialog，悬浮窗，透明的Activity，或者在DectorView中插入覆盖父布局的视图，这四种方式都可以实现全屏效果，这里，我们选用在DectorView中插入视图的方式来实现。

如何实现呢？

/**

* 挂载到某个Activity的最顶层

* @param activity

*/

private void attachActivity(Activity activity) {

ViewParent parent = getParent();

if(parent != null && parent instanceof ViewGroup) {

ViewGroup parentView = (ViewGroup) parent;

parentView.removeView(this);

}

FrameLayout decor = (FrameLayout)activity.getWindow().getDecorView();

FrameLayout.LayoutParams lp = new FrameLayout.LayoutParams(

FrameLayout.LayoutParams.MATCH_PARENT,

FrameLayout.LayoutParams.MATCH_PARENT);

decor.addView(this, lp);

}

前面提到，手指长按，在菜单弹出之后，我们在手指不抬起的情况下，可以选择菜单选项。这样听起来可能有些难以理解，我们都看过很多大神写的View的触摸事件解析，也有自己去研读源码，都对触摸事件传递有一定的了解。

一般情况下，当我们长按界面里的某个View，之后在我们手指抬起之前，所有的触摸事件都会交由这个View来处理，也就是targetView(当某个View消费了触摸事件，那么它就会被设置为targetView，并且接收接下来传递的触摸事件)。那么我们如何在手指不抬起的情况下，让刚刚出现模糊层视图来接管接下来的手指滑动，也就是ACTION_MOVE和ACTION_UP事件呢？

经常一番思考，我想到了一种比较委婉的方式…

我们都知道手指抬起的时候，DecorView以及其子视图都会接收到一个ACTION_UP的触摸事件，这个事件会告诉DecorView，这个手指触摸系列动作已经结束，那么方法来了，我们并不需要手指真的抬起来，只需要模拟一个手指抬起的动作，也就是自己发送一个ACTION_UP事件，就可以让DecorView接收到ACTION_UP事件，然后重新寻找targetView，也就是新出现的模糊层视图，这时候我们再模拟发送一个ACTION_DOWN事件。

/**

* 转移触摸事件

*/

private void transferTouchEvent(final Activity activity) {

postDelayed(new Runnable() {

@Override

public void run() {

activity.dispatchTouchEvent(MotionEvent.obtain(SystemClock.uptimeMillis(),

SystemClock.uptimeMillis(), MotionEvent.ACTION_UP, 0f, 0f, 0));

activity.getWindow().getDecorView().dispatchTouchEvent(MotionEvent.obtain(SystemClock

.uptimeMillis(), SystemClock.uptimeMillis(), MotionEvent.ACTION_DOWN, 0f, 0f, 0));

}

}, 200);

}

效果图

最后的效果图如下，由于时间比较少，有很多地方没有好好完善，菜单的出现角度以及菜单的样式不够美观，同时没有判断菜单出现在ICON上面还是下面。

github项目地址：点击打开地址。

效果思路仍不够完善，待更好的方案。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。