CN113961280A - 视图的展示方法、装置、电子设备及计算机可读存储介质 - Google Patents

视图的展示方法、装置、电子设备及计算机可读存储介质 Download PDF

Info

Publication number
CN113961280A
CN113961280A CN202010707200.6A CN202010707200A CN113961280A CN 113961280 A CN113961280 A CN 113961280A CN 202010707200 A CN202010707200 A CN 202010707200A CN 113961280 A CN113961280 A CN 113961280A
Authority
CN
China
Prior art keywords
view
sub
layer
component
canvas
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.)
Granted
Application number
CN202010707200.6A
Other languages
English (en)
Other versions
CN113961280B (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.)
Beijing ByteDance Network Technology Co Ltd
Original Assignee
Beijing ByteDance Network 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 ByteDance Network Technology Co Ltd filed Critical Beijing ByteDance Network Technology Co Ltd
Priority to CN202010707200.6A priority Critical patent/CN113961280B/zh
Publication of CN113961280A publication Critical patent/CN113961280A/zh
Application granted granted Critical
Publication of CN113961280B publication Critical patent/CN113961280B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements 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/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T1/00General purpose image data processing
    • G06T1/20Processor architectures; Processor configuration, e.g. pipelining
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/002D [Two Dimensional] image generation
    • G06T11/001Texturing; Colouring; Generation of texture or colour
    • YGENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02DCLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
    • Y02D10/00Energy efficient computing, e.g. low power processors, power management or thermal management

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • General Engineering & Computer Science (AREA)
  • User Interface Of Digital Computer (AREA)
  • Processing Or Creating Images (AREA)

Abstract

本公开提供了一种视图的展示方法、装置、电子设备及计算机可读存储介质,涉及图像领域。该方法包括:当接收到针对应用程序中预设视图的展示指令时,确定出所述预设视图包含的至少一层子视图;分别对各层子视图进行绘制,得到各层子视图各自对应的子视图对象;基于各个子视图对象绘制得到所述预设视图对应的视图对象,并渲染所述视图对象。本公开避免了使用GPU重复绘制、渲染导致的性能开销过大和资源消耗过大的问题,不仅大大提高了视图展示的流畅度,还大大减少了绘制的性能开销。

Description

