CN102270109B - 不同分辨率的用户界面的自转换方法及自转换系统 - Google Patents

Abstract

本发明涉及一种不同分辨率的用户界面的自转换方法及自传换系统，应用于手持终端上，包括：提供具有基础分辨率的基础用户界面，并获得目标用户界面的目标分辨率；根据基础分辨率和目标分辨率，生成目标用户界面与基础用户界面的转换系数和缩放系数；读取所述基础用户界面的描述文件；根据所述缩放系数和转换系数，并将所述基础用户界面的描述文件转换为目标用户界面的描述文件。本发明所述用户界面的自转换方法及自转换系统能够实现手持终端平台上不同分辨率的用户界面的自转换。

Description

不同分辨率的用户界面的自转换方法及自转换系统

技术领域

本发明涉及一种不同用户界面之间的转换方法及转换系统，尤其涉及一种不同分辨率的用户界面的自转换方法及自转换系统

背景技术

手持终端种类繁多，主要的系统平台有Wince、Mobile、Symbian、Android、Apple、MTK等，基于上述系统平台的终端的典型特点之一是分辨率种类多，包括176x208、176x220、240x320、240x400、320x240、320x320、320x480、480x640、480x800等。为在各种分辨率不同的手持终端上实现良好的展现，用户界面(UserInterface，UI)的布局必须做相应调整，其中控件坐标信息、尺寸信息等亦需要进行相应的调整。

在现有技术中，手持终端应用开发采用的一般方式是：先针对不同分辨率给出基础用户界面的效果图，同时给出基础用户界面上各个空间的属性信息，包括各控件的起始坐标值(x，y)和尺寸值(With，Height)，接着，根据基础用户界面的效果图和各控件的起始坐标值和尺寸值人为实现在目标用户界面的展现。

提供具有基础分辨率的用户界面，称之为基础用户界面。所述基本用户界面是与具有目标分辨率的目标用户界面相对应的版本，具有与目标用户界面所有控件相对应的基础控件。但基于该基础用户界面向目标用户界面转换需根据该基础用户界面的描述文件进行。传统的转换方式中，美工基于基础用户界面，根据相应的转换规则设计出对应分辨率控件，例如控件的图片资源。上述方法的弊端为：1、对于多个目标分辨率，需安排美工人员设计相应数目的效果图，不仅耗费大量人力，并且效果图的具体效果的人为差异性较大，因而不同美工人员很可能设计出不同效果的界面；2、对于多个目标分辨率，需维护多份应用代码，最终导致用户界面设计的不规范和维护的困难。

发明内容

本发明要解决的技术问题是，提供一种规范的、简易的自动化处理同一业务在做不同分辨率适配时的移植工作的不同分辨率之间用户界面的自转换方法。

为解决上述问题，本发明提供一种不同分辨率的用户界面的自转换方法，应用于手持终端上，包括以下步骤：

提供具有基础分辨率的基础用户界面，并获得目标用户界面的目标分辨率；

根据基础分辨率和目标分辨率，生成目标用户界面与基础用户界面的转换系数和缩放系数；

读取所述基础用户界面的描述文件；

根据所述缩放系数和转换系数，并将所述基础用户界面的描述文件转换为目标用户界面的描述文件。

进一步的，针对所述不同分辨率的用户界面的自转换方法，在生成所述转换系数和缩放系数的步骤中，包括：判断目标分辨率的长宽比与基础分辨率的长宽比是否相同；若相同，则缩放系数为所述目标分辨率与基础分辨率的长度的比值，转换系数为1；若不相同，则缩放系数为目标分辨率从的长度的比值，转换系数为所述目标分辨率的宽度除以缩放系数后与基础分辨率的宽度的比值。

进一步的，针对所述不同分辨率的用户界面的自转换方法，所述基础用户界面的描述文件采用XML格式给出。

进一步的，针对所述不同分辨率的用户界面的自转换方法，将所述基础用户界面的描述文件转换为目标用户界面的描述文件的步骤中，包括：将所述基础用户界面的描述文件生成DOM树；以所述DOM树的根节点为基础，生成第一级子控件的属性信息，根据所述第一级子控件的属性信息，生成第二级子控件的属性信息，如此递归，获得所述DOM树中所有子控件的属性信息；根据所述缩放系数和转换系数，将所述DOM树中所有子控件的属性信息转换为新DOM树的子控件的属性信息；根据所述新DOM树的子控件的属性信息生成目标用户界面的描述文件。

