安卓案例：用户登录

发布时间：2023-05-07 16:30

文章目录

一、提出任务
二、完成任务
- （一）创建安卓项目
- （二）准备图片资源
- （三）创建按钮边框配置文件
- （四）在字符串资源文件里定义变量
- （五）主布局资源文件
- （六）编写主界面代码
- （七）运行程序，查看效果

一、提出任务

用户登录界面（原型图）
$\"安卓案例：用户登录_第1张图片\"$
登录成功，跳转到主界面
登录失败，弹出吐司 - “用户名或密码错误”

二、完成任务

（一）创建安卓项目

选择Empty Activity类型
$\"安卓案例：用户登录_第2张图片\"$
设置项目信息
$\"安卓案例：用户登录_第3张图片\"$
单击【Finish】按钮
$\"安卓案例：用户登录_第4张图片\"$
运行项目，查看结果
$\"安卓案例：用户登录_第5张图片\"$

（二）准备图片资源

将三张图片拷贝到mipmap目录
$\"安卓案例：用户登录_第6张图片\"$

（三）创建按钮边框配置文件

在drawable目录里创建button_border.xml文件
$\"安卓案例：用户登录_第7张图片\"$


<shape xmlns:android=\"http://schemas.android.com/apk/res/android\">
    <solid android:color=\"#0a0934\" />
    <corners
        android:bottomLeftRadius=\"8dp\"
        android:bottomRightRadius=\"8dp\"
        android:topLeftRadius=\"8dp\"
        android:topRightRadius=\"8dp\" />
    <stroke
        android:width=\"0.5dp\"
        android:color=\"#787878\" />
shape>

（四）在字符串资源文件里定义变量

打开strings.xml文件
$\"安卓案例：用户登录_第8张图片\"$
定义了四个字符串变量

<resources>
    <string name=\"app_name\">用户登录string>
    <string name=\"username_hint\">输入用户名string>
    <string name=\"password_hint\">输入密码string>
    <string name=\"login\">登录string>
    <string name=\"cancel\">取消string>
resources>

（五）主布局资源文件

编写主布局资源文件 - activity_main.xml
$\"安卓案例：用户登录_第9张图片\"$


<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\"
    tools:context=\".MainActivity\">

    <LinearLayout
        android:layout_width=\"match_parent\"
        android:layout_height=\"0dp\"
        android:gravity=\"center\"
        android:layout_weight=\"2\">
        <ImageView
            android:layout_width=\"300dp\"
            android:layout_height=\"300dp\"
            android:src=\"@mipmap/users\"/>
    LinearLayout>

    <LinearLayout
        android:layout_width=\"match_parent\"
        android:layout_height=\"0dp\"
        android:orientation=\"vertical\"
        android:layout_weight=\"1\"
        android:gravity=\"center\"
        android:padding=\"20dp\">

        <LinearLayout
            android:layout_width=\"match_parent\"
            android:layout_height=\"wrap_content\">

            <ImageView
                android:layout_width=\"50dp\"
                android:layout_height=\"50dp\"
                android:src=\"@mipmap/user\"/>

            <EditText
                android:id=\"@+id/edt_username\"
                android:layout_width=\"match_parent\"
                android:layout_height=\"wrap_content\"
                android:hint=\"@string/username_hint\"
                android:singleLine=\"true\"/>
        LinearLayout>

        <LinearLayout
            android:layout_width=\"match_parent\"
            android:layout_height=\"wrap_content\">
            <ImageView
                android:layout_width=\"50dp\"
                android:layout_height=\"50dp\"
                android:src=\"@mipmap/pwd\"/>

            <EditText
                android:id=\"@+id/edt_password\"
                android:layout_width=\"match_parent\"
                android:layout_height=\"wrap_content\"
                android:hint=\"@string/password_hint\"
                android:singleLine=\"true\"
                android:inputType=\"textPassword\"/>
        LinearLayout>
    LinearLayout>

    <LinearLayout
        android:layout_width=\"match_parent\"
        android:layout_height=\"0dp\"
        android:gravity=\"center_horizontal\"
        android:layout_weight=\"1\">

        <Button
            android:id=\"@+id/btn_login\"
            android:layout_width=\"150dp\"
            android:layout_height=\"wrap_content\"
            android:text=\"@string/login\"
            android:textSize=\"20sp\"
            android:background=\"@drawable/button_border\"
            android:layout_marginRight=\"10dp\"/>

        <Button
            android:id=\"@+id/btn_cancel\"
            android:layout_width=\"150dp\"
            android:layout_height=\"wrap_content\"
            android:text=\"@string/cancel\"
            android:textSize=\"20sp\"
            android:background=\"@drawable/button_border\"/>
    LinearLayout>
LinearLayout>