2013-04-09 156 views
0

下面你看到我的xml: 我有一个<的LinearLayout> <的RelativeLayout /> < /的LinearLayout>层次XML线性布局垂直

我唯一希望的是,所有+文字是垂直放置的图像讲座敬爱的海誓山盟+水平集中在屏幕上.. 我已经尝试了太多XML来达到这个结果,但没有任何工程..

的第一个问题是,RelativeLayout的地方本身旁边的的RelativeLayout的imageswitcher内textswitcher ..

的第二个问题是imageswitcher + textswitcher的</RelativeLayout的后>将不会出现在屏幕上... :(

(我需要的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> 

回答

0

你的第一个问题是,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>