进一步的，针对所述不同分辨率的用户界面的自转换方法，所述DOM树中所有子控件的属性信息均包括起始坐标信息和尺寸信息。

进一步的，针对所述不同分辨率的用户界面的自转换方法，所述起始坐标信息包括X轴坐标值和Y轴坐标值，所述尺寸信息包括长度和宽度。

进一步的，针对所述不同分辨率的用户界面的自转换方法，在将所述DOM树中所有子控件的属性信息转换为新DOM树的子控件的属性信息的步骤中，包括：将所述DOM树中子控件的属性信息中的X轴坐标值乘以缩放系数，Y轴坐标值乘以缩放系数和转换系数，长度乘以缩放系数，宽度乘以缩放系数和转换系数，以获得的新DOM树对应子控件的属性信息。

本发明还提供一种不同分辨率的用户界面的自转换系统，包括：基础用户界面存储单元，用于存储基础用户界面的基础分辨率和描述文件以及目标用户界面的目标分辨率；转换存储单元，与基础用户界面存储单元连接，用于接收所述基础分辨率和目标分辨率，生成并存储基础用户界面和目标用户界面之间的转换系数和缩放系数；目标用户界面生成单元，与所述转换存储单元连接，用于接收所述转换系数和缩放系数，将所述基础用户界面的描述文件转换为目标用户界面的描述文件。

进一步的，不同分辨率的用户界面的自转换系统，所述基础用户界面的描述文件采用XML格式给出。

相比于现有技术，本发明所述不同分辨率的用户界面的自转换方法能够根据目标分辨率和基础分辨率，自动地将基础用户界面转换为目标用户界面，自动地生成目标用户界面中各空间的属性信息，包括起始坐标信息和尺寸信息，提高程序多分辨率适配进度；然后，转换过程减少了程序移植工序，大大提高了效率，提高生产效率；其次，转换过程无需人为主观操作，转换更加规范，降低了人力成本的同时，能够有效减少手动计算或主观理解不同产生的错误。从而实现了统一自主地转换。

附图说明

图1为本发明不同分辨率的用户界面的自转换方法的流程示意图。

图2为本发明不同分辨率的用户界面的自转换系统的简要示意图。

具体实施方式

为使本发明的内容更加清楚易懂，以下结合说明书附图，对本发明的内容作进一步说明。当然本发明并不局限于该具体实施例，本领域内的技术人员所熟知的一般替换也涵盖在本发明的保护范围内。

其次，本发明利用示意图进行了详细的表述，在详述本发明实例时，为了便于说明，示意图不依照一般比例局部放大，不应以此作为对本发明的限定。

本发明的目的在于：将所述基础用户界面自动转换为其他分辨率的目标用户界面，所述基础用户界面中包含多个基础控件的属性信息，根据目标分辨率与基础分辨率之间的关系，将所述基础用户界面中的基础控件转换为目标用户界面的控件，从而获得具有目标分辨率的目标用户界面，以降低程序移植工序，提高生产效率，并减少手动计算及主观操作产生的错误。

图1为本发明不同分辨率的用户界面的自转换方法的流程示意图。如图1所示，本发明提供一种不同分辨率的用户界面的自转换方法，应用于手持终端上，包括以下步骤：

步骤S01：提供具有基础分辨率的基础用户界面，并获得目标用户界面的目标分辨率。

所述基础用户界面为在一手持终端下具有基础分辨率的与用户交互的页面，例如欢迎页、首页、帮助页等。所述基础用户界面的描述文件以XML格式给出。在本发明中，需要将基础用户界面根据另一手持终端下具有的目标分辨率来转换为适用于该手持终端下的目标用户界面。其中，基础用户界面包含多个基础控件的属性信息，需要将个基础控件的属性信息转换为目标用户界面中的目标控件的属性信息。

步骤S02：根据基础分辨率和目标分辨率，生成目标用户界面与基础用户界面的转换系数和缩放系数。

在生成所述转换系数和缩放系数的步骤中，包括：判断目标分辨率的长宽比与基础分辨率的长宽比是否相同；若相同，则缩放系数为所述目标分辨率与基础分辨率的长度的比值，转换系数为1；若不相同，则缩放系数为目标分辨率从的长度的比值，转换系数为所述目标分辨率的宽度除以缩放系数后与基础分辨率的宽度的比值。

