CN114064172A - 数据渲染方法及装置 - Google Patents

数据渲染方法及装置 Download PDF

Info

Publication number
CN114064172A
CN114064172A CN202111312862.4A CN202111312862A CN114064172A CN 114064172 A CN114064172 A CN 114064172A CN 202111312862 A CN202111312862 A CN 202111312862A CN 114064172 A CN114064172 A CN 114064172A
Authority
CN
China
Prior art keywords
data
rendered
rendering
skeleton layer
renderer
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.)
Pending
Application number
CN202111312862.4A
Other languages
English (en)
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.)
Beijing Jingdong Century Trading Co Ltd
Beijing Wodong Tianjun Information Technology Co Ltd
Original Assignee
Beijing Jingdong Century Trading Co Ltd
Beijing Wodong Tianjun Information Technology 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 Beijing Jingdong Century Trading Co Ltd, Beijing Wodong Tianjun Information Technology Co Ltd filed Critical Beijing Jingdong Century Trading Co Ltd
Priority to CN202111312862.4A priority Critical patent/CN114064172A/zh
Publication of CN114064172A publication Critical patent/CN114064172A/zh
Priority to PCT/CN2022/117194 priority patent/WO2023077951A1/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0489—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using dedicated keyboard keys or combinations thereof
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/445—Program loading or initiating
    • G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
    • G06F9/44526—Plug-ins; Add-ons

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Image Generation (AREA)

Abstract

本申请公开了一种数据渲染方法及装置。方法的一具体实施方式包括：获取待渲染数据；通过骨架图层渲染器渲染待渲染数据中的基本属性数据，得到骨架图层；在骨架图层上，通过自定义渲染器渲染待渲染数据中的具体描述数据，得到渲染后数据。本申请提供了一种解耦合基本属性数据的渲染过程和具体描述数据的渲染过程的渲染方法，提高了数据渲染的灵活性和效率。

Description

