CN106201532A - 界面元素更换方法及装置 - Google Patents

Abstract

本发明实施例提供一种界面元素更换方法及装置。接收界面元素更换数据；根据所述界面元素更换数据获取目标界面元素和所述目标界面元素对应的界面元素更换素材；根据所述界面元素更换素材对所述目标界面元素进行更换。实现了更加便捷高效的界面装扮更换，提升了用户体验。

Description

界面元素更换方法及装置

技术领域

本发明实施例涉及计算机技术领域，尤其涉及一种界面元素更换方法及装置。

背景技术

安装在智能设备上的客户端通常会有多套界面元素更换，所谓界面元素更换即客户端任意界面的背景色、字体、每一频道或主题页的标识风格等等。通常情况下，为适应各种需要，客户端需要更换界面元素更换以提供更好的用户体验。例如，在圣诞节期间，手机客户端整个风格是喜庆的红色与纯洁的白色相间，各主题页的标识也换成了圣诞老人的样子，十分应景。又例如，客户端承接一些广告，需要将客户端页面的某些界面元素更换替换成广告相关风格。

目前，客户端界面元素更换的更改通常采用如下的方式：预先在客户端的安装包存放界面元素更换素材，并设置界面元素更换素材的启用日期。当客户端界面元素更换素材的启用日期到达，则启动客户端界面元素更换，不需要服务器一侧做配置。

发明人在实现本发明的过程中，发现相关技术至少存在以下问题：上述实现方式适用于固定时间发生的界面元素更换需求，例如圣诞节期间的界面元素更换。然而，若是有突发的更换界面元素更换需求，则只能通过更改客户端的安装包并重新发布一个新版本才能实现手机客户端界面元素更换的更换，这样对用户而言是极其不便的。

综上，一种界面元素更换方法亟待提出。

发明内容

本发明实施例提供一种界面元素更换方法及装置，用以解决现有技术中，客户端的界面元素的素材没有预先保存在安装包内时，需重新发包并由用户再次安装从而更换客户端界面元素更换的缺陷，实现了更加便捷高效的客户端更换。

本发明实施例提供一种界面元素更换方法，包括：

接收界面元素更换数据；

根据所述界面元素更换数据获取目标界面元素和所述目标界面元素对应的界面元素更换素材；

根据所述界面元素更换素材对所述目标界面元素进行更换。

本发明实施例提供一种界面元素更换装置，包括：

数据接收模块，用于接收界面元素更换数据；

界面元素更换模块，用于根据所述界面元素更换数据获取目标界面元素和所述目标界面元素对应的界面元素更换素材；根据所述界面元素更换素材对所述目标界面元素进行更换。

本发明实施例提供的客户端界面元素更换方法及装置，根据服务器下发的界面元素更换数据对客户端的目标界面元素进行界面元素更换，改变了现有技术中，客户端的界面元素更换素材没有预先保存在安装包内时，需重新发包并由用户再次安装从而更换客户端界面元素更换的缺陷，实现了更加便捷高效的客户端更换，提升了用户体验。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本申请实施例一的方法流程图；

图2为本申请实施例二的方法流程图；

图3为本申请实施例三的装置实施例结构示意图；

图4为本申请实施例四的装置实施例结构示意图；

图5为本申请实施例提供的执行界面元素更换方法的电子设备的硬件结构示意图。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

本申请实施例所述的技术方案适用于任意客户端，所述客户端可以是安装于手机、电脑或者智能电视的、用于与用户交互的应用程序。为使得客户端更加个性有品位且为用户带来视觉上的美感，通常客户端都有其个性化的界面元素装扮，例如，客户端在设备上的显示图标、客户端整体的颜色风格、客户端某一页面的字体、字号、客户端菜单栏的图标、客户端某一面的背景图案等等。

通常客户端的这些界面元素更换素材都由客户端的开发人员预先保存在客户端的安装文件中，例如，对于使用安卓系统的设备而言，客户端的界面元素更换元素保存在APK(Android应用程序包文件)中，APK文件基于ZIP文件格式，在安装时，ZIP安装文件会解压缩，然后将安装文件中的文件复制到相应的、系统规定的目录下，即一个软件的安装文件安装完，软件安装文件内的数据就会安装到系统相应的位置。通常，当客户端的某一目标界面元素(例如标题栏)有多个界面元素更换素材时(例如，背景图案1、背景图案2、背景图案3)，这多个界面元素更换素材会按照预设的时间启用从而实现客户端的界面元素更换。例如，对于客户端的标题栏而言，背景图案1在监测到系统时间或者网络时间为白天时，启用界面元素更换；背景图案2在监测到系统时间或者网络时间为夜晚时，启用界面元素更换，从而适应用户的视觉需求，提升用户体验。然而每一客户端的安装文件的大小都是有限的，被安装设备的存储空间也是有限的，因此，安装文件中保存的界面元素更换素材也十分有限，上述的客户端界面元素更换更新方案存在不完善之处；与此同时，当客户端遇到突发的需要更改界面元素更换的情形时，只能通过重新发布安装文件的形式实现客户端的目标更换，这种情形下更体现出上述客户端界面元素更换更新方案的局限之处。而本申请实施例提出的技术方案能够解决上述的界面元素更换更新方案的不完善以及局限之处。

