android ui秘笈,看图说话_Android_UI_设计秘笈.pdf

March 14 2011 看图说话看图说话 Android UI 设计秘笈设计秘笈 Part II Android 的官方开发者博客发了一份幻灯片 介绍了一些 Android UI 设计的小贴士 整个 PPT 共 分5个部分 Part II 翻译的是第三部分 第一部分点击这里查看 你必须了解 使用 的 UI 框架特性 使用相对布局管理界面元素 译者注 相对布局和线性布局是Android里面常用的两种布局 线性布局比较简单 而相对布局可 以做出比较复杂的布局管理 所以仅仅了解线性布局 很多时候是不够的 不过以作者之前Qt的 经验来看 Android里面的布局管理功能都比较阳春也不太容易使用 不过这可能是跟移动平台的 性能考量有关系 使用资源修饰符来修饰同一套资源的多个不同版本 1 一个apk包里面会包含所有的资源文件 2 系统在运行时会根据软硬件环境来自动选择相应修饰符版本的资源 译者注 最常用的修饰符可能是locale修饰符 制作多语文本 dpi修饰符 为不同密度的屏幕 制作不同尺寸的图标和皮肤 orientation修饰符 为横屏和竖屏提供不同的UI布局 如果系统 找不到对应的修饰符版本 它就会选择无修饰符的版本 这个版本通常也是所谓的默认选择 使用 9 patch drawables foo 9 png 1 9 patch drawables 的语法跟CSS3 border image 类似 2 根据边缘的像素宽度切割出不同的拉伸区域 3 最好同时提供 mdpi 和 hdpi 的版本 译者注 drawables 在 Android 里面跟 WPF 里面的 Drawing 类似 用于定义一个可绘制的对象 包括位图 刷子 填充颜色或者以上物件的组合等等 所谓 9 patch drawables 就是将一个 drawable 按照定义的 4 个边缘的宽度大小切割成9个区域 包括4个角落 4条边缘和一个中心区 域 当把这个 drawable 绘制到一个任意矩形区域时 drawable 的各个区域有不同的拉伸控制 角 落不拉伸 横边横向拉伸 竖边竖向拉伸 中心区域横竖向都拉伸 通常使用 9 patch drawable 一般是为了绘制出比较漂亮的带圆角背景 这样可以避免圆角及边缘被任意拉伸导致变形 当 然 如果你的程序里面绘制的图像和目标区域大小完全一样 就不需要那么麻烦 不过以 Android 的状况来说 为了适应多种设备 最好不要事先假设目标区域的像素大小 使用 Selector state list drawables 状态列表 来提供不同状态 normal disabled focused pressed 下的绘制图像 使用 Layer drawables 多层叠加 来制作具备复杂效果的可绘制图像 译者注 所谓多层叠加 使用PS来制作图标和皮肤的同学可能都清楚 比如说一个按钮的PS模板 通常会包括所谓的background层定义底色 mask层定义轮廓 shine层定义前景的高亮效果 而 Android 里面允许你直接在 XML 脚本里面使用 Layer drawables 的语法来定义上述的多层叠加效 果 这样可能比在PS里面直接做好要更灵活一些 并且有的层可以是来自png位图 有的层可以 是直接通过 XML 脚本生成 比如纯色 过渡色等等 via

展开阅读全文