3.4.3　登录功能模块开发

首页和视频播放页面开发完成以后，我们还想为宠物商城App添加账号系统，保存视频的播放记录以及一些用户的个人信息，提高用户使用体验。

在ui包下新建一个名为login的软件包，接着新建一个名为LoginAct的Activity，布局文件名为login_act.xml。

登录页面的布局主要由4大块组成。

1）页面上方是两个ImageView和一个TextView，分别用于显示返回按钮、宠物商城logo图和登录页面的标题。

2）logo图的下方是两个EditText，用于输入用户名和密码。

3）密码输入框的右下方是一个TextView，作为注册功能的入口。

4）注册按钮的下面是一个Button，作为登录按钮。

详细的布局代码可以参考login_act.xml。登录页面的运行结果如图3-22所示。