在屏幕中间显示它的表格布局

Question

我想在屏幕中间显示 table 布局，仅为 table 布局而不是整个屏幕添加背景图片，下面是我的 activity 文件，请告诉我该怎么做？

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:stretchColumns="1">

    <TableRow>
        <TextView
            android:text="User Name: "
            android:id="@+id/TextView01"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">
        </TextView>

        <EditText
            android:text=""
            android:id="@+id/txtUname"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content">
        </EditText>
    </TableRow>


    <TableRow>
        <TextView
            android:text="Password: "
            android:id="@+id/TextView02"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">
        </TextView>


        <EditText
            android:text=""
            android:id="@+id/txtPwd"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:password="true">
        </EditText>
    </TableRow>


    <TableRow>
        <Button
            android:text="Cancel"
            android:id="@+id/btnCancel"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content">
        </Button>


        <Button
            android:text="Login"
            android:id="@+id/btnLogin"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content">
        </Button>


    </TableRow>


</TableLayout>

谢谢，

工作代码：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/loginbackmain"
    android:gravity="center">
    <ImageView android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:layout_centerHorizontal="true"
        android:src="@drawable/ic_launcher"
        android:id="@+id/userDp"/>

    <TableLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:gravity="center"
        android:background="@drawable/loginformback"
        android:stretchColumns="1">

        <TableRow>
            <TextView
                android:text="User Name: "
                android:id="@+id/TextView01"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content">
            </TextView>

            <EditText
                android:text=""
                android:id="@+id/txtUname"
                android:layout_width="fill_parent"
                android:paddingLeft="5dp"
                android:layout_height="wrap_content">
            </EditText>
        </TableRow>


        <TableRow>
            <TextView
                android:text="Password: "
                android:id="@+id/TextView02"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content">
            </TextView>


            <EditText
                android:text=""
                android:id="@+id/txtPwd"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:paddingLeft="5dp"
                android:password="true">
            </EditText>
        </TableRow>


        <TableRow>
            <Button
                android:text="Cancel"
                android:id="@+id/btnCancel"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content">
            </Button>


            <Button
                android:text="Login"
                android:id="@+id/btnLogin"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content">
            </Button>


        </TableRow>


    </TableLayout>
  </LinearLayout>

Answer 1

我猜这就是你想要的。 P.S。我添加了一些边距，以便它看起来更好尝试使用边距（以及 EditTexts 的填充）。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center">
<TableLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="10dp"
    android:layout_marginRight="10dp"
    android:gravity="center"
    android:background="#23f3AA"
    android:stretchColumns="1">

    <TableRow>
        <TextView
            android:text="User Name: "
            android:id="@+id/TextView01"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">
        </TextView>

        <EditText
            android:text=""
            android:id="@+id/txtUname"
            android:layout_width="fill_parent"
            android:paddingLeft="5dp"
            android:layout_height="wrap_content">
        </EditText>
    </TableRow>


    <TableRow>
        <TextView
            android:text="Password: "
            android:id="@+id/TextView02"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">
        </TextView>


        <EditText
            android:text=""
            android:id="@+id/txtPwd"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:paddingLeft="5dp"
            android:password="true">
        </EditText>
    </TableRow>


    <TableRow>
        <Button
            android:text="Cancel"
            android:id="@+id/btnCancel"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content">
        </Button>


        <Button
            android:text="Login"
            android:id="@+id/btnLogin"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content">
        </Button>


    </TableRow>


</TableLayout>

Answer 2

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:stretchColumns="1"
    android:layout_gravity="center"
    android:background="@drawable/yourimagename">

这对我有用！

Answer 3

为 TableLayout

设置 android:gravity="true"

在屏幕中间显示它的表格布局

Tablelayout showing it in the mid of the screen

android

android-layout

android-tablelayout