2010-11-15 53 views
2

的UI我想是象下面這樣:如何爲android製作一個simpe UI?

 
------------------------------+ 
head|btn1|btn2|btn2   | 
------------------------------- 
Content      | 
Content      | 
           | 
           | 
           | 
           | 
           | 
           | 
           | 
           | 
           | 
           | 
------------------------------| 
foot|btn3|btn4|btn5   | 
------------------------------| 

任何人都知道如何設計XML爲這個用戶界面?

+0

我認爲佈局沒有像你想要的那樣出現 – sreimer 2010-11-15 17:15:54

回答

1

嘿,聽起來很簡單。 最簡單的方法就是使用類似 http://www.droiddraw.org/這是一個Android UI的可視化編輯器 一旦你有了基本的佈局,你可以將它導出到你的應用程序,然後根據需要調整它。

希望這有助於

-Andreas

只看見自己的編輯,你基本上要在頂部水平線性佈局,然後在列表視圖和底部的另一線性水平佈局的垂直線性佈局。

3

這是XML的佈局,你要尋找的類型:

<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    > 
    <LinearLayout 
     android:id="@+id/header" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentTop="true" 
     android:orientation="horizontal" 
     > 
     <View android:id="@+id/head" /> 
     <Button android:id="@+id/btn1" /> 
     <Button android:id="@+id/btn2" /> 
     <Button android:id="@+id/btn3" /> 
    </LinearLayout> 
    <LinearLayout 
     android:id="@+id/footer" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:orientation="horizontal" 
     > 
     <View android:id="@+id/foot" /> 
     <Button android:id="@+id/btn4" /> 
     <Button android:id="@+id/btn5" /> 
     <Button android:id="@+id/btn6" /> 
    </LinearLayout> 
    <ListView 
     android:id="@+id/body" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" 
     android:layout_above="@id/footer" 
     android:layout_below="@id/header" 
    /> 
</RelativeLayout> 

顯然,你需要在頁眉和頁腳的內容擴大,但是這是基本結構。您將頁眉和頁腳設置爲wrap_content,分別將它們對齊到頂部和底部,然後將ListView分別設置在頁眉和頁腳的下方和上方,並填充頁眉和頁腳留下的剩餘空間。

相關問題