Question

I’m trying to create a UI that has a banner on the top but one table row below has a list of buttons ordered vertically, but aligned horizontally…

My code so far is…

<?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>

All this does is put all the buttons in the centre, how do I make each button flow down? I basically want a similar UI design to 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>