CN108334385B - 一种用户界面皮肤管理方法及装置 - Google Patents

一种用户界面皮肤管理方法及装置 Download PDF

Info

Publication number
CN108334385B
CN108334385B CN201710033662.2A CN201710033662A CN108334385B CN 108334385 B CN108334385 B CN 108334385B CN 201710033662 A CN201710033662 A CN 201710033662A CN 108334385 B CN108334385 B CN 108334385B
Authority
CN
China
Prior art keywords
skin
xml file
user interface
target
resource
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201710033662.2A
Other languages
English (en)
Other versions
CN108334385A (zh
Inventor
方敏
汤浩
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201710033662.2A priority Critical patent/CN108334385B/zh
Publication of CN108334385A publication Critical patent/CN108334385A/zh
Application granted granted Critical
Publication of CN108334385B publication Critical patent/CN108334385B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00Network arrangements or protocols for supporting network services or applications
    • H04L67/01Protocols
    • H04L67/10Protocols in which an application is distributed across nodes in the network

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明实施例公开了一种用户界面皮肤管理方法及装置。其中,该方法包括:用户界面皮肤管理装置在接收到针对目标应用的皮肤管理请求后,输出皮肤XML文件,在接收到针对皮肤XML文件中的目标标识输入的编辑操作时,对目标标识所标记的皮肤资源进行编辑,控制目标应用读取编辑后的皮肤XML文件,以便目标应用将编辑后的皮肤XML文件应用于用户界面中。通过本发明实施例,用户只需在皮肤XML文件中对需要管理的皮肤资源进行编辑,用户界面皮肤管理装置从而控制目标应用读取编辑后的皮肤XML文件,将其应用到用户界面中,不需要用户了解具体的皮肤设计规则,能够降低自定义皮肤的操作难度,提高应用自定义皮肤功能的实用性。

Description

一种用户界面皮肤管理方法及装置
技术领域
本发明涉及互联网技术领域,具体涉及一种用户界面皮肤管理方法及装置。
背景技术
如今,在用户终端上安装有各种各样的应用,每种应用都有各自的用户界面,通过用户界面完成应用与用户的交互。
通常情况下,应用设计者会为用户界面设计皮肤,皮肤的设计在考虑美观的同时,还要兼顾用户界面上皮肤控件摆放布局以及颜色的合理使用。目前,针对不同的应用,其皮肤的设计规则会有所不同,例如,皮肤图片的大小、格式、色彩深度,等等。如果用户希望通过自定义的方式来设计皮肤,就需要了解对应的设计规则,但对于普通用户来说比较困难,从而降低了自定义皮肤功能的实用性。
发明内容
本发明实施例公开了一种用户界面皮肤管理方法及装置,能够提高应用的自定义皮肤功能的实用性。
第一方面,本发明实施例公开了一种用户界面皮肤管理方法,该方法可以包括:
在接收到针对目标应用的皮肤管理请求时,输出所述目标应用的皮肤可扩展标记语言XML文件,所述皮肤XML文件包括所述目标应用的用户界面中每个皮肤资源的标识;
接收对所述皮肤XML文件中的目标标识输入的编辑操作,并根据所述编辑操作对所述目标标识所标记的皮肤资源进行编辑处理,得到编辑后的皮肤XML文件;
控制所述目标应用读取所述编辑后的皮肤XML文件,以便所述目标应用将所述编辑后的皮肤XML文件中的皮肤资源应用于所述用户界面中。
第二方面,本发明实施例公开了一种用户界面皮肤管理装置,该装置可以包括:
接收模块,用于接收针对目标应用的皮肤管理请求;
输出模块,用于在所述接收模块接收到所述皮肤管理请求时,输出所述目标应用的皮肤XML文件,所述皮肤XML文件包括所述目标应用的用户界面中每个皮肤资源的标识;
所述接收模块,还用于接收对所述皮肤XML文件中的目标标识输入的编辑操作;
处理模块,用于根据所述编辑操作对所述目标标识所标记的皮肤资源进行编辑处理,得到编辑后的皮肤XML文件;
控制模块,用于控制所述目标应用读取所述编辑后的皮肤XML文件,以便所述目标应用将所述编辑后的皮肤XML文件中的皮肤资源应用于所述用户界面中。
实施本发明实施例,具有如下有益效果:
本发明实施例中,用户界面皮肤管理装置在接收到针对目标应用的皮肤管理请求后,可以输出皮肤可扩展标记语言(eXtensible Markup Language,XML)文件,用户可以在皮肤XML文件中对需要管理的皮肤资源进行编辑,例如更改背景图片,移动皮肤资源的位置,等等,用户界面皮肤管理装置从而对皮肤资源进行编辑处理,并控制目标应用读取皮肤资源编辑后的皮肤XML文件,以便目标应用将编辑后的皮肤XML文件中的皮肤资源应用于用户界面中。通过本发明实施例,用户只需在皮肤XML文件中对需要管理的皮肤资源进行编辑,用户界面皮肤管理装置从而控制目标应用读取编辑后的皮肤XML文件,将其应用到用户界面中,而不需要用户了解具体的皮肤设计规则,降低了自定义皮肤的操作难度,从而能够提高应用自定义皮肤功能的实用性。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明实施例公开的一种用户界面皮肤管理方法的流程示意图;
图2是本发明实施例公开的另一种用户界面皮肤管理方法的流程示意图;
图3是本发明实施例公开的用户界面皮肤管理设备的结构示意图;
图4是本发明实施例公开的一种用户界面皮肤管理装置的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
本发明实施例公开了一种用户界面皮肤管理方法及装置,可以提高应用的自定义皮肤功能的实用性。以下分别进行详细说明。
请参阅图1,图1是本发明实施例公开的一种用户界面皮肤管理方法的流程示意图。其中,图1所示的方法可以应用于浏览器、音视频播放器、即时通讯工具等应用,上述应用可以安装于笔记本电脑、台式电脑、手机、平板电脑、车载终端、智能可穿戴设备等终端设备。如图1所示,该方法可以包括以下步骤:
101、用户界面皮肤管理装置在接收到针对目标应用的皮肤管理请求时,输出目标应用的皮肤XML文件。
本发明实施例中,目标应用是指采用XML针对用户界面的皮肤资源(如皮肤控件的位置、皮肤图片等)编写的皮肤管理数据文件的应用,可以是浏览器应用,也可以是音视频播放器应用,还可以是即时通讯工具,本发明实施例主要以浏览器应用进行说明。目标应用可以是终端设备安装的应用客户端,也可以是网页客户端,本发明实施例不做限定。XML文件是android排版配置文件,可以直接在android系统的终端设备上通过读取XML文件就能看到对应的排版样式。这个文件是目标应用定义好并存放在本地的,对于自定义皮肤的用户很难理解XML文件里的定义的规则并做出正确的修改,所以这里XML文件的主要作用是目标应用和自定义皮肤的用户之间的一个桥接层,目标应用通过读取XML文件来切换皮肤。用户界面皮肤管理装置可以应用于第三方应用,对需要进行皮肤管理的应用进行用户界面皮肤管理,也可以应用于需要进行皮肤管理的应用本身,还可以应用于安装有各种类型应用的终端设备,本发明实施例不做限定。
本发明实施例中,针对目标应用的皮肤管理请求可以是用户在启动目标应用后,在目标应用的用户界面上通过相应的功能控件触发的,也可以是用户在需要对目标应用进行皮肤管理时,启动用户界面皮肤管理装置,从而通过用户界面皮肤管理装置选定需要进行皮肤管理的目标应用而触发的,本发明实施例不做限定。因此,用户的上述操作可以使得用户界面皮肤管理装置能够接收到针对目标应用的皮肤管理请求。那么皮肤XML文件可以是在第三方应用的用户界面中输出,也可以是在目标应用的用户界面中输出,本发明实施例不做限定。
本发明实施例中,皮肤XML文件包括了目标应用的用户界面中每个皮肤资源的标识。其中,皮肤资源可以是指用户界面中需要进行装饰的场景,如地址栏,菜单栏,菜单栏中每个功能控件,导航栏,等等;也可以是指用于装扮用户界面的每个场景的装饰物,如背景图片,控件,文字,图标,等等,本发明实施例不做限定。皮肤资源的标识可以是指每个场景的身份标识,是建立皮肤资源和目标应用的皮肤场景的唯一关键字,可以用身份标识(Identity,ID)来进行区别;也可以是每个场景需要的皮肤资源的具体类型,本发明实施例不做限定。
举例来说,假设皮肤资源是指浏览器用户界面中需要进行装饰的场景,那么ID为1可以代表浏览器的地址栏,ID为2可以代表菜单栏中“首页”控件,ID为3可以代表“刷新”控件,ID为4可以代表“返回”控件,等等。假设皮肤资源是指用于装扮浏览器的用户界面的每个场景的装饰物,那么ID为1可以表示浏览器的地址栏的背景图片,ID为2可以标识浏览器的前景图片,ID为3可以表示菜单栏的背景图片,ID为4可以标识菜单栏的前景图片,等等。
因此,当用户需要对目标应用进行自定义皮肤时,用户界面皮肤管理装置可以接收到对应的皮肤管理请求,从而在用户界面中输出该目标应用的皮肤XML文件。
102、用户界面皮肤管理装置接收对皮肤XML文件中的目标标识输入的编辑操作。
本发明实施例中,目标标识可以是皮肤XML文件中用于表示皮肤资源的标识中的一个,也可以是多个,本发明实施例不做限定。编辑操作是用户在皮肤XML文件中针对某一个或几个目标标识所输入的,可以包括移动操作和更改操作中的至少一个。其中,移动操作具体可以是指对皮肤资源在皮肤XML文件中的位置进行重新排布的操作,通过移动皮肤资源在皮肤XML文件中所摆放的位置来改变皮肤资源在用户界面中的位置;更改操作具体可以是指对皮肤资源的背景信息,如背景图片,背景颜色,文字内容,文字字体,等等进行更改的操作。
因此,用户界面皮肤管理装置在输出对应的皮肤XML文件后,用户可以在用户界面中查看到每个皮肤资源的标识,当用户需要对某一皮肤资源进行编辑时,对相应的标识进行操作即可。
103、用户界面皮肤管理装置根据该编辑操作对目标标识所标记的皮肤资源进行编辑处理,得到编辑后的皮肤XML文件。
本发明实施例中,用户界面皮肤管理装置在接收到用户针对目标标识所输入的编辑操作后,可以根据该编辑操作对目标标识所标记的皮肤资源进行编辑处理,从而得到编辑后的皮肤XML文件。
具体实现中,用户界面皮肤管理装置根据该编辑操作对目标标识所标记的皮肤资源进行编辑处理,得到编辑后的皮肤XML文件的具体方式可以包括以下两种:
方式一、
如果编辑操作包括目标区域,那么用户界面皮肤管理装置在接收到针对目标标识输入的编辑操作后,可以获取该目标区域的属性信息,并将目标标识所标记的皮肤资源从皮肤XML文件中的当前区域移动至目标区域,最后根据属性目标区域的属性信息更改目标标识所标记的皮肤资源的显示属性,从而得到皮肤资源移动后的皮肤XML文件。
方式二、
如果编辑操作包括针对目标标识所标记的皮肤资源上传的背景图片,那么用户界面皮肤管理装置在接收到针对目标标识输入的编辑操作后,可以获取目标标识所标记的皮肤资源的背景信息,从而根据该背景信息修改该背景图片,并将修改后的背景图片作为目标标识所标记的皮肤资源的背景图片,从而得到皮肤资源背景图片更改后的皮肤XML文件。
可以理解的是,针对方式一,用户界面皮肤管理装置输出的皮肤XML文件中不仅包括了每个皮肤资源的标识,还包括了每个皮肤资源的位置,具体表现为,在皮肤XML文件中展示皮肤资源的标识的具体位置,即为皮肤资源在目标应用的用户界面中的对应位置。那么在用户界面皮肤管理装置输出皮肤XML文件后,如果用户需要更改某些皮肤资源的位置,可以在皮肤XML文件中通过长按等方式选中皮肤资源所对应的标识,从而将其拖动至目标区域,或者选中目标区域,用户界面皮肤管理装置自动将其移动至目标区域,从而完成了对需要更改皮肤资源在皮肤XML文件中位置的移动。
其中,当前区域是指目标标识所标记的皮肤资源在进行用户界面皮肤管理前所在的区域,目标区域是指用户需要将目标标识所标记的皮肤资源进行位置移动的最终区域。因此,用户通过在皮肤XML文件中移动目标标识的方式可以实现对皮肤资源在皮肤XML文件中位置的移动,当目标应用读取了皮肤资源移动后的皮肤XML文件后,可以将对应的皮肤资源应用于用户界面中,从而完成了皮肤资源在用户界面中位置的移动。
需要说明的是,皮肤资源的显示属性具体可以是指皮肤资源在皮肤XML文件(对应的用户界面)中显示的大小,形状等,目标区域的属性信息具体可以是指目标区域的大小,形状等。当用户对目标标识进行编辑操作,将该目标标识移动至目标区域时,用户界面皮肤管理装置首先获取目标区域的大小,形状等信息,然后获取目标标识所标记的皮肤资源在皮肤XML文件中的当前区域,并根据该编辑操作将其从当前区域移动至目标区域,如果目标区域的大小,形状等属性信息与当前区域的不同,则会将目标标识所标记的皮肤资源的显示属性更改为与目标区域的属性信息匹配的属性(具体可通过用户界面皮肤管理装置的皮肤格式化工具实现),即,将该皮肤资源显示的大小以及形状更改为符合目标区域的大小形状,从而使得该皮肤资源的位置移动后能够自适应匹配目标区域,而不需要用户对其进行更改,简化了用户进行自定义皮肤时移动皮肤资源的操作步骤。
举例来说,假设用户需要对浏览器中菜单栏的位置放置在浏览器用户界面的左侧区域,当用户进入浏览器的自定义皮肤模式时,浏览器在用户界面上展示了对应的皮肤XML文件,具体包括了浏览器的地址栏,工具栏,菜单栏等皮肤资源的标识,其在皮肤XML文件中的位置即为在浏览器用户界面中的实际位置。当用户长按菜单栏的标识时,即选中了菜单栏(假设菜单栏当前的显示属性为长6cm,宽3cm,菜单栏所包含的功能控件的图标在菜单栏中分两行显示),用户将菜单栏从皮肤XML文件的底部拖动至左侧区域时,浏览器可以检测到用户的操作,从而获取左侧区域的属性(假设为长10cm,宽1.5cm),然后根据用户的拖动操作将菜单栏拖动至左侧区域,并自动将菜单栏的显示属性更改为长10cm,宽1.5cm,菜单栏所包含的功能控件的图标在菜单栏中按照显示成一行。当用户点击“确认”后,浏览器从而读取将菜单栏移动至左侧区域的皮肤XML文件,并将其应用到用户界面中,从而完成了浏览器菜单栏在用户界面中位置的移动。相应的,用户也可以通过该方式完成对其他皮肤资源在用户界面中位置的移动。
可以理解的是,针对方式二,背景信息包括了皮肤资源的背景图片的格式、规格、色彩,文字的颜色、字体、大小,等等。如果用户需要更改目标标识所标记的皮肤资源的背景图片,那么用户需要上传对应的背景图片,该编辑操作从而包括了用户上传的背景图片。用户界面皮肤管理装置在接收到目标标识所标记的皮肤资源的编辑操作时,首先获取该皮肤资源的背景信息,然后自动根据背景信息中用于指示背景图片的格式、规则、色彩等信息对上传的背景图片进行修改(具体可通过用户界面皮肤管理装置的皮肤格式化工具实现),以使用户需要的背景图片满足目标应用的皮肤设计规则,从而将修改后的背景图片作为目标标识所标记的皮肤资源的背景图片。通过这种方式,用户不需要了解目标应用每个皮肤资源对背景图片规格、格式等的需求,只需上传自己喜欢的图片即可自动转换成与之匹配的背景图片,简化了自定义皮肤时修改背景图片的操作步骤。
需要说明的是,用户界面皮肤管理装置获取的背景信息可以是从预先设定的配置文件中获取的,用户可以对其进行修改,也可以是用户自定义的,还可以是其他用户分享给该用户,并保存在本地的,本发明实施例不做限定。
举例来说,假设用户需要将目标应用的菜单栏的背景由以前的纯色更改为图片A,那么当用户界面皮肤管理装置输出目标应用的皮肤XML文件后,用户在选中菜单栏这一皮肤资源的标识,并上传图片A后,用户界面皮肤管理装置会进一步获取适合菜单栏的背景的图片规格,如果用户上传的图片A的规格不匹配,那么用户界面皮肤管理装置就会将图片A进行修改调整,使其达到菜单栏背景的标准。用户点击“确认”按钮后,目标应用会读取更改后的皮肤XML文件,从而将修改后的图片A作为目标应用菜单栏的背景。
其中,皮肤格式化工具是为了实现当用户上传了不符合目标应用的皮肤设计规则的图片时,比如图片格式不正确,宽高不符等,主动将其矫正为目标应用能够识别并应用为皮肤的图片。这样就不需要用户严格的去理解目标应用所有场景需要的背景图片的细节。
进一步的,用户还可以通过方式二实现对皮肤资源中文字内容的更改,例如,将浏览器中的“刷新”功能控件的“刷新”更改为“重新载入”,或者更改为用户喜欢的图标,将“返回”功能控件中的“返回”更改为“上一页”,或者更改为对应的图标,等等。用户还可以通过方式二实现对皮肤资源中文字字体的更改,等等,具体方式与背景图片的更改方式相同。
可选的,用户还可以在皮肤XML文件中删除部分皮肤资源,以使该皮肤资源在用户界面中不显示(即隐藏相应的功能控件)。例如,当用户将浏览器菜单栏中的“历史记录”皮肤资源的标识从皮肤XML文件中移除时,用户界面皮肤管理装置控制浏览器读取“历史记录”皮肤资源的标识移除后的皮肤XML文件,从而将其应用于用户界面中,那么用户后续使用浏览器时,菜单栏中不再显示“历史记录”这一皮肤资源。
104、用户界面皮肤管理装置控制目标应用读取编辑后的皮肤XML文件。
本发明实施例中,用户界面皮肤管理装置在根据用户操作对皮肤XML文件进行编辑处理后,可以控制目标应用读取编辑后的皮肤XML文件,以便于目标应用将编辑后的皮肤XML文件中的各个皮肤资源应用于对应的用户界面中。
其中,用户界面皮肤管理装置控制目标应用读取编辑后的皮肤XML文件具体可以是用户在皮肤XML文件中对需要管理的皮肤资源进行编辑后,点击皮肤应用的功能按钮触发的,也可以是皮肤管理装置在用户对皮肤XML文件中的皮肤资源进行编辑的过程中,按照一定的时间间隔保存皮肤XML文件并触发的,本发明实施例不做限定。
进一步的,如果对皮肤XML文件中皮肤资源的背景图片有进行更改替换,目标应用还会进一步读取对应的背景图片,从而将编辑后的XML文件和背景图片应用到用户界面中。
可见,在图1所描述的方法中,用户界面皮肤管理装置在接收到针对目标应用的皮肤管理请求后,可以输出皮肤XML文件,用户可以在皮肤XML文件中对需要管理的皮肤资源进行编辑,例如更改背景图片,移动皮肤资源的位置,等等,用户界面皮肤管理装置从而对皮肤资源进行编辑处理,并控制目标应用读取皮肤资源编辑后的皮肤XML文件,以便目标应用将编辑后的皮肤XML文件中的皮肤资源应用于用户界面中。通过本发明实施例,用户只需在皮肤XML文件中对需要管理的皮肤资源进行编辑,用户界面皮肤管理装置从而控制目标应用读取编辑后的皮肤XML文件,将其应用到用户界面中,而不需要用户了解具体的皮肤设计规则,降低了自定义皮肤的操作难度,极大的方便了用户去更改具有自我风格的皮肤样式,从而能够提高应用自定义皮肤功能的实用性。
请参阅图2,图2是本发明实施例公开的另一种用户界面皮肤管理方法的流程示意图。其中,图2所示的方法可以应用于浏览器、音视频播放器、即时通讯工具等应用,上述应用可以安装于笔记本电脑、台式电脑、手机、平板电脑、车载终端、智能可穿戴设备等终端设备。如图2所示,该方法可以包括以下步骤:
201、用户界面皮肤管理装置在接收到针对目标应用的皮肤管理请求时,输出目标应用的皮肤XML文件。
202、用户界面皮肤管理装置接收对皮肤XML文件中的目标标识输入的编辑操作。
203、用户界面皮肤管理装置根据该编辑操作对目标标识所标记的皮肤资源进行编辑处理,得到编辑后的皮肤XML文件。
本发明实施例中,步骤201~203与上一实施例中步骤101~103相同。
204、用户界面皮肤管理装置根据编辑后的皮肤XML文件生成HTML页面,并输出该HTML页面。
本发明实施例中,当用户在皮肤XML文件中完成对目标应用皮肤管理后,用户界面皮肤管理装置可以将编辑后的皮肤XML文件转换为超文本标记语言(Hyper Text MarkupLanguage,HTML)页面。其中,HTML是android标准配置文件,简单易懂,可以直接应用在应用客户端里,用户可以在用户界面中直观看到。
因此,用户界面皮肤管理装置根据编辑后的皮肤XML文件生成HTML页面后,会在界面输出HTML页面,从而方便用户查看自定义皮肤的效果,以便于用户对自定义的皮肤做各种调整。所以用户界面皮肤管理装置需要提供皮肤预览的入口,比如在输出目标应用的XML文件的同时,输出“预览”。用户在本地存放了编辑后的皮肤XML文件,点击预览菜单,用户界面皮肤管理装置可以自动生成一个HTML文件,用户点击打开后就可以看到皮肤被应用在目标应用的用户界面中的效果。这样就更加降低了用户自定义皮肤的门槛,不需要理解皮肤XML文件里的内容,仅需要记住皮肤XML文件中每个标识所对应的皮肤资源在HTML页面中的效果,以方便用户在不满意的时候能够准确的进行修改。
205、用户界面皮肤管理装置接收在HTML页面中输入的皮肤应用操作。
206、用户界面皮肤管理装置根据该皮肤应用操作控制目标应用读取编辑后的皮肤XML文件。
本发明实施例中,HTML页面中可以增加皮肤应用的功能按钮,当用户在HTML页面中预览自定义皮肤的效果时,如果满意,用户可以直接在HTML页面中输入皮肤应用操作,用户界面皮肤管理装置根据该皮肤应用操作控制目标应用读取编辑后的皮肤XML文件,目标应用从而将编辑后的皮肤XML文件应用到用户界面中,实现自定义皮肤的快速切换,而不需要返回到皮肤XML文件所在的页面,从而能够提高皮肤切换的效率。
进一步的,用户如果不满意,则根据用户的相应操作返回XML文件所在的页面,用户从而可以对不满意的皮肤资源进行再次编辑修改,以达到要求为止。
207、用户界面皮肤管理装置根据编辑后的皮肤XML文件生成皮肤包,并将该皮肤包上传至云端服务器。
本发明实施例中,目标应用在将编辑后的皮肤XML文件应用到用户界面后,用户界面皮肤管理装置可以将编辑后的皮肤XML文件生成皮肤包。具体的,如果用户对皮肤XML文件中皮肤资源的背景图片进行了更改或替换,皮肤包中还会对应包含有相应的背景图片,该背景图片具体可以包含于在XML文件中。
进一步的,用户界面皮肤管理装置在生成皮肤包后,可以自动将其保存在本地,并上传至云端服务器,也可以在用户的触发下上传至云端服务器,本发明实施例不做限定。
208、用户界面皮肤管理装置在接收到针对该皮肤包的分享指令时,将该皮肤包在云端服务器的链接分享至待分享平台。
本发明实施例中,用户界面皮肤管理装置在将生成的皮肤包上传至云端服务器后,用户可以将云端服务器的地址分享给其他用户,即针对该皮肤包输入分享操作,用户界面皮肤管理装置从而能够接收针对该皮肤包的分享指令,在用户确定待分享平台后,从而将该皮肤包在云端服务器的链接分享到待分享平台。
其中,待分享平台是指社交平台,如QQ、微信、微博、QQ空间、朋友圈,等等,本发明实施例不做限定。
因此,用户界面皮肤管理装置将用户自定义的皮肤包分享给其他用户,其他用户可以通过该链接访问云端服务器,从而下载该皮肤包,对应的目标应用可以将皮肤包中的皮肤XML文件生成HTML页面,将皮肤XML问你的排版布局转换成HTML页面的层叠式样表(Cascading Style Sheet,CSS)布局,使得其他用户可以预览到被共享的皮肤包的效果,并应用到自己的目标应用的用户界面中。
进一步的,用户在用户界面皮肤管理装置生成对应皮肤包时,可以为该皮肤包设置权限,具体可以通过密码、身份认证等方式进行设置,其他用户从分享的链接中下载该皮肤包后,如果要使用该皮肤包,则需要进行权限认证,在认证通过后才能使用该皮肤包。进一步的,其他用户还可以对该皮肤包按照自己的喜好进行删减和修改,具体方式与本发明实施例中对用户界面皮肤资源管理的方式相同。
将皮肤包在云端服务器的链接分享给其他用户,不再需要通过应用在后台进行转换和下发,避免应用做盲从下发和普通适配。待分享平台可以便捷的传递自定义皮肤包,感兴趣的用户可以任意下载,并在下载不应用的情况下可以看到皮肤的样式,方便了具有个性风格的皮肤的共享,让应用的皮肤可以适用于大众和鲜明个性的两个人群。
可见,在图2所描述的方法中,用户通过在皮肤XML文件中对皮肤资源进行编辑以实现自定义皮肤后,用户界面皮肤管理装置可以将对应的皮肤XML文件生成皮肤包,并上传至云端服务器,用户可以通过该皮肤包在云端服务器的连接将自定义的皮肤包分享给其他用户,便于有个性风格的自定义皮肤包的共享。
基于上述实施例所示的用户界面皮肤管理方法,本发明实施例还公开了一种用户界面皮肤管理设备,该用户界面皮肤管理设备可以为笔记本电脑、台式电脑、手机、平板电脑、车载终端、智能可穿戴设备等安装有各种应用的终端设备,可用于执行上述图1和图2所示的方法流程的相应步骤。请参阅图3,图3是本发明实施例公开的一种用户界面皮肤管理设备的结构示意图。本发明实施例中所描述的用户界面皮肤管理设备可包括但不限于:处理器、网络接口及存储器。其中,用户界面皮肤管理设备内的处理器、网络接口及存储器可通过总线或其他方式连接,在本发明实施例所示图3中以通过总线连接为例。
其中,处理器(或称CPU(Central Processing Unit,中央处理器))是用户界面皮肤管理设备的计算核心以及控制核心。网络接口可选的可以包括标准的有线接口、无线接口(如Wi-Fi、移动通信接口等)。存储器(Memory)是用户界面皮肤管理设备中的记忆设备,用于存放程序和数据。可以理解的是,此处的存储器可以是高速RAM存储器,也可以是非不稳定的存储器(non-volatile memory),例如至少一个磁盘存储器;可选的还可以是至少一个位于远离前述处理器的存储装置。存储器提供存储空间,该存储空间存储了用户界面皮肤管理设备的操作系统,可包括但不限于:Windows系统(一种操作系统)、Luix(一种操作系统)系统等等,本发明对此并不作限定。存储器的存储空间还存储了用户界面皮肤管理装置。
在本发明实施例中,用户界面皮肤管理设备通过运行存储器中的皮肤管理装置来执行上述图1和图2所示方法流程的相应步骤。请一并参阅图4,在用户需要对目标应用自定义皮肤时,该装置运行如下模块:
接收模块401,用于接收针对目标应用的皮肤管理请求。
输出模块402,用于在接收模块401接收到皮肤管理请求时,输出目标应用的皮肤XML文件,其中,皮肤XML文件包括目标应用的用户界面中每个皮肤资源的标识。
接收模块401,还用于接收对皮肤XML文件中的目标标识输入的编辑操作。
处理模块403,用于根据该编辑操作对目标标识所标记的皮肤资源进行编辑处理,得到编辑后的皮肤XML文件。
控制模块404,用于控制目标应用读取编辑后的皮肤XML文件,以便目标应用将编辑后的皮肤XML文件中的皮肤资源应用于用户界面中。
可选的,该装置还可以包括生成模块405,其中:
生成模块405,用于根据编辑后的皮肤XML文件生成HTML页面。
输出模块402,还用于输出所述HTML页面。
可选的,控制模块404控制目标应用读取编辑后的皮肤XML文件的具体方式可以为:
接收在HTML页面中输入的皮肤应用操作;
根据皮肤应用操作控制目标应用读取编辑后的皮肤XML文件。
可选的,该装置还可以包括发送模块406,其中:
生成模块405,还用于根据编辑后的皮肤XML文件生成皮肤包。
发送模块406,用于将该皮肤包上传至云端服务器。
可选的,接收模块401,还用于接收针对该皮肤包的分享指令。
发送模块406,还用于在接收模块401接收到所述分享指令时,将皮肤包在云端服务器的链接分享至待分享平台。
需要说明的是,生成模块405可以用于执行权利要求中第一生成模块以及第二生成模块所执行的操作。
具体的,编辑操作可以包括目标区域,那么处理模块403根据该编辑操作对目标标识所标记的皮肤资源进行编辑处理,得到编辑后的皮肤XML文件的具体方式可以为:
获取目标区域的属性信息;
将目标标识所标记的皮肤资源从皮肤XML文件中的当前区域移动至目标区域;
根据属性信息更改目标标识所标记的皮肤资源的显示属性,得到皮肤资源移动后的皮肤XML文件。
具体的,编辑操作可以包括针对目标标识所标记的皮肤资源上传的背景图片,那么处理模块403根据该编辑操作对目标标识所标记的皮肤资源进行编辑处理,得到编辑后的皮肤XML文件的具体方式可以为:
获取目标标识所标记的皮肤资源的背景信息;
根据该背景信息修改背景图片,并将修改后的背景图片作为目标标识所标记的皮肤资源的背景图片,得到皮肤资源背景图片更改后的皮肤XML文件。
可见,本发明实施例中,用户只需在皮肤XML文件中对需要管理的皮肤资源进行编辑,用户界面皮肤管理装置从而控制目标应用读取编辑后的皮肤XML文件,将其应用到用户界面中,而不需要用户了解具体的皮肤设计规则,降低了自定义皮肤的操作难度,极大的方便了用户去更改具有自我风格的皮肤样式,从而能够提高应用自定义皮肤功能的实用性。进一步的,用户界面皮肤管理装置可以将对应的皮肤XML文件生成皮肤包,并上传至云端服务器,用户可以通过该皮肤包在云端服务器的连接将自定义的皮肤包分享给其他用户,便于有个性风格的自定义皮肤包的共享。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于一计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory,ROM)或随机存储记忆体(Random AccessMemory,RAM)等。
以上所揭露的仅为本发明较佳实施例而已,当然不能以此来限定本发明之权利范围,因此依本发明权利要求所作的等同变化,仍属本发明所涵盖的范围。