在本实施例中，基础分辨率和目标分辨率包括多种，例如240x320，240x400，320x240，480x640，480x640，480x800，480x854等，例如，当基础分辨率为240x320，目标分辨率为480x640，则基础分辨率与目标分辨率的长宽比相同，则缩放系数为480/240，即所述缩放系数为2，转换系数为1；若基础分辨率为240x320，目标分辨率为480x800，则基础分辨率与目标分辨率的长宽比不同，则所述缩放系数为480/240，则所述缩放系数为2，所述转换系数为(800/2)/320，则所述转换系数为5/4。其他基础分辨率和目标分辨率之间的转换也在本发明的思想范围内。

步骤S03：读取所述基础用户界面的描述文件。

所述基础用户界面的描述文件采用XML格式给出。采用XML格式来描述用户界面，具有以下优点：首先，XML格式具有语言无关性并有众多的支持工具。通用统一的用户界面描述方式必须与具体的某种工具无关，而作为国际通用标准的XML满足上述要求，同时，XML格式具有众多的工具支持，例如编辑器、解析器等，可以充分地利用自有资源；其次，XML格式良好的扩展能力，在多通道用户界面的发展过程中，能够满足新交互手段添加到用户界面中，不断增加新内容的需要；第三，XML格式描述能够广泛应用于各种用户界面的多种语言设计中，从而实现利用统一的用户界面描述方式完成用户界面的多样化。

步骤S04：根据所述缩放系数和转换系数，并将所述基础用户界面的描述文件转换为目标用户界面的描述文件，包括以下步骤：

首先，将所述基础用户界面的描述文件生成DOM树；

其次，以所述DOM树的根节点为基础，生成第一级子控件的属性信息，根据所述第一级子控件的属性信息，生成第二级子控件的属性信息，如此递归，获得所述DOM树中所有子控件的属性信息；其中所述描述文件通过XML标签来描述子控件，XML标签具有层级嵌套关系，最外层是第一级子控件，往里层为第二级子控件，以此类推。例如，已知第一级子控件属性信息为(100，100，300，300)，第二级子控件属性信息为(20，20，100，100)，则第二级子控件在基础用户界面上的绝对位置为(120，120，100，100)。

相比于现有技术，本发明结合手持终端平台的特点，在提供基础分辨率的用户界面时，采用流式坐标布局与绝对坐标布局结合的方法，在提供基础用户界面时，基础控件使用相对坐标定位描述，具有良好的自适应能力，一个控件发生改变时，其他控件相应地自动更新，而在运行时，则使用了绝对坐标布局，从而实现简单、直观地表述，提高处理效率。

然后，根据所述缩放系数和转换系数，将所述DOM树中所有子控件的属性信息转换为新DOM树的子控件的属性信息；其中，所述DOM树中所有子控件的属性信息均包括起始坐标信息和尺寸信息，其中所述起始坐标信息包括X轴坐标值和Y轴坐标值，所述尺寸信息包括长度和宽度。在本实施例中，属性信息依次为X轴坐标值，Y轴坐标值、长度和宽度，在将所述DOM树中所有子控件的属性信息转换为新DOM树的子控件的属性信息的步骤包括：将所述DOM树中子控件的属性信息中的X轴坐标值乘以缩放系数，Y轴坐标值乘以缩放系数和转换系数，长度乘以缩放系数，宽度乘以缩放系数和转换系数，以获得的新DOM树对应子控件的属性信息。例如，所述DOM树中基础节点为(0，0，0，0)，第一级子控件属性信息为(100，100，300，300)，第二级子控件属性信息为(20，20，100，100)，缩放系数为2，放大系数为5/4，则新DOM树中第一级子控件属性信息为(200，200，375，375)，新DOM树中第二级子控件的属性信息为(40，40，125，125)，则新DOM树中第二级子控件的绝对位置为(240，240，125，125)。

最后，根据所述新DOM树的子控件的属性信息生成目标用户界面的描述文件，将新DOM树转换为新的XML格式的描述文件，该新XML格式的描述文件即为目标用户界面的描述文件。

图2为本发明不同分辨率的用户界面的自转换系统的简要示意图。如图2所示，本发明还提供一种不同分辨率的用户界面的自转换系统，包括：

基础用户界面存储单元10，用于存储基础用户界面的基础分辨率和描述文件以及目标用户界面的目标分辨率；转换存储单元20，与基础用户界面存储单元10连接，用于接收所述基础分辨率和目标分辨率，生成并存储基础用户界面和目标用户界面之间的转换系数和缩放系数；目标用户界面生成单元30，与所述转换存储单元连接30，用于接收所述转换系数和缩放系数，将所述基础用户界面的描述文件转换为目标用户界面的描述文件。本发明所述不同分辨率的用户界面的自转换方法在上述自转换系统中实现不同分辨率的用户界面之间的自传换。

