如何在Android应用程序中居中相对大小的元素?

时间:2015-03-25 20:04:14

标签: android relativelayout center element relative

所以,如果我正在使用:

<LinearLayout
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:weightSum="1.0"
    android:background="@drawable/mainpgbg">
<RelativeLayout
    android:layout_width="0dip"
    android:layout_height="match_parent"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_weight="0.50"
    android:layout_alignParentRight="true"
    android:layout_alignParentEnd="true"
    android:layout_gravity="center_horizontal">
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Log In"
            android:textSize="24sp"
            android:id="@+id/logInBtn"
            android:layout_gravity="center_vertical"
            android:layout_weight="0.50"
            android:background="@drawable/round"
            android:padding="20dp"
            android:layout_marginBottom="128dp"
            android:layout_alignParentBottom="true" />
</RelativeLayout>
</LinearLayout>

我预计RelativeLayout会以屏幕为中心显示,但似乎需要一个RelativeLayout来居中元素,但是你需要一个LinearLayout来创建相对大小的元素。

一个人怎么做?居中一个相对大小的元素?

提前谢谢!

2 个答案:

答案 0 :(得分:1)

android:gravity="center"添加到LinearLayout的xml中将其子项(其中的任何内容)置于中心位置:

<LinearLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:android="http://schemas.android.com/apk/res/android"
android:weightSum="1.0"
android:background="@drawable/mainpgbg"
android:gravity="center">

答案 1 :(得分:0)

根据您的要求,您的xml是正确的,您也可以尝试使用TableLayout, http://www.mkyong.com/android/android-tablelayout-example/

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/tableLayout1"
    android:layout_width="fill_parent"
android:layout_height="fill_parent" >

<!-- 2 columns -->
<TableRow
    android:id="@+id/tableRow1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="5dip" >

    <TextView
        android:id="@+id/textView1"
        android:text="Column 1"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <Button
        android:id="@+id/button1"
        android:text="Column 2" />
</TableRow>

<!-- edittext span 2 column -->
<TableRow
    android:id="@+id/tableRow2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="5dip" >

    <EditText
        android:id="@+id/editText1"
        android:layout_span="2"
        android:text="Column 1 &amp; 2" />
</TableRow>

<!-- just draw a red line -->
<View
    android:layout_height="2dip"
    android:background="#FF0000" />

<!-- 3 columns -->
<TableRow
    android:id="@+id/tableRow3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="5dip" >

    <TextView
        android:id="@+id/textView2"
        android:text="Column 1"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <Button
        android:id="@+id/button2"
        android:text="Column 2" />

    <Button
        android:id="@+id/button3"
        android:text="Column 3" />
</TableRow>

<!-- display this button in 3rd column via layout_column(zero based) -->
<TableRow
    android:id="@+id/tableRow4"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="5dip" >

    <Button
        android:id="@+id/button4"
        android:layout_column="2"
        android:text="Column 3" />
</TableRow>

<!-- display this button in 2nd column via layout_column(zero based) -->
<TableRow
    android:id="@+id/tableRow5"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="5dip" >

    <Button
        android:id="@+id/button5"
        android:layout_column="1"
        android:text="Column 2" />
</TableRow>