【0201】用户登录界面设计

用户登录界面简单版,成品如图所示:【0201】用户登录界面设计_第1张图片

步骤讲解
一、分析布局
从图中可以看出该界面有三层布局,最外层线性布局,将内层水平和垂直都居中,内层为线性布局垂直分布,“欢迎登录”的TextView可以直接放在第二层,也可以单独加一层布局,用户和输入框,密码和输入框,登录和取消都是使用了相对布局,简化图如下图所示:【0201】用户登录界面设计_第2张图片

二、实际操作
1、界面背景设置
1.1首先准备一张手机壁纸
1.2将该图片复制粘贴到mipmap中
【0201】用户登录界面设计_第3张图片
1.3找到activity_main.xml文件,在最外层布局中添加红框中的代码background
【0201】用户登录界面设计_第4张图片
2.布局嵌套
最外层设为线性布局,第二层设为线性布局垂直分布,第三层全设置为相对布局。【0201】用户登录界面设计_第5张图片
3.布局属性内容设置
3.1最外层添加gravity=“center”确保内层内容居中显示。【0201】用户登录界面设计_第6张图片
3.2第二层设置属性方向为垂直方向(android:orientation=“vertical”)内部内容居中显示,宽和高都设置为包围内容(wrap_content) 添加第一个标签“欢迎登录)
【0201】用户登录界面设计_第7张图片
【0201】用户登录界面设计_第8张图片
3.3添加相对布局标签,内容如图(一个标签,一个输入框)【0201】用户登录界面设计_第9张图片
设置标签在输入框的左边或者输入框在标签的左边都可以。使用(layout_toRightOf或者layout_toLeftOf)
剩下两个相对布局如法炮制即可。字体大小颜色根据自己喜好修改。

你可能感兴趣的:(安卓应用开发)