背景
由于現在項目中需要對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);
}
這樣算是勉強實現了我們想要的效果,但是總感覺不夠優雅。