带有Web视图的可滚动和可缩放视图

Question

Let me start by saying - I know there are quite a lot of posts on this issue. I've been digging and testing it quite a bit, but couldn't come up with the proper solution to my specific requirements.

I need to have a master view with several webviews inside it, and more than one should be visible at a single moment. For this master view - I need to be able to scroll it (to reveal invisible webviews) and to zoom (in order to focus on a single webview).

I've tried TableLayout, but had problems with the zoom (and painting issues with the scrolling). I've tried scroll views, but also read it's not recommended.

Any ideas or recommendation regarding how to achieve this?

Thanks, yakobom

Answer 1

A simple approach could be to have only one webview with the root html doc containing multiple iframes. Load each page in one of the iframes.

This way the scrolling/zooming could be handled by the webview itself.

Answer 2

通过在.xml文件中添加滚动视图并放置其余文本视图，然后在该滚动视图中编辑文本，可以实现可滚动视图。

Answer 3

to scrolling webview:

 mWebView2.getSettings().setJavaScriptEnabled(true);
 mWebView2.getSettings().setLoadWithOverviewMode(true);
 mWebView2.getSettings().setUseWideViewPort(true);
 mWebView2.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);
 mWebView2.setScrollbarFadingEnabled(true);

to zooming webview:

webView.setInitialScale(50);
webPlanSettings.setDefaultZoom(WebSettings.ZoomDensity.FAR);
webPlanSettings.setUseWideViewPort(true);