CN101247403A - 电子设备应用程序界面显示系统及方法 - Google Patents

Abstract

本发明公开了一种电子设备应用程序界面的显示系统及方法，所述系统包括设置在电子设备上的应用程序界面绘制模块和皮肤管理模块，以及服务器；方法包括：应用程序界面绘制模块发起应用程序皮肤下载请求，并根据下载的应用程序皮肤包绘制应用程序界面并输出显示；皮肤管理模块，向服务器上报包括本电子设备硬件参数的应用程序皮肤下载请求，并接收服务器下发的应用程序皮肤包；服务器中存储应用程序的原始皮肤包，将原始皮肤包转换为与所述电子设备硬件参数匹配的应用程序皮肤包，下发给电子设备进行显示。利用本发明，可以减少界面设计的工作量，方便界面的维护。

Description

电子设备应用程序界面显示系统及方法

技术领域

本发明涉及电子设备应用程序的界面显示技术，尤其涉及一种电子设备应用程序界面显示系统及方法。

背景技术

对于可以运行应用程序的电子设备来说，电子设备的硬件能力差异越大，其对应的应用程序界面的显示效果差异也越大。例如，机顶盒目前已经被广泛地使用在家庭生活中，机顶盒是在网络与电视机之间承载业务转换和业务支持的终端电子设备，可以将电视机通过有线或无线方式接入到网络中，并通过内部的应用程序为用户提供诸如数字电视、网络浏览、网络游戏等应用功能。但是，目前机顶盒的种类繁多，机顶盒的多样性会造成机顶盒的硬件能力差距较大：低端的机顶盒存储和计算能力都非常低，因此在其上面运行的应用程序无法提供高清晰的图片来显示程序的界面；而高端机顶盒的存储容量和计算能力都能强，因此可以使用高质量的图片来显示应用程序的界面；并且，不同的机顶盒的输出屏幕宽高比率也具有差异，例如有些机顶盒的输出屏幕宽高比率为16∶9，而有些机顶盒的输出屏幕宽高比率为4∶3。

目前为了使应用程序的界面与电子设备的硬件能力相匹配到达比较高的显示效果，通常采用的方法是针对不同硬件能力的电子设备开发出不同质量的应用程序界面，在电子设备上安装应用程序时，该应用程序界面就随之安装显示。

但是，目前的这种方法需要耗费大量的界面设计工作量，并且界面维护非常不方便，通常一个应用程序的需要维护多个界面版本，才能适应多种不同硬件能力的电子设备。

发明内容

有鉴于此，本发明所要解决的技术问题在于提供一种电子设备应用程序界面的显示系统，以减少界面设计的工作量，方便界面的维护。

本发明所要解决的另一技术问题在于提供一种电子设备应用程序界面的显示方法，以减少界面设计的工作量，方便界面的维护。

为了实现上述发明目的，本发明的主要技术方案为：

一种电子设备应用程序界面的显示系统，包括：

应用程序界面绘制模块，设置在电子设备上，用于发起应用程序皮肤下载请求，并根据下载的应用程序皮肤包绘制应用程序界面并输出显示；

皮肤管理模块，设置在电子设备上，用于接收应用程序界面显示模块发起的应用程序皮肤下载请求，向服务器上报包括本电子设备硬件参数的应用程序皮肤下载请求，并接收服务器下发的应用程序皮肤包；

服务器，其中存储应用程序的原始皮肤包，该服务器根据请求下载皮肤的电子设备的硬件参数将所述应用程序原始皮肤包转换为与所述硬件参数匹配的应用程序皮肤包，下发给电子设备的皮肤管理模块。

优选的，所述服务器具体包括：

皮肤存储服务器，用于存储与电子设备硬件参数匹配的应用程序皮肤包；

皮肤数据库，用于存储应用程序的原始皮肤包以及与电子设备硬件参数匹配的应用程序皮肤包的标识信息；

皮肤服务器，其中包括接收发送模块和转换模块；接收发送模块用于接收皮肤下载请求并向机顶盒下发皮肤包；转换模块用于读取所述应用程序的原始皮肤包，将该原始皮肤包转换为与所述发起皮肤下载请求的电子设备硬件参数匹配的应用程序皮肤包，将转换后的应用程序皮肤包传给接收发送模块下发。

优选的，所述转换模块进一步用于将转换后的应用程序皮肤包存储到皮肤存储服务器中，并将相应的应用程序皮肤包标识信息记录到皮肤数据库中；

