ウェブビューと一緒に表示するとプログレスバーが表示されない

Question

LinearLayoutには、WebViewとProgressBarという要素があります。

WebViewはフルスクリーンです。

WebViewに何かがロードされているときに、私はProgressBarを表示しようとしています。

しかし、ProgressBarはWebViewであり、見えません。

WebViewを見えないように設定すると、ProgressBarが表示されます。

WebViewの上にProgressBarを表示するにはどうすればよいですか？

Answer 1

LinearLayoutではなくRelativeLayoutをお試しください。 WebViewを最初の子として、ProgressBarを第2の子として、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

あなたがアンドロイドを使用することができます：プログレスバーでtranslationZ属性：

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

とRelativeLayout

More information

Answer 4

より良い方法+プログレスバーを使用しますが滞在することは、このようなものになります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>