为WebView增加悬浮按钮

作者: kiplening | 来源:发表于2017-11-06 21:24 被阅读69次

背景

由于现在项目中需要对WebView进行封装,使其实现很多扩展功能,可以在任何地方new一个重写的WebView,实现相应的功能。WebView需要高度复用,因此想要增加悬浮按钮也只能在重写的WebView中添加相应功能。

同时还需要保证悬浮按钮和WebView的可见状态完全一致,在WebView运行在当前界面,但是被别的布局遮挡的时候,悬浮按钮也应当被遮挡。当然,WebView销毁的时候,按钮也一并销毁。

实现方案

方法一:

获取WebView的rootView,在rootView上直接addView。这样可以不用管上层如何使用该WebView,都能实现在相应界面增加悬浮按钮的功能。大致的实现代码如下:

((ViewGroup)getRootView()).addView(new Button(getContext()));

也可以通过LayoutParams控制按钮的位置。这样实现起来十分简单。但是有一个问题,悬浮按钮和WebView的显示层级不一致,WebView的Native遮挡板挡不住按钮,这样的效果是不能接受的。

方法二:

通过自定义布局,布局为一个按钮和一个WebView,这样就可以实现在WebView上增加悬浮按钮了。但是此时我们对外提供的是一个layout,而非一个WebView了,很多WebView的方法都不能直接调用。如果要调用WebView的方法,只能将WebView的所有方法都经由layout包一层,这样的实现方式显得不那么优雅。太过复杂了,不过顺着这个思路,我们可以再WebView被加载的时候,通过代码动态添加一个包含WebView和一个按钮的RelativeLayout来替换掉原来WebView所处的位置。这样就可以保证对使用者来说仅仅是一个WebView而非layout,但是在实际显示的情况下,其实显示的事layout。实现代码如下:

ViewGroup oldP = (ViewGroup) getParent();

        if (oldP != null && !isadded){
            isadded = true;
            ViewGroup.LayoutParams oldLp  = this.getLayoutParams();
            RelativeLayout layout = new RelativeLayout(getContext());
            RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(-1,-1);

            int i = 0;
            for (i = 0; i < oldP.getChildCount() ; i++){
                if (oldP.getChildAt(i) == this){
                    break;
                }
            }
            oldP.removeView(this);

            RelativeLayout.LayoutParams buttonLp = new RelativeLayout.LayoutParams(-1,-1);
            buttonLp.width = 100;
            buttonLp.height = 100;
            buttonLp.addRule(RelativeLayout.CENTER_VERTICAL);
            Button btn = new Button(this.getContext());
            btn.setOnClickListener(new OnClickListener() {
                @Override
                public void onClick(View v) {
                    //todo:
                }
            });
            btn_r1.setAlpha(0.4F);
            layout.addView(btn_r1, buttonLp);
            layout.addView(this,lp);
            oldP.addView(layout,i, oldLp);
        }

这样算是勉强实现了我们想要的效果,但是总感觉不够优雅。

相关文章

网友评论

    本文标题:为WebView增加悬浮按钮

    本文链接:https://www.haomeiwen.com/subject/dprrmxtx.html