Claims (5)

1.一种用户界面皮肤管理方法,其特征在于,所述方法包括:
在接收到针对目标应用的皮肤管理请求时,输出所述目标应用的皮肤XML文件,所述皮肤XML文件包括用于标记所述目标应用的用户界面中的皮肤资源的标识,所述目标应用包括浏览器应用;
接收对所述皮肤XML文件中的目标标识输入的编辑操作;
若所述编辑操作为移动操作,则获取所述移动操作对应的目标区域的属性信息,并将所述目标标识所标记的皮肤资源从所述皮肤XML文件中的当前区域移动至所述目标区域,以及根据所述目标区域的属性信息更改所述目标标识所标记的皮肤资源的显示属性,得到编辑后的皮肤XML文件,所述属性信息包括大小和形状;
若所述编辑操作为更改操作,则获取所述更改操作对应输入的背景图片或者文字内容,并根据所述目标标识所标记的皮肤资源的背景信息修改所述背景图片或者所述文字内容,以及将修改后的背景图片或者文字内容作为所述目标标识所标记的皮肤资源的背景图片或者文字,得到编辑后的皮肤XML文件,所述背景信息包括所述皮肤资源的背景图片的格式、规格、色彩以及所述皮肤资源的文字的颜色、字体、大小;
根据所述编辑后的皮肤XML文件生成HTML页面,并输出所述HTML页面,所述HTML页面包括皮肤应用的功能按钮;
接收在所述HTML页面中通过所述皮肤应用的功能按钮输入的皮肤应用操作,并根据所述皮肤应用操作控制所述目标应用读取所述编辑后的皮肤XML文件,以便所述目标应用将所述编辑后的皮肤XML文件中的皮肤资源应用于所述用户界面中;
根据所述编辑后的皮肤XML文件生成皮肤包,并将所述皮肤包上传至云端服务器;在接收到针对所述皮肤包的分享指令时,将所述皮肤包在所述云端服务器的链接分享至待分享平台,以便其他用户对应的目标应用将所述皮肤包中的皮肤XML文件生成HTML页面,使得所述其他用户预览被共享的所述皮肤包的效果。
2.根据权利要求1所述的方法,其特征在于,所述皮肤XML文件包括所述用户界面中每个皮肤资源的标识。
3.一种用户界面皮肤管理装置,其特征在于,所述装置包括:
接收模块,用于接收针对目标应用的皮肤管理请求,所述目标应用包括浏览器应用;
输出模块,用于在所述接收模块接收到所述皮肤管理请求时,输出所述目标应用的皮肤XML文件,所述皮肤XML文件包括用于标记所述目标应用的用户界面中的皮肤资源的标识;
所述接收模块,还用于接收对所述皮肤XML文件中的目标标识输入的编辑操作;
处理模块,用于若所述编辑操作为移动操作,则获取所述移动操作对应的目标区域的属性信息,并将所述目标标识所标记的皮肤资源从所述皮肤XML文件中的当前区域移动至所述目标区域,以及根据所述目标区域的属性信息更改所述目标标识所标记的皮肤资源的显示属性,得到编辑后的皮肤XML文件,所述属性信息包括大小和形状;若所述编辑操作为更改操作,则获取所述更改操作对应输入的背景图片或者文字内容,并根据所述目标标识所标记的皮肤资源的背景信息修改所述背景图片或者所述文字内容,以及将修改后的背景图片或者文字内容作为所述目标标识所标记的皮肤资源的背景图片或者文字,得到编辑后的皮肤XML文件,所述背景信息包括所述皮肤资源的背景图片的格式、规格、色彩以及所述皮肤资源的文字的颜色、字体、大小;
第一生成模块,用于根据所述编辑后的皮肤XML文件生成HTML页面;
所述输出模块,还用于输出所述HTML页面,所述HTML页面包括皮肤应用的功能按钮;
控制模块,用于接收在所述HTML页面中通过所述皮肤应用的功能按钮输入的皮肤应用操作,并根据所述皮肤应用操作控制所述目标应用读取所述编辑后的皮肤XML文件,以便所述目标应用将所述编辑后的皮肤XML文件中的皮肤资源应用于所述用户界面中;
第二生成模块,用于根据所述编辑后的皮肤XML文件生成皮肤包;
发送模块,用于将所述皮肤包上传至云端服务器;
所述接收模块,还用于接收针对所述皮肤包的分享指令;
所述发送模块,还用于在所述接收模块接收到所述分享指令时,将所述皮肤包在所述云端服务器的链接分享至待分享平台,以便其他用户对应的目标应用将所述皮肤包中的皮肤XML文件生成HTML页面,使得所述其他用户预览被共享的所述皮肤包的效果。
4.根据权利要求3所述的装置,其特征在于,所述皮肤XML文件包括所述用户界面中每个皮肤资源的标识。
5.一种计算机存储介质,其特征在于,所述计算机存储介质中存储有程序指令,所述程序指令被执行时,用于实现权利要求1或2所述的方法。
CN201710033662.2A 2017-01-18 2017-01-18 一种用户界面皮肤管理方法及装置 Active CN108334385B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710033662.2A CN108334385B (zh) 2017-01-18 2017-01-18 一种用户界面皮肤管理方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710033662.2A CN108334385B (zh) 2017-01-18 2017-01-18 一种用户界面皮肤管理方法及装置

