Индикатор выполнения не виден при соединении с веб-представлением

Question

В LinearLayout есть элемент WebView и ProgressBar.

WebView - это полноэкранный режим.

И я пытаюсь показать ProgressBar, когда WebView загружает что-то.

Но, похоже, ProgressBar покрыт WebView и поэтому не виден.

И если я сделаю WebView невидимым, я вижу, что ProgressBar.

Так как я могу показать ProgressBar поверх WebView?

Answer 1

Попробуйте использовать RelativeLayout вместо LinearLayout.Если WebView будет первым дочерним элементом, а ProgressBar - вторым, это поместит ProgressBar поверх WebView.

Answer 2

Вы должны использовать RelativeLayout, чтобы сделать это. Это будет примерно так:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#1F286D" >

    <WebView
        android:id="@+id/webView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true" />

    <ProgressBar
        android:id="@+id/progressBar1"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true" />

</RelativeLayout>

Answer 3

Лучший способ + индикатор выполнения останется на вашем экране, даже когда вы прокручиваете WebView: поместите индикатор выполнения внутри FrameLayout и ниже WebView ...

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

    <WebView
        android:id="@+id/webView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_centerVertical="true"
       />

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="150dp">

           <ProgressBar
               <!-- your progress bar here-->
             />

      </FrameLayout>
</RelativeLayout>

Answer 4

Вы можете использовать атрибут android: translationZ в ProgressBar:

<ProgressBar
    android:id="@+id/progress_bar"
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:translationZ="2dp"
    android:layout_centerInParent="true"/>

и использовать RelativeLayout

Дополнительная информация