数据渲染方法及装置
技术领域
本申请实施例涉及计算机技术领域，具体涉及一种数据渲染方法及装置。
背景技术
目前，图片编辑器内部实现属于一个黑盒，所有的渲染实现及交互代码都在内部完成。由于编辑器内部实现属于一个黑盒，所有的渲染实现及交互代码都在内部完成，导致如果某一个场景只需要部分功能，或在不同的场景下图层的交互不同，容易使编辑器内部耦合业务场景代码，在代码层会出现大量场景分支，使得后期的问题成本提高，且扩展性也受限。
发明内容
本申请实施例提出了一种数据渲染方法及装置。
第一方面，本申请实施例提供了一种数据渲染方法，包括：获取待渲染数据；通过骨架图层渲染器渲染待渲染数据中的基本属性数据，得到骨架图层；在骨架图层上，通过自定义渲染器渲染待渲染数据中的具体描述数据，得到渲染后数据。
在一些实施例中，待渲染数据中包括多种类型的待渲染数据；以及上述通过骨架图层渲染器渲染待渲染数据中的基本属性数据，得到骨架图层，包括：通过骨架图层渲染器渲染每种类型的待渲染数据中的基本属性数据，得到多个骨架图层。
在一些实施例中，上述在骨架图层上，通过自定义渲染器渲染待渲染数据中的具体描述数据，得到渲染后数据，包括：对于每种类型的待渲染数据，通过该类型的待渲染数据对应的自定义渲染器，在该类型的待渲染数据对应的骨架图层上渲染该类型的待渲染数据中的具体描述数据，得到渲染后数据。
在一些实施例中，在上述通过骨架图层渲染器渲染待渲染数据中的基本属性数据，得到骨架图层之后，还包括：确定在骨架图层上可执行的交互事件；基于交互事件对应的自定义交互方法，执行对于渲染后数据的交互操作。
在一些实施例中，上述基于交互事件对应的自定义交互方法，执行对于渲染后数据的交互操作，包括：响应于接收到对渲染后数据的触发操作，基于交互事件对应的自定义交互方法，渲染交互事件对应的交互界面；接收并执行对交互界面的交互操作。
第二方面，本申请实施例提供了一种数据渲染装置，包括：获取单元，被配置成获取待渲染数据；第一渲染单元，被配置成通过骨架图层渲染器渲染待渲染数据中的基本属性数据，得到骨架图层；第二渲染单元，被配置成在骨架图层上，通过自定义渲染器渲染待渲染数据中的具体描述数据，得到渲染后数据。
在一些实施例中，待渲染数据中包括多种类型的待渲染数据；以及第一渲染单元，进一步被配置成：通过骨架图层渲染器渲染每种类型的待渲染数据中的基本属性数据，得到多个骨架图层。
在一些实施例中，第二渲染单元，进一步被配置成：对于每种类型的待渲染数据，通过该类型的待渲染数据对应的自定义渲染器，在该类型的待渲染数据对应的骨架图层上渲染该类型的待渲染数据中的具体描述数据，得到渲染后数据。
在一些实施例中，上述装置还包括：确定单元，被配置成确定在骨架图层上可执行的交互事件；交互单元，被配置成基于交互事件对应的自定义交互方法，执行对于渲染后数据的交互操作。
在一些实施例中，交互单元，进一步被配置成：响应于接收到对渲染后数据的触发操作，基于交互事件对应的自定义交互方法，渲染交互事件对应的交互界面；接收并执行对交互界面的交互操作。
第三方面，本申请实施例提供了一种计算机可读介质，其上存储有计算机程序，其中，程序被处理器执行时实现如第一方面任一实现方式描述的方法。
第四方面，本申请实施例提供了一种电子设备，包括：一个或多个处理器；存储装置，其上存储有一个或多个程序，当一个或多个程序被一个或多个处理器执行，使得一个或多个处理器实现如第一方面任一实现方式描述的方法。
本申请实施例提供的数据渲染方法及装置，通过获取待渲染数据；通过骨架图层渲染器渲染待渲染数据中的基本属性数据，得到骨架图层；在骨架图层上，通过自定义渲染器渲染待渲染数据中的具体描述数据，得到渲染后数据，从而提供了一种解耦合基本属性数据的渲染过程和具体描述数据的渲染过程的渲染方法，提高了数据渲染的灵活性和效率。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本申请的其它特征、目的和优点将会变得更明显：
图1是本申请的一个实施例可以应用于其中的示例性系统架构图；
图2是根据本申请数据渲染方法的一个实施例的流程图；
图3是根据本实施例的骨架图层渲染器得到的骨架图层的示意图；
图4是根据本实施例的数据渲染方法的应用场景的示意图；
图5是根据本实施例的渲染后数据的交互效果示意图；
图6是根据本申请的数据渲染方法的又一个实施例的流程图；
图7是根据本申请数据渲染方法的网络结构示意图；
图8是根据本申请的数据渲染装置的一个实施例的结构图；
图9是适于用来实现本申请实施例的计算机系统的结构示意图。
具体实施方式
下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释相关发明，而非对该发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与有关发明相关的部分。
需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。
图1示出了可以应用本申请的数据渲染方法及装置的示例性架构100。
如图1所示，系统架构100可以包括终端设备101、102、103，网络104和服务器105。终端设备101、102、103之间通信连接构成拓扑网络，网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备101、102、103通过网络104与服务器105交互，以接收或发送消息等。终端设备101、102、103可以是支持网络连接从而进行数据交互和数据处理的硬件设备或软件。当终端设备101、102、103为硬件时，其可以是支持网络连接，信息获取、交互、显示、处理等功能的各种电子设备，包括但不限于智能手机、平板电脑、电子书阅读器、膝上型便携计算机和台式计算机等等。当终端设备101、102、103为软件时，可以安装在上述所列举的电子设备中。其可以实现成例如用来提供分布式服务的多个软件或软件模块，也可以实现成单个软件或软件模块。在此不做具体限定。
服务器105可以是提供各种服务的服务器，例如基于终端设备101、102、103的操作指令，在数据渲染过程中，解耦合基本属性数据的渲染过程和具体描述数据的渲染过程的后台处理服务器。可选的，服务器可以将渲染得到的渲染后数据反馈至终端设备。作为示例，服务器105可以是云端服务器。
需要说明的是，服务器可以是硬件，也可以是软件。当服务器为硬件时，可以实现成多个服务器组成的分布式服务器集群，也可以实现成单个服务器。当服务器为软件时，可以实现成多个软件或软件模块(例如用来提供分布式服务的软件或软件模块)，也可以实现成单个软件或软件模块。在此不做具体限定。
还需要说明的是，本申请的实施例所提供的数据渲染方法可以由服务器执行，也可以由终端设备执行，还可以由服务器和终端设备彼此配合执行。相应地，数据渲染装置包括的各个部分(例如各个单元)可以全部设置于服务器中，也可以全部设置于终端设备中，还可以分别设置于服务器和终端设备中。
应该理解，图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。当数据渲染方法运行于其上的电子设备不需要与其他电子设备进行数据传输时，该系统架构可以仅包括数据渲染方法运行于其上的电子设备(例如服务器或终端设备)。
继续参考图2，示出了数据渲染方法的一个实施例的流程200，包括以下步骤：
步骤201，获取待渲染数据。
本实施例中，数据渲染方法的执行主体(例如图1中的终端设备或服务器)可以基于有线连接方式或无线连接方式从远程，或从本地获取待渲染数据。
待渲染数据可以是待渲染的任意类型的数据，包括但不限于是图片类型数据、文本类型数据。待渲染数据包括基本属性数据和具体描述数据。其中，基本属性数据例如可以是目标对象的尺寸信息、位置信息、类型信息；具体描述数据例如可以是描述目标对象的具体内容的数据。
目标对象是基于待渲染数据渲染得到的渲染后数据的具体呈现。以图片数据为例，其对应的目标对象即为渲染得到的图片。其具体描述数据可以是图片中的像素、分辨率、灰度等信息。
待渲染数据的渲染过程往往需要渲染多种图层以组合得到渲染后数据，也即，待渲染数据中包括多种图层对应的数据。如下表所示，示出了一个待渲染数据的具体信息。
图层ID 图层类型 坐标 宽高 图片地址 文本 ……
1 图片 100，69 200,100 test.png
2 图片 230，178 187,67 Test2.png
3 文本 300,0 200,50 这是测试
步骤202，通过骨架图层渲染器渲染待渲染数据中的基本属性数据，得到骨架图层。
本实施例中，上述执行主体可以通过骨架图层渲染器渲染待渲染数据中的基本属性数据，得到骨架图层。
骨架图层渲染器只负责渲染待渲染数据中的基本属性数据渲染到视图容器里。以基本属性数据为位置信息和尺寸信息为例，骨架图层渲染器可以在位置信息所指示的位置处，渲染尺寸信息所表征的尺寸的区域，以供后续的自定义渲染器在骨架图层进行具体内容的渲染。
在本实施例的一些可选的实现方式中，待渲染数据中包括多种类型的待渲染数据。例如，待渲染数据中同时包括多种图片类型的待渲染数据和多种文本类型的待渲染数据。继续参见上述列表，待渲染数据中即包括一种文本类型的待渲染数据和两种图片类型的待渲染数据。
本实现方式中，上述执行主体可以通过如下方式执行上述步骤202：通过骨架图层渲染器渲染每种类型的待渲染数据中的基本属性数据，得到多个骨架图层。
其中，属于同一种类型下的多个待渲染数据可以被渲染至一个骨架图层，也可以渲染至多个骨架图层。继续参见上述列表，其基本属性数据为位置信息和尺寸信息，通过骨架图层渲染器进行渲染后的视图容器300如图3所示，包括对应于图片类型数据的骨架图层301、302，以及对应于文本类型数据的骨架图层303。
本实现方式中，骨架图层渲染器区分待渲染数据所属的类型，不同类型待渲染数据渲染不同的骨架图层，可有序地渲染骨架图层，提高了渲染效率。
步骤203，在骨架图层上，通过自定义渲染器渲染待渲染数据中的具体描述数据，得到渲染后数据。
本实施例中，上述执行主体可以在骨架图层上，通过自定义渲染器渲染待渲染数据中的具体描述数据，得到渲染后数据。
作为示例，上述执行主体可以将表征骨架图层的骨架图层数据和待渲染数据中的具体描述数据传输给自定义渲染器，通过自定义渲染器渲染得到渲染后数据。
自定义渲染器可以通过如下任意方式完成具体描述数据的渲染：基于待渲染数据渲染得到渲染后数据，并将渲染后数据反馈至数据调用者；数据调用者将坐标等信息反馈至自定义渲染器，自定义渲染器直接在坐标信息处进行渲染。
在本实施例的一些可选的实现方式中，上述执行主体可以通过如下方式执行上述步骤203：对于每种类型的待渲染数据，通过该类型的待渲染数据对应的自定义渲染器，在该类型的待渲染数据对应的骨架图层上渲染该类型的待渲染数据中的具体描述数据，得到渲染后数据。
本实现方式中，上述执行主体或与上述执行主体通信连接的电子设备中设置有对应于不同类型的待渲染数据的自定义渲染器，每种自定义渲染器执行所对应的类型的待渲染数据的渲染任务。每种自定义渲染器的具体渲染功能可根据实际情况由相关技术人进行设置，在此不做限定。
通过设置不同类型的待渲染数据的自定义渲染器，有针对性地执行不同类型的数据的渲染，避免了由同一渲染器执行所有的渲染任务而造成的渲染器代码出现大量场景分支代码，代码复杂的问题。并且，提高了渲染后数据的渲染效率。
在本实施例的一些可选的实现方式中，上述执行主体可以采用插件的形式实现骨架图层渲染器和各种自定义渲染器，以实现渲染器的复用。
需要说明的是，骨架图层渲染器和自定义渲染器的渲染顺序并不一定是先通过骨架图层渲染器渲染完所有的骨架图层后再执行自定义渲染器的渲染，也可以在渲染完一个骨架图层后直接执行自定义渲染器在该骨架图层上的后续渲染。
继续参见图4，图4是根据本实施例的数据渲染方法的应用场景的一个示意图400。在图4的应用场景中，首先，服务器获取待渲染数据401；然后，通过骨架图层渲染器在视图容器中渲染待渲染数据中的基本属性数据，例如尺寸信息、位置信息，得到骨架图层、402、403和404；在骨架图层402、403和404上，通过自定义渲染器渲染待渲染数据中的具体描述数据，得到渲染后数据405。
本申请的上述实施例提供的方法，通过获取待渲染数据；通过骨架图层渲染器渲染待渲染数据中的基本属性数据，得到骨架图层；在骨架图层上，通过自定义渲染器渲染待渲染数据中的具体描述数据，得到渲染后数据，从而提供了一种解耦合基本属性数据的渲染过程和具体描述数据的渲染过程的渲染方法，提高了数据渲染的灵活性和效率。
在本实施例的一些可选的实现方式中，上述执行主体在通过骨架图层渲染器渲染待渲染数据中的基本属性数据，得到骨架图层之后，还可以执行如下操作：
第一，确定在骨架图层上可执行的交互事件。
具体的，上述执行主体可以将用户在骨架图层上可执行的交互事件与该骨架图层进行绑定，从而建立骨架图层与交互事件之间的联系。其中，在不同的骨架图层上可执行的交互事件可以相同也可以不同，其根据具体情况具体设置，在此不做限定。基于在骨架图层上可执行的交互事件，用户可以与渲染后数据进行交互。
作为示例，交互事件例如可以是click(点击)、mousedown(按鼠标)、mouseover(鼠标滑过)等相关的鼠标或键盘事件。
第二，基于交互事件对应的自定义交互方法，执行对于渲染后数据的交互操作。
本实现方式中，对于每种交互事件，可以在上述执行主体或与上述执行主体通信连接的终端设备中设置所对应的自定义交互方法，自定义交互方法用户根据交互操作，执行对应的响应。
作为示例，交互事件为点击图片，自定义交互方法做出的响应为提示用户旋转图片的指示界面。
本实现方式中，解耦合数据的渲染过程和交互过程，提高了数据渲染和交互之间的灵活性
在本实施例的一些可选的实现方式中，上述执行主体可以通过如下方式执行上述第二步骤：
首先，响应于接收到对渲染后数据的触发操作，基于交互事件对应的自定义交互方法，渲染交互事件对应的交互界面；然后，接收并执行对交互界面的交互操作。
其中，触发操作可以是与渲染后数据相关的任意操作。作为示例，触发操作可以是鼠标在渲染后数据上滑过。
作为示例，在渲染后数据对应的骨架图层中绑定了4个自定义的点击事件，该绑定的4个事件分别为：渲染旋转UI(User Interface，用户界面)到交互容器；渲染点击替换图片UI到交互容器；渲染8个拉伸ICON(图标)到交互容器；渲染图层选中时状态框到交互容器。
参考图5，示出了上述4个交互事件对应的效果图500。在点击渲染后数据所表征的图片501后，展示用于指示用户旋转图片501的指示信息502，用于指示用户替换图片501的指示信息503，用于指示用户向上、下、左、右、左上、左下、右上、右下8个方向拉伸的指示信息504以及表示选中图片501的状态框505。
需要说明的是，骨架图层对应的交互事件可以在完成所对应的骨架图层的渲染后即进行绑定，也可以在完成所有的骨架图层的渲染后，同一对各骨架图层进行事假绑定，在此不做限定。
继续参考图6，示出了根据本申请的数据渲染方法的一个实施例的示意性流程600，包括如下步骤：
步骤601，获取待渲染数据。
待渲染数据中包括多种类型的待渲染数据。
步骤602，通过骨架图层渲染器渲染每种类型的待渲染数据中的基本属性数据，得到多个骨架图层。
步骤603，确定在每个骨架图层上可执行的交互事件。
步骤604，对于每种类型的待渲染数据，通过该类型的待渲染数据对应的自定义渲染器，在该类型的待渲染数据对应的骨架图层上渲染该类型的待渲染数据中的具体描述数据，得到渲染后数据。
步骤605，响应于接收到对渲染后数据的触发操作，基于交互事件对应的自定义交互方法，渲染交互事件对应的交互界面。
步骤606，接收并执行对交互界面的交互操作。
从本实施例中可以看出，与图2对应的实施例相比，本实施例中的数据渲染方法的流程600具体说明了解耦合数据的渲染过程和交互过程，不同的场景只需按自定义的方式编写不同渲染器或通过加载不同渲染器对应的插件，达到按需使用的目的，从而减少用于数据渲染的编辑器的体积；并且在不同的场景下可通过自定义事件的方式实现交互，业务代码分离，降低为后期维护成本，开发者也可封装代码，进行插件化，使其具备可复用性。
为了进一步说明本申请，给出关于数据渲染和数据交互的一种具体的处理流程：
如图7所示，示出了数据渲染方法的具体流程涉及调用侧701、骨架图层渲染器702、自定义渲染器703、交互事件绑定704、事件注册705和交互容器706。
具体的，其信息处理流程如下：
1、待渲染数据传输至骨架图层渲染器，骨架图层渲染器渲染其中的尺寸信息、位置信息等基本属性信息，得到骨架图层。
2、将骨架图层和待渲染数据传输至自定义渲染器，自定义渲染器在骨架图层上渲染待渲染数据，得到渲染后数据。
3、在骨架图层上绑定可执行的交互事件。
4、基于交互事件对应的自定义交互方法，在交互容器上注册交互事件，并向用户层反馈渲染后数据。
5、调用侧触发交互事件。
6、所触发的交互事件对应的自定义交互方法，基于交互事件的数据，在交互容器中渲染交互界面，并向调用侧反馈交互界面。
7、调用侧触发交互界面，骨架图层渲染器基于在交互界面中的操作更新骨架图层。
8、自定义渲染器更新具体描述数据，得到更新后的渲染后数据，并向用户反馈更新后的待渲染数据。
继续参考图8，作为对上述各图所示方法的实现，本申请提供了一种数据渲染装置的一个实施例，该装置实施例与图2所示的方法实施例相对应，该装置具体可以应用于各种电子设备中。
如图8所示，数据渲染装置包括：获取单元801，被配置成获取待渲染数据；第一渲染单元802，被配置成通过骨架图层渲染器渲染待渲染数据中的基本属性数据，得到骨架图层；第二渲染单元803，被配置成在骨架图层上，通过自定义渲染器渲染待渲染数据中的具体描述数据，得到渲染后数据。
在本实施例的一些可选的实现方式中，待渲染数据中包括多种类型的待渲染数据；以及第一渲染单元802，进一步被配置成：通过骨架图层渲染器渲染每种类型的待渲染数据中的基本属性数据，得到多个骨架图层。
在本实施例的一些可选的实现方式中，第二渲染单元803，进一步被配置成：对于每种类型的待渲染数据，通过该类型的待渲染数据对应的自定义渲染器，在该类型的待渲染数据对应的骨架图层上渲染该类型的待渲染数据中的具体描述数据，得到渲染后数据。
在本实施例的一些可选的实现方式中，上述装置还包括：确定单元(图中未示出)，被配置成确定在骨架图层上可执行的交互事件；交互单元(图中未示出)，被配置成基于交互事件对应的自定义交互方法，执行对于渲染后数据的交互操作。
在本实施例的一些可选的实现方式中，交互单元(图中未示出)，进一步被配置成：响应于接收到对渲染后数据的触发操作，基于交互事件对应的自定义交互方法，渲染交互事件对应的交互界面；接收并执行对交互界面的交互操作。
本实施例中，数据渲染装置中的获取单元获取待渲染数据；第一渲染单元通过骨架图层渲染器渲染待渲染数据中的基本属性数据，得到骨架图层；第二渲染单元在骨架图层上，通过自定义渲染器渲染待渲染数据中的具体描述数据，得到渲染后数据，从而提供了一种解耦合基本属性数据的渲染过程和具体描述数据的渲染过程的渲染装置，提高了数据渲染的灵活性和效率。
下面参考图9，其示出了适于用来实现本申请实施例的设备(例如图1所示的设备101、102、103、105)的计算机系统900的结构示意图。图9示出的设备仅仅是一个示例，不应对本申请实施例的功能和使用范围带来任何限制。
如图9所示，计算机系统900包括处理器(例如CPU，中央处理器)901，其可以根据存储在只读存储器(ROM)902中的程序或者从存储部分908加载到随机访问存储器(RAM)903中的程序而执行各种适当的动作和处理。在RAM903中，还存储有系统900操作所需的各种程序和数据。处理器901、ROM902以及RAM903通过总线904彼此相连。输入/输出(I/O)接口905也连接至总线904。
以下部件连接至I/O接口905：包括键盘、鼠标等的输入部分906；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分907；包括硬盘等的存储部分908；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分909。通信部分909经由诸如因特网的网络执行通信处理。驱动器910也根据需要连接至I/O接口905。可拆卸介质911，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器910上，以便于从其上读出的计算机程序根据需要被安装入存储部分908。
特别地，根据本申请的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本申请的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分909从网络上被下载和安装，和/或从可拆卸介质911被安装。在该计算机程序被处理器901执行时，执行本申请的方法中限定的上述功能。
需要说明的是，本申请的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本申请中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本申请中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。
可以以一种或多种程序设计语言或其组合来编写用于执行本申请的操作的计算机程序代码，程序设计语言包括面向目标的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如”C”语言或类似的程序设计语言。程序代码可以完全地在客户计算机上执行、部分地在客户计算机上执行、作为一个独立的软件包执行、部分在客户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到客户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图，图示了按照本申请各种实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本申请实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中，例如，可以描述为：一种处理器，包括获取单元、第一渲染单元和第二渲染单元。其中，这些单元的名称在某种情况下并不构成对该单元本身的限定，例如，第二渲染单元还可以被描述为“在骨架图层上，通过自定义渲染器渲染待渲染数据中的具体描述数据，得到渲染后数据的单元”。
作为另一方面，本申请还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该装置执行时，使得该计算机设备：获取待渲染数据；通过骨架图层渲染器渲染待渲染数据中的基本属性数据，得到骨架图层；在骨架图层上，通过自定义渲染器渲染待渲染数据中的具体描述数据，得到渲染后数据。
以上描述仅为本申请的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本申请中所涉及的发明范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述发明构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本申请中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

