AndroidのUI - ボタンを中央に配置し、垂直方向に並べ替えます。

Question

上部にバナーを含むUIを作成しようとしていますが、下の1つのテーブルの行には垂直に並べられたボタンのリストがあります...

私のコード今のところです...

<?xml version="1.0" encoding="utf-8"?> 

<Button android:id="@+id/button1" android:layout_height="wrap_content" 
android:layout_width="wrap_content" android:text="Theme"> 
</Button> 

<Button android:id="@+id/button1" android:layout_height="wrap_content" 
android:layout_width="wrap_content" android:text="Theme2"> 
</Button> 

<Button android:id="@+id/button1" android:layout_height="wrap_content" 
android:layout_width="wrap_content" android:text="Theme3"> 
</Button> 

これはすべてのボタンを中央に配置しているのですが、どのように各ボタンをフローさせるのですか？私は基本的にあなたが中心にそれらを作るためにすべてのボタンにandroid:layout_weight="1" を使用する必要がhttp://www.appbrain.com/app/friday-soundboard-rebecca/com.randomcrap.soundboard

Answer 1

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" android:layout_width="match_parent" 
    android:layout_height="match_parent"> 
    <Button android:text="Button" android:layout_width="wrap_content" 
     android:layout_height="wrap_content" android:id="@+id/button1" 
     android:layout_alignParentTop="true" android:layout_centerHorizontal="true"></Button> 
    <Button android:text="Button" android:layout_width="wrap_content" 
     android:layout_height="wrap_content" android:id="@+id/button2" 
     android:layout_below="@+id/button1" android:layout_centerHorizontal="true"></Button> 
    <Button android:text="Button" android:layout_width="wrap_content" 
     android:layout_height="wrap_content" android:id="@+id/button3" 
     android:layout_below="@+id/button2" android:layout_centerHorizontal="true"></Button> 
    <Button android:text="Button" android:layout_width="wrap_content" 
     android:layout_height="wrap_content" android:id="@+id/button4" 
     android:layout_below="@+id/button3" android:layout_centerHorizontal="true"></Button> 
</RelativeLayout> 

Answer 2

に似たUIデザインをしたいです。 はまた、「中央」 全くandroid:gravityとandroid:layout_gravityを作成し、間隔のもの 使用

padding-left="20dp" 
padding-right="20dp" 
padding-top="5dp" 
paddding-bottom="5dp" 

のために私は、これがすべて動作するはずだと思います！