背景
由于现在项目中需要对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);
}
这样算是勉强实现了我们想要的效果,但是总感觉不够优雅。