Android UI - 在中心对齐按钮,垂直排序

时间:2011-10-08 11:45:36

标签: java android

我正在尝试创建一个顶部有横幅的UI,但下面的一个表行有一个垂直排列的按钮列表,但水平对齐...

到目前为止我的代码是......

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

所有这一切都将所有按钮放在中间位置,如何让每个按钮流下来?我基本上想要一个类似的设计到http://www.appbrain.com/app/friday-soundboard-rebecca/com.randomcrap.soundboard

2 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:0)

你必须使用android:layout_weight="1"  在所有按钮上,使它们在中心。 同时将所有android:gravityandroid:layout_gravity设为“中心” 并为间距的东西 使用

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

我认为这一切都应该有用!