谷歌Android UI设计技巧:框架特性

原创
移动开发 Android
本系列文章原是Android的官方开发者博客的一份Android UI设计的幻灯片,51CTO的译者将这份教程5部分进行翻译整理,希望对Android开发者能有帮助。本文为《谷歌Android UI设计技巧》第三部分:框架特性。

本文为《谷歌Android UI设计技巧》第三部分:框架特性。

谷歌官方Android UI设计技巧

你绝对应该尝试的Android UI框架功能

<相关布局>

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

所有资源都包含在一个.apk文件当中、系统在运行时选择哪些资源需要被调用

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

 9-补丁使foo.9.png支持拖拽操作:类似于CSS3 的border图像、可拉伸区域以border像素显示、同时支持 –mdpi及 –hdpi显示效果!

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

选择器(状态列表)支持拖拽操作

选择器(状态列表)支持拖拽操作

由XML 与PNG构成的图层支持拖拽操作

由XML 与PNG构成的图层支持拖拽操作:渲染结果输出(通过w/9补丁可对尺寸进行调整)

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

责任编辑:佚名 来源: 51CTO
相关推荐

2011-05-28 12:19:33

设计技巧UIAndroid

2011-05-28 15:14:06

设计技巧UIAndroid

2011-05-28 23:58:08

设计技巧UIAndroid

2011-05-27 16:14:25

设计技巧UIAndroid

2011-06-01 16:12:11

Android UI

2012-03-01 20:14:25

Android UI

2013-07-23 16:33:27

Android视觉效果UI

2015-03-03 09:31:47

Android Paygoogle

2020-11-13 18:59:51

UIAndroidJetBrains

2012-10-31 09:46:46

Android 4.2

2012-12-25 14:10:22

AndroidUIzinc30

2009-04-21 08:46:02

GoogleAndroid移动OS

2010-09-25 13:09:39

UISymbian

2010-02-04 13:30:49

Android UI元

2011-09-14 10:29:23

Android UI设

2010-11-24 16:36:02

Windows PhoUI设计Windows Pho

2013-01-08 16:05:23

Android开发布局ViewStub

2013-12-18 09:12:00

UI设计

2017-11-13 08:44:19

Android Stu移动数据库Kotlin

2021-07-23 11:00:18

UI界面设计效果
点赞
收藏

51CTO技术栈公众号