图1是本申请实施例一的技术流程图，结合图1，本申请实施例一种客户端界面元素更换方法，可以由如下的步骤实现：

步骤S110：接收界面元素更换数据；

本申请实施例的技术方案适用于客户端，所述客户端接收到的所述界面元素更换数据是由服务器发送的，所述的服务器是与所述客户端相对的、与所述客户端进行连接交流以及数据交互的硬件或软件。所述界面元素更换数据包括目标界面元素的标识以及界面元素更换属性。所述服务器向所述客户端下发所述界面元素更换数据，可以是按照预设的时间间隔定时下发，或根据实际需求随时下发，本申请实施例并不限制。

其中，所述目标界面元素的标识用于识别所述目标界面元素，可以是名称，也可以是ID号(IDentity)。所述目标界面元素包括：所述客户端的任意页面的背景颜色、背景图案、字体、图标。

所述界面元素更换属性包括目标界面元素的标识与界面元素更换素材的对应关系。所述界面元素更换素材包括界面元素更换所需的背景颜色、背景图案、字体、字号、不同样式的图标等等(原安装文件中不包含)。其中，所述界面元素更换属性中，目标界面元素的标识与界面元素更换素材的对应关系可以如下表一所示：

表一

目标界面元素的标识	界面元素更换素材
		ID＝001(Background Color)	red
ID＝002(Background picture)	pic2
		ID＝004(Fonts Style)	楷体_GB2312
ID＝004(Font size)	四号

上述表格中，所述目标界面元素的标识用ID号标识，目标界面元素与ID号之间的对应关系是预先设置的，因此，客户端接收到所述界面元素更换数据后，查询所述目标界面元素的标识即可获取当前需要界面元素更换的目标界面元素。如上表格所述，ID＝1的目标界面元素，其对应的背景颜色应当是红色；ID＝2的目标界面元素，采用pic2作为其背景图片；ID＝4的目标界面元素，其对应的字体样式是楷体_GB2312，对应的字号大小是四号。

需要说明的是，对于ID＝2的目标界面元素，服务器在下发所述界面元素更换数据时，所述界面元素更换数据中包含图片pic2(界面元素更换素材)，从而客户端可以使用pic2更换ID＝2的目标界面元素的当前背景图片。

步骤S120：根据所述界面元素更换数据获取目标界面元素和所述目标界面元素对应的界面元素更换素材；

接收到所述界面元素更换数据时，首先对所述界面元素更换数据进行解析，根据所述解析的结果获得所述目标界面元素的标识，根据所述目标界面元素的标识，确定需要更换界面装扮素材的目标界面元素。需要说明的是，当所述目标界面元素的标识为目标界面元素的名称时(例如，客户端首页的标题栏的名称为Title1)，根据所述名称直接可查询到相应的目标界面元素；当所述目标界面元素的标识为目标界面元素的ID号时，查询所述客户端保存的所述目标界面元素与所述目标界面元素的ID之间的对应关系，根据所述对应关系确定相应的目标界面元素。

其中，所述客户端保存的所述目标界面元素与所述目标界面元素的ID之间的对应关系可以如下表二所示：

表二

目标界面元素	ID
		Background Color	001
Title Fonts	002
		Menu Font size	003
Icon Style	004

上述表格分别为背景颜色、标题栏的字体、菜单字号以及图标样式设置了相应的ID值，其优势在于，当客户端各个页面以及功能复杂时，以名称识别所述目标界面元素效率较低，用ID号来识别时，简洁高效。

步骤S130：根据所述界面元素更换素材对所述目标界面元素进行更换。

本步骤中，根据表二确定所述目标界面元素之后，根据表一中所示的界面元素更换样式对所述目标界面元素进行界面元素更换更新。例如，对所述界面元素更换数据进行解析的结果为，ID＝002，查询表一，ID＝002对应的界面元素更换属性为Backgroundpicture＝pic2，则此时用服务器下发的pic2更替ID＝002原有的背景图片或用pic2为ID＝002添加背景图片。

本实施例中，根据服务器下发的界面元素更换数据对客户端的目标界面元素进行界面元素更换，改变了现有技术中，客户端的界面元素更换素材没有预先保存在安装包内时，需重新发包并由用户再次安装从而更换客户端界面元素更换的缺陷，实现了更加便捷高效的客户端更换，提升了用户体验。

图2是本申请实施例二的技术流程图，结合图2，本申请实施例一种界面元素更换方法，还可以有如下的实施方式：

步骤S210：接收界面元素更换数据；

步骤S220：根据所述界面元素更换数据获取目标界面元素和所述目标界面元素对应的界面元素更换素材；

步骤S230：根据所述界面元素更换素材对所述目标界面元素进行更换；

步骤S240：响应于页面的触发操作，显示所述界面元素更换后的页面。

其中，所述页面为所述目标界面元素所在的任意页面；所述触发包括页面开启操作以及页面刷新操作。

所述客户端的界面元素在更新之后，需要一个激活的操作触发客户端显示更新后的界面元素更换，即在客户端接收到激活操作之前，保持原有的界面元素不变，从而不会对用户当前的操作造成影响。例如，在所述客户端重新界面元素更换之后，用户再一次开启客户端时，客户端将自动为用户展示界面元素更换后的样子；若是在用户使用客户端的过程中对客户端进行界面元素更换，则在界面元素更换之后，若是用户仍停留在当前页面，则保持所述当前页面的所有元素的界面元素更换不变，当用户离开所述当前页面之后再次开启所述当前页面时，相当于对所述当前页面进行了刷新操作，则此时为用户展示界面元素更换更新后的所述当前页面，从而在用户不受到影响的情况下，实现了客户端界面元素更换的静默更新，极大提升了用户体验。

本实施例中，根据服务器下发的界面元素更换数据对客户端的目标界面元素进行界面元素更换，并在接收到用户的页面触发之后显示更换后的界面装扮元素，在用户视觉无感的情况下，实现了客户端界面元素装扮素材的静默更新。

上述实施例中提供了一种客户端界面元素更换方法，与之相应的，本申请实施例还提供了一种客户端界面元素更换的装置，如图3所示。图3是本申请实施例二的装置结构示意图，结合图3，本申请实施例一种客户端界面元素更换装置，包括：数据接收模块31、界面元素更换模块32。

所述数据接收模块31，用于接收界面元素更换数据；

所述界面元素更换模块32，用于根据所述界面元素更换数据获取目标界面元素和所述目标界面元素对应的界面元素更换素材；根据所述界面元素更换素材对所述目标界面元素进行更换。其中，所述目标界面元素包括：所述客户端的任意页面的背景颜色、背景图案、样式、图标。

具体的，所述界面元素更换模块32用于：对所述界面元素更换数据进行解析得到目标界面元素标识和界面元素更换属性；根据所述目标界面元素标识确定目标界面元素；根据所述界面元素更换属性获取各个所述目标界面元素对应的界面元素更换素材。

其中，所述界面元素更换属性包括目标界面元素的标识与界面元素更换素材的对应关系，所述目标界面元素标识为ID号标识；相应地，所述界面元素更换模块32用于：根据所述界面元素更换属性获取各个所述目标界面元素标识对应的界面元素更换素材；根据预先设置的ID号标识与界面元素的对应关系表，确定各个所述目标界面元素表示对应的目标界面元素，从而得到各个所述目标界面元素对应的界面元素更换素材。

本实施例提供的界面元素更换装置，根据服务器下发的界面元素更换数据对客户端的目标界面元素进行界面元素更换，改变了现有技术中，客户端的界面元素更换素材没有预先保存在安装包内时，需重新发包并由用户再次安装从而更换客户端界面元素更换的缺陷，实现了更加便捷高效的客户端更换，提升了用户体验。

图4是本申请实施例四的装置结构示意图，结合图4，本申请实施例一种界面元素更换装置，还包括显示模块41。

所述显示模块41用于：在所述数据接收模块31与所述界面元素更换模块32对所述目标界面元素进行更换后，响应于页面的触发操作，显示所述界面元素更换后的页面；其中，所述页面为所述目标界面元素所在的任意页面；所述触发操作者包括页面开启操作以及页面刷新操作。其中，所述目标界面元素包括：页面的背景颜色、背景图案、样式、图标。

本实施例中，根据服务器下发的界面元素更换数据对客户端的目标界面元素进行界面元素更换，并在接收到用户的页面触发之后显示更换后的界面装扮元素，在用户视觉无感的情况下，实现了客户端界面元素装扮素材的静默更新。

应用场景实例

以下部分将结合具体的例子对本申请实施例的技术方案进行详细的阐述。假设这样一个应用场景，一个购物平台客户端为了迎合节日气氛，在新年前夕，计划更新购物客户端的界面元素更换。具体界面元素更换更新的内容包括：将客户端首页的背景图片调整为与节日气氛匹配的红色带各色烟花的图片，将客户端首页的菜单栏中每一菜单入口的图标更换成节日灯笼，且将每一菜单入口的字体换成更加显眼的大号隶书字体。然而上述的这些界面元素更换素材在客户端的最新版本安装包内并没有预先设置。上述界面元素更换需求中，目标界面元素包括：客户端首页背景图片、客户端首页菜单栏中菜单入口图标、客户端首页菜单栏中菜单入口字体，假设其对应的目标界面元素识别标识的分别为ID＝001、ID＝020、ID＝021。

根据本申请实施例的技术方案，服务器将上述的界面元素更换数据进行打包，并下发至客户端。则客户端接收到的界面元素更换数据中包含三部分内容，其一是目标界面元素的标识、其二是目标界面元素的标识与界面元素更换样式的对应关系、其三是界面元素更换样式对应的素材，其中所述目标界面元素的标识与界面元素更换样式的对应关系可以如下所示：

ID＝001-------->pic_fireworks

ID＝020-------->icon_lantern

ID＝021-------->一号隶书

客户端接收到界面元素更换数据之后，对界面元素更换数据进行解析，获得目标界面元素的标识，即ID号001、020以及021。客户端保存有目标界面元素标识与目标界面元素的对应关系，因此，根据获取得到的ID号，可以解析得知，目标界面元素分别为客户端首页背景图片、客户端首页菜单栏中菜单入口图标、客户端首页菜单栏中菜单入口字体，确定这些目标界面元素之后，根据界面元素更换数据中的界面元素更换需求以及界面元素更换素材，对上述目标界面元素的界面元素更换样式进行更新即可实现客户端界面元素更换的更换。若在客户端的关闭状态下完成客户端的界面元素更换，则在客户端下一次开启时，自动为用户展示更换界面元素更换后的客户端；若是在客户端的使用过程中万众客户端的界面元素更换，则在更换发生的页面被刷新或者再一次跳转时，向用户展示更换界面元素更换后的客户端。

本申请实施例还可以有如下的应用场景，例如，视频客户端临时接到新电影的广告推广任务，需要将客户端首页菜单栏的入口图标更换成新电影主演人员的头像。根据本申请实施例的技术方案，在服务器侧，对首页菜单栏入口图标这一目标界面元素进行界面元素更换数据的配置并将配置好的界面元素更换数据下发至客户端，客户端接收到界面元素更换数据之后，根据界面元素更换数据中包含的目标界面元素以及界面元素更换属性将菜单栏的入口图标更新成电影主演的头像，起到了良好的宣传推广效果。

图5是本申请实施例提供的执行界面元素更换方法的电子设备的硬件结构示意图，如图5所示，该设备包括：

一个或多个处理器51以及存储器52，图5中以一个处理器51为例。

执行界面元素更换方法的设备还可以包括：输入装置53和输出装置54。

处理器51、存储器52、输入装置53和输出装置54可以通过总线或者其他方式连接，图5中以通过总线连接为例。

存储器52作为一种非易失性计算机可读存储介质，可用于存储非易失性软件程序、非易失性计算机可执行程序以及模块，如本申请实施例中的界面元素更换方法对应的程序指令/模块(例如，附图3所示的数据接收模块31、界面元素更换模块32以及图4中所示的显示模块41)。处理器51通过运行存储在存储器52中的非易失性软件程序、指令以及模块，从而执行服务器的各种功能应用以及数据处理，即实现上述方法实施例界面元素更换方法。

存储器52可以包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需要的应用程序；存储数据区可存储根据界面元素更换装置的使用所创建的数据等。此外，存储器52可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实施例中，存储器52可选包括相对于处理器52远程设置的存储器，这些远程存储器可以通过网络连接至界面元素更换装置。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

输入装置53可接收输入的数字或字符信息，以及产生与界面元素更换装置的用户设置以及功能控制有关的键信号输入。输出装置54可包括显示屏等显示设备。

所述一个或者多个模块存储在所述存储器52中，当被所述一个或者多个处理器51执行时，执行上述任意方法实施例中的界面元素更换方法。

