皮肤渲染方法、装置、电子设备及计算机存储介质制造方法及图纸

本发明专利技术实施例提供了一种皮肤渲染方法、装置、电子设备及计算机存储介质。使用色值表描述客户端应用界面的目标皮肤。从皮肤设计的角度来看，使目标皮肤原本无规律的色彩元素，按照色块标识与色值的对应关系规范呈现，通过设置渲染区域及其对应的色值即可完成对目标皮肤的配置。从皮肤渲染的角度来看，无需依赖复杂的业务逻辑，通过获取目标皮肤对应的目标色值表，基于目标色值表中色块标识与色值的对应关系，即可对应修改目标皮肤中每一渲染区域匹配的颜色，完成目标皮肤的渲染，使得皮肤渲染过程复杂度降低，效率提高。

【技术实现步骤摘要】
皮肤渲染方法、装置、电子设备及计算机存储介质
本专利技术涉及渲染
，尤其涉及一种皮肤渲染方法、装置、电子设备及计算机存储介质。
技术介绍
随着移动互联网的普及，移动互联网产品竞争激烈，移动产品不仅追求丰富多彩的产品功能，同时也不断寻求更好的用户体验，绝大多数用户端不再局限于单一的界面设计风格，推出了设置主题皮肤的功能，用户可以依据自己的喜好设置用户端页面的皮肤。现有技术中，皮肤的界面由UI(UserInterface，用户界面)设计师在前端进行设计，后端开发人员配合前端设计开发对应的业务逻辑，皮肤渲染依赖于上述业务逻辑进行。由于没有统一的设计规范，前端无规律的设计导致后端业务逻辑的开发复杂度较高，进而使得皮肤渲染的复杂度较高，效率较低。可见，现有技术中的皮肤渲染方法存在复杂度较高，效率较低的问题。
技术实现思路
本专利技术实施例的目的在于提供一种皮肤渲染方法、装置、电子设备及计算机存储介质，以降低皮肤渲染的复杂度，提高皮肤渲染的效率。具体技术方案如下：在本专利技术实施的第一方面，首先提供了一种皮肤渲染方法，包括：根据目标皮肤的皮肤标识，获取所述皮肤标识对应的目标色值表，所述目标色值表包括色块标识与色值的对应关系；根据所述色块标识与色值的对应关系，对所述客户端的应用界面进行渲染，所述应用界面中每一渲染区域关联一个色块标识。在本专利技术实施的第二方面，还提供了一种皮肤渲染装置，包括：获取模块，用于根据目标皮肤的皮肤标识，获取所述皮肤标识对应的目标色值表，所述目标色值表包括色块标识与色值的对应关系；第一渲染模块，用于根据所述色块标识与色值的对应关系，对所述客户端的应用界面进行渲染，所述应用界面中每一渲染区域关联一个色块标识。在本专利技术实施的第三方面，还提供了一种电子设备，包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；存储器，用于存放计算机程序；处理器，用于执行存储器上所存放的程序时，实现本专利技术实施例第一方面中所述的方法步骤。在本专利技术实施的又一方面，还提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有指令，当其在计算机上运行时，使得计算机执行上述任一所述的皮肤渲染方法。在本专利技术实施的又一方面，还提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述任一所述的皮肤渲染方法。本专利技术实施例提供的皮肤渲染方法、装置、电子设备及计算机存储介质。使用色值表描述客户端应用界面的目标皮肤。从皮肤设计的角度来看，使目标皮肤原本无规律的色彩元素，按照色块标识与色值的对应关系规范呈现，通过设置渲染区域及其对应的色值即可完成对目标皮肤的配置。从皮肤渲染的角度来看，无需依赖复杂的业务逻辑，通过获取目标皮肤对应的目标色值表，基于目标色值表中色块标识与色值的对应关系，即可对应修改目标皮肤中每一渲染区域匹配的颜色，完成目标皮肤的渲染，使得皮肤渲染过程复杂度降低，效率提高。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍。图1为本专利技术实施例中一种皮肤渲染方法的流程图；图2为本专利技术实施例中一种客户端应用界面的示意图；图3为本专利技术实施例中一种色值表的示意图；图4为本专利技术实施例中另一种皮肤渲染方法的流程图；图5是本专利技术实施例中一种皮肤渲染装置的结构图之一；图6是本专利技术实施例中一种皮肤渲染装置的结构图之二；图7是本专利技术实施例中一种皮肤渲染装置的结构图之三；图8是本专利技术实施例中一种电子设备的结构图。具体实施方式下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行描述。客户端界面的主题皮肤样式由UI设计师进行设计，后端开发人员配合界面设计开发对应的业务逻辑，主题皮肤的渲染即依赖于上述业务逻辑进行。目前，由于没有统一的设计规范和标准约束，客户端复杂的应用界面设计风格很难统一，后端开发人员针对不同的主题皮肤均需单独开发对应的业务逻辑，尤其针对样式繁杂的主题皮肤，无规律的色彩元素使得后端开发的复杂度进一步提高。基于这样复杂度较高的业务逻辑进行皮肤渲染，成本较高，效率也较低。实施例一请参见图1，图1是本专利技术实施例提供的一种皮肤渲染方法的流程图，该方法可以应用于客户端，所述客户端可以是手机、平板电脑(TabletPersonalComputer)、膝上型电脑(LaptopComputer)、个人数字助理(personaldigitalassistant，PDA)、移动上网装置(MobileInternetDevice，MID)或可穿戴式设备(WearableDevice)等电子设备，在此不作限定。如图1所示，所述方法包括以下步骤：步骤101、根据目标皮肤的皮肤标识，获取所述皮肤标识对应的目标色值表，所述目标色值表包括色块标识与色值的对应关系；步骤102、根据所述色块标识与色值的对应关系对所述客户端的应用界面进行渲染，所述应用界面中每一渲染区域关联一个色块标识。本专利技术实施例中，使用色值表描述匹配客户端应用界面的目标皮肤，每一目标皮肤对应一份色值表。色值表可存储有色块标识及其对应色值，每一色块标识关联应用界面中的一块渲染区域。UI设计师在设计应用界面的主题皮肤时，可对应用界面进行分区：将使用同一颜色的区域或者控件对应一块渲染区域，关联一个色块标识。该色块标识可表示为一个或者多个字符串，用于唯一标记其对应的渲染区域，其可以是渲染区域的分类名称，也可以是自定义的字符ID。其中，使用同一颜色的区域或者控件可以是应用界面的通用控件，例如顶导航、底导航，也可以是存在对应关系的图标和显示区域。如图2所示，当前界面的顶部导航：“场景管理”、“保存”、“添加场景”、返回键“←”等区域可设置为同一种颜色，对应一个渲染区域；相同功能的图标及其显示区域，例如“起床”控件及其对应的图标，可设置为同一种颜色。UI设计师可根据客户端应用界面的具体情况，以及主题皮肤的不同风格具体确定渲染区域的划分。本专利技术实施例中，色值表可以是字典类型的数据容器，其占用体积小，查找速度快。如图3所示，色块标识作为字典数据容器的key值，色值作为value值与key值一一对应，通过色块标识key值可在色值表中查找对应的色值value值，其中，色值value值为各种颜色在通用颜色索引表中的颜色代码。例如，色块标识Color-2对应的色值为#FFFFFF，表示Color-2关联的渲染区域使用的颜色为白色，色块标识Color-7对应的色值为#000000，表示Color-7关联的渲染区域使用的颜色为黑色。需要说明的是，由于附图颜色限制，色值value值对应的颜色由填充样式区分。可以理解的是，色值表也可以表示为其他数据类型，例如哈希表或者二维数组，在此不作任何限定。...

