Question

下面你看我的xml：我有一个＆lt;的LinearLayout＆GT; ＆LT;的RelativeLayout /＆GT; ＆LT; /＆的LinearLayout GT;层次结构

我唯一想要的是所有图片+文字垂直放置在彼此下方+水平集中在屏幕上.. 我已经尝试了太多的xml来达到这个结果，但没有任何作用..

第一个问题是relativelayout中的文本切换器将自己放在relativelayout中的imageswitcher旁边。

第二个问题是在＆lt;之后的imageswitcher + textswitcher / RelativeLayout的＆GT;将不会出现在屏幕上...... :(

（我需要在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>

XML线性布局垂直

1 个答案: