快好知 kuaihz

看图说话 – 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…)下的绘制图像。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:秘笈  秘笈词条  说话  说话词条  Android  Android词条  设计  设计词条  Part  Part词条  
设计

 设计总结:图表设计二三事

文章从四个方面切入,对图表设计做了相关总结,希望能够给你带来启发。用户在使用产品过程中,会接触到大量的数据。其实数据对用户来说就是文字和数字的组合,大脑处理纯文...(展开)