CN102081517A - 用户界面显示方法和用户界面显示装置 - Google Patents

Abstract

本发明公开了一种用户界面显示方法，该方法包括：获取并保存当前用户界面显示的所有元素的属性，所述元素为当前用户界面显示的最小显示单元，所述元素的属性包括元素的显示状态和显示内容；调用当前用户界面显示的用户界面显示函数，所述用户界面显示函数逐一调用当前用户界面显示的所有元素的元素函数；所述元素函数描述元素的属性；调用完毕当前用户界面显示的所有元素的元素函数后生成当前用户界面显示。本发明还公开了用户界面显示装置和包含所述用户界面显示装置的数码设备。本发明方案可以极大提高用户界面显示代码的维护性。

Description

用户界面显示方法和用户界面显示装置

技术领域

本发明涉及用户界面(User Interface，UI)显示方法和用户界面显示装置，尤其涉及在便携式数码设备中用户界面显示方法和用户界面显示装置。

背景技术

几乎所有具有显示屏的便携式多媒体数码产品，包括手机、MP3、多媒体播放器、掌上游戏机、数码相机等，都会涉及到用户界面(User Interface，UI)显示功能。尤其是具有大尺寸屏幕、触摸屏的多媒体数码产品，用户界面的显示效果更是其最大的卖点。用户界面需要能够按照用户的喜好，在不同显示风格及效果之间快速切换。

现有技术用户界面显示方案中，用户界面的功能与显示效果的代码往往交织在一起，没有层次结构，功能与界面混杂；用户界面显示效率低，即：当界面不需要刷新、没有变化时，仍然不停的去画图；不同显示风格的用户界面代码没有统一的模板。

用户界面显示部分的代码量较大，而且属于改动最多、最频繁的部分；现有的技术方案具有如下缺点：

(1)用户界面的功能与显示效果的代码往往交织在一起，造成功能与界面混杂，导致后期更新升级维护困难：修改功能往往使界面显示错误；反之，修改界面后经常引起功能错误、死机等问题。而且界面的开发、维护需要到庞大而分散的代码中寻找界面部分的代码，人力消耗大。

(2)用户界面显示代码没有层次结构，造成开发人力、投入成本高，维护成本更高。

(3)用户界面显示效率低。即：当界面没有变化不需要刷新时，仍然不停的去画图，这不仅浪费了系统资源，而且往往导致其他功能的限制，整机性能变差；同时也加快硬件的损耗，如频繁读写对闪存寿命的损耗。

(4)不同显示风格的用户界面代码没有统一的模板，当方案的界面显示风格变化后，往往需要重新编码，工作量大。而各应用的显示内容千差万别，导致代码修改困难，对程序员的要求高。

总之，用户界面显示是便携式多媒体数码产品的重要组成部分，现有技术的用户界面代码维护性差；浪费系统资源、增加硬件损耗；复用性和扩展性差。

发明内容

有鉴于此，本发明的目的在于，提出一种用户界面显示方法和装置，可以极大提高用户界面代码的维护性。

本发明实施例提出的一种用户界面显示方法包括如下步骤：

获取并保存当前用户界面显示的所有元素的属性，所述元素为当前用户界面显示的最小显示单元，所述元素的属性包括元素的显示状态和显示内容；

调用当前用户界面显示的用户界面显示函数，所述用户界面显示函数逐一调用当前用户界面显示的所有元素的元素函数；所述元素函数描述元素的属性；调用完毕当前用户界面显示的所有元素的元素函数后生成当前用户界面显示。

较佳地，所述调用元素函数包括：

判断当前元素的显示状态是否是可见的，是则显示当前元素的内容，否则擦除当前元素显示的内容。

较佳地，所述调用元素函数进一步包括：

判断当前元素的属性是否发生变化，是则执行判断当前元素的显示状态是否可见，否则结束当前调用元素函数。

较佳地，所述用户界面显示的元素的类型包括静态图片、动态图片、字符串。

较佳地，所述元素函数描述元素的属性进一步包括：

