程序的登录界面可以参考QQ的登录界面，最终的效果如图6-19所示。

图6-19　登录界面效果

对于这种复杂的界面，根据前面所介绍的知识，选用相对布局比较合适。分析图6-19所示的界面，可以看到该界面从上到下分别是一个TextView控件、一个ImageView控件、两个EditText控件、两个TextView控件和四个Button控件。由于在界面中需要一张图片作为程序的logo，因此事先准备好一张图片作为程序的logo，如图6-20所示。

图6-20　程序的logo

将这张图片保存为“logo.png”，放入res/drawable-hdpi目录下，然后修改“activity＿login.xml”文件的代码，具体如下：

界面上的控件之前都已经介绍过，现在需要做的就是将需要用到的每个控件准确地放置在具体的位置，这里不再赘述。最后运行程序，就可以看到图6-19所示的效果。

现在可以通过Eclipse里的Git插件提交代码。在Eclipse中用鼠标右键单击项目，选择“Team”→“Remote”→“Push”命令，在“commitmessage”框中输入“新增登录界面布局”，然后把最新的代码提交到文件管理系统代码仓库。

第一阶段的工作现已完成，下面进入第二阶段的开发工作。