【0201】用户登录界面设计

用户登录界面简单版，成品如图所示：

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

二、实际操作
1、界面背景设置
1.1首先准备一张手机壁纸
1.2将该图片复制粘贴到mipmap中

1.3找到activity_main.xml文件，在最外层布局中添加红框中的代码background

2.布局嵌套
最外层设为线性布局，第二层设为线性布局垂直分布，第三层全设置为相对布局。
3.布局属性内容设置
3.1最外层添加gravity=“center”确保内层内容居中显示。
3.2第二层设置属性方向为垂直方向（android:orientation=“vertical”）内部内容居中显示，宽和高都设置为包围内容（wrap_content) 添加第一个标签“欢迎登录）

3.3添加相对布局标签，内容如图（一个标签，一个输入框）
设置标签在输入框的左边或者输入框在标签的左边都可以。使用（layout_toRightOf或者layout_toLeftOf)
剩下两个相对布局如法炮制即可。字体大小颜色根据自己喜好修改。

【0201】用户登录界面设计相关推荐

html科幻效果,带科幻风格的纯CSS3用户登录界面设计
这是一款带有科幻风格的纯CSS3用户登录界面设计效果.它模拟科幻电影<钢铁侠>中斯塔克工业超级电脑的登录界面.该登录界面略带金属质感,通过一条无限运动的弧线绕圆动画来制作一些神秘科技色彩. ...
html用户登录页面设计,简洁时尚的用户登录界面设计效果
这是一款简洁时尚的用户登录界面设计效果.该用户登录效果使用CSS和JS来完成,它使用元素滑动效果来制作登录表单动画,字体效果时尚大方,是非常不错的用户登录界面UI设计效果. 使用方法 HTML结构该 ...
web用户登录界面设计_UI设计师怎样做界面设计？
当你构建用户界面和网站的时候,有各种各样的关于界面设计方法和模式的信息你可以使用,对常见问题的解决方案和一般可用性的建议. 下列给出的准则可能会引导你创造一个良好的用户界面,但是究竟什么才是一个良好的 ...
客户关系管理项目——用户登录模块设计
一模块需求细化登录的用户,默认情况有三个不同角色,分别为:系统管理员,前台客服,信息管理员. 用户登录后能够根据其角色来进行相关工作,进行完工作需要能够注销. 细化需求如下: 用户登录之后按角色分 ...
web登录界面设计_出色的Web界面设计的7条规则
web登录界面设计 When you work on a website or on the design of web pages, remember that their success is n ...
舒服的网页登录界面设计灵感
登录注册就是"一扇门",一扇让产品和用户真正互通的门,让产品可以给用户体现出更多价值的门. 所以这个门一定要: 够宽.门槛够低.一直开着.记忆每次进出- 设计师交流社区集设网 w ...
UI设计使用模板素材|登录界面设计
登陆注册界面在咱们APP UI设计过程当中最有可能是最先接触到的东西,因为现在对于绝大部分的APP来说都有,形式也都差不多,估计大家认为设计出来的东西也都差不多,或者没有花精力去设计. 怎样让登录界面 ...
请你根据微信登录界面设计测试用例
请你根据微信登录界面设计测试用例参考回答: 一.功能测试 1.输入正确的用户名和密码,点击提交按钮,验证是否能正确登录. 2.输入错误的用户名或者密码,验证登录会失败,并且提示相应的错误信息. 3. ...
浅析网站 APP 登录界面设计
无论网页或是移动APP的设计,很重要的一点是如何能在小而美和功能复杂性之间找到平衡点.本文就移动APP表单设计进行浅析,看设计师是如何在设计与交互体验之间做到小而美的平衡. 一.极致的减法这是一个异 ...
java用户登录界面并连接数据库（教师工资查询）
java用户登录界面并连接数据库(教师工资查询) 环境语言:Java:数据库:MySql:环境:JDK8+Eclipse 步骤 1.数据库设计要求: 实现: 2.实现该教师工资表管理所设计的类和文 ...

【0201】用户登录界面设计

【0201】用户登录界面设计相关推荐

最新文章

热门文章