中心ProgressBar和XML中的圖像android佈局

Question

我有我的Android應用程序的加載屏幕。

它的工作確定，如果我只用背景圖片或進度，但是當我嘗試在屏幕的中間居中這兩個元素，我得到的是：

到目前爲止，我activityy_main.xml看起來像這樣：

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:id="@+id/mainLayout" 
    tools:context="com.siconet.axa.MainActivity" > 

    <RelativeLayout 
     android:id="@+id/loadingPanel" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" 
     android:gravity="center" > 

     <ImageView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:src="@drawable/axa_logo" /> 

     <ProgressBar 
      android:layout_width="250px" 
      android:layout_height="250px" 
      android:indeterminate="true" /> 

    </RelativeLayout> 

    <WebView 
     android:id="@+id/webView" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" /> 
</RelativeLayout> 

我想實現的是這樣的：

Answer 1

試試這個佈局

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:id="@+id/mainLayout" 
    tools:context="com.siconet.axa.MainActivity" > 

    <RelativeLayout 
     android:id="@+id/loadingPanel" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerInParent="true" > 

     <ImageView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:src="@drawable/ic_launcher" /> 

     <ProgressBar 
      android:layout_width="250px" 
      android:layout_height="250px" 
      android:layout_centerInParent="true" 
      android:indeterminate="true" /> 

    </RelativeLayout> 

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

希望這有助於你。

Answer 2

請嘗試使用centerInParent。喜歡的東西...

<RelativeLayout 
    android:id="@+id/loadingPanel" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:layout_centerInParent="true" > // right here 

但我認爲更好的辦法是隻使用一個LinearLayout。嘗試下面的佈局......

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:id="@+id/mainLayout" > 

<LinearLayout 
    android:id="@+id/loadingPanel" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_centerInParent ="true" 
    android:orientation="vertical"> 

    <ImageView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@drawable/play" 
     android:layout_gravity="center_horizontal" /> 

    <ProgressBar 
     android:layout_width="250px" 
     android:layout_height="250px" 
     android:background="@drawable/pause" 
     android:indeterminate="true" /> 

</LinearLayout > 

<WebView 
    android:id="@+id/webView" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:visibility="gone"/> 
</RelativeLayout> 

注意到不同的變化，但這種佈局使我下面......

我沒有看到你的ImageView第二圖像中，所以我第居中他們倆。如果你可以解釋應該在哪裏，那麼我可以調整這個佈局。

Answer 3

嘗試添加到您的進度此行android:layout_centerInParent="true"

Answer 4

嘗試使用框架佈局，而不是在RelativeLayout的「loadingPanel」