无法将视图置于布局中心

时间:2013-11-28 15:40:53

标签: android xml android-layout user-interface

请查看以下内容:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="202dp"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:layout_centerHorizontal="true"
        android:text="100 de 554" />

    <LinearLayout 
        android:layout_width="300dp"
        android:layout_height="100dp"
        android:background="@drawable/round_corners"
        android:layout_centerVertical="true"
        android:layout_below="@id/textView1"
        android:gravity="center"
        android:layout_centerHorizontal="true">

        <TextView
        android:id="@+id/word"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:gravity="center"
        android:text="Text"
        android:textSize="50sp" />

    </LinearLayout>


</RelativeLayout>

这给出了以下UI

enter image description here

正如您所看到的,我已经使用这些方法来制作布局中心。但它没有正确居中,这意味着它不在屏幕中间。

有什么想让它成为中心的吗?

注意:如果我添加手动填充和边距使其居中(垂直),则在不同设备中可能会有所不同。那将是一个问题。

2 个答案:

答案 0 :(得分:2)

试试这个:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:orientation="vertical"
        android:layout_centerInParent="true">

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="202dp"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:text="100 de 554" />

        <LinearLayout 
            android:layout_width="300dp"
            android:layout_height="100dp"
            android:background="@drawable/round_corners"
            android:gravity="center">

            <TextView
                android:id="@+id/word"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:gravity="center"
                android:text="Text"
                android:textSize="50sp" />

        </LinearLayout>

    </LinearLayout>

</RelativeLayout>

基本上,它将您的内容包含在LinearLayout中,layout_centerInParent设置为true

android:layout_centerInParent

答案 1 :(得分:2)

您可以使用RelativeLayout的centerVertical属性,但我会这样做:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

<TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="202dp"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:text="100 de 554" />

    <LinearLayout 
        android:layout_width="300dp"
        android:layout_height="100dp"
        android:background="@drawable/round_corners"
        android:gravity="center">

        <TextView
        android:id="@+id/word"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:gravity="center"
        android:text="Text"
        android:textSize="50sp" />

    </LinearLayout>

</LinearLayout>

无论如何,你应该看看一些Android布局教程。如果你对RelativeLayout使用“alignParentTop”,它肯定不会垂直居中¬¬