按钮不在RelativeLayout内,其中gravity = center

时间:2013-11-23 15:55:18

标签: android android-layout

我在相对布局中有一个按钮,我希望将其与输入编辑文本对齐。我将android:gravity="center"添加到相对布局中,除了按钮之外每个都正确居中,我甚至尝试将android:layout_centerInParent="true"添加到按钮但它没有工作。可能是什么问题?

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent" android:layout_gravity="bottom">

<ImageView
    android:id="@+id/imageView"
    android:src="@drawable/logo"
    android:layout_weight=".3"
    android:layout_width="wrap_content"
    android:layout_height="0dp"
    android:layout_marginTop="10dp"
    android:layout_gravity="center_horizontal"/>


<RelativeLayout
    android:layout_weight=".1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center">

    <EditText
        android:id="@+id/et_email"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:inputType="textEmailAddress"
        android:ems="10"
        android:hint="Email"/>

    <EditText
        android:id="@+id/et_password"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/et_email"
        android:inputType="textPassword"
        android:hint="Password"
        android:ems="10"
        android:layout_marginBottom="20dp"
        android:imeOptions="actionDone"/>

    <Button
        android:id="@+id/b_login"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/et_password"
        android:text="Login"/>

</RelativeLayout>


<View
    android:layout_weight=".1"
    android:layout_width="match_parent"
    android:layout_height="0dp"/>

按钮未居中:

enter image description here

3 个答案:

答案 0 :(得分:3)

android:gravity="center"LinearLayout的属性,因此它的直接子(RelativeLayout)位于其中。您仍然需要将孩子置于RelativeLayout内。要将Button置于其父RelativeLayout内,请使用android:layout_centerHorizontal="true"

<Button
    android:id="@+id/b_login"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/et_password"
    android:text="Login"
    android:layout_centerHorizontal="true"/>   // here

Docs

<强>更新

View

内的每个RelativeLayout居中
 <RelativeLayout
android:layout_weight=".1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center">

<EditText
    android:id="@+id/et_email"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginBottom="10dp"
    android:inputType="textEmailAddress"
    android:ems="10"
    android:hint="Email"
    android:layout_centerHorizontal="true"/>

<EditText
    android:id="@+id/et_password"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/et_email"
    android:inputType="textPassword"
    android:hint="Password"
    android:ems="10"
    android:layout_marginBottom="20dp"
    android:imeOptions="actionDone"
    android:layout_centerHorizontal="true"/>

<Button
    android:id="@+id/b_login"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/et_password"
    android:text="Login"
    android:layout_centerHorizontal="true"/>

答案 1 :(得分:0)

试试这个..使用LinearLayout代替RelativeLayout

<LinearLayout
    android:layout_weight=".1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:gravity="center">

    <EditText
        android:id="@+id/et_email"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:inputType="textEmailAddress"
        android:ems="10"
        android:hint="Email"/>

    <EditText
        android:id="@+id/et_password"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/et_email"
        android:inputType="textPassword"
        android:hint="Password"
        android:ems="10"
        android:layout_marginBottom="20dp"
        android:imeOptions="actionDone"/>

    <Button
        android:id="@+id/b_login"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/et_password"
        android:text="Login" />

</LinearLayout>

或者在相同的布局中,只需删除android:gravity="center"为每个android:layout_centerHorizontal="true"添加EditTextButton

<RelativeLayout
    android:layout_weight=".1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <EditText
        android:id="@+id/et_email"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:inputType="textEmailAddress"
        android:layout_centerHorizontal="true"
        android:ems="10"
        android:hint="Email"/>

    <EditText
        android:id="@+id/et_password"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/et_email"
        android:inputType="textPassword"
        android:hint="Password"
        android:layout_centerHorizontal="true"
        android:ems="10"
        android:layout_marginBottom="20dp"
        android:imeOptions="actionDone"/>

    <Button
        android:id="@+id/b_login"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/et_password"
        android:layout_centerHorizontal="true"
        android:text="Login" />

</RelativeLayout>

答案 2 :(得分:0)

试试这段代码:
      

    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent" android:layout_gravity="bottom">

<ImageView
    android:id="@+id/imageView"
    android:src="@drawable/logo"
    android:layout_weight=".3"
    android:layout_width="wrap_content"
    android:layout_height="0dp"
    android:layout_marginTop="10dp"
    android:layout_gravity="center_horizontal"/>


<RelativeLayout
    android:layout_weight=".1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="center">

    <EditText
        android:id="@+id/et_email"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:inputType="textEmailAddress"
        android:ems="10"
        android:hint="Email"/>

    <EditText
        android:id="@+id/et_password"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/et_email"
        android:inputType="textPassword"
        android:hint="Password"
        android:ems="10"
        android:layout_marginBottom="20dp"
        android:imeOptions="actionDone"/>

    <Button
        android:id="@+id/b_login"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/et_password"
    android:layout_gravity="center"
        android:text="Login"/>

</RelativeLayout>


<View
    android:layout_weight=".1"
    android:layout_width="match_parent"
    android:layout_height="0dp"/>