Android实现类似3D Touch菜单功能

小编给大家分享一下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);   }

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。