Dopasuj obraz w widoku sieciowym

Question

Planuję wyświetlać obrazy z karty SD w widoku internetowym, aby wykorzystać wbudowane funkcje powiększania widoku internetowego. Jednak mam problem z wyświetlaniem obrazów, które są większe niż rozmiar ekranu (na przykład 1800x1200), aby początkowo pasowały do ​​ekranu, tak jak w ImageView. Chcę, aby obraz był wyświetlany w całości na początku i zapewniać kontrolę zoomu użytkownikom. Próbowałem używać WRAP_CONTENT do wyświetlania szerokości i wysokości widoku, ale to nie działa. Jakieś pomysły? Poniżej znajduje się fragment kodu używam:

String path = getRealPathFromURI(mUriList.get(0)); // this gets the file path 
    webView = (WebView) findViewById(R.id.WebView01); 
WebSettings settings= webView.getSettings(); 
settings.setBuiltInZoomControls(true); 
settings.setSupportZoom(true);  
webView.loadUrl("file://" + path); 

Answer 1

To załatwiło sprawę dla mnie:

webView.setInitialScale(30); 
WebSettings webSettings = webView.getSettings(); 
webSettings.setUseWideViewPort(true); 

Answer 2

private WebView mWebView2; 
    mWebView2 = (WebView)findViewById(R.id.webview); 
    mWebView2.getSettings().setJavaScriptEnabled(true); 
    mWebView2.getSettings().setLoadWithOverviewMode(true); 
    mWebView2.getSettings().setUseWideViewPort(true); 
    mWebView2.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY); 
    mWebView2.setScrollbarFadingEnabled(true); 
    mWebView2.loadDataWithBaseURL("file:///android_asset/", "<img src=\"banner5.png\" height=\"98%\" width=\"100%\"/>", "text/html", "utf-8", null); 

obrazy znajdują się w folderze aktywów

Answer 3

Jeśli piszesz kod HTML poprawnie , nie musisz wykonywać żadnych "setLoadWithOverviewMode", "setUseWideViewPort" lub "setInitialScale". I nie ma absolutnie żadnego powodu, aby włączyć JavaScript.

To jedna linia pracował dla mnie:

webView.loadDataWithBaseURL("file://" + directory, "<img src=\"" + name + "\" width=\"100%\"/>", "text/html", "utf-8", null);

Podkreślenie Kod HTML jest:

<img src=YourImage.png width="100%" /> przez nie wyznaczając wysokość, jego proporcje zostaną zachowane.

Answer 4

WebSettings settings = webView.getSettings(); 

settings.setUseWideViewPort(true); 

settings.setLoadWithOverviewMode(true)