Publications (2)

Publication Number Publication Date
CN108334385A CN108334385A (zh) 2018-07-27
CN108334385B true CN108334385B (zh) 2022-12-09

Family

ID=62921819

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710033662.2A Active CN108334385B (zh) 2017-01-18 2017-01-18 一种用户界面皮肤管理方法及装置

Country Status (1)

Country Link
CN (1) CN108334385B (zh)

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111193952B (zh) * 2018-11-15 2022-10-21 西安诺瓦星云科技股份有限公司 媒体播放方法、装置、终端及系统和存储介质
CN110377375B (zh) * 2019-05-31 2023-10-27 深圳赛安特技术服务有限公司 App主题切换方法、装置及计算机可读存储介质
CN111435313A (zh) * 2019-12-09 2020-07-21 杭州海康威视数字技术股份有限公司 一种软件换肤的方法及装置
CN111142970A (zh) * 2019-12-27 2020-05-12 深圳市思迪信息技术股份有限公司 移动app的智能换肤方法及装置
CN114489882B (zh) * 2021-12-16 2023-05-19 成都鲁易科技有限公司 浏览器动态皮肤的实现方法及装置、存储介质

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20030025732A1 (en) * 2001-07-31 2003-02-06 Prichard Scot D. Method and apparatus for providing customizable graphical user interface and screen layout
CN100512115C (zh) * 2005-08-09 2009-07-08 华为技术有限公司 给用户提供业务服务的方法和系统
CN102236544B (zh) * 2010-04-21 2014-06-18 腾讯科技(深圳)有限公司 一种皮肤设计方法及装置
CN106162342A (zh) * 2015-03-25 2016-11-23 中兴通讯股份有限公司 界面处理方法、装置及系统

