01. Android小实例（登录小窗口）

浅浅的花香味﹌ 2022-05-11 01:48 128阅读 0赞

## Android小实例（登录小窗口） ##

**一、功能要求**

1.  要求窗口有背景图片
2.  要显示用户名和密码的输入框及按钮
3.  布局排版

**二、运行的结果**  
![在这里插入图片描述][70]  
布局思路图  
![在这里插入图片描述][70 1]  
**三、涉及的知识点**

1.  利用到布局的嵌套实现复杂界面
2.  居中对齐，利用到线性布局的gravity属性
3.  相对定位 实现文本和编辑框的对齐
4.  标签、编辑框、按钮三个控件
5.  编辑框的提示信息，利用hint属性
6.  小 知识点的介绍  
    gravity：用于设置容器的子控件的对齐方式，或控件的内容的对齐方式 orientation：线性布局的方向（horizontal——横向、vertical——纵向）padding：内边距，用于设置子控件与父容器边框的距离，或控件的内容与控件边框的距离；（paddingLeft、paddingRight、paddingTop、paddingBottom）layout\_margin：外边距，用于设置控件之间的距离；（layout\_marginLeft，layout\_marginRight、layout\_marginTop、layout\_marginBottom）  
    hint：用于设置编辑框的提示内容，当编辑框为空时就显示出来，一旦有内容就立马消失。  
    singleLine：用于设置编辑框是否为单行输入，取值为“true”，那就是单行输入。

**四、实现步骤**

1.  创建安卓应用  
    ![在这里插入图片描述][70 2]

2、修改主布局文件activity\_main.xml

<?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:orientation="vertical"
        android:gravity="center"
        android:background="@mipmap/backgroud"
        tools:context="com.example.administrator.loginactivity.LoginActivity">
        <TextView
            android:id="@+id/tv_user_login"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text= "@string/user_login"
            android:textColor="#ff00ff"
            android:textSize="25sp"
            android:layout_marginBottom="30dp"
            />
        <LinearLayout
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:gravity="center_horizontal"
                    android:orientation="vertical">
            <RelativeLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content">
                    <TextView
                        android:id="@+id/tv_username"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="@string/username"
                        android:textColor="#000000"
                        android:textSize="20sp"
                       />
                    <EditText
                        android:id="@+id/edt_username"
                        android:layout_toRightOf="@id/tv_username"
                        android:layout_width="150dp"
                        android:layout_height="wrap_content"
                        android:hint="@string/input_username"
                        android:maxLines="1" />
            </RelativeLayout>
            <RelativeLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content">
                    <TextView
                        android:id="@+id/tv_password"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="@string/password"
                        android:textColor="#000000"
                        android:textSize="20sp"
                        />
                    <EditText
                        android:id="@+id/edt_password"
                        android:layout_toRightOf="@id/tv_password"
                        android:layout_width="150dp"
                        android:layout_height="wrap_content"
                        android:hint="@string/input_password"
                        android:maxLines="1" />
            </RelativeLayout>
        </LinearLayout>
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal"
                    android:gravity="center_horizontal">
                    <Button
                        android:id="@+id/btn_login"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="@string/login"
                        android:textSize="20sp" />
    
                    <Button
                        android:id="@+id/btn_cancel"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="@string/cancel"
                        android:textSize="20sp" />
                </LinearLayout>
    
    </LinearLayout>

3.为strings的变量设置值

<resources>
        <string name="app_name">LoginActivity</string>
        <string name="user_login"> 用户登录</string>
        <string name="username">用户：</string>
        <string name="password">密码：</string>
        <string name="login">登录</string>
        <string name="cancel">取消</string>
        <string name="input_username">输入用户名</string>
        <string name="input_password">输入密码</string>
    </resources>

这样一个简单的静态登录窗口就完成了，接下我会继续更新作品，喜欢我的作品就给我点个关注吧！！！

[70]: /images/20220511/15b216e119e547cc9ac1cfed7d641833.png
[70 1]: /images/20220511/3ac711769b494e7388aba758f2076996.png
[70 2]: /images/20220511/d114c6ed00de4818bfe2ea0946717bc6.png