Android UI设计初体验（模仿微信登录界面）

虽然说软件分工的目的在于各司其职更有效地完成开发任务，但在我写代码的过程中总是忍不住搞搞美工的事。（估计骨子里是个搞美工的）

因为软件的好坏，有时候不是从功能上评价的，而是从外观上。而美工这活，绿色与浅绿色的区别，没准就造成美丑之分。

这两天完成了功能代码的编写，心血来潮搞起UI，通过模仿微信（配色、布局、操作方式）来完善我的app（虽然是一个完全不需要外观的app = =）。

经过模仿微信，我深有体会的是，为什么一款好的app，比如微信，可以成为一种生活方式？原因在于其功能服务，也在于操作该app养成的操作习惯。

“设置菜单在哪里，如何进入修改页面”这种问题对于微信用户来说，已经是“它在这里，也应该在这里”。

所以，我觉得通过模仿QQ，或者微信，来做美工设计，会使得用户上手新app更快。

废话完了。

本篇文章主要解决的两个问题，分别记录到了两个文章：

EditText不自动获得输入焦点（以及 获得焦点但不弹出输入法软键盘的方法）

android:windowSoftInputMode 属性（输入法软键盘的那点事）

先看下结果界面



布局和代码都很简单，关键是几个有关用户体验的要求，在这里罗列一下，解决方案在上述两篇文章内。

1、EditText不显示任何样式，android:background=@null 即可

2、进入登录界面，第一个输入框获得焦点，但是不弹出软键盘

3、用户点击输入框后，才弹出软键盘。并且弹出的软键盘后要微调界面使得更友好地输入（无遮挡等）

4、输入完毕点击登录后，隐藏输入法，进行登录提示。

微信的输入框未激活时显示一条灰色的线，激活时变为绿色。找时间自定义一下这个输入框效果，再补充。

最后对比一下前后界面的变化



算起来只加了一张图，变了个绿色，一下子就高大上了。。。

论美工的重要性。。。