相比于现有技术，本发明所述不同分辨率的用户界面的自转换方法能够根据目标分辨率和基础分辨率，自动地将基础用户界面转换为目标用户界面，自动地生成目标用户界面中各空间的属性信息，包括起始坐标信息和尺寸信息，提高程序多分辨率适配进度；然后，转换过程减少了程序移植工序，大大提高了效率，提高生产效率；其次，转换过程无需人为主观操作，转换更加规范，降低了人力成本的同时，能够有效减少手动计算或主观理解不同产生的错误。从而实现了统一自主地转换。

虽然本发明已以较佳实施例揭露如上，然其并非用以限定本发明，任何所属技术领域中具有通常知识者，在不脱离本发明的精神和范围内，当可作些许的更动与润饰，因此本发明的保护范围当视权利要求书所界定者为准。

Claims (6)

1.一种不同分辨率的用户界面的自转换方法，应用于手持终端上，其特征在于，包括：

提供具有基础分辨率的基础用户界面，并获得目标用户界面的目标分辨率；

根据基础分辨率和目标分辨率，生成目标用户界面与基础用户界面的转换系数和缩放系数；

读取所述基础用户界面的描述文件，所述基础用户界面的描述文件采用XML格式给出；

根据所述缩放系数和转换系数，将所述基础用户界面的描述文件转换为目标用户界面的描述文件，其步骤包括：

将所述基础用户界面的描述文件生成DOM树；以所述DOM树的根节点为基础，生成第一级子控件的属性信息，根据所述第一级子控件的属性信息，生成第二级子控件的属性信息，如此递归，获得所述DOM树中所有子控件的属性信息；根据所述缩放系数和转换系数，将所述DOM树中所有子控件的属性信息转换为新DOM树的子控件的属性信息；根据所述新DOM树的子控件的属性信息生成目标用户界面的描述文件。

2.如权利要求1所述的不同分辨率的用户界面的自转换方法，其特征在于，在生成所述转换系数和缩放系数的步骤中，包括：

判断目标分辨率的长宽比与基础分辨率的长宽比是否相同；

若相同，则缩放系数为所述目标分辨率与基础分辨率的长度的比值，转换系数为1；

若不相同，则缩放系数为目标分辨率的长度与基础分辨率的长度的比值，转换系数为所述目标分辨率的宽度除以缩放系数后与基础分辨率的宽度的比值。

3.如权利要求1或2所述的不同分辨率的用户界面的自转换方法，其特征在于，所述DOM树中所有子控件的属性信息均包括起始坐标信息和尺寸信息。

4.如权利要求3所述的不同分辨率的用户界面的自转换方法，其特征在于，所述起始坐标信息包括X轴坐标值和Y轴坐标值，所述尺寸信息包括长度和宽度。

5.如权利要求4所述的不同分辨率的用户界面的自转换方法，其特征在于，在将所述DOM树中所有子控件的属性信息转换为新DOM树的子控件的属性信息的步骤中，包括：将所述DOM树中子控件的属性信息中的X轴坐标值乘以缩放系数，Y轴坐标值乘以缩放系数和转换系数，长度乘以缩放系数，宽度乘以缩放系数和转换系数，以获得的新DOM树对应子控件的属性信息。

6.一种不同分辨率的用户界面的自转换系统，应用于手持终端上，其特征在于，包括：

基础用户界面存储单元，提供具有基础分辨率的基础用户界面，并获得目标用户界面的目标分辨率；

转换存储单元，根据基础分辨率和目标分辨率，生成目标用户界面与基础用户界面的转换系数和缩放系数；

基础用户界面读取单元，读取所述基础用户界面的描述文件，所述基础用户界面的描述文件采用XML格式给出；

目标用户界面生成单元，根据所述缩放系数和转换系数，将所述基础用户界面的描述文件转换为目标用户界面的描述文件，其进一步包括：

将所述基础用户界面的描述文件生成DOM树；以所述DOM树的根节点为基础，生成第一级子控件的属性信息，根据所述第一级子控件的属性信息，生成第二级子控件的属性信息，如此递归，获得所述DOM树中所有子控件的属性信息；根据所述缩放系数和转换系数，将所述DOM树中所有子控件的属性信息转换为新DOM树的子控件的属性信息；根据所述新DOM树的子控件的属性信息生成目标用户界面的描述文件。

Images