所述皮肤服务器中进一步包括查找模块，用于根据所述皮肤下载请求中的电子设备的硬件参数从皮肤数据库中查找与该电子设备硬件参数匹配的皮肤包标识信息，如果查找到，则根据查找到的皮肤包标识信息从皮肤存储服务器中读取对应的皮肤包，将读取到的皮肤包发送给接收发送模块下发；否则将所述皮肤下载请求中的应用程序标识和电子设备的硬件参数传输给转换模块，接收转换模块转换后的皮肤包发送给接收发送模块下发。

优选的，所述电子设备为机顶盒。

一种电子设备应用程序界面的显示方法，该方法预先设置服务器，在服务器中设置应用程序的原始皮肤包，并包括：

A、电子设备发送携带该电子设备硬件参数的应用程序皮肤下载请求到所述服务器；

B、所述服务器收到应用程序皮肤下载请求后，根据该请求中的电子设备硬件参数将对应应用程序的原始皮肤包转换为与所述电子设备硬件参数匹配的应用程序皮肤包，将转换后的应用程序皮肤包下发给所述电子设备；

C、所述电子设备根据所述服务器下发的应用程序皮肤包绘制对应的应用程序界面并输出显示。

优选的，步骤B中所述将应用程序的原始皮肤包转换为与所述电子设备硬件参数匹配的应用程序皮肤包的具体过程为：

根据所述电子设备的硬件参数确定对应的图像参数；按照所述图像参数对所述应用程序原始皮肤包中的图片质量和配置文件进行转换，转换为符合所述图像参数的应用程序皮肤包。

优选的，步骤B中，进一步将所述转换后的应用程序皮肤包及其对应的电子设备硬件参数存储在所述服务器中。

优选的，步骤B中，在所述服务器收到应用程序皮肤下载请求后，并对所述应用程序原始皮肤包进行转换之前，进一步包括：查找服务器中是否存储有与所述发起请求的电子设备的硬件参数匹配的应用程序皮肤包，如果查找到则将该应用程序皮肤包下发给对应的电子设备；否则，执行后续的所述对应用程序原始皮肤包进行转换并下发给对应电子设备的过程。

优选的，步骤B中所述查找与所述电子设备硬件参数匹配的应用程序皮肤包的具体过程为：根据所述电子设备的硬件参数确定对应的图像参数；查找符合所述图像参数的应用程序皮肤包作为匹配所述电子设备硬件参数的应用程序皮肤包。

优选的，所述应用程序皮肤包中包括应用程序的界面图片数据以及界面描述文件，步骤C中所述根据应用程序皮肤包绘制对应的应用程序界面具体为：读取应用程序皮肤包中的图片数据和界面描述文件，根据所述界面描述文件中的描述信息将所述图片数据绘制成应用程序的界面。

本发明中，在服务器上存储应用程序的原始皮肤包，具有不同硬件参数的电子设备可以向服务器发送某个应用程序的皮肤下载请求，服务器将对应应用程序的原始皮肤包转换为与该电子设备硬件参数匹配的皮肤包并下发给电子设备，电子设备利用收到的皮肤包绘制相应的应用程序界面并输出给显示设备显示所述界面。因此，本发明对于一种应用程序，可以只进行一次界面设计，只设计出一套该应用程序的界面，并以原始皮肤包的形式将该应用程序界面信息存储起来，并通过图片的自动转换来匹配不同硬件参数的电子设备，例如对于机顶盒应用程序，可以自动根据机顶盒的硬件能力提供最佳最匹配的界面显示服务，大大地减少了应用程序的界面设计工作量，降低为满足不同硬件能力机顶盒的界面显示需求而导致的界面开发复杂度。并且在后期需要对应用程序界面进行维护时，例如对应用程序界面进行修改更新，则只需要将修改更新的界面数据以原始皮肤包的形式发布到服务器，就可以完成对所有对应电子设备终端的应用程序界面的更换工作，非常方面电子设备应用程序界面的维护。

附图说明

图1为本发明所述机顶盒应用程序界面显示系统的组成示意图；

图2为本发明所述显示系统中的服务器的组成示意图；

图3为所述皮肤服务器的内部组成示意图；

图4为本发明所述方法的一种具体实施例流程图。

具体实施方式

下面通过具体实施例和附图对本发明做进一步详细说明。

本发明所述的应用程序界面显示系统可以应用到所有可以与网络通信的并可以运行应用程序的电子设备终端上，例如机顶盒、个人数字处理助理设备(PDA)、智能手机等等。下面的实施例以目前常用的机顶盒为例对本发明进行说明。

图1为本发明所述机顶盒应用程序界面显示系统的组成示意图。参见图1，该显示系统包括：

应用程序界面绘制模块101，设置在机顶盒100的应用程序110上，用于发起针对本应用程序的皮肤下载请求给机顶盒的皮肤管理模块102，并根据下载的应用程序皮肤包绘制对应的应用程序界面，输出给显示设备(例如电视机)进行显示。

皮肤管理模块102，设置在机顶盒100上，用于接收机顶盒应用程序界面显示模块101发起的针对特定应用程序的皮肤下载请求，向服务器103上报皮肤下载请求，该皮肤下载请求中包括本机顶盒硬件参数以及应用程序的标识信息，并接收服务器103下发的应用程序皮肤包。

服务器103，其中存储各应用程序和原始皮肤包，该服务器103根据请求下载皮肤的机顶盒的硬件参数将对应应用程序的原始皮肤包转换为与所述硬件参数匹配的应用程序皮肤包，下发给机顶盒的皮肤管理模块102。

图2为本发明所述显示系统中的服务器的组成示意图。参见图2，该服务器103具体包括：

皮肤存储服务器201，用于存储与机顶盒硬件参数匹配的应用程序皮肤包。

皮肤数据库202，用于存储应用程序的原始皮肤包以及与机顶盒硬件参数匹配的皮肤包的标识信息；所述的皮肤包的标识信息例如可以为应用程序的皮肤包ID及其在皮肤存储服务器201中的存储地址等。

皮肤服务器203，用于接收机顶盒的皮肤下载请求，根据其中的应用程序标识读取该应用程序对应的原始皮肤包，将该原始皮肤包转换为与所述发起皮肤下载请求的机顶盒硬件参数匹配的皮肤包，并将转换后的皮肤包下发给所述机顶盒100；同时，将转换后的皮肤包存储到皮肤存储服务器201中，并将相应的皮肤包标识信息记录到皮肤数据库202中。

图3为所述皮肤服务器的内部组成示意图。参见图3，该皮肤服务器203中具体包括：

接收发送模块231，用于接收皮肤下载请求，并发送给查找模块232；并接收查找模块232传来的匹配的应用程序皮肤包，下发应用程序皮肤包给机顶盒100。

查找模块232，用于根据所述皮肤下载请求中的机顶盒的硬件参数从皮肤数据库202中查找与该机顶盒硬件参数匹配的皮肤包标识信息，如果查找到，则根据查找到的皮肤包标识信息从皮肤存储服务器201中读取对应的皮肤包，将读取到的皮肤包发送给接收发送模块231下发；否则将所述皮肤下载请求中的应用程序标识和机顶盒的硬件参数传输给转换模块233，接收转换模块233转换后的皮肤包发送给接收发送模块231下发。

转换模块233，用于根据应用程序标识从皮肤数据库202中读取所述应用程序的原始皮肤包，将该原始皮肤包转换为与所述机顶盒硬件参数匹配的应用程序皮肤包，将转换后的应用程序皮肤包传回给接收发送模块231；同时将转换后的应用程序皮肤包存储到皮肤存储服务器201中，并将相应的应用程序皮肤包标识信息记录到皮肤数据库202中。

在另一种实施例中，所述查找模块为可选择模块，也可以直接由转换模块233通过转换得到与机顶盒硬件参数匹配的应用程序皮肤包，并由转换模块233直接传回给接收发送模块231下发给机顶盒。

基于上述显示系统，本发明还公开了一种电子设备应用程序界面的显示方法，该方法预先在服务器中设置特定应用程序的原始皮肤包，并包括：

A、电子设备发送携带该电子设备硬件参数的应用程序皮肤下载请求到所述服务器。

B、所述服务器收到应用程序皮肤下载请求后，根据该请求中的电子设备硬件参数将对应应用程序的原始皮肤包转换为与所述电子设备硬件参数匹配的应用程序皮肤包，将转换后的应用程序皮肤包下发给所述电子设备。

C、所述电子设备根据所述服务器下发的应用程序皮肤包绘制对应的应用程序界面并输出显示。