上述产品可执行本申请实施例所提供的方法，具备执行方法相应的功能模块和有益效果。未在本实施例中详尽描述的技术细节，可参见本申请实施例所提供的方法。

本发明实施例的电子设备以多种形式存在，包括但不限于:

(1)移动通信设备:这类设备的特点是具备移动通信功能，并且以提供话音、数据通信为主要目标。这类终端包括:智能手机(例如iPhone)、多媒体手机、功能性手机，以及低端手机等。

(2)超移动个人计算机设备:这类设备属于个人计算机的范畴，有计算和处理功能，一般也具备移动上网特性。这类终端包括:PDA、MID和UMPC设备等，例如iPad。

(3)便携式娱乐设备:这类设备可以显示和播放多媒体内容。该类设备包括:音频、视频播放器(例如iPod)，掌上游戏机，电子书，以及智能玩具和便携式车载导航设备。

(4)服务器:提供计算服务的设备，服务器的构成包括处理器、硬盘、内存、系统总线等，服务器和通用的计算机架构类似，但是由于需要提供高可靠的服务，因此在处理能力、稳定性、可靠性、安全性、可扩展性、可管理性等方面要求较高。

(5)其他具有数据交互功能的电子装置。

以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件。基于这样的理解，上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机装置(可以是个人计算机，服务器，或者网络装置等)执行各个实施例或者实施例的某些部分所述的方法。

最后应说明的是：以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims (10)

1.一种界面元素更换方法，其特征在于，包括：

接收界面元素更换数据；

根据所述界面元素更换数据获取目标界面元素和所述目标界面元素对应的界面元素更换素材；

根据所述界面元素更换素材对所述目标界面元素进行更换。

2.根据权利要求1所述的方法，其特征在于，所述获取目标界面元素和所述目标界面元素对应的界面元素更换素材，包括：

对所述界面元素更换数据进行解析得到目标界面元素标识和界面元素更换属性；

根据所述目标界面元素标识确定目标界面元素；

根据所述界面元素更换属性获取各个所述目标界面元素对应的界面元素更换素材。

3.根据权利要求1所述的方法，其特征在于，所述界面元素更换属性包括目标界面元素的标识与界面元素更换素材的对应关系，所述目标界面元素标识包括ID号标识；

相应地，所述根据所述界面元素更换属性获取各个所述目标界面元素对应的界面元素更换素材，具体包括：

根据所述界面元素更换属性获取各个所述目标界面元素标识对应的界面元素更换素材；

根据预先设置的ID号标识与界面元素的对应关系表，确定各个所述目标界面元素标识对应的目标界面元素，从而得到各个所述目标界面元素对应的界面元素更换素材。

4.根据权利要求1所述的方法，其特征在于，所述方法还包括：

响应于页面的触发操作，显示所述界面元素更换后的页面；其中，所述页面为所述目标界面元素所在的任意页面；所述触发操作包括页面开启操作以及页面刷新操作。

5.根据权利要求1-4任意一项所述的方法，其特征在于，所述目标界面元素包括：

页面的背景颜色、背景图案、样式、图标。

6.一种界面元素更换装置，其特征在于，包括：

数据接收模块，用于接收界面元素更换数据；

界面元素更换模块，用于根据所述界面元素更换数据获取目标界面元素和所述目标界面元素对应的界面元素更换素材；根据所述界面元素更换素材对所述目标界面元素进行更换。

7.根据权利要求6所述的装置，其特征在于，所述界面元素更换模块用于：

对所述界面元素更换数据进行解析得到目标界面元素标识和界面元素更换属性；

根据所述目标界面元素标识确定目标界面元素；

根据所述界面元素更换属性获取各个所述目标界面元素对应的界面元素更换素材。

8.根据权利要求6所述的装置，其特征在于，所述界面元素更换属性包括目标界面元素的标识与界面元素更换素材的对应关系，所述目标界面元素标识为ID号标识；

相应地，所述界面元素更换模块用于：

根据所述界面元素更换属性获取各个所述目标界面元素标识对应的界面元素更换素材；

根据预先设置的ID号标识与界面元素的对应关系表，确定各个所述目标界面元素表示对应的目标界面元素，从而得到各个所述目标界面元素对应的界面元素更换素材。

9.根据权利要求6所述的装置，其特征在于，所述装置还包括显示模块，所述显示模块用于：

响应于页面的触发操作，显示所述界面元素更换后的页面；其中，所述页面为所述目标界面元素所在的任意页面；所述触发操作者包括页面开启操作以及页面刷新操作。

10.根据权利要求7-10任意一项所述的装置，其特征在于，所述目标界面元素包括：

页面的背景颜色、背景图案、样式、图标。