这一周我们主要学习了一些UI布局:LinearLayout,RelativeLayout等,以及一些常用的组件Button,TextView。实现一组微信的登录界面的UI设计。

在这一页中,我们需要做的就是更改背景图片,和输入以上文字。文字的格式分成两个LinerLayout采用垂直布局进行摆放。(前提是我们在layOut文件夹中建立相应的布局用xml文件。然后在src中的相对应类中选定这个文件。)

在这一页中与之前的不同时需要一个按钮,也是新建一个xml文件,与当前显示页对应。在xml文件中加入button的属性(里面填充的文字,背景等),将按钮至于文字的下方。接下来为此按钮添加一个监听事件,intent于下一个页面。(参见之前的笔记)。

在这一页中需要2个EditText,作为用户名和密码的输入位置,其中用户名处的类别为number,密码处为textpassword。接下来把忘记密码和登录按钮放入一个Linearlayout中,水平摆放。放置于整体的LinearLayout(垂直)的下方即可
网友评论