2013-04-09 161 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>