【技术保护点】
1.一种皮肤渲染方法，应用于客户端，其特征在于，所述方法包括以下步骤：/n根据目标皮肤的皮肤标识，获取所述皮肤标识对应的目标色值表，所述目标色值表包括色块标识与色值的对应关系；/n根据所述色块标识与色值的对应关系，对所述客户端的应用界面进行渲染，所述应用界面中每一渲染区域关联一个色块标识。/n

【技术特征摘要】
1.一种皮肤渲染方法，应用于客户端，其特征在于，所述方法包括以下步骤：
根据目标皮肤的皮肤标识，获取所述皮肤标识对应的目标色值表，所述目标色值表包括色块标识与色值的对应关系；
根据所述色块标识与色值的对应关系，对所述客户端的应用界面进行渲染，所述应用界面中每一渲染区域关联一个色块标识。


2.根据权利要求1所述的方法，其特征在于，所述根据目标皮肤的皮肤标识，获取所述皮肤标识对应的目标色值表，包括：
接收用户针对目标皮肤输入的切换操作，所述切换操作携带有所述目标皮肤的皮肤标识；
响应于所述切换操作，在本地查找所述皮肤标识对应的目标色值表；
在本地存储有所述皮肤标识对应的目标色值表的情况下，获取本地存储的所述皮肤标识对应的目标色值表。


3.根据权利要求2所述的方法，其特征在于，在所述响应于所述切换操作，在本地查找所述皮肤标识对应的目标色值表之后，所述方法还包括：
在本地未存储有所述皮肤标识对应的目标色值表的情况下，向服务器发送皮肤下载请求，所述皮肤下载请求携带有所述目标皮肤的皮肤标识；
接收所述服务器发送的所述皮肤标识对应的目标色值表。


4.根据权利要求1所述的方法，其特征在于，所述方法还包括：
在所述客户端冷启动时，向服务器发送皮肤获取请求，所述皮肤获取请求携带有所述客户端当前使用皮肤的皮肤标识；
在所述皮肤标识对应的色值表存在更新的情况下，接收服务器发送的所述皮肤标识对应的更新后的色值表；
根据所述更新后的色值表中色块标识与色值的对应关系，对所述客户端的应用界面进行渲染，所述应用界面中每一渲染区域关联一个色块标识。


5.根据权利要求1所述的方法，其特征在于，所述方法还包括：
在所述客户端冷启动时，向服务器发送皮肤获取请求，所述皮肤获取请求中携带有当前时间信息；
在服务器存在与当前时间信息匹配的限定皮肤的情况下，获取服务器发送的所述限定皮肤对应的色值表；
根据所述限定皮肤对应的色值表中色块标识与色值的对应关系，对所述客户端的应用界面进行渲染，所述应用界面中每一渲染区域关联一个色块标识。


6.一种皮肤渲染装置，其特征在于，所述装置包括：
获取模块，用于根据目标皮肤的皮肤标识，获取所述皮肤标识对应的目标色值表，所述目标色值表包括色块标识与色值的对应关系；
第一渲染模块，用于根据所述色块标识与色值的对应关系，对所述客...

【专利技术属性】
技术研发人员：鞠鑫，蔡明松，
申请(专利权)人：北京奇艺世纪科技有限公司，
类型：发明
国别省市：北京;11