【Android】常用界面布局·简单实现一个登录程序

2021-03-30 Views Android | 界面布局 | LinearLayout | TableLayout | FrameLayout | RelativeLayout416字3 min read
登录程序
<?xml version="1.0" encoding="utf-8"?>
<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:gravity="center_vertical|center_horizontal"
    android:orientation="vertical">

    <TableLayout        // 表格布局 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <TableRow
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="账号" />

            <EditText
                android:id="@+id/etUser"
                android:layout_width="200dp" />
        </TableRow>

        <TableRow
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="密码" />

            <EditText
                android:id="@+id/etPass"
                android:layout_width="200dp" />
        </TableRow>
    </TableLayout>

    <RelativeLayout       // 相对布局 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <Button
            android:id="@+id/btLogin"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="doClock"
            android:text="登录" />

        <Button
            android:id="@+id/btExit"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@id/btLogin"
            android:onClick="doClock"
            android:text="退出" />
    </RelativeLayout>

    <FrameLayout    // 帧布局 
        android:layout_width="150dp"
        android:layout_height="100dp">

        <TextView
            android:id="@+id/tvSuccess"
            android:layout_width="match_content"
            android:layout_height="match_content"
            android:gravity="center_vertical|center_horizontal"
            android:text="登录成功"
            android:textColor="#FF00FF00"
            android:visibility="invisible" />

        <TextView
            android:id="@+id/tvFail"
            android:layout_width="match_content"
            android:layout_height="match_content"
            android:gravity="center_vertical|center_horizontal"
            android:text="登录失败"
            android:textColor="#FF00FF00"
            android:visibility="invisible" />

        <TextView
            android:id="@+id/tvGo"
            android:layout_width="match_content"
            android:layout_height="match_content"
            android:gravity="center_vertical|center_horizontal"
            android:text="请登录"
            android:textColor="#FF00FF00" />
    </FrameLayout>
</LinearLayout>

</androidx.constraintlayout.widget.ConstraintLayout>
EOF