谷歌Android UI设计技巧

谷歌官方教程：Android UI设计技巧

 

第一部分：该做的和不该做的

 

 

第二部分：优秀UI设计准则。

 

第三部分：框架特性

注：相对布局和线性布局是Android里面常用的两种布局，线性布局比较简单，而相对布局可以做出比较复杂的布局管理，所以仅仅了解线性布局，很多时候是不够的。不过以作者之前Qt的经验来看，Android里面的布局管理功能都比较阳春也不太容易使用，不过这可能是跟移动平台的性能考量有关系。

注：最常用的修饰符可能是locale修饰符（制作多语文本），dpi修饰符（为不同密度的屏幕制作不同尺寸的图标和皮肤），orientation修饰符（为横屏和竖屏提供不同的UI布局）。如果系统找不到对应的修饰符版本，它就会选择无修饰符的版本，这个版本通常也是所谓的默认选择。

注：drawables 在 Android 里面跟 WPF 里面的 Drawing 类似，用于定义一个可绘制的对象，包括位图，刷子，填充颜色或者以上物件的组合等等。所谓 9-patch drawables，就是将一个 drawable 按照定义的 4 个边缘的宽度大小切割成9个区域，包括4个角落，4条边缘和一个中心区域，当把这个 drawable 绘制到一个任意矩形区域时，drawable 的各个区域有不同的拉伸控制（角落不拉伸，横边横向拉伸，竖边竖向拉伸，中心区域横竖向都拉伸）。通常使用 9-patch drawable 一般是为了绘制出比较漂亮的带圆角背景，这样可以避免圆角及边缘被任意拉伸导致变形。当然，如果你的程序里面绘制的图像和目标区域大小完全一样，就不需要那么麻烦，不过以 Android 的状况来说，为了适应多种设备，最好不要事先假设目标区域的像素大小。

注：所谓多层叠加，使用PS来制作图标和皮肤的同学可能都清楚，比如说一个按钮的PS模板通常会包括所谓的background层定义底色，mask层定义轮廓，shine层定义前景的高亮效果。而 Android 里面允许你直接在 XML 脚本里面使用 Layer drawables 的语法来定义上述的多层叠加效果，这样可能比在PS里面直接做好要更灵活一些，并且有的层可以是来自png位图，有的层可以是直接通过 XML 脚本生成（比如纯色，过渡色等等）。

 

第四部分:新的UI设计模式

第五部分：图标与指导说明