背景

由于现在项目中需要对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);
        }

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