图4为本发明所述方法的一种具体实施例流程图。参见图4，该实施例为基于的上述显示系统的执行流程，具体包括以下步骤：

步骤401、机顶盒应用程序向机顶盒皮肤管理模块发送下载皮肤请求，该下载皮肤请求中包括该应用程序的标识信息。

步骤402、机顶盒皮肤管理模块向皮肤服务器上报下载皮肤请求，其中包括本机顶盒的硬件参数和请求皮肤的应用程序标识信息。所述的硬件参数为反映机顶盒硬件能力的参数，例如CPU频率，内存大小，存储设备大小等参数信息。

步骤403、皮肤服务器根据机顶盒上报的硬件参数，确定所述应用程序皮肤的图像参数，所述图像参数主要包括压缩质量、色彩质量和分辨率等参数，在具体实施中可以是图像参数的范围。本发明中，针对每种应用程序，可以设置不同硬件参数范围与具有相应图像参数的皮肤包的对应关系。所述不同图像参数范围的皮肤包对应不同的硬件参数范围，例如某一压缩率和分辨率都较高的皮肤包对应CPU频率高但存储容量小的硬件参数范围；相反某一压缩率较低甚至未压缩且分辨率较低的皮肤包对应CPU频率较低且存储容量大的硬件参数范围。

步骤404、查找皮肤数据库中是否存储有与所述发起请求的电子设备的硬件参数匹配的对应应用程序的皮肤包，即根据皮肤下载请求的应用程序标识查找到该应用程序对应的皮肤包，再查询其中是否有符合步骤403所确定的图像参数(具体是图像参数的范围)的皮肤包；如果查找到，则执行步骤405；否则执行步骤406。

步骤405、将所述查找到的应用程序皮肤包下发给对应的机顶盒，执行步骤407。

步骤406、从皮肤数据库中读取所述下载皮肤请求中所请求的应用程序对应的原始皮肤包，将该原始皮肤包转换为与所述机顶盒硬件参数匹配的应用程序皮肤包，即根据步骤403确定的图像参数，按照所述图像参数(例如压缩质量、分辨率大小、图片色彩质量等参数)对所述原始皮肤包中的图片质量和配置文件进行转换，转换为符合所述图像参数的应用程序皮肤包(具体的转换过程可以采用现有的转换算法，此处不再赘述)，将转换后的应用程序皮肤包下发给对应的所述机顶盒，执行步骤407。

并且本步骤406中，还可以将转换后的应用程序皮肤包存储到皮肤存储服务器中，并将相应的应用程序皮肤包标识信息记录到皮肤数据库中，所述的标识信息主要是皮肤包的ID以及该皮肤包在所述皮肤存储服务器中的对应存储地址，以使下一次下载皮肤请求到来时可以直接从皮肤数据库和皮肤存储服务器中查找对应的匹配的皮肤包。

步骤407、机顶盒的皮肤管理模块收到所述应用程序皮肤包，缓存起来，并通知对应的机顶盒应用程序。

步骤408、对应的机顶盒应用程序从皮肤管理模块中获取所述应用程序皮肤包，根据该应用程序皮肤包绘制对应的应用程序界面并输出给显示器进行显示。

所述应用程序皮肤包中包括应用程序的界面图片数据以及界面描述文件，通常以扩展标记语言(XML，eXtensible Markup Language)进行描述，该界面描述文件中包括：应用程序界面元素在所述图片中的坐标、界面元素的尺寸、界面元素在显示屏幕窗口中的坐标、以及具体操作指令效果图在整个图片中的位置信息等。在绘制显示所述应用程序界面时读取皮肤包中的界面图片数据和界面描述文件，根据所述界面描述文件中的描述信息将所述界面图片数据绘制显示应用程序的界面。具体的绘制显示技术可以参考现有的应用程序换肤技术，此处不再赘述。

以上所述，仅为本发明较佳的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉该技术的人在本发明所揭露的技术范围内，可轻易想到的变化或替换，都应涵盖在本发明的保护范围之内。

Claims (10)

1、一种电子设备应用程序界面的显示系统，其特征在于，包括：

应用程序界面绘制模块，设置在电子设备上，用于发起应用程序皮肤下载请求，并根据下载的应用程序皮肤包绘制应用程序界面并输出显示；

皮肤管理模块，设置在电子设备上，用于接收应用程序界面显示模块发起的应用程序皮肤下载请求，向服务器上报包括本电子设备硬件参数的应用程序皮肤下载请求，并接收服务器下发的应用程序皮肤包；