对于每一类型的元素设置相应的元素函数模板，所述元素函数模板中设置对该类型元素操作的基本步骤，对每一个元素，根据该元素的类型套用相应类型的元素函数模板，生成每一个元素的元素函数。

本发明实施例提出一种用户界面显示装置，包括以下模块：

获取元素属性模块，用于获取并保存当前用户界面显示的所有元素的属性，所述元素为当前用户界面显示的最小显示单元，所述元素的属性包括元素的显示状态和显示内容；

调用用户界面显示函数模块，用于调用当前用户界面显示的用户界面显示函数，所述用户界面显示函数逐一调用当前用户界面显示的所有元素的元素函数；所述元素函数描述元素的属性；调用完毕当前用户界面显示的所有元素的元素函数后生成用户界面显示。

较佳地，所述调用元素函数包括：

判断当前元素的显示状态是否是可见的，是则显示当前元素的内容，否则擦除当前元素显示的内容。

较佳地，所述调用元素函数进一步包括：

判断当前元素的属性是否发生变化，是则执行判断当前元素的显示状态是否可见，否则结束当前调用元素函数。

较佳地，所述用户界面显示元素的类型包括静态图片、动态图片、字符串。

较佳地，所述元素函数描述元素的属性进一步包括：

对于每一类型的元素设置相应的元素函数模板，所述元素函数模板中设置对该类型元素操作的基本步骤，对每一个元素，根据该元素的类型套用相应类型的元素函数模板，生成每一个元素的元素函数。

本发明实施例还提出了包含上述用户界面显示装置的数码设备。

从以上技术方案可以看出，根据上述用户界面显示方法所生成的用户界面显示代码层次清晰，生成的用户界面显示代码可分为需求层代码、控制层代码和实现层代码。代码的层次性极大地提高了用户界面显示代码的维护性。并且，只有界面变化时才会进行画图操作，节约了系统资源，降低了硬件损耗，显示效率也大大提高。同时，将用户界面的最小显示单元划分为元素，对元素进行分类，包括静态图片、动态图片、字符串，并对每一类元素设置相应的元素函数模板，在生成元素函数时予以套用，从而提高了用户界面显示代码的复用性和扩展性。

附图说明

图1为本发明实施例的用户界面显示界面元素示意图；

图2为本发明实施例的用户界面显示元素属性示意图；

图3为本发明实施例一提出的用户界面显示方法的流程图；

图4A为本发明实施例二中调用元素函数的流程图；

图4B为本发明实施例三中调用元素函数的流程图；

图5为本发明实施例四提出的用户界面显示装置的框图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，下面结合本发明的步骤对本发明作进一步的详细阐述。

本发明实施例提供一种用户界面显示的方法，包括如下步骤：

步骤301：获取并保存当前用户界面显示的所有元素的属性，所述元素为当前用户界面显示的最小显示单元，所述元素的属性包括元素的显示状态和显示内容；

如图1所示为本发明实施例的多媒体数码播放器的用户界面显示(headbar)示意图。定义用户界面最小显示单元为元素，提取headbar用户界面显示的所有元素。headbar用户界面显示包括8个界面元素，分别是收音机图片101，文字说明102，播放提示103，日期时间图片104、电池电量图片105，按钮锁定图片106，存储卡图片107和USB连接图片108。

元素的属性包括元素的显示状态和显示内容。图2为本发明实施例的用户界面显示元素属性示意图。以headbar用户界面显示为例，按钮锁定图片106(静态图片)根据按钮锁定与否，界面表现为：可见、不可见；电池电量图片105(动态图片)一直可见，但显示第一格、第二格......图片；日期时间图片104(字符串)一直可见，但显示的时间每分或每秒增加一次。

获取元素的属性的示意代码如下所示：

**_visible＝true；false；

**_content＝0；1；2；3

      ......

以headbar界面中的存储卡图片107为例，获取并保存存储卡图片107属性的代码如下所示：

Headbar-＞pic_card-＞show＝1；

步骤302：调用当前用户界面显示的用户界面显示函数，所述用户界面显示函数逐一调用当前用户界面显示的所有元素的元素函数；所述元素函数描述元素的属性；调用完毕当前用户界面显示的所有元素的元素函数后生成当前用户界面显示。

较佳地，所述调用元素函数包括：

判断当前元素的显示状态是否是可见的，是则显示当前元素的内容，否则擦除当前元素显示的内容。

用户界面显示函数调用三种类型的元素函数，用户界面显示函数的示意代码如下所示，：

较佳地，可以将headbar用户界面显示的所有元素的类型分为静态图片、动态图片、字符串三种类型。

以headbar用户界面显示中存储卡(card，静态图片)、电池(battery，动态图片)、标题(title，字符串)为例，设置headbar用户界面显示函数的代码如下：

调用headbar用户界面显示函数的代码如下：

Headbar-＞pic_card-＞show＝1；

Paint(headbar)

较佳地，对于每一类型的元素设置相应的元素函数模板，所述元素函数模板中设置对该类型元素操作的基本步骤，对每一个元素，根据该元素的类型套用相应类型的元素函数模板，生成每一个元素的元素函数。

设置元素函数的代码如下所示：

A)设置静态图片函数

B)设置动态图片函数

C)设置字符串函数

较佳地，所述调用元素函数进一步包括：

判断当前元素的属性是否发生变化，是则执行判断当前元素的显示状态是否可见，否则结束当前调用元素函数。

以headbar用户界面显示中电池(battery，动态图片)为例，在电池元素函数中判断电池元素的属性是否发生变化，判断内容包括电池元素的显示状态和显示内容两个方面；如果电池元素的属性发生变化则进一步判断判断电池图片105的显示状态是否是可见的，否则结束当前调用电池元素函数。

本发明实施例提供一种用户界面显示装置，该用户界面显示装置包括如下模块：

获取元素属性模块，用于获取并保存当前用户界面显示的所有元素的属性，所述元素为当前用户界面显示的最小显示单元，所述元素的属性包括元素的显示状态和显示内容；

调用用户界面显示函数模块，用于调用当前用户界面显示的用户界面显示函数，所述用户界面显示函数逐一调用当前用户界面显示的所有元素的元素函数；所述元素函数描述元素的属性；调用完毕当前用户界面显示的所有元素的元素函数后生成用户界面显示。

较佳地，该用户界面显示装置所述调用元素函数包括：

判断当前元素的显示状态是否是可见的，是则显示当前元素的内容，否则擦除当前元素显示的内容。

较佳地，该用户界面显示装置所述调用元素函数进一步包括：

判断当前元素的属性是否发生变化，是则执行判断当前元素的显示状态是否可见，否则结束当前调用元素函数。

较佳地，该用户界面显示装置所述用户界面显示元素的类型包括静态图片、动态图片、字符串。

较佳地，该用户界面显示装置所述元素函数描述元素的属性进一步包括：

对于每一类型的元素设置相应的元素函数模板，所述元素函数模板中设置对该类型元素操作的基本步骤，对每一个元素，根据该元素的类型套用相应类型的元素函数模板，生成每一个元素的元素函数。

本发明实施例还提出了包括上述用户界面显示装置的数码设备。

从以上实施例可以看出，本发明方案可以达到如下技术效果：

根据上述用户界面显示方法所生成的用户界面显示代码层次清晰，生成的用户界面显示代码可分为实现层代码、控制层代码和需求层代码。

实现层代码，对最小单元(元素)的操作设置成一个个独立的元素函数，元素函数的参数为此元素的属性，即参数为：a、visible(显示状态)；b、content(显示内容)。实现层代码根据元素函数的参数智能完成用户界面显示是否变化(change)的判断；发生变化(change＝true)才会刷屏，否则直接退出，维持现状不变。代码中的各个元素函数，与界面所见各元素一一对应，直观、便于查找。实现层代码将界面元素抽象成三种类型：静态图片，动态图片，字符串；分别对三种类型的元素提取元素函数模板，大大提高了元素函数代码的移植性。调用者(需求层代码)仅关心当前元素的属性(显示状态visible，显示内容content)，不关心元素是否发生变化。

