在WebView中从url加载图像(垂直中心)

时间:2022-09-04 08:14:50

I'll try load image in a webview, but the image is position in top, and i need that their orientation is center vertically.

我将尝试在webview中加载图像,但是图像是在顶部的位置,我需要它们的方向是垂直的。

在WebView中从url加载图像(垂直中心)

This is the code:

这是代码:

. . .

mStringUrl = getIntent().getExtras().getString(ARGS_IMAGE_URL);

. . .

private void initializeWebView() {

    mWebView.loadDataWithBaseURL(null, "<html><head><style>img {margin-top:auto;margin-bottom:auto}</style></head><body><img src=\"" + mStringUrl + "\"></body></html>", "html/css", "utf-8", null);

    WebSettings settings = mWebView.getSettings();
    settings.setUseWideViewPort(true);
    settings.setLoadWithOverviewMode(true);

    mWebView.setBackgroundColor(getResources().getColor(R.color.transparent));

    mWebView.setWebViewClient(new CustomWebViewClient());

}

xml file:

xml文件:

<include layout="@layout/layout_toolbar" />

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <WebView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="center_vertical"
        android:background="@color/black_midnight" />

    <ProgressBar            
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:visibility="gone"
        style="@android:style/Widget.Material.ProgressBar.Small"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true" />

</RelativeLayout>

If any have idea please help me, Thanks in advance.

如果有什么想法请帮助我,谢谢。

2 个解决方案

#1


4  

Try this code:

试试这段代码:

mWebView.loadDataWithBaseURL(null, "<html><head></head><body><table style=\"width:100%; height:100%;\"><tr><td style=\"vertical-align:middle;\"><img src=\"" + mStringUrl + "\"></td></tr></table></body></html>", "html/css", "utf-8", null);

#2


-1  

Try this:

试试这个:

   settings().setDefaultZoom(ZoomDensity.FAR);

#1


4  

Try this code:

试试这段代码:

mWebView.loadDataWithBaseURL(null, "<html><head></head><body><table style=\"width:100%; height:100%;\"><tr><td style=\"vertical-align:middle;\"><img src=\"" + mStringUrl + "\"></td></tr></table></body></html>", "html/css", "utf-8", null);

#2


-1  

Try this:

试试这个:

   settings().setDefaultZoom(ZoomDensity.FAR);