Also Published As

Publication number Publication date
CN108334385A (zh) 2018-07-27

Similar Documents

Publication Publication Date Title
CN108334385B (zh) 一种用户界面皮肤管理方法及装置
US11132114B2 (en) Method and apparatus for generating customized visualization component
US10671357B2 (en) Preview changes to mobile applications at different display resolutions
US20140282357A1 (en) Smart endpoint architecture
US20140282398A1 (en) Platform for developing and distributing mobile applications
US11989392B2 (en) Embedding productivity applications in third party platforms
CN103685455A (zh) 信息处理设备和会议系统
CN107895394B (zh) 动画特效实现方法、装置、终端设备及存储介质
CN104168417A (zh) 图片处理方法及装置
CN111767563A (zh) 在线文档的权限设置方法、装置、终端及存储介质
US20140344720A1 (en) Information processing apparatus, information processing system, and information display method
CN111984902A (zh) 可视化页面配置方法、系统、计算机设备和存储介质
CN109472849B (zh) 处理应用中图像的方法、装置、终端设备和存储介质
CN105635063A (zh) 物联网通信协议配置方法和装置
US20230393869A1 (en) Methods and systems for content generation via templates with rules and/or triggers
KR101567555B1 (ko) 이미지가 이용되는 소셜 네트워크 서비스 시스템 및 방법
WO2016128984A9 (en) Customized, personalized, template based online video editing
CN114185465B (zh) 信息处理方法、装置、存储介质和电子设备
CN110941428B (zh) 一种网站创建方法和装置
CN112016023B (zh) 业务处理方法、装置、终端及存储介质
CN113076499A (zh) 一种页面互动方法、装置、设备、介质及程序产品
CN112083866A (zh) 一种表情图像的生成方法和装置
CN114091422A (zh) 一种用于展会的展示页面的生成方法、装置、设备及介质
CN111934985B (zh) 媒体内容的分享方法、装置、设备及计算机可读存储介质
US20180205680A1 (en) Method, Device, User Terminal And Electronic Device For Sharing Online Image

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant