Skip to content Skip to sidebar Skip to footer
Home / Android / Android Webview

Android Center And Adjust Image In Webview

Post a Comment
I've been working on programming a basic webcomic app lately and have been having issues with how webview is displaying the comics. The images themselves load fine, however there i

Solution 1:

Try setting the android:layout_height="wrap_content"

and about the whitespace issue, try looking into This Link

Solution 2:

Try this:

StringdataString="<head><style type='text/css'>"
                    +"body{margin:auto auto;text-align:center;} </style></head>"
                    +"<body><img src=\"image.png\"/></body>";

webview.loadDataWithBaseURL("file:///android_res/drawable/",dataString,"text/html","utf-8",null);

// set image scale to fit screen if larger than screen widthDisplayMetricsdisplayMetrics=newDisplayMetrics();
WindowManagerwm= (WindowManager) view.getContext().getSystemService(Context.WINDOW_SERVICE);
wm.getDefaultDisplay().getMetrics(displayMetrics);
intscreenWidth= displayMetrics.widthPixels; // minus some padding values if you have any left/right paddingDrawabledrawable= getResources().getDrawable(R.id.image);
intwi= drawable.getIntrinsicWidth();

doublescale= (wi>screenWidth) ? (double)screenWidth/wi : 1.0;
wv.setInitialScale((int) (scale*100));

In this case image.png is the file name and is located in res/drawable folder.

Post a Comment for "Android Center And Adjust Image In Webview"