Использование html / css3 и WebView для масштабирования изображения на экран ... получить белый экран до загрузки изображения - PullRequest
3 голосов
/ 31 октября 2011

Я использую WebView в Android для загрузки некоторого локального HTML, который масштабирует изображение на экране в качестве фона ... однако, когда я иду, чтобы начать действие, которое загружает WebView, я получаю очень короткую вспышку белого экранадо загрузки изображения.Это не так уж и сложно, но я бы хотел этого избежать ... Я пытался установить черный фон для всех связанных элементов, но это все же происходит ... есть идеи?

Вот мой HTML:

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">

    <title>NerdRAGE</title>

    <style>
        * { margin: 0; padding: 0; }

        html { 
            background: url(images/10_1.jpg) no-repeat center center fixed; 
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }


    </style>
</head>

<body bgcolor="#000000">



</body>

</html>

Вот мой XML:

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:background="#000000" android:layout_width="fill_parent" android:layout_height="fill_parent">
<WebView  
    android:id="@+id/mapview"
    android:background="#000000" android:scaleType="centerInside" android:layout_gravity="center_vertical|center_horizontal" android:clickable="false" android:fitsSystemWindows="true" android:scrollbars="none" android:layout_width="fill_parent" android:layout_height="fill_parent"/>
    </LinearLayout>

1 Ответ

0 голосов
/ 05 января 2012

Нашел этот пост здесь: Как предотвратить белую вспышку при загрузке страницы, вызванную задержкой загрузки фонового изображения?

Попробуйте установить цвет фона для элемента html и удалите встроенный стиль bgcolor = "# 000"на элементе тела (этого следует избегать. Это плохая практика).

html {background: #[color] url('images/10_1.jpg') no-repeat center center fixed; }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...