家庭财务目录
- 一、开发环境
- 二、后台接口文档
- 三、Android 项目
- 1、新建项目HomeFinance
- 2、所使用的图片资源下载地址
- 3、实现登录注册功能
- a、 涉及的知识点
- b、res
- 1.登录页面
- 涉及知识01:实现圆角按钮或者实现圆角布局
- 2.注册页面
- 涉及知识02:使用include标签替换一些常用的布局,如app中的页面头
- c、Java
一、开发环境
说明:大家的环境不一样可能会有运行不起的情况
1.jdk1.8.0_231安装
2.Android Studio 3.5 安装
3.SDK -Andrid 10.0(Q)
Fille>Settings>Appearance&Behavior>System Settings>Android SDK
二、后台接口文档
1.登录接口
接口详情 | 登录接口 |
---|---|
地址 | http://39.105.132.80:8080/getLoginUser |
请求方式 | POST |
参数 | 是否必填 | 说明 |
---|---|---|
username | 是 | 账号 |
password | 是 | 密码 |
三、Android 项目
1、新建项目HomeFinance
选择基础模板
项目名称
2、所使用的图片资源下载地址
链接:https://pan.baidu/s/1xgXmG3AzN1O1dwcsy4sdDw
提取码:qq5d
3、实现登录注册功能
a、 涉及的知识点
知识点
- 圆角按钮 圆角布局
- 标签include 的简单使用
- 本地验证码的自动生成
效果如下:
b、res
1.登录页面
drawable>>layout_login.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android/apk/res/android"
xmlns:tools="http://schemas.android/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@mipmap/bg_welcome02"
android:gravity="center"
android:orientation="vertical"
android:fitsSystemWindows="true"
>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="家庭财务"
android:textSize="40dp"
android:textStyle="bold"
android:layout_marginBottom="30dp"
/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_marginRight="30dp"
android:layout_marginLeft="30dp"
android:background="@drawable/bg_login_white"
>
<LinearLayout
android:padding="10dp"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="账号"
android:textStyle="bold"/>
<EditText
android:id="@+id/et_name"
android:layout_width="match_parent"
android:layout_height="40dp"
android:hint="请输入手机号"
android:singleLine="true"
android:textSize="13dp"
/>
</LinearLayout>
<LinearLayout
android:padding="10dp"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center_vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="密码"
android:textStyle="bold"/>
<FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
<EditText
android:id="@+id/et_passwod"
android:layout_width="match_parent"
android:layout_height="40dp"
android:hint="请输入密码"
android:singleLine="true"
android:textSize="13dp"
android:inputType="textPassword"
/>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="right"
android:id="@+id/ll_showpass_if">
<ImageView
android:id="@+id/iv_showpass_if"
android:layout_width="25dp"
android:layout_height="25dp"
android:src="@mipmap/ic_eye_close"
android:layout_gravity="center"/>
</LinearLayout>
</FrameLayout>
</LinearLayout>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_marginTop="30dp"
android:layout_marginRight="30dp"
android:layout_marginLeft="30dp"
android:background="@drawable/bg_login_white">
<Button
android:id="@+id/btn_login_login"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="登录"
android:background="@drawable/bg_login_green"/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginTop="10dp"
android:layout_marginRight="30dp"
android:layout_marginLeft="30dp"
android:gravity="center_vertical"
>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center">
<TextView
android:id="@+id/tv_showpass_if"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="12dp"
/>
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="wrap_content">
</LinearLayout>
<TextView
android:id="@+id/tv_pass_forgert"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="注销"
android:textColor="#666"
android:textSize="12dp"/>
</LinearLayout>
</LinearLayout>
涉及知识01:实现圆角按钮或者实现圆角布局
在drawable中新建两个xml文件,这是在登录和注册页面中的圆角控件设置。
在下面的代码中 solid标签是里面是设置背景颜色,corners标签是设置圆角的弧度,分四个角设置,stroke标签中是设置边框的粗细和颜色。
圆角灰色
drawable>> bg_login_white.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android/apk/res/android">
<solid android:color="#80FFFFFF" />
<corners android:topLeftRadius="6dp"
android:topRightRadius="6dp"
android:bottomRightRadius="6dp"
android:bottomLeftRadius="6dp"/>
<stroke android:color="#54DCDCDC"
android:width="0dp"/>
</shape>
圆角绿色
drawable>> bg_login_green.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android/apk/res/android">
<solid android:color="#8000FF7F" />
<corners android:topLeftRadius="6dp"
android:topRightRadius="6dp"
android:bottomRightRadius="6dp"
android:bottomLeftRadius="6dp"/>
<stroke android:color="#54DCDCDC"
android:width="0dp"/>
</shape>
2.注册页面
layout>>layout_register.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android/apk/res/android"
xmlns:tools="http://schemas.android/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@mipmap/bg_welcome02"
android:gravity="center_horizontal"
android:orientation="vertical"
>
<include layout="@layout/layout_quote_top_title" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_marginRight="30dp"
android:layout_marginLeft="30dp"
android:background="@drawable/bg_login_white"
>
<LinearLayout
android:padding="10dp"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="手机号"
android:textStyle="bold"/>
<EditText
android:id="@+id/et_name"
android:layout_width="match_parent"
android:layout_height="40dp"
android:hint="请输入手机号"
android:singleLine="true"
android:textSize="13dp"
android:inputType="phone"
/>
</LinearLayout>
<LinearLayout
android:padding="10dp"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center_vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="密码"
android:textStyle="bold"/>
<FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
<EditText
android:id="@+id/et_passwod"
android:layout_width="match_parent"
android:layout_height="40dp"
android:hint="请输入密码"
android:singleLine="true"
android:textSize="13dp"
android:inputType="textPassword"
/>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="right"
android:id="@+id/ll_showpass_if">
<ImageView
android:id="@+id/iv_showpass_if"
android:layout_width="25dp"
android:layout_height="25dp"
android:src="@mipmap/ic_eye_close"
android:layout_gravity="center"/>
</LinearLayout>
</FrameLayout>
</LinearLayout>
<LinearLayout
android:padding="10dp"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center_vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="密码"
android:textStyle="bold"/>
<FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
<EditText
android:id="@+id/et_passwods"
android:layout_width="match_parent"
android:layout_height="40dp"
android:hint="请输入确认密码"
android:singleLine="true"
android:textSize="13dp"
android:inputType="textPassword"
/>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="right"
android:id="@+id/ll_showpass_ifs">
<ImageView
android:id="@+id/iv_showpass_ifs"
android:layout_width="25dp"
android:layout_height="25dp"
android:src="@mipmap/ic_eye_close"
android:layout_gravity="center"/>
</LinearLayout>
</FrameLayout>
</LinearLayout>
<LinearLayout
android:padding="10dp"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center_vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="验证码"
android:textStyle="bold"/>
<EditText
android:id="@+id/et_code"
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="40dp"
android:hint="请输入验证码"
android:singleLine="true"
android:textSize="13dp"
android:inputType="text"
/>
<ImageView
android:id="@+id/iv_code"
android:layout_width="80dp"
android:layout_height="50dp"
android:src="@mipmap/ic_eye_close"
android:layout_gravity="right"
/>
</LinearLayout>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_marginTop="30dp"
android:layout_marginRight="30dp"
android:layout_marginLeft="30dp"
android:background="@drawable/bg_login_green">
<Button
android:id="@+id/btn_login_login"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="提交"
android:background="@drawable/bg_login_green"/>
</LinearLayout>
</LinearLayout>
</LinearLayout>
涉及知识02:使用include标签替换一些常用的布局,如app中的页面头
layout>>layout_quote_top_title.xml
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
xmlns:android="http://schemas.android/apk/res/android"
android:layout_width="match_parent"
android:layout_height="45dp"
android:id="@+id/fl_title"
>
<LinearLayout
android:id="@+id/ll_title_left"
android:layout_width="45dp"
android:layout_height="match_parent"
android:gravity="center"
android:layout_gravity="center_vertical"
>
<ImageView
android:id="@+id/iv_title_left"
android:layout_width="25dp"
android:layout_height="25dp"
/>
</LinearLayout>
<TextView
android:id="@+id/tv_title"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_centerInParent="true"
android:gravity="center"
android:text="模板"
android:textSize="18sp" />
<LinearLayout
android:id="@+id/ll_title_right"
android:layout_width="45dp"
android:layout_height="match_parent"
android:layout_gravity="right"
android:gravity="center"
>
<ImageView
android:id="@+id/iv_title_right"
android:layout_width="25dp"
android:layout_height="25dp"/>
</LinearLayout>
</FrameLayout>
然后修改下图中MainActivity.java文件 中的activity_main为当前的登录页面的名称()就可以查看登录页面的效果了。
c、Java
家庭财务目录
- 一、开发环境
- 二、后台接口文档
- 三、Android 项目
- 1、新建项目HomeFinance
- 2、所使用的图片资源下载地址
- 3、实现登录注册功能
- a、 涉及的知识点
- b、res
- 1.登录页面
- 涉及知识01:实现圆角按钮或者实现圆角布局
- 2.注册页面
- 涉及知识02:使用include标签替换一些常用的布局,如app中的页面头
- c、Java
一、开发环境
说明:大家的环境不一样可能会有运行不起的情况
1.jdk1.8.0_231安装
2.Android Studio 3.5 安装
3.SDK -Andrid 10.0(Q)
Fille>Settings>Appearance&Behavior>System Settings>Android SDK
二、后台接口文档
1.登录接口
接口详情 | 登录接口 |
---|---|
地址 | http://39.105.132.80:8080/getLoginUser |
请求方式 | POST |
参数 | 是否必填 | 说明 |
---|---|---|
username | 是 | 账号 |
password | 是 | 密码 |
三、Android 项目
1、新建项目HomeFinance
选择基础模板
项目名称
2、所使用的图片资源下载地址
链接:https://pan.baidu/s/1xgXmG3AzN1O1dwcsy4sdDw
提取码:qq5d
3、实现登录注册功能
a、 涉及的知识点
知识点
- 圆角按钮 圆角布局
- 标签include 的简单使用
- 本地验证码的自动生成
效果如下:
b、res
1.登录页面
drawable>>layout_login.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android/apk/res/android"
xmlns:tools="http://schemas.android/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@mipmap/bg_welcome02"
android:gravity="center"
android:orientation="vertical"
android:fitsSystemWindows="true"
>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="家庭财务"
android:textSize="40dp"
android:textStyle="bold"
android:layout_marginBottom="30dp"
/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_marginRight="30dp"
android:layout_marginLeft="30dp"
android:background="@drawable/bg_login_white"
>
<LinearLayout
android:padding="10dp"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="账号"
android:textStyle="bold"/>
<EditText
android:id="@+id/et_name"
android:layout_width="match_parent"
android:layout_height="40dp"
android:hint="请输入手机号"
android:singleLine="true"
android:textSize="13dp"
/>
</LinearLayout>
<LinearLayout
android:padding="10dp"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center_vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="密码"
android:textStyle="bold"/>
<FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
<EditText
android:id="@+id/et_passwod"
android:layout_width="match_parent"
android:layout_height="40dp"
android:hint="请输入密码"
android:singleLine="true"
android:textSize="13dp"
android:inputType="textPassword"
/>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="right"
android:id="@+id/ll_showpass_if">
<ImageView
android:id="@+id/iv_showpass_if"
android:layout_width="25dp"
android:layout_height="25dp"
android:src="@mipmap/ic_eye_close"
android:layout_gravity="center"/>
</LinearLayout>
</FrameLayout>
</LinearLayout>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_marginTop="30dp"
android:layout_marginRight="30dp"
android:layout_marginLeft="30dp"
android:background="@drawable/bg_login_white">
<Button
android:id="@+id/btn_login_login"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="登录"
android:background="@drawable/bg_login_green"/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginTop="10dp"
android:layout_marginRight="30dp"
android:layout_marginLeft="30dp"
android:gravity="center_vertical"
>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center">
<TextView
android:id="@+id/tv_showpass_if"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="12dp"
/>
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="wrap_content">
</LinearLayout>
<TextView
android:id="@+id/tv_pass_forgert"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="注销"
android:textColor="#666"
android:textSize="12dp"/>
</LinearLayout>
</LinearLayout>
涉及知识01:实现圆角按钮或者实现圆角布局
在drawable中新建两个xml文件,这是在登录和注册页面中的圆角控件设置。
在下面的代码中 solid标签是里面是设置背景颜色,corners标签是设置圆角的弧度,分四个角设置,stroke标签中是设置边框的粗细和颜色。
圆角灰色
drawable>> bg_login_white.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android/apk/res/android">
<solid android:color="#80FFFFFF" />
<corners android:topLeftRadius="6dp"
android:topRightRadius="6dp"
android:bottomRightRadius="6dp"
android:bottomLeftRadius="6dp"/>
<stroke android:color="#54DCDCDC"
android:width="0dp"/>
</shape>
圆角绿色
drawable>> bg_login_green.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android/apk/res/android">
<solid android:color="#8000FF7F" />
<corners android:topLeftRadius="6dp"
android:topRightRadius="6dp"
android:bottomRightRadius="6dp"
android:bottomLeftRadius="6dp"/>
<stroke android:color="#54DCDCDC"
android:width="0dp"/>
</shape>
2.注册页面
layout>>layout_register.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android/apk/res/android"
xmlns:tools="http://schemas.android/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@mipmap/bg_welcome02"
android:gravity="center_horizontal"
android:orientation="vertical"
>
<include layout="@layout/layout_quote_top_title" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_marginRight="30dp"
android:layout_marginLeft="30dp"
android:background="@drawable/bg_login_white"
>
<LinearLayout
android:padding="10dp"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="手机号"
android:textStyle="bold"/>
<EditText
android:id="@+id/et_name"
android:layout_width="match_parent"
android:layout_height="40dp"
android:hint="请输入手机号"
android:singleLine="true"
android:textSize="13dp"
android:inputType="phone"
/>
</LinearLayout>
<LinearLayout
android:padding="10dp"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center_vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="密码"
android:textStyle="bold"/>
<FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
<EditText
android:id="@+id/et_passwod"
android:layout_width="match_parent"
android:layout_height="40dp"
android:hint="请输入密码"
android:singleLine="true"
android:textSize="13dp"
android:inputType="textPassword"
/>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="right"
android:id="@+id/ll_showpass_if">
<ImageView
android:id="@+id/iv_showpass_if"
android:layout_width="25dp"
android:layout_height="25dp"
android:src="@mipmap/ic_eye_close"
android:layout_gravity="center"/>
</LinearLayout>
</FrameLayout>
</LinearLayout>
<LinearLayout
android:padding="10dp"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center_vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="密码"
android:textStyle="bold"/>
<FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
<EditText
android:id="@+id/et_passwods"
android:layout_width="match_parent"
android:layout_height="40dp"
android:hint="请输入确认密码"
android:singleLine="true"
android:textSize="13dp"
android:inputType="textPassword"
/>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="right"
android:id="@+id/ll_showpass_ifs">
<ImageView
android:id="@+id/iv_showpass_ifs"
android:layout_width="25dp"
android:layout_height="25dp"
android:src="@mipmap/ic_eye_close"
android:layout_gravity="center"/>
</LinearLayout>
</FrameLayout>
</LinearLayout>
<LinearLayout
android:padding="10dp"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center_vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="验证码"
android:textStyle="bold"/>
<EditText
android:id="@+id/et_code"
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="40dp"
android:hint="请输入验证码"
android:singleLine="true"
android:textSize="13dp"
android:inputType="text"
/>
<ImageView
android:id="@+id/iv_code"
android:layout_width="80dp"
android:layout_height="50dp"
android:src="@mipmap/ic_eye_close"
android:layout_gravity="right"
/>
</LinearLayout>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_marginTop="30dp"
android:layout_marginRight="30dp"
android:layout_marginLeft="30dp"
android:background="@drawable/bg_login_green">
<Button
android:id="@+id/btn_login_login"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="提交"
android:background="@drawable/bg_login_green"/>
</LinearLayout>
</LinearLayout>
</LinearLayout>
涉及知识02:使用include标签替换一些常用的布局,如app中的页面头
layout>>layout_quote_top_title.xml
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
xmlns:android="http://schemas.android/apk/res/android"
android:layout_width="match_parent"
android:layout_height="45dp"
android:id="@+id/fl_title"
>
<LinearLayout
android:id="@+id/ll_title_left"
android:layout_width="45dp"
android:layout_height="match_parent"
android:gravity="center"
android:layout_gravity="center_vertical"
>
<ImageView
android:id="@+id/iv_title_left"
android:layout_width="25dp"
android:layout_height="25dp"
/>
</LinearLayout>
<TextView
android:id="@+id/tv_title"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_centerInParent="true"
android:gravity="center"
android:text="模板"
android:textSize="18sp" />
<LinearLayout
android:id="@+id/ll_title_right"
android:layout_width="45dp"
android:layout_height="match_parent"
android:layout_gravity="right"
android:gravity="center"
>
<ImageView
android:id="@+id/iv_title_right"
android:layout_width="25dp"
android:layout_height="25dp"/>
</LinearLayout>
</FrameLayout>
然后修改下图中MainActivity.java文件 中的activity_main为当前的登录页面的名称()就可以查看登录页面的效果了。