视图的展示方法、装置、电子设备及计算机可读存储介质
技术领域
本公开涉及图像处理技术领域,具体而言,本公开涉及一种视图的展示方法、装置、电子设备及计算机可读存储介质。
背景技术
过度绘制:是指在一个像素点上GPU(Graphics Processing Unit,图形处理器)绘制多次,就像用墙漆刷墙,重复的在同一个地方多次涂刷,必然是一种浪费。
过度绘制普遍的存在于日常应用当中,举一个例子:一个底层布局并且为其设置了背景颜色,这样算是一层绘制;布局中又增加了一个文本控件,文本控件自身又含有一个背景,算是第二层绘制;文本控件绘制了文字,那么文字所在的像素点,就有三层绘制。一般情况下,超过2层的绘制就算是过度绘制,而因为应用设计的复杂性,过度绘制非常容易达到五层左右。
因此,在终端设备上,多次在一个像素点上重复绘制,不但会造成性能浪费,对视图展示的流畅度也有影响。
发明内容
提供该发明内容部分以便以简要的形式介绍构思,这些构思将在后面的具体实施方式部分被详细描述。该发明内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征,也不旨在用于限制所要求的保护的技术方案的范围。
本公开提供了一种视图的展示方法、装置、电子设备及计算机可读存储介质,可以解决上述问题。所述技术方案如下:
第一方面,提供了一种视图的展示方法,该方法包括:
当接收到针对应用程序中预设视图的展示指令时,确定出所述预设视图包含的至少一层子视图;
分别对各层子视图进行绘制,得到各层子视图各自对应的子视图对象;
基于各个子视图对象绘制得到所述预设视图对应的视图对象,并渲染所述视图对象。
第二方面,提供了一种视图的展示装置,该装置包括:
第一处理模块,用于当接收到针对应用程序中预设视图的展示指令时,确定出所述预设视图包含的至少一层子视图;
第二处理模块,用于分别对各层子视图进行绘制,得到各层子视图各自对应的子视图对象;
第三处理模块,用于基于各个子视图对象绘制得到所述预设视图对应的视图对象,并渲染所述视图对象。
第三方面,提供了一种电子设备,该电子设备包括:
处理器、存储器和总线;
所述总线,用于连接所述处理器和所述存储器;
所述存储器,用于存储操作指令;
所述处理器,用于通过调用所述操作指令,可执行指令使处理器执行如本公开的第一方面所示的视图的展示方法对应的操作。
第四方面,提供了一种计算机可读存储介质,计算机可读存储介质上存储有计算机程序,该程序被处理器执行时实现本公开第一方面所示的视图的展示方法。
本公开提供的技术方案带来的有益效果是:
在本公开实施例中,当接收到针对应用程序中预设视图的展示指令时,确定出所述预设视图包含的至少一层子视图,然后分别对各层子视图进行绘制,得到各层子视图各自对应的子视图对象,再基于各个子视图对象绘制得到所述预设视图对应的视图对象,并渲染所述视图对象,这样,通过GPU渲染这一层视图对象即可,不需要使用GPU对每一层子视图都进行绘制、渲染,避免了使用GPU重复绘制、渲染导致的性能开销过大和资源消耗过大的问题,不仅大大提高了视图展示的流畅度,还大大减少了绘制的性能开销。
附图说明
结合附图并参考以下具体实施方式,本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中,相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的,原件和元素不一定按照比例绘制。
图1为本公开一个实施例提供的一种视图的展示方法的流程示意图;
图2A为本公开应用程序的界面示意图;
图2B为本公开应用程序的视图界面示意图;
图3为本公开又一实施例提供的一种视图的展示装置的结构示意图;
图4为本公开又一实施例提供的一种视图的展示的电子设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例,然而应当理解的是,本公开可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例,相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是,本公开的附图及实施例仅用于示例性作用,并非用于限制本公开的保护范围。
应当理解,本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行,和/或并行执行。此外,方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
本文使用的术语“包括”及其变形是开放性包括,即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”;术语“另一实施例”表示“至少一个另外的实施例”;术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
需要注意,本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分,并非用于限定这些装置、模块或单元一定为不同的装置、模块或单元,也并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意,本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。
本公开提供的视图的展示方法、装置、电子设备和计算机可读存储介质,旨在解决现有技术的如上技术问题。
下面以具体地实施例对本公开的技术方案以及本公开的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合,对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图,对本公开的实施例进行描述。
在一个实施例中提供了一种视图的展示方法,如图1所示,该方法包括:
步骤S101,当接收到针对应用程序中预设视图的展示指令时,确定出预设视图包含的至少一层子视图;
具体而言,应用程序中的预设视图可以是用户触发的、在应用程序当前页面上展示的视图。
应用程序在接收到展示指令后即可确定出预设视图包含的至少一层子视图。其中,每层子视图的内容的集合就是该预设视图的完整内容。也就是说,如果只有一层子视图,那么该层子视图的内容就是预设视图的完整内容,如果不止一层子视图,那么所有子视图的内容加起来就是预设视图的完整内容。
步骤S102,分别对各层子视图进行绘制,得到各层子视图各自对应的子视图对象;
获取到预设视图的各层子视图之后,即可对各层子视图进行绘制,从而得到各层子视图各自对应的子视图对象。其中,子视图对象可以为Bitmap对象。
步骤S103,基于各个子视图对象绘制得到预设视图对应的视图对象,并渲染视图对象。
在得到各个子视图对象后,即可在系统视图组件中创建画布,并基于各个子视图对象在画布中绘制得到预设视图对应的视图对象,对该视图对象进行渲染,用户即可看到该预设视图了。
在本公开实施例中,当接收到针对应用程序中预设视图的展示指令时,确定出预设视图包含的至少一层子视图,然后分别对各层子视图进行绘制,得到各层子视图各自对应的子视图对象,再基于各个子视图对象绘制得到预设视图对应的视图对象,并渲染视图对象,这样,通过GPU渲染这一层视图对象即可,不需要使用GPU对每一层子视图都进行绘制、渲染,避免了使用GPU重复绘制、渲染导致的性能开销过大和资源消耗过大的问题,不仅大大提高了视图展示的流畅度,还大大减少了绘制的性能开销。
在另一个实施例中继续对如图1所示的一种视图的展示方法进行详细说明。
步骤S101,当接收到针对应用程序中预设视图的展示指令时,确定出预设视图包含的至少一层子视图;
具体而言,应用程序中的预设视图可以是用户触发的、在应用程序当前页面上展示的视图。比如,如图2A所示,在应用程序的当前界面200中设置有信息按钮201,当用户点击了该信息按钮后,如图2B所示,即可在200上展示信息界面的视图202。
当然,在展示应用程序的某些指定页面时也可以在该指定页面上自动展示视图,在实际应用中可以根据实际需求进行设置,本公开实施例对此不作限制。
其中,用户点击登录按钮即发起了针对预设视图的展示指令。当然,除了点击的方式外,其它发起展示指令的方式,比如语音控制等等,也是适用于本公开实施例的,在实际应用中可以根据实际需求进行设置,本公开实施例对此不作限制。
应用程序在接收到展示指令后即可确定出预设视图包含的至少一层子视图。其中,每层子视图的内容的集合就是该预设视图的完整内容。也就是说,如果只有一层子视图,那么该层子视图的内容就是预设视图的完整内容,如果不止一层子视图,那么所有子视图的内容加起来就是预设视图的完整内容。
比如,假设视图202包含背景颜色和文本,那么背景颜色就是一层子视图,文本就是另一层子视图。
进一步,研发人员在研发应用程序的时候就会设置好预设视图到底有几层,所以,应用程序可以通过getparent函数来检测预设视图有几层。当然,除了采用getparent函数检测之外,还可以通过其它方式来检测,在实际应用中可以根据实际需求进行设置,本公开实施例对此也不作限制。
步骤S102,分别对各层子视图进行绘制,得到各层子视图各自对应的子视图对象;
获取到预设视图的各层子视图之后,即可对各层子视图进行绘制,从而得到各层子视图各自对应的子视图对象。
其中,子视图对象可以为Bitmap对象;各层子视图具有各自对应的虚拟视图组件;虚拟视图组件为继承系统视图组件的组件,虚拟视图组件包括线性布局、相对布局、框架布局、文本视图、图片视图中的至少一项,系统视图组件为系统的原始视图组件。
具体地,应用程序安装在终端的操作系统中,操作系统具有原始视图组件,在本公开实施例中,还预设了继承系统视图组件的虚拟视图组件,包括但不限于:线性布局、相对布局、框架布局、文本视图、图片视图。也就是说,在本公开实施例中,线性布局、相对布局、框架布局、文本视图、图片视图中的每个系统视图组件都具有各自继承的虚拟视图组件。
系统视图组件与虚拟视图组件的区别在于,在系统视图组件中绘制视图是采用GPU进行绘制,在虚拟视图组件中绘制视图是通过计算的方式进行虚拟绘制。
在实际应用中,绘制可以采用onDraw方法。现有的onDraw方法会直接调用GPU进行绘制,而在本公开实施例中,对onDraw方法进行了优化,使得onDraw方法可以调用虚拟视图组件,这样就避免了使用GPU重复绘制导致的性能开销过大和资源消耗过大的问题。
在本公开一种优选实施例中,分别对各层子视图进行绘制,得到各层子视图各自对应的子视图对象,包括:
获取各层子视图各自对应的属性信息和子视图数据;
基于各个属性信息在各层子视图各自对应的虚拟视图组件中创建第一画布,并在各个第一画布中绘制各自对应的子视图数据,得到各自对应的子视图对象。
其中,子视图的属性信息包括但不限于:子视图的前景、背景、尺寸、文本、字体、字号、颜色、图片、视频中的至少一种;子视图数据包括但不限于:文本数据、图片数据、视频数据中的至少一种。
比如,接上例,视图202包含背景颜色和文本,那么其中的背景颜色就是背景,文本内容就是前景;背景包括颜色的色号、背景的尺寸,前景中的文本包括前景的尺寸、文本的内容、文本的字体、文本的字号、文本的颜色;子视图数据则包括文本数据(由于视图202不包含图片、视频,所以没有图片数据、视频数据)。
具体而言,在确定出各层子视图之后即可获取各层子视图的属性信息和子视图数据,然后基于各个子视图的尺寸在各自对应的虚拟视图组件中创建各自对应的第一画布Canvas,然后在各个第一画布上绘制各自对应的子视图数据,得到各自对应的子视图对象。其中,各个虚拟视图组件之间属于同一层级。
比如,针对视图202,基于背景的尺寸在其对应的虚拟视图组件中创建一个相同尺寸的画布,然后在该画布上绘制背景颜色,再通过画布产出背景的Bitmap对象,以及,基于前景的尺寸在其对应的虚拟视图组件中创建一个相同尺寸的画布,然后在该画布上绘制文本,再通过画布产出前景的Bitmap对象。
进一步,假设视图202中的背景颜色和文本属于同一个视图(需要在研发应用程序的时候设置),那么视图202就包含一个子视图,在绘制该子视图的时候在其对应的虚拟视图组件中创建一个画布即可,然后在该画布中绘制两层,一层是背景颜色,另一层是文本,绘制完成后画布即可产出视图202的Bitmap对象(包含背景颜色和文本)。
在本公开一种优选实施例中,各个虚拟视图组件之间具有上下层级顺序;
分别对各层子视图进行绘制,得到各层子视图各自对应的子视图对象,包括:
当各层子视图中任一层级对应的子视图存在下一层级对应的子视图时,从任一层级的下一层级的至少一个虚拟视图组件中获取绘制完成得到的目标子视图对象;
在任一层级的虚拟视图组件中创建第三画布,并在第三画布中绘制各个目标子视图对象,得到任一层级对应的子视图的第一子视图对象;
当任一层级对应的子视图不存在下一层级对应的子视图时,重复执行获取各层子视图各自对应的属性信息和子视图数据,基于各个属性信息在各层子视图各自对应的虚拟视图组件中创建第一画布,并在各个第一画布中绘制各自对应的子视图数据的步骤,得到任一层级对应的子视图的第二视图对象。
具体而言,各个虚拟视图组件之间还可以具有上下层级顺序,比如,前景对应的虚拟视图组件为背景对应的虚拟视图组件的上一层;而且,系统视图组件在各个虚拟视图组件的顶层。
当各层子视图各自对应的虚拟视图组件之间具有上下层级顺序时,在绘制各层子视图时,针对任一层级的子视图,先获取该层级的下一层级的至少一个虚拟视图组件中获取绘制完成得到的目标子视图对象,再在该任一层级的虚拟视图组件中创建第三画布,并在第三画布中绘制各个目标子视图对象,得到该任一层级对应的子视图的第一视图对象。
当任一层级对应的子视图为底层的子视图时,由于底层的子视图没有下一层级对应的子视图了,所以可以获取底层的子视图的属性信息和子视图数据,并基于各个属性信息在各层子视图各自对应的虚拟视图组件中创建第一画布,并在各个第一画布中绘制各自对应的子视图数据,从而得到任一层级对应的子视图的第二视图对象。
比如,假设某视图包括A、B、C、D、E、F、G七个子视图,其中,A为B和C的上一层,B为D、E的上一层,C为F、G的上一层,当绘制A时,需要获取B和C的子视图对象,要获取B的子视图对象,则需要先获取D和E的子视图对象,而D和E没有下一层级对应的子视图,因此基于D、E的属性信息和子视图数据分别得到D的子视图对象和E的视图对象,同理得到F和G的子视图对象,然后将D和E的子视图对象传递给B的虚拟视图组件,B的虚拟视图组件创建画布,然后在该画布上绘制D和E的子视图对象,并通过该画布产出B的子视图对象,同理得到C的子视图对象,再将B和C的子视图对象传递给A的虚拟视图组件,A的虚拟视图组件创建画布,然后在该画布上绘制B和C的子视图对象,并通过该画布产出A的子视图对象。
步骤S103,基于各个子视图对象绘制得到预设视图对应的视图对象,并渲染视图对象。
在得到各个子视图对象后,即可在系统视图组件中创建画布,并基于各个子视图对象在画布中绘制得到预设视图对应的视图对象,对该视图对象进行渲染,用户即可看到该预设视图了。
在本公开一种优选实施例中,预设视图具有对应的系统视图组件;
基于各个子视图对象绘制得到预设视图对应的视图对象,并渲染视图对象,包括:
在系统视图组件中创建第二画布,并在第二画布中绘制各个子视图对象,得到预设视图对应的视图对象。
具体而言,当各个虚拟视图组件之间属于同一层级时,在系统视图组件中创建第二画布,然后在第二画布中绘制各个子视图对象,通过第二画布产出Bitmap对象,从而得到该预设视图对应的一层视图对象。
比如,假设预设视图包括M、N、K三个子视图,三个子视图各自对应的虚拟视图组件之间属于同一层级,在分别得到M、N、K三个子视图对象后,在系统视图组件中创建画布,并在该画布中绘制M、N、K的三个子视图对象,从而得到该预设视图对应的一层视图对象,然后渲染该视图对象,用户即可看到该预设视图。由于GPU渲染的一层视图对象即可,避免了过度绘制的问题,不仅大大提高了视图展示的流畅度,还大大减少了绘制的性能开销。
在本公开一种优选实施例中,基于各个子视图对象绘制得到预设视图对应的视图对象,并渲染视图对象,包括:
在系统视图组件中创建第四画布,并在第四画布中绘制各个第一子视图对象,得到预设视图对应的最终的视图对象。
具体而言,当各个虚拟视图组件之间存在上下层级顺序时,系统视图组件获取下一层级的至少一个虚拟视图对象的子视图对象,并创建画布,然后在画布中绘制各个子视图对象,从而得到该预设视图对应的一层视图对象,然后渲染该视图对象,用户即可看到该预设视图。由于GPU渲染的一层视图对象即可,避免了过度绘制的问题,不仅大大提高了视图展示的流畅度,还大大减少了绘制的性能开销。
在本公开实施例中,预先预设了继承系统视图组件的虚拟视图组件,并优化了onDraw方法,使得在绘制视图的时候,触发onDraw方法调用虚拟视图组件,而不用直接调用系统视图组件,这样,不管预设视图有多少层子视图,都可以基于虚拟视图组件进行绘制,得到多层子视图对象,再基于系统视图组件得到最终的预设视图的一层视图对象,然后通过GPU渲染这一层视图对象即可,不需要使用GPU对每一层子视图都进行绘制、渲染,避免了使用GPU重复绘制、渲染导致的性能开销过大和资源消耗过大的问题,不仅大大提高了视图展示的流畅度,还大大减少了绘制的性能开销。
进一步,从开发流程上来说,本公开实施例可以完全不变更研发人员的研发习惯,不需要改变现有代码设计,只需要在代码中同步的替换虚拟视图组件即可解决过度绘制的问题,研发人员容易接受,且不占用额外的研发时间。
图3为本公开又一实施例提供的一种视图的展示装置的结构示意图,如图3所示,本实施例的装置可以包括:
第一处理模块301,用于当接收到针对应用程序中预设视图的展示指令时,确定出预设视图包含的至少一层子视图;
第二处理模块302,用于分别对各层子视图进行绘制,得到各层子视图各自对应的子视图对象;
第三处理模块303,用于基于各个子视图对象绘制得到预设视图对应的视图对象,并渲染视图对象。
在本公开一种优选实施例中,各层子视图具有各自对应的虚拟视图组件;
第二处理模块包括:
获取子模块,用于获取各层子视图各自对应的属性信息和子视图数据;
绘制子模块,用于基于各个属性信息在各层子视图各自对应的虚拟视图组件中创建第一画布,并在各个第一画布中绘制各自对应的子视图数据,得到各自对应的子视图对象。
在本公开一种优选实施例中,预设视图具有对应的系统视图组件;
第三处理模块,具体用于:
在系统视图组件中创建第二画布,并在第二画布中绘制各个子视图对象,得到预设视图对应的视图对象。
在本公开一种优选实施例中,各个虚拟视图组件之间具有上下层级顺序;
第二处理模块具体用于:
获取子模块,还用于当各层子视图中任一层级对应的子视图存在下一层级对应的子视图时,从任一层级的下一层级的至少一个虚拟视图组件中获取绘制完成得到的目标子视图对象;
绘制子模块,还用于在任一层级的虚拟视图组件中创建第三画布,并在第三画布中绘制各个目标子视图对象,得到任一层级对应的子视图的第一子视图对象;
当任一层级对应的子视图不存在下一层级对应的子视图时,调用获取子模块、绘制子模块,得到任一层级对应的子视图的第二视图对象。
在本公开一种优选实施例中,第三处理模块,具体用于:
在系统视图组件中创建第四画布,并在第四画布中绘制各个第一子视图对象,得到预设视图对应的最终的视图对象。
在本公开一种优选实施例中,虚拟视图组件为继承系统视图组件的组件,虚拟视图组件包括线性布局、相对布局、框架布局、文本视图、图片视图中的至少一项,系统视图组件为系统的原始视图组件。
本实施例的视图的展示装置可执行本公开第一个实施例、第二个实施例所示的视图的展示方法,其实现原理相类似,此处不再赘述。
在本公开实施例中,预先预设了继承系统视图组件的虚拟视图组件,并优化了onDraw方法,使得在绘制视图的时候,触发onDraw方法调用虚拟视图组件,而不用直接调用系统视图组件,这样,不管预设视图有多少层子视图,都可以基于虚拟视图组件进行绘制,得到多层子视图对象,再基于系统视图组件得到最终的预设视图的一层视图对象,然后通过GPU渲染这一层视图对象即可,不需要使用GPU对每一层子视图都进行绘制、渲染,避免了使用GPU重复绘制、渲染导致的性能开销过大和资源消耗过大的问题,不仅大大提高了视图展示的流畅度,还大大减少了绘制的性能开销。
进一步,从开发流程上来说,本公开实施例可以完全不变更研发人员的研发习惯,不需要改变现有代码设计,只需要在代码中同步的替换虚拟视图组件即可解决过度绘制的问题,研发人员容易接受,且不占用额外的研发时间。
下面参考图4,其示出了适于用来实现本公开实施例的电子设备400的结构示意图。本公开实施例中的电子设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图4示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
电子设备包括:存储器以及处理器,其中,这里的处理器可以称为下文所述的处理装置401,存储器可以包括下文中的只读存储器(ROM)402、随机访问存储器(RAM)403以及存储装置408中的至少一项,具体如下所示:如图4所示,电子设备400可以包括处理装置(例如中央处理器、图形处理器等)401,其可以根据存储在只读存储器(ROM)402中的程序或者从存储装置408加载到随机访问存储器(RAM)403中的程序而执行各种适当的动作和处理。在RAM 403中,还存储有电子设备400操作所需的各种程序和数据。处理装置401、ROM 402以及RAM 403通过总线404彼此相连。输入/输出(I/O)接口405也连接至总线404。
通常,以下装置可以连接至I/O接口405:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置406;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置407;包括例如磁带、硬盘等的存储装置408;以及通信装置409。通信装置409可以允许电子设备400与其他设备进行无线或有线通信以交换数据。虽然图4示出了具有各种装置的电子设备400,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在非暂态计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置409从网络上被下载和安装,或者从存储装置408被安装,或者从ROM 402被安装。在该计算机程序被处理装置401执行时,执行本公开实施例的方法中限定的上述功能。
需要说明的是,本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
在一些实施方式中,客户端、服务器可以利用诸如HTTP(HyperText TransferProtocol,超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信,并且可以与任意形式或介质的数字数据通信(例如,通信网络)互连。通信网络的示例包括局域网(“LAN”),广域网(“WAN”),网际网(例如,互联网)以及端对端网络(例如,ad hoc端对端网络),以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:当接收到针对应用程序中预设视图的展示指令时,确定出所述预设视图包含的至少一层子视图;分别对各层子视图进行绘制,得到各层子视图各自对应的子视图对象;基于各个子视图对象绘制得到所述预设视图对应的视图对象,并渲染所述视图对象。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的模块或单元可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,模块或单元的名称在某种情况下并不构成对该单元本身的限定。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
根据本公开的一个或多个实施例,【示例一】提供了一种视图的展示方法,包括:
当接收到针对应用程序中预设视图的展示指令时,确定出所述预设视图包含的至少一层子视图;
分别对各层子视图进行绘制,得到各层子视图各自对应的子视图对象;
基于各个子视图对象绘制得到所述预设视图对应的视图对象,并渲染所述视图对象。
在本发明一种优选实施例中,各层子视图具有各自对应的虚拟视图组件;
所述分别对各层子视图进行绘制,得到各层子视图各自对应的子视图对象,包括:
获取各层子视图各自对应的属性信息和子视图数据;
基于各个属性信息在各层子视图各自对应的虚拟视图组件中创建第一画布,并在各个第一画布中绘制各自对应的子视图数据,得到各自对应的子视图对象。
在本发明一种优选实施例中,所述预设视图具有对应的系统视图组件;
所述基于各个子视图对象绘制得到所述预设视图对应的视图对象,并渲染所述视图对象,包括:
在所述系统视图组件中创建第二画布,并在所述第二画布中绘制各个子视图对象,得到所述预设视图对应的视图对象。
在本发明一种优选实施例中,各个虚拟视图组件之间具有上下层级顺序;
所述分别对各层子视图进行绘制,得到各层子视图各自对应的子视图对象,包括:
当各层子视图中任一层级对应的子视图存在下一层级对应的子视图时,从所述任一层级的下一层级的至少一个虚拟视图组件中获取绘制完成得到的目标子视图对象;
在所述任一层级的虚拟视图组件中创建第三画布,并在所述第三画布中绘制各个目标子视图对象,得到所述任一层级对应的子视图的第一子视图对象;
当所述任一层级对应的子视图不存在下一层级对应的子视图时,重复执行获取各层子视图各自对应的属性信息和子视图数据,基于各个属性信息在各层子视图各自对应的虚拟视图组件中创建第一画布,并在各个第一画布中绘制各自对应的子视图数据的步骤,得到所述任一层级对应的子视图的第二视图对象。
在本发明一种优选实施例中,所述基于各个子视图对象绘制得到所述预设视图对应的视图对象,并渲染所述视图对象,包括:
在所述系统视图组件中创建第四画布,并在所述第四画布中绘制各个第一子视图对象,得到所述预设视图对应的最终的视图对象。
在本发明一种优选实施例中,所述虚拟视图组件为继承所述系统视图组件的组件,所述虚拟视图组件包括线性布局、相对布局、框架布局、文本视图、图片视图中的至少一项,所述系统视图组件为系统的原始视图组件。
根据本公开的一个或多个实施例,【示例二】提供了示例一的装置,还包括:
第一处理模块,用于当接收到针对应用程序中预设视图的展示指令时,确定出所述预设视图包含的至少一层子视图;
第二处理模块,用于分别对各层子视图进行绘制,得到各层子视图各自对应的子视图对象;
第三处理模块,用于基于各个子视图对象绘制得到所述预设视图对应的视图对象,并渲染所述视图对象。
在本发明一种优选实施例中,各层子视图具有各自对应的虚拟视图组件;
所述第二处理模块包括:
获取子模块,用于获取各层子视图各自对应的属性信息和子视图数据;
绘制子模块,用于基于各个属性信息在各层子视图各自对应的虚拟视图组件中创建第一画布,并在各个第一画布中绘制各自对应的子视图数据,得到各自对应的子视图对象。
在本发明一种优选实施例中,所述预设视图具有对应的系统视图组件;
所述第三处理模块,具体用于:
在所述系统视图组件中创建第二画布,并在所述第二画布中绘制各个子视图对象,得到所述预设视图对应的视图对象。
在本发明一种优选实施例中,各个虚拟视图组件之间具有上下层级顺序;
所述第二处理模块具体用于:
所述获取子模块,还用于当各层子视图中任一层级对应的子视图存在下一层级对应的子视图时,从所述任一层级的下一层级的至少一个虚拟视图组件中获取绘制完成得到的目标子视图对象;
所述绘制子模块,还用于在所述任一层级的虚拟视图组件中创建第三画布,并在所述第三画布中绘制各个目标子视图对象,得到所述任一层级对应的子视图的第一子视图对象;
当所述任一层级对应的子视图不存在下一层级对应的子视图时,调用所述获取子模块、绘制子模块,得到所述任一层级对应的子视图的第二视图对象。
在本发明一种优选实施例中,所述第三处理模块,具体用于:
在所述系统视图组件中创建第四画布,并在所述第四画布中绘制各个第一子视图对象,得到所述预设视图对应的最终的视图对象。
在本发明一种优选实施例中,所述虚拟视图组件为继承所述系统视图组件的组件,所述虚拟视图组件包括线性布局、相对布局、框架布局、文本视图、图片视图中的至少一项,所述系统视图组件为系统的原始视图组件。
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述公开构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
此外,虽然采用特定次序描绘了各操作,但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下,多任务和并行处理可能是有利的。同样地,虽然在上面论述中包含了若干具体实现细节,但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地,在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。
尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题,但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反,上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。

Claims (10)

1.一种视图的展示方法,其特征在于,包括:
当接收到针对应用程序中预设视图的展示指令时,确定出所述预设视图包含的至少一层子视图;
分别对各层子视图进行绘制,得到各层子视图各自对应的子视图对象;
基于各个子视图对象绘制得到所述预设视图对应的视图对象,并渲染所述视图对象。
2.根据权利要求1所述的视图的展示方法,其特征在于,各层子视图具有各自对应的虚拟视图组件;
所述分别对各层子视图进行绘制,得到各层子视图各自对应的子视图对象,包括:
获取各层子视图各自对应的属性信息和子视图数据;
基于各个属性信息在各层子视图各自对应的虚拟视图组件中创建第一画布,并在各个第一画布中绘制各自对应的子视图数据,得到各自对应的子视图对象。
3.根据权利要求1所述的视图的展示方法,其特征在于,所述预设视图具有对应的系统视图组件;
所述基于各个子视图对象绘制得到所述预设视图对应的视图对象,并渲染所述视图对象,包括:
在所述系统视图组件中创建第二画布,并在所述第二画布中绘制各个子视图对象,得到所述预设视图对应的视图对象。
4.根据权利要求2所述的视图的展示方法,其特征在于,各个虚拟视图组件之间具有上下层级顺序;
所述分别对各层子视图进行绘制,得到各层子视图各自对应的子视图对象,包括:
当各层子视图中任一层级对应的子视图存在下一层级对应的子视图时,从所述任一层级的下一层级的至少一个虚拟视图组件中获取绘制完成得到的目标子视图对象;
在所述任一层级的虚拟视图组件中创建第三画布,并在所述第三画布中绘制各个目标子视图对象,得到所述任一层级对应的子视图的第一子视图对象;
当所述任一层级对应的子视图不存在下一层级对应的子视图时,重复执行获取各层子视图各自对应的属性信息和子视图数据,基于各个属性信息在各层子视图各自对应的虚拟视图组件中创建第一画布,并在各个第一画布中绘制各自对应的子视图数据的步骤,得到所述任一层级对应的子视图的第二视图对象。
5.根据权利要求3或4所述的视图的展示方法,其特征在于,所述基于各个子视图对象绘制得到所述预设视图对应的视图对象,并渲染所述视图对象,包括:
在所述系统视图组件中创建第四画布,并在所述第四画布中绘制各个第一子视图对象,得到所述预设视图对应的最终的视图对象。
6.根据权利要求1或2或3所述的视图的展示方法,其特征在于,所述虚拟视图组件为继承所述系统视图组件的组件,所述虚拟视图组件包括线性布局、相对布局、框架布局、文本视图、图片视图中的至少一项,所述系统视图组件为系统的原始视图组件。
7.一种视图的展示装置,其特征在于,包括:
第一处理模块,用于当接收到针对应用程序中预设视图的展示指令时,确定出所述预设视图包含的至少一层子视图;
第二处理模块,用于分别对各层子视图进行绘制,得到各层子视图各自对应的子视图对象;
第三处理模块,用于基于各个子视图对象绘制得到所述预设视图对应的视图对象,并渲染所述视图对象。
8.根据权利要求7所述的视图的展示装置,其特征在于,各层子视图具有各自对应的虚拟视图组件;
所述第二处理模块包括:
获取子模块,用于获取各层子视图各自对应的属性信息和子视图数据;
绘制子模块,用于基于各个属性信息在各层子视图各自对应的虚拟视图组件中创建第一画布,并在各个第一画布中绘制各自对应的子视图数据,得到各自对应的子视图对象。
9.一种电子设备,其特征在于,其包括:
处理器、存储器和总线;
所述总线,用于连接所述处理器和所述存储器;
所述存储器,用于存储操作指令;
所述处理器,用于通过调用所述操作指令,执行上述权利要求1-6中任一项所述的视图的展示方法。
10.一种计算机可读存储介质,其特征在于,所述计算机存储介质用于存储计算机指令,当其在计算机上运行时,使得计算机可以执行上述权利要求1-6中任一项所述的视图的展示方法。
CN202010707200.6A 2020-07-21 2020-07-21 视图的展示方法、装置、电子设备及计算机可读存储介质 Active CN113961280B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010707200.6A CN113961280B (zh) 2020-07-21 2020-07-21 视图的展示方法、装置、电子设备及计算机可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010707200.6A CN113961280B (zh) 2020-07-21 2020-07-21 视图的展示方法、装置、电子设备及计算机可读存储介质

Publications (2)

Publication Number Publication Date
CN113961280A true CN113961280A (zh) 2022-01-21
CN113961280B CN113961280B (zh) 2023-11-24

Family

ID=79459911

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010707200.6A Active CN113961280B (zh) 2020-07-21 2020-07-21 视图的展示方法、装置、电子设备及计算机可读存储介质

Country Status (1)

Country Link
CN (1) CN113961280B (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114895984A (zh) * 2022-05-31 2022-08-12 携程旅游信息技术(上海)有限公司 视图层级管理方法、层级管理器、电子设备和存储介质
CN116991749A (zh) * 2023-09-28 2023-11-03 厦门她趣信息技术有限公司 一种视图渲染问题排查方法、系统、设备及存储介质

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108389151A (zh) * 2018-01-08 2018-08-10 珠海金山网络游戏科技有限公司 一种过度绘制的评估方法和系统
CN110402415A (zh) * 2017-03-17 2019-11-01 奇跃公司 记录增强现实数据的技术
CN111309583A (zh) * 2018-12-11 2020-06-19 网易(杭州)网络有限公司 界面过度绘制检测方法和装置

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110402415A (zh) * 2017-03-17 2019-11-01 奇跃公司 记录增强现实数据的技术
CN108389151A (zh) * 2018-01-08 2018-08-10 珠海金山网络游戏科技有限公司 一种过度绘制的评估方法和系统
CN111309583A (zh) * 2018-12-11 2020-06-19 网易(杭州)网络有限公司 界面过度绘制检测方法和装置

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114895984A (zh) * 2022-05-31 2022-08-12 携程旅游信息技术(上海)有限公司 视图层级管理方法、层级管理器、电子设备和存储介质
CN116991749A (zh) * 2023-09-28 2023-11-03 厦门她趣信息技术有限公司 一种视图渲染问题排查方法、系统、设备及存储介质
CN116991749B (zh) * 2023-09-28 2024-01-16 厦门她趣信息技术有限公司 一种视图渲染问题排查方法、系统、设备及存储介质

Also Published As

Publication number Publication date
CN113961280B (zh) 2023-11-24

Similar Documents

Publication Publication Date Title
CN109460233B (zh) 页面的原生界面显示更新方法、装置、终端设备及介质
CN113191726B (zh) 任务详情界面展示方法、装置、设备和计算机可读介质
CN110070496B (zh) 图像特效的生成方法、装置和硬件装置
CN111291244B (zh) 房源信息展示方法、装置、终端及存储介质
CN110688829A (zh) 表格生成方法、装置、设备及存储介质
CN111459364B (zh) 图标更新方法、装置和电子设备
CN110874172B (zh) 放大app界面的方法、装置、介质及电子设备
CN111796825B (zh) 一种弹幕的绘制方法、装置、设备和存储介质
CN111324376B (zh) 功能配置方法、装置、电子设备及计算机可读介质
CN113961280B (zh) 视图的展示方法、装置、电子设备及计算机可读存储介质
CN111324834B (zh) 图文混排的方法、装置、电子设备及计算机可读介质
CN110647369B (zh) 页面动态显示的方法、装置、移动终端及存储介质
CN111258582B (zh) 一种窗口渲染方法、装置、计算机设备及存储介质
CN110427584A (zh) 页面生成方法、装置、电子设备及计算机可读存储介质
CN112004049B (zh) 双屏异显方法、装置和电子设备
CN111338827B (zh) 表格数据的粘贴方法、装置以及电子设备
CN114489910A (zh) 一种视频会议数据显示方法、装置、设备及介质
CN111290812B (zh) 应用控件的显示方法、装置、终端及存储介质
CN111199519B (zh) 特效包的生成方法和装置
CN114090938A (zh) 页面处理方法及设备
CN113296771A (zh) 页面显示方法、装置、设备和计算机可读介质
CN112256173A (zh) 电子设备的窗口显示方法、装置、终端和存储介质
CN112445478A (zh) 图形文件的处理方法、装置、设备及介质
CN117315172B (zh) 地图页面配置方法、装置、电子设备与计算机可读介质
US12020347B2 (en) Method and apparatus for text effect processing

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
CB02 Change of applicant information

Address after: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Applicant after: Tiktok vision (Beijing) Co.,Ltd.

Address before: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Applicant before: BEIJING BYTEDANCE NETWORK TECHNOLOGY Co.,Ltd.

Address after: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Applicant after: Douyin Vision Co.,Ltd.

Address before: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Applicant before: Tiktok vision (Beijing) Co.,Ltd.

CB02 Change of applicant information
GR01 Patent grant
GR01 Patent grant