XML線性布局垂直

Question

在下面，您可以看到我的xml：我有一個<linearlayout> <relativelayout /> </ linearlayout>層次結構

我唯一想要的是將所有圖像+文本垂直放置在彼此下方，並在屏幕上水平集中..我嘗試了太多的xml以達到此結果，但是沒有任何效果。

第一個問題是相對布局內部的文本切換器將其自身放置在相對布局中的圖像切換器旁邊。

第二個問題是</ relativelayout>之后的imageswitcher + textswitcher不會出現在屏幕上... :(

（我需要在linearlayout內部放置這個relativelayout，因為我會為relativelayout設置動畫，並且無法刪除它）

感謝您的幫助！！

 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/layoutid"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:gravity="center_horizontal"
android:background="@drawable/background_donker" >

  <ImageView
    android:id="@+id/wolkanim"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:adjustViewBounds="true"
    android:src="@anim/wolkanimation" />



    <RelativeLayout
    android:id="@+id/layoutid2"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
     android:gravity="center_horizontal"
    >

    <ImageSwitcher
        android:id="@+id/imageswitchertrein"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:inAnimation="@anim/fade_in"
        android:outAnimation="@anim/fade_out"
        />

        <TextSwitcher
        android:id="@+id/textswitcherafstandtekst"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
      android:layout_centerInParent="true"
        android:inAnimation="@anim/fadenieuw"
        android:outAnimation="@anim/fadenieuwout"
        android:textSize="40sp" />

     </RelativeLayout>


   <ImageSwitcher
     android:id="@+id/imageswitcherspoor"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:inAnimation="@anim/fade_in"
     android:outAnimation="@anim/fade_out"
     android:src="@drawable/spoor" >
    </ImageSwitcher>

     <TextSwitcher
    android:id="@+id/textswitcherstationnaam"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
    android:inAnimation="@anim/fadenieuw"
    android:outAnimation="@anim/fadenieuwout" 
       />


    </LinearLayout>

Answer 1

您的第一個問題是RelativeLayout正在填充LinearLayout ，因此RL中的所有內容都位於LL內容之上。 此外，與LinearLayout向下或向右推下一個子項不同， RelativeLayout子項需要定義的位置，例如android:layout_below="@+id/..."或設置邊距。

當我填寫布局中每個元素的內容時，以下代碼將起作用。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/layoutid"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/background_donker"
    android:gravity="center_horizontal"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/wolkanim"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:src="@anim/wolkanimation" />

    <RelativeLayout
        android:id="@+id/layoutid2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal" >


        <ImageSwitcher
            android:id="@+id/imageswitchertrein"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:inAnimation="@anim/fade_in"
            android:outAnimation="@anim/fade_out" />

        <TextSwitcher
            android:id="@+id/textswitcherafstandtekst"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/imageswitchertrein"
            android:layout_centerInParent="true"
            android:inAnimation="@anim/fadenieuw"
            android:outAnimation="@anim/fadenieuwout"
            android:textSize="40sp" />
    </RelativeLayout>

    <ImageSwitcher
        android:id="@+id/imageswitcherspoor"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:inAnimation="@anim/fade_in"
        android:outAnimation="@anim/fade_out"
        android:src="@drawable/spoor" >
    </ImageSwitcher>

    <TextSwitcher
        android:id="@+id/textswitcherstationnaam"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:inAnimation="@anim/fadenieuw"
        android:outAnimation="@anim/fadenieuwout" />

</LinearLayout>