服务器，其中存储应用程序的原始皮肤包，该服务器根据请求下载皮肤的电子设备的硬件参数将所述应用程序原始皮肤包转换为与所述硬件参数匹配的应用程序皮肤包，下发给电子设备的皮肤管理模块。

2、根据权利要求1所述的系统，其特征在于，所述服务器具体包括：

皮肤存储服务器，用于存储与电子设备硬件参数匹配的应用程序皮肤包；

皮肤数据库，用于存储应用程序的原始皮肤包以及与电子设备硬件参数匹配的应用程序皮肤包的标识信息；

皮肤服务器，其中包括接收发送模块和转换模块；接收发送模块用于接收皮肤下载请求并向机顶盒下发皮肤包；转换模块用于读取所述应用程序的原始皮肤包，将该原始皮肤包转换为与所述发起皮肤下载请求的电子设备硬件参数匹配的应用程序皮肤包，将转换后的应用程序皮肤包传给接收发送模块下发。

3、根据权利要求2所述的系统，其特征在于，

所述转换模块进一步用于将转换后的应用程序皮肤包存储到皮肤存储服务器中，并将相应的应用程序皮肤包标识信息记录到皮肤数据库中；

所述皮肤服务器中进一步包括查找模块，用于根据所述皮肤下载请求中的电子设备的硬件参数从皮肤数据库中查找与该电子设备硬件参数匹配的皮肤包标识信息，如果查找到，则根据查找到的皮肤包标识信息从皮肤存储服务器中读取对应的皮肤包，将读取到的皮肤包发送给接收发送模块下发；否则将所述皮肤下载请求中的应用程序标识和电子设备的硬件参数传输给转换模块，接收转换模块转换后的皮肤包发送给接收发送模块下发。

4、根据权利要求1所述的系统，其特征在于，所述电子设备为机顶盒。

5、一种电子设备应用程序界面的显示方法，其特征在于，该方法预先设置服务器，在服务器中设置应用程序的原始皮肤包，并包括：

A、电子设备发送携带该电子设备硬件参数的应用程序皮肤下载请求到所述服务器；

B、所述服务器收到应用程序皮肤下载请求后，根据该请求中的电子设备硬件参数将对应应用程序的原始皮肤包转换为与所述电子设备硬件参数匹配的应用程序皮肤包，将转换后的应用程序皮肤包下发给所述电子设备；

C、所述电子设备根据所述服务器下发的应用程序皮肤包绘制对应的应用程序界面并输出显示。

6、根据权利要求5所述的方法，其特征在于，步骤B中所述将应用程序的原始皮肤包转换为与所述电子设备硬件参数匹配的应用程序皮肤包的具体过程为：

根据所述电子设备的硬件参数确定对应的图像参数；按照所述图像参数对所述应用程序原始皮肤包中的图片质量和配置文件进行转换，转换为符合所述图像参数的应用程序皮肤包。

7、根据权利要求5所述的方法，其特征在于，步骤B中，进一步将所述转换后的应用程序皮肤包及其对应的电子设备硬件参数存储在所述服务器中。

8、根据权利要求7所述的方法，其特征在于，步骤B中，在所述服务器收到应用程序皮肤下载请求后，并对所述应用程序原始皮肤包进行转换之前，进一步包括：查找服务器中是否存储有与所述发起请求的电子设备的硬件参数匹配的应用程序皮肤包，如果查找到则将该应用程序皮肤包下发给对应的电子设备；否则，执行后续的所述对应用程序原始皮肤包进行转换并下发给对应电子设备的过程。

9、根据权利要求8所述的方法，其特征在于，步骤B中所述查找与所述电子设备硬件参数匹配的应用程序皮肤包的具体过程为：根据所述电子设备的硬件参数确定对应的图像参数；查找符合所述图像参数的应用程序皮肤包作为匹配所述电子设备硬件参数的应用程序皮肤包。

10、根据权利要求5所述的方法，其特征在于，所述应用程序皮肤包中包括应用程序的界面图片数据以及界面描述文件，步骤C中所述根据应用程序皮肤包绘制对应的应用程序界面具体为：读取应用程序皮肤包中的图片数据和界面描述文件，根据所述界面描述文件中的描述信息将所述图片数据绘制成应用程序的界面。

Images