Claims (12)

1.一种数据渲染方法，包括：
获取待渲染数据；
通过骨架图层渲染器渲染所述待渲染数据中的基本属性数据，得到骨架图层；
在所述骨架图层上，通过自定义渲染器渲染所述待渲染数据中的具体描述数据，得到渲染后数据。
2.根据权利要求1所述的方法，其中，所述待渲染数据中包括多种类型的待渲染数据；以及
所述通过骨架图层渲染器渲染所述待渲染数据中的基本属性数据，得到骨架图层，包括：
通过所述骨架图层渲染器渲染每种类型的待渲染数据中的基本属性数据，得到多个骨架图层。
3.根据权利要求2所述的方法，其中，所述在所述骨架图层上，通过自定义渲染器渲染所述待渲染数据中的具体描述数据，得到渲染后数据，包括：
对于每种类型的待渲染数据，通过该类型的待渲染数据对应的自定义渲染器，在该类型的待渲染数据对应的骨架图层上渲染该类型的待渲染数据中的具体描述数据，得到所述渲染后数据。
4.根据权利要求1-3中任一项所述的方法，其中，在所述通过骨架图层渲染器渲染所述待渲染数据中的基本属性数据，得到骨架图层之后，还包括：
确定在所述骨架图层上可执行的交互事件；
基于所述交互事件对应的自定义交互方法，执行对于所述渲染后数据的交互操作。
5.根据权利要求4所述的方法，其中，所述基于所述交互事件对应的自定义交互方法，执行对于所述渲染后数据的交互操作，包括：
响应于接收到对所述渲染后数据的触发操作，基于所述交互事件对应的自定义交互方法，渲染所述交互事件对应的交互界面；
接收并执行对所述交互界面的交互操作。
6.一种数据渲染装置，包括：
获取单元，被配置成获取待渲染数据；
第一渲染单元，被配置成通过骨架图层渲染器渲染所述待渲染数据中的基本属性数据，得到骨架图层；
第二渲染单元，被配置成在所述骨架图层上，通过自定义渲染器渲染所述待渲染数据中的具体描述数据，得到渲染后数据。
7.根据权利要求6所述的装置，其中，所述待渲染数据中包括多种类型的待渲染数据；以及
所述第一渲染单元，进一步被配置成：
通过所述骨架图层渲染器渲染每种类型的待渲染数据中的基本属性数据，得到多个骨架图层。
8.根据权利要求7所述的装置，其中，所述第二渲染单元，进一步被配置成：
对于每种类型的待渲染数据，通过该类型的待渲染数据对应的自定义渲染器，在该类型的待渲染数据对应的骨架图层上渲染该类型的待渲染数据中的具体描述数据，得到所述渲染后数据。
9.根据权利要求6-8中任一项所述的装置，其中，还包括：
确定单元，被配置成确定在所述骨架图层上可执行的交互事件；
交互单元，被配置成基于所述交互事件对应的自定义交互方法，执行对于所述渲染后数据的交互操作。
10.根据权利要求9所述的装置，其中，所述交互单元，进一步被配置成：
响应于接收到对所述渲染后数据的触发操作，基于所述交互事件对应的自定义交互方法，渲染所述交互事件对应的交互界面；接收并执行对所述交互界面的交互操作。
11.一种计算机可读介质，其上存储有计算机程序，其中，所述程序被处理器执行时实现如权利要求1-5中任一所述的方法。
12.一种电子设备，包括：
一个或多个处理器；
存储装置，其上存储有一个或多个程序，
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-5中任一所述的方法。
CN202111312862.4A 2021-11-08 2021-11-08 数据渲染方法及装置 Pending CN114064172A (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN202111312862.4A CN114064172A (zh) 2021-11-08 2021-11-08 数据渲染方法及装置
PCT/CN2022/117194 WO2023077951A1 (zh) 2021-11-08 2022-09-06 数据渲染方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111312862.4A CN114064172A (zh) 2021-11-08 2021-11-08 数据渲染方法及装置

Publications (1)

Publication Number Publication Date
CN114064172A true CN114064172A (zh) 2022-02-18

Family

ID=80274119

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111312862.4A Pending CN114064172A (zh) 2021-11-08 2021-11-08 数据渲染方法及装置

Country Status (2)

Country Link
CN (1) CN114064172A (zh)
WO (1) WO2023077951A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2023077951A1 (zh) * 2021-11-08 2023-05-11 北京沃东天骏信息技术有限公司 数据渲染方法及装置

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116594718B (zh) * 2023-07-18 2023-09-19 禾多科技（北京）有限公司 用于仿真测试的元素渲染方法、装置、设备和可读介质

Citations (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103049924A (zh) * 2012-12-11 2013-04-17 广东威创视讯科技股份有限公司 多图层分布式渲染方法及系统
GB201609440D0 (en) * 2016-05-27 2016-07-13 Grypp Corp Ltd Interactive display synchronisation
CN106909354A (zh) * 2015-12-22 2017-06-30 北京奇虎科技有限公司 图片显示方法及装置
CN107203312A (zh) * 2017-05-04 2017-09-26 捷开通讯(深圳)有限公司 移动终端及其图片的渲染方法、存储装置
CN109948103A (zh) * 2019-04-17 2019-06-28 北京华宇信息技术有限公司 基于网页的图像编辑方法、图像编辑装置和电子设备
CN110764849A (zh) * 2018-07-25 2020-02-07 优视科技有限公司 用户界面的渲染方法、设备、客户端装置及电子设备
CN111026463A (zh) * 2019-12-20 2020-04-17 深圳乐信软件技术有限公司 一种页面加载方法、装置、设备和存储介质
CN111462292A (zh) * 2020-03-20 2020-07-28 稿定（厦门）科技有限公司 图层化渲染方法、介质、设备及装置
CN111506372A (zh) * 2020-04-07 2020-08-07 口碑(上海)信息技术有限公司 对象可视化处理方法及装置
CN112001995A (zh) * 2020-10-28 2020-11-27 湖南新云网科技有限公司 渲染装置、方法、电子设备及可读存储介质
CN112800164A (zh) * 2021-03-17 2021-05-14 统信软件技术有限公司 一种地图加载方法、装置、计算设备及可读存储介质
CN112862940A (zh) * 2021-03-10 2021-05-28 广州南方卫星导航仪器有限公司 一种地图渲染方法、装置、设备和存储介质
CN113052942A (zh) * 2021-03-31 2021-06-29 北京字节跳动网络技术有限公司 图表生成方法、装置、存储介质及电子设备
CN214627005U (zh) * 2021-03-22 2021-11-05 苏州物图数字科技有限公司 基于大模型bim文件的轻量化组织存储展示系统

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108984714B (zh) * 2018-07-09 2020-11-27 北京三快在线科技有限公司 页面渲染方法、装置、电子设备及计算机可读介质
CN110807161A (zh) * 2019-11-08 2020-02-18 深圳乐信软件技术有限公司 一种页面骨架渲染方法、装置、设备及介质
CN113515328B (zh) * 2020-04-09 2024-10-18 北京沃东天骏信息技术有限公司 页面渲染的方法、装置、电子设备和存储介质
CN112100543B (zh) * 2020-08-31 2023-10-27 东软集团股份有限公司 渲染网页的方法、装置、存储介质及电子设备和服务器
CN114064172A (zh) * 2021-11-08 2022-02-18 北京沃东天骏信息技术有限公司 数据渲染方法及装置

Patent Citations (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103049924A (zh) * 2012-12-11 2013-04-17 广东威创视讯科技股份有限公司 多图层分布式渲染方法及系统
CN106909354A (zh) * 2015-12-22 2017-06-30 北京奇虎科技有限公司 图片显示方法及装置
GB201609440D0 (en) * 2016-05-27 2016-07-13 Grypp Corp Ltd Interactive display synchronisation
CN107203312A (zh) * 2017-05-04 2017-09-26 捷开通讯(深圳)有限公司 移动终端及其图片的渲染方法、存储装置
CN110764849A (zh) * 2018-07-25 2020-02-07 优视科技有限公司 用户界面的渲染方法、设备、客户端装置及电子设备
CN109948103A (zh) * 2019-04-17 2019-06-28 北京华宇信息技术有限公司 基于网页的图像编辑方法、图像编辑装置和电子设备
CN111026463A (zh) * 2019-12-20 2020-04-17 深圳乐信软件技术有限公司 一种页面加载方法、装置、设备和存储介质
CN111462292A (zh) * 2020-03-20 2020-07-28 稿定（厦门）科技有限公司 图层化渲染方法、介质、设备及装置
CN111506372A (zh) * 2020-04-07 2020-08-07 口碑(上海)信息技术有限公司 对象可视化处理方法及装置
CN112001995A (zh) * 2020-10-28 2020-11-27 湖南新云网科技有限公司 渲染装置、方法、电子设备及可读存储介质
CN112862940A (zh) * 2021-03-10 2021-05-28 广州南方卫星导航仪器有限公司 一种地图渲染方法、装置、设备和存储介质
CN112800164A (zh) * 2021-03-17 2021-05-14 统信软件技术有限公司 一种地图加载方法、装置、计算设备及可读存储介质
CN214627005U (zh) * 2021-03-22 2021-11-05 苏州物图数字科技有限公司 基于大模型bim文件的轻量化组织存储展示系统
CN113052942A (zh) * 2021-03-31 2021-06-29 北京字节跳动网络技术有限公司 图表生成方法、装置、存储介质及电子设备

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2023077951A1 (zh) * 2021-11-08 2023-05-11 北京沃东天骏信息技术有限公司 数据渲染方法及装置

Also Published As

Publication number Publication date
WO2023077951A1 (zh) 2023-05-11

Similar Documents

Publication Publication Date Title
CN109255767B (zh) 图像处理方法和装置
CN110209967B (zh) 页面加载方法、装置、终端设备和计算机可读介质
CN109684188B (zh) 测试方法和装置
WO2023077951A1 (zh) 数据渲染方法及装置
CN109582317B (zh) 用于调试寄宿应用的方法和装置
CN110098998B (zh) 用于处理信息的方法和设备
CN111240786A (zh) 一种走查方法、装置、电子设备及存储介质
CN108959102B (zh) 用于生成测试数据、测试待测试应用的方法和装置
CN109218393A (zh) 一种推送的实现方法、装置、设备和计算机存储介质
CN111125503B (zh) 用于生成信息的方法和装置
CN113986258A (zh) 业务发布方法、装置、设备及存储介质
CN110489326B (zh) 基于ids的httpapi调试方法装置、介质和设备
CN110673886A (zh) 用于生成热力图的方法和装置
CN109672931B (zh) 用于处理视频帧的方法和装置
CN111131359A (zh) 用于生成信息的方法和装置
CN115756461A (zh) 标注模板生成方法、图像识别方法、装置和电子设备
CN111124523A (zh) 用于初始化应用的方法和装置
CN112308661B (zh) 订单处理方法及装置
CN113656041A (zh) 数据处理方法、装置、设备及存储介质
CN111241368B (zh) 数据处理方法、装置、介质和设备
CN114625458A (zh) 页面数据的处理方法、装置、电子设备和存储介质
CN110083283B (zh) 用于管理信息的方法、装置和系统
CN109600558B (zh) 用于生成信息的方法和装置
CN110780937A (zh) 任务发布方法、装置、计算机可读存储介质及设备
CN111125501A (zh) 用于处理信息的方法和装置

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