Android网络：开发浏览器（2）——功能完善之长按网页图片菜单

Android网络：开发浏览器（二）——功能完善之长按网页图片菜单

上述的历史和书签的功能已经实现。不过如果我们长时间按住图片，并不会出现如同UC中的一系列选项，我们可以来看看UC中的长按图片出现的菜单。

图10.2.9 UC中的长按图片菜单

我们可以看到UC中可以识别出这个网页中的图片，那么它是如何做到的呢？

我们仔细观察，可以发现它是触发了长时间按的事件，我的手机可以清楚的感受到在触发事件的同时有一个震动感，不知道各位的有没有。

其实，WebView已经帮我们封装了一个函数，这个函数可以轻松的获取到我们点击的目标类型，包括一些额外的信息。这些额外的信息是什么？比如说，图片的额外信息就是这张图片的地址，手机号码的额外信息就是手机号，电子邮件的额外信息就是电子邮件字符串等等。

现在我们要做的就是获取图片，包括的操作有查看图片、保存图片和查看属性这三项。其实我们可以通过创建上下文菜单来轻松的创建菜单，不过我不满足这些个效果，我更想要的是UC的那种效果。

那么我们还是可以通过popupwindow这个类来实现弹出菜单的效果。

我们将之前的ItemLongClickedPopWindow这个类进行修改：


图10.2.10   图片弹出菜单效果预览
    
    好了，定义好了弹出菜单，我们可以来看看如何让他出现了。
    
    之前已经提到过了WebView的getHitTestResult()的函数，现在我们来看下它的一些方法：
    
    
方法
描述
getType()
获取所选中目标的类型，可以是图片，超链接，邮件，电话等等
getExtra()
获取额外的信息
表10.2.1    getHitTestResult()函数的方法
    
    简要说下思路，根据这个函数获得目标类型，之后弹出不同的菜单即可。
    现在我们可以来看下代码，现在的代码比较简单，对布局没有进行判断，指定了布局判断为图片菜单。
   
类型名
意义
WebView.HitTestResult.UNKNOWN_TYPE
未知类型
WebView.HitTestResult.PHONE_TYPE
电话类型
WebView.HitTestResult.EMAIL_TYPE
电子邮件类型
WebView.HitTestResult.GEO_TYPE
地图类型
WebView.HitTestResult.SRC_ANCHOR_TYPE
超链接类型
WebView.HitTestResult.SRC_IMAGE_ANCHOR_TYPE
带有链接的图片类型
WebView.HitTestResult.IMAGE_TYPE
单纯的图片类型
WebView.HitTestResult.EDIT_TEXT_TYPE
选中的文字类型
表10.2.2    HitTestResult各个类型
        
        现在我们可以看看实际的效果。
        
图10.2.11   长按图片弹出菜单效果
        
    我们可以看到这个菜单弹出来的情况，并不如我们预期的是点击哪里在哪个地方弹出来。很显然使我们没有将x，y的&#20540;传递给popupwindow。
    那么我们怎么获取x，y的&#20540;呢？
    这里我们可以利用一下我们之前所构建的GestureDector类，这个类中，我们之前定义了滑动的事件，在这里同样也有个onLongPress事件。而且，最重要且最有趣的是，这个事件虽然跟我们自定义的长按事件一致，但是前者是先发生的。也就是说，webView是先执行onTouch中的onLongPress事件，后执行OnLongClickedListener中的OnLongClick事件。这就给我们提供了一个方便。
    
    我们可以在onLongPress事件中如下定义：
   
图10.2.12   修改前后的对比
现在展示效果已经完成了，那么其他的就相对简单多了，我们只需要进行功能的实现就行了。
 
/**    * OnClickListener自定义继承类    * 用来解决菜单功能处理问题    * */   private class PopWindowMenu implements OnClickListener{           private int type;      private String value;           public PopWindowMenu(int type, String value){         this.type = type;         this.value = value;      }       @Override      public void onClick(View v) {         if(v.getId()==R.id.item_longclicked_viewImage){            //图片菜单-查看图片         }else if(v.getId()==R.id.item_longclicked_saveImage){            //图片菜单-保存图片         }else if(v.getId()==R.id.item_longclicked_viewImageAttributes){            //图片菜单-查看属性         }      }        }

代码片段10.2.35 点击事件
 
至于如何实现在下一个版本中实现。
 
案例源码：
AndroidSudty_web_V3.0_by dddd牛仔

声明：转载请注明出处。

Android网络：开发浏览器（2）功能

热点推荐