2010-10-13 15 views
10

में फ़िट छवि मैं वेबव्यू की ज़ूम क्षमताओं में निर्मित लाभ का लाभ उठाने के लिए वेबव्यू में एसडी कार्ड से छवियों को प्रदर्शित करने की योजना बना रहा हूं। हालांकि, मुझे छवियों को प्रदर्शित करने के साथ एक समस्या का सामना करना पड़ रहा है जो स्क्रीन आकार से अधिक है (उदाहरण के लिए 1800x1200) स्क्रीन पर फिट करने के लिए, जैसे छविव्यू में। मैं चाहता हूं कि छवि पहले पूरी तरह प्रदर्शित हो और उपयोगकर्ताओं को ज़ूम नियंत्रण प्रदान करे। मैंने वेबव्यू की चौड़ाई और ऊंचाई के लिए WRAP_CONTENT का उपयोग करने का प्रयास किया है, लेकिन यह काम नहीं करता है। कोई विचार?वेबव्यू

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); 
+0

की संभावित डुप्लिकेट [Can Android के WebView स्वचालित रूप से विशाल छवियों का आकार?] (Http://stackoverflow.com/questions/3099344/can-androids-webview-automatically-resize-huge-images) –

उत्तर

3

वह मेरे लिए चाल किया:

webView.setInitialScale(30); 
WebSettings webSettings = webView.getSettings(); 
webSettings.setUseWideViewPort(true); 
9
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); 

छवियाँ संपत्ति फ़ोल्डर

4

में हैं आप सही तरीके से अपने HTML लिखते हैं के बाद एक कोड का टुकड़ा मैं उपयोग कर रहा हूँ है , आपको "setLoadWithOverviewMode", "setUseWideViewPort" या "setInitialScale" करने की ज़रूरत नहीं है। और जावास्क्रिप्ट को सक्षम करने का बिल्कुल कोई कारण नहीं है।

यह एक पंक्ति मेरे लिए काम किया:

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

रेखांकित एचटीएमएल कोड है:

<img src=YourImage.png width="100%" />, एक ऊंचाई की स्थापना नहीं द्वारा, अपने पहलू अनुपात रखा जाएगा।

+0

एक सेट नहीं करके ऊंचाई (या इसे 'ऑटो' पर ओवरराइड करना) [मेरे लिए काम किया] [https://github.com/FezVrasta/bootstrap-material-design/issues/768) साथ ही साथ। –

0
WebSettings settings = webView.getSettings(); 

settings.setUseWideViewPort(true); 

settings.setLoadWithOverviewMode(true)