如何在屏幕中央堆叠两个Android元素

时间:2013-11-18 18:00:35

标签: android

我希望editText和按钮在屏幕中央堆叠在一起。显然,我错过了一种非常简单的方法。在这里,他们坚持在屏幕的左上角。任何帮助,将不胜感激。我也尝试了相对布局,但是它们在Z轴上彼此重叠。

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

<EditText
    android:text="@string/hello_world"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"

    />

<Button
    android:text="Go >"
    android:layout_width="200dp"
    android:layout_height="wrap_content"
    />

5 个答案:

答案 0 :(得分:1)

使用相对布局并将元素放在彼此之上:

<RelativeLayout 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="center_vertical">
    <EditText
        android:id="@+id/tv_main"
        android:text="@string/hello_world"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
         android:layout_centerInParent="true"
        android:layout_centerHorizontal="true"/>
    <Button
        android:id="@+id/button_main"
        android:text="Go >"
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:layout_below="@id/tv_main"
        android:layout_centerHorizontal="true"/>
 </RelativeLayout>

答案 1 :(得分:0)

我建议使用RelativeLayout

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

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

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" />

        <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button" />

    </LinearLayout>

</RelativeLayout>

答案 2 :(得分:0)

只需在布局中使用android:gravity="center",它就能为您完成任务。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center">

<EditText
    android:text="@string/hello_world"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"/>

<Button
    android:text="Go Went Gone"
    android:layout_width="200dp"
    android:layout_height="wrap_content"/>

</LinearLayout>

答案 3 :(得分:0)

尝试以下数据

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

<EditText
    android:text="@string/hello_world"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
   android:layout_gravity="center_vertical"
   android:gravity="center"

    />

<Button
    android:text="Go >"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="center_vertical"
     android:gravity="center"
    />
</LinearLayout>

答案 4 :(得分:0)

您可以将编辑文本和按钮包装在垂直布局中:

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

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

<EditText
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:text="@string/hello_world" />

<Button
    android:layout_width="200dp"
    android:layout_height="wrap_content"
    android:text="Go >" />
</LinearLayout>