从WebView中的URL加载图像(垂直居中)

dpu*_*rin 4 html css android webview

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

在此输入图像描述

这是代码:

...

mStringUrl = getIntent().getExtras().getString(ARGS_IMAGE_URL);
Run Code Online (Sandbox Code Playgroud)

...

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());

}
Run Code Online (Sandbox Code Playgroud)

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>
Run Code Online (Sandbox Code Playgroud)

如有任何想法请帮助我,提前致谢.

joa*_*16v 5

试试这段代码:

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);
Run Code Online (Sandbox Code Playgroud)