中心LinearLayout,它本身包含屏幕上的布局

时间:2014-01-03 14:50:22

标签: android android-layout

我无法在屏幕上居中布局。特别是,所有都是水平居中,而不是垂直居中。 Table和Linear都太高了,Table和Linear之间的空间太大。关于StackO讨论类似问题有几个问题,我尝试了各种建议,但没有快乐。目前,它看起来像这样:enter image description here代码是:

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

<TableLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center|bottom">

    <TableRow
        android:id="@+id/radiobuttonsTableRow1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <ImageView
            android:id="@+id/answerstatus1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="1"
            android:layout_gravity="left|center"
            android:layout_marginRight="8dp"
            android:background="@null"
            android:contentDescription="@string/checkmarkorx"
            android:src="@drawable/bluearrow" />

        <ImageView
            android:id="@+id/radiobutton1Image"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="2"
            android:layout_gravity="left|center"
            android:layout_marginRight="8dp"
            android:background="@null"
            android:contentDescription="@string/radiobuttonGroup1"
            android:src="@drawable/radiobuttonimage" />

        <RadioGroup
            android:id="@+id/radiogroup1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_column="3"
            android:layout_marginRight="8dp"
            android:orientation="vertical" >

            <RadioButton
                android:id="@+id/radiobutton1a"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:onClick="onRadioButtonClicked"
                android:text="@string/radiobutton1a" />

            <RadioButton
                android:id="@+id/radiobutton1b"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:onClick="onRadioButtonClicked"
                android:text="@string/radiobutton1b" />

            <RadioButton
                android:id="@+id/radiobutton1c"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:onClick="onRadioButtonClicked"
                android:text="@string/radiobutton1c" />
        </RadioGroup>

        <!-- empty column -->

        <TextView
            android:layout_width="30dp"
            android:layout_height="wrap_content"
            android:layout_column="4"
            android:layout_gravity="left|center"
            android:layout_marginRight="8dp"
            android:layout_weight="1"
            android:text=""
            android:textAppearance="?android:attr/textAppearanceMedium" />

        <ImageView
            android:id="@+id/answerstatus2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="5"
            android:layout_gravity="left|center"
            android:layout_marginRight="8dp"
            android:background="@null"
            android:contentDescription="@string/checkmarkorx"
            android:src="@drawable/bluearrow" />

        <ImageView
            android:id="@+id/radiobutton2Image"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="6"
            android:layout_gravity="left|center"
            android:layout_marginRight="8dp"
            android:background="@null"
            android:contentDescription="@string/radiobuttonGroup2"
            android:src="@drawable/radiobuttonimage" />

        <RadioGroup
            android:id="@+id/radiogroup2"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_column="7"
            android:layout_marginRight="8dp"
            android:orientation="vertical" >

            <RadioButton
                android:id="@+id/radiobutton2a"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:onClick="onRadioButtonClicked"
                android:text="@string/radiobutton2a" />

            <RadioButton
                android:id="@+id/radiobutton2b"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:onClick="onRadioButtonClicked"
                android:text="@string/radiobutton2b" />

            <RadioButton
                android:id="@+id/radiobutton2c"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:onClick="onRadioButtonClicked"
                android:text="@string/radiobutton2c" />
        </RadioGroup>
    </TableRow>

    <!-- spacer row -->

    <TableRow android:layout_margin="20dp" />

    <TableRow
        android:id="@+id/radiobuttonsTableRow2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <ImageView
            android:id="@+id/answerstatus3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="1"
            android:layout_gravity="left|center"
            android:layout_marginRight="8dp"
            android:background="@null"
            android:contentDescription="@string/checkmarkorx"
            android:src="@drawable/bluearrow" />

        <ImageView
            android:id="@+id/radiobutton3Image"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="2"
            android:layout_gravity="left|center"
            android:layout_marginRight="8dp"
            android:background="@null"
            android:contentDescription="@string/radiobuttonGroup3"
            android:src="@drawable/radiobuttonimage" />

        <RadioGroup
            android:id="@+id/radiogroup3"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_column="3"
            android:layout_marginRight="8dp"
            android:orientation="vertical" >

            <RadioButton
                android:id="@+id/radiobutton3a"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:onClick="onRadioButtonClicked"
                android:text="@string/radiobutton3a" />

            <RadioButton
                android:id="@+id/radiobutton3b"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:onClick="onRadioButtonClicked"
                android:text="@string/radiobutton3b" />

            <RadioButton
                android:id="@+id/radiobutton3c"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:onClick="onRadioButtonClicked"
                android:text="@string/radiobutton3c" />
        </RadioGroup>

        <!-- empty column -->

        <TextView
            android:layout_width="30dp"
            android:layout_height="wrap_content"
            android:layout_column="4"
            android:layout_gravity="left|center"
            android:layout_marginRight="8dp"
            android:layout_weight="1"
            android:text=""
            android:textAppearance="?android:attr/textAppearanceMedium" />

        <ImageView
            android:id="@+id/answerstatus4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="5"
            android:layout_gravity="left|center"
            android:layout_marginRight="8dp"
            android:background="@null"
            android:contentDescription="@string/checkmarkorx"
            android:src="@drawable/bluearrow" />

        <ImageView
            android:id="@+id/radiobutton4Image"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="6"
            android:layout_gravity="left|center"
            android:layout_marginRight="8dp"
            android:background="@null"
            android:contentDescription="@string/radiobuttonGroup4"
            android:src="@drawable/radiobuttonimage" />

        <RadioGroup
            android:id="@+id/radiogroup4"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_column="7"
            android:layout_marginRight="8dp"
            android:orientation="vertical" >

            <RadioButton
                android:id="@+id/radiobutton4a"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:onClick="onRadioButtonClicked"
                android:text="@string/radiobutton4a" />

            <RadioButton
                android:id="@+id/radiobutton4b"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:onClick="onRadioButtonClicked"
                android:text="@string/radiobutton4b" />

            <RadioButton
                android:id="@+id/radiobutton4c"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:onClick="onRadioButtonClicked"
                android:text="@string/radiobutton4c" />
        </RadioGroup>
    </TableRow>