控制层代码，采用集中式编程方法，每个界面只有一个用户界面显示函数(paint函数)，用户界面显示函数调用所有元素函数(即实现层代码)。

需求层代码，设置元素的属性：显示状态visible、显示内容content，并且只改变需要变化的元素的属性。

代码的层次性极大地提高了用户界面显示代码的维护性。并且，只有界面变化时才会进行画图操作，节约了系统资源，降低了硬件损耗，显示效率也大大提高。同时，将用户界面的最小显示单元划分为元素，对元素进行分类，包括静态图片、动态图片、字符串，并对每一类元素设置相应的元素函数模板，在生成元素函数时予以套用，从而提高了用户界面显示代码的复用性和扩展性。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到本发明可借助软件加必需的硬件平台的方式来实现，当然也可以全部通过硬件来实施，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案对背景技术做出贡献的全部或者部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台具有显示屏的多媒体数码产品执行本发明各个实施例或者实施例的某些部分所述的方法。

以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明的保护范围之内。

Claims (11)

1.一种用户界面显示方法，其特征在于，该用户界面显示方法包括：

获取并保存当前用户界面显示的所有元素的属性，所述元素为当前用户界面显示的最小显示单元，所述元素的属性包括元素的显示状态和显示内容；

调用当前用户界面显示的用户界面显示函数，所述用户界面显示函数逐一调用当前用户界面显示的所有元素的元素函数；所述元素函数描述元素的属性；调用完毕当前用户界面显示的所有元素的元素函数后生成当前用户界面显示。

2.根据权利要求1所述的用户界面显示方法，其特征在于，所述调用元素函数包括：

判断当前元素的显示状态是否是可见的，是则显示当前元素的内容，否则擦除当前元素显示的内容。

3.根据权利要求2所述的用户界面显示方法，其特征在于，所述调用元素函数进一步包括：

判断当前元素的属性是否发生变化，是则执行判断当前元素的显示状态是否可见，否则结束当前调用元素函数。

4.根据权利要求1～3中任一所述的用户界面显示方法，其特征在于，所述用户界面显示的元素的类型包括静态图片、动态图片、字符串。

5.根据权利要求4所述的用户界面显示方法，其特征在于，所述元素函数描述元素的属性进一步包括：

对于每一类型的元素设置相应的元素函数模板，所述元素函数模板中设置对该类型元素操作的基本步骤，对每一个元素，根据该元素的类型套用相应类型的元素函数模板，生成每一个元素的元素函数。

6.一种用户界面显示装置，其特征在于，该用户界面显示装置包括：

获取元素属性模块，用于获取并保存当前用户界面显示的所有元素的属性，所述元素为当前用户界面显示的最小显示单元，所述元素的属性包括元素的显示状态和显示内容；

调用用户界面显示函数模块，用于调用当前用户界面显示的用户界面显示函数，所述用户界面显示函数逐一调用当前用户界面显示的所有元素的元素函数；所述元素函数描述元素的属性；调用完毕当前用户界面显示的所有元素的元素函数后生成用户界面显示。

7.根据权利要求6所述的用户界面显示装置，其特征在于，所述调用元素函数包括：

判断当前元素的显示状态是否是可见的，是则显示当前元素的内容，否则擦除当前元素显示的内容。

8.根据权利要求7所述的用户界面显示装置，其特征在于，所述调用元素函数进一步包括：

判断当前元素的属性是否发生变化，是则执行判断当前元素的显示状态是否可见，否则结束当前调用元素函数。

9.根据权利要求6～8任一所述的用户界面显示装置，其特征在于，所述用户界面显示元素的类型包括静态图片、动态图片、字符串。

10.根据权利要求9所述的用户界面显示装置，其特征在于，所述元素函数描述元素的属性进一步包括：

对于每一类型的元素设置相应的元素函数模板，所述元素函数模板中设置对该类型元素操作的基本步骤，对每一个元素，根据该元素的类型套用相应类型的元素函数模板，生成每一个元素的元素函数。

11.一种包含如权利要求6～8任一所述的用户界面显示装置的数码设备。

Images