依赖于分辨率的尺寸

简介

bada – 三星智能手机平台-可以安装在不同显示器的不同设备上。下面的这个表格说明了Wave（第一个bada电话）和WaveWQ(Wave525, Wave533, Wave723)的区别。

针对这两种受支持的分辨率，本文定义了依赖于分辨率的UI元件的尺寸（如格式组件，UI控件和图标）。

 

支持的分辨率

bada支持WVGA和WQVGA分辨率。在WQVGA分辨率中，组件的尺寸是WVGA分辨率的尺寸的一半。注意，字型不遵循这一规则：为了提高可读性，WQVGA中字型预设的大小可以比WVGA中字型尺寸的50%略大。这就意味着要为每个设备单独设置字型尺寸。

 

显示器分辨率决定：

ü
格式控制元素尺寸（指示器，标题，键和客户端区域）

ü
UI控件的最小尺寸

ü
图标的尺寸

 

bada的自动调整大小功能意味着UI控件的大小可以根据目标设备分辨率自动调节。如果你想要你的程序支持多个分辨率，在IDE中，创建项目时选择自动调整大小尺寸或从项目属性中选择激活该选项。

<表 1.
WVGA 和WQVGA 分辨率中的格式元素>

	WVGA (API 1.0)	WQVGA (API 1.1)	WVGA (API 1.2)*
指示器	38	19	38
标题	45	23	46
键	95	48	96
标题 + 键	145	73	146
指示器 + 键	133	67	134
指示器 + 标题	88	44	88
指示器 + 键 + 标题	183	92	184

<表 1. WVGA 和 WQVGA 分辨率中的格式元素告诉，以像素为单位>

* 未来的版本

 

每个API版本的格式元素的尺寸不同。在API1.1中，WQVGA的元素高度实际上是WVGA的一半。因为存在一些缺陷，API1.0的元素高度没有严格遵循这个规则。

 

注意：标题的高度取决于指示器是否使用。

 

为该程序提供了客户端区（格式区，包括指示器，键和标题）。因为不同的API版本的客户端区的具体尺寸不同，使用GetClientAreaBounds()方法决定客户端区，让程序适用于多种API版。

 

UI 空间和图标

UI控件最小尺寸和WQVGA中图标的尺寸是WVGA中尺寸的一半。下面的表定义了不同的分辨率中的最小UI控件和真实的图标尺寸。

	WVGA	WQVGA
按钮	48 x 48	24 x 24
幻灯片	200 x 90            200 x 106 (一个标题)	100 x 45            100 x 53 (一个标题)
标签	1 x 1	1 x 1
编辑域	50 x 80            50 x 50 (小样式)             50 x 106 (一个标题)	25 x 40            25 x 25 (小样式)             25 x 53 (一个标题)
编辑区	50 x 80	25 x 40
检测按钮	106 x 72            106 x 106 (一个标题)             156 x 72 (一个分隔符)             156 x 106 (一个标题和一个分隔符)	53 x 36            53 x 53 (一个标题)             78 x 36 (一个分隔符)             78 x 53 (一个标题和一个分隔符)
弹出窗口	388 x 130	194 x 65
编辑日期，编辑时间	468 x 76	234 x 38
颜色选择器	460 x 306 (人物图像)            780 x 306 (风景)	230 x 153 (人物图像)            390 x 153 (风景)
进展	100 x 20	50 x 10
表，定制表，可拓展表，滑动表	92 x 72	46 x 36
功能列表，滑动功能列表	274 x 148	137 x 74
图表列表	1 x 1	1 x 1

<表 2.
WVGA 和 WQVGA 分辨率中UI控件的最小尺寸，以像素为单位>

	WVGA	WQVGA
标题图标            软键图标	32 x 32            60 x 60	16 x 16            30 x 30
键条目图标            徽章图标             标题图标	52 x 52            40 x 40             32 x 32	26 x 26            20 x 20             16 x 16
内容菜单	52 x 52	26 x 26
幻灯片	52 x 52	26 x 26

<表 3. WVGA 和WQVGA分辨率中图标尺寸，以像素为单位 >弹出窗口的UI控件

在bada中，弹出窗口控件有一个边界。在WQVGA中边界的尺寸是WVGA的尺寸的一半。当你向弹出窗口添加一个控件时，你可以在边界内任何一个地点放置，除了弹出标题区。

下面的图标说明了在不同分辨率条件下弹出窗口边界的细节：

<图2: 弹出窗口边界>

	WVGA	WQVGA
弹出黄口_边界_左	8	4
弹出黄口_边界_右	8	4
弹出黄口_边界_顶部	20	10
弹出黄口_边界_底部	20	10
弹出黄口_边界_高度	46	23

<表 4. WVGA和WQVGA分辨率中弹出窗口边界的尺寸>

下面三个表格说明在弹出窗口内部使用UI控件的一个例子。第一个表显示了弹出窗口的属性和其中的两个按钮。弹出窗口的尺寸是(200, 150)，左边顶端按钮的尺寸，和右边底部的尺寸是(50, 50)

<图3.弹出窗口属性
>

<图4：按钮属性>

在IDE中的UI Builder显示的是弹出窗口的客户端区，包括标题，但是不包括边界。下面的图表显示了客户端区的按钮。用于该弹出窗口的GetClientAreaBounds()方法的结果就是(4, 33, 192, 107)。

<图5.中的弹出窗口
>

下面的表格显示了设备屏幕上的弹出窗口。尽管UI Builder只显示了标题和客户端区，你可以看到在设备屏幕上，弹出窗口有一个边界。

<图6：弹出窗口在屏幕上的图案>

字型

字型尺寸根据屏幕而定。下面的表格为Wave和WaveWQ设备定义了字型尺寸。

   

	Wave(WVGA)	WaveWQ(WQVGA)
框架，格式，面板，旋转操控界面，叠层面板	34	20
标签	42	20
动画按钮，检测按钮，颜色采集器，编辑日期，编辑时间，Flash, 进展，消息盒，内容菜单，时间采集器，日期采集器，日期时间采集器	34	20
编辑区，编辑域	38	20
列表，定制列表，可拓展列表，归类列表，滑动列表，滑动归类列表	38	20
图标列表，键区，幻灯片	30	16
键，弹出窗口	34	18
选项内容	30	18

本文转自www.35java.com