</TableLayout>

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="center|center_vertical"
    android:orientation="horizontal"
    android:paddingLeft="16dp"
    android:paddingRight="16dp" >

    <ImageButton
        android:id="@+id/game1CheckButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="4dp"
        android:background="@null"
        android:contentDescription="@string/checkbutton"
        android:onClick="clickCheck"
        android:src="@drawable/check" />

    <ImageButton
        android:id="@+id/game1Step"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="4dp"
        android:background="@null"
        android:contentDescription="@string/game1step1"
        android:onClick="clickCheck" />
    <!--  
        android:src="@drawable/step1" />

- &GT;              

更新: 建议是使用RelativeLayout而不是LinearLayout。所以:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_alignParentBottom="true"  
    >

TableLinear在屏幕上单独Linear位于Table之上。 RelativeLayout似乎是正确的方法,虽然dipslay仍然不对,但我认为这是一个单独的问题。

更新2: 使用带权重的LinearLayout结束。

2 个答案:

答案 0 :(得分:2)

你可以将这些布局放在relativelayout中并使用android:layout_centerInParent

答案 1 :(得分:1)

所有应该在 RelativeLayout 容器内,LinearLayout固定为parentBottom,TableLayout位于其上方(首先创建LinearLayout,或TableLayout不会看到它)并锚定到parentTop。

<强> [编辑]

OR ELSE:

您可以使用 LinearLayout 作为外部容器,然后为您的TableLayout和内部LinearLayout设置权重(假设80和20 - 根据您喜欢的比例更好地调整它们)。
在这种情况下,您可以保持原始订单 只需记住将两个内部布局的layout_width设置为 0dp ,否则layout_weight将无法实现它的魔力。