依赖于分辨率的尺寸

简介 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