CN113900758A - 内容显示方法、装置、计算机设备和计算机可读存储介质 - Google Patents

Abstract

本申请实施例公开了内容显示方法、装置、计算机设备和计算机可读存储介质；根据预设条件获取至少一个重绘指令，所述重绘指令用于确定所述图形用户界面中的待重绘子区域；根据所述重绘指令，确定每个所述重绘指令对应的所述待重绘子区域；确定待重绘区域，所述待重绘区域包括所有所述待重绘子区域；对所述待重绘区域进行重绘，得到重绘后画面；显示所述重绘后画面。在本申请实施例中通过确定重绘指令对应的待重绘子区域，得到包括所有待重绘子区域的待重绘区域，因此能够将多个区域的重绘操作融合成对待重绘区域的一次重绘操作，减少了重绘次数，也避免对显示区域频繁地重复重绘操作，以便降低计算机资源消耗，避免引起卡顿。

Description

内容显示方法、装置、计算机设备和计算机可读存储介质

技术领域

本申请涉及互联网技术领域，具体涉及内容显示方法、装置、计算机设备和计算机可读存储介质。

背景技术

随着互联网技术的发展，终端页面显示区域的和画面通常是基于渲染树绘制得到，当渲染树中的一些元素需要更新属性，而这些属性只是影响元素的外观、风格，而不会影响布局的，则称之为重绘。通常每一次更新元素属性都要进行一次重绘，需要大量频繁的计算过程，是当前面临的重大技术问题。

发明内容

本申请实施例提供内容显示方法、装置、计算机设备和计算机可读存储介质，通过确定重绘指令对应的待重绘子区域，得到包括所有待重绘子区域的待重绘区域，因此能够将多个区域的重绘操作融合成对待重绘区域的一次重绘操作，减少了重绘次数，也避免对显示区域频繁地重复重绘操作，以便降低计算机资源消耗，避免引起卡顿。

本申请实施例提供一种内容显示方法，包括：根据预设条件获取至少一个重绘指令，所述重绘指令用于确定所述图形用户界面中的待重绘子区域；根据所述重绘指令，确定每个所述重绘指令对应的所述待重绘子区域；确定待重绘区域，所述待重绘区域包括所有所述待重绘子区域；对所述待重绘区域进行重绘，得到重绘后画面；显示所述重绘后画面。

本申请实施例还提供一种内容显示装置，包括：获取单元，用于根据预设条件获取至少一个重绘指令，所述重绘指令用于确定所述图形用户界面中的待重绘子区域；第一确定单元，用于根据所述重绘指令以及所述待处理内容画面，确定每个所述重绘指令对应的待重绘子区域；第二确定单元，用于确定待重绘区域，所述待重绘区域包括所有所述待重绘子区域；重绘单元，用于对所述待重绘区域进行重绘，得到重绘后画面；显示单元，用于显示所述重绘后画面。

本申请实施例还提供一种计算机设备，包括存储器存储有多条指令；所述处理器从所述存储器中加载指令，以执行本申请实施例所提供的任一种内容显示方法中的步骤。

本申请实施例还提供一种计算机可读存储介质，所述计算机可读存储介质存储有多条指令，所述指令适于处理器进行加载，以执行本申请实施例所提供的任一种内容显示方法中的步骤。

本申请实施例可以根据预设条件获取至少一个重绘指令，所述重绘指令用于确定所述图形用户界面中的待重绘子区域；根据所述重绘指令，确定每个所述重绘指令对应的所述待重绘子区域；确定待重绘区域，所述待重绘区域包括所有所述待重绘子区域；对所述待重绘区域进行重绘，得到重绘后画面；显示所述重绘后画面。以此，通过确定重绘指令对应的待重绘子区域，得到包括所有待重绘子区域的待重绘区域，因此能够将多个区域的重绘操作融合成对待重绘区域的一次重绘操作，减少了重绘次数，也避免对显示区域频繁地重复重绘操作，以便降低计算机资源消耗，避免引起卡顿。

附图说明

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

图1是本申请实施例提供的内容显示系统的场景示意图；

图2是本申请实施例提供的内容显示方法的流程示意图；

图3是本申请另一个实施例提供的内容显示方法的流程示意图；

图4是本申请实施例提供的直播间频道列表的待处理内容画面的示意图；

图5是本申请实施例提供的内容显示方法中确定显示子内容的流程示意图；

图6是本申请实施例提供的直播间频道列表的示意图；

图7合本申请实施例提供的内容显示方法中合并待重绘子区域的示意图；

图8是本申请实施例提供的内容显示方法中确定每个重绘指令对应的待重绘子区域的流程示意图；

图9是本申请实施例提供的内容显示装置的结构示意图；

图10是本申请实施例提供的计算机设备的结构示意图。

具体实施方式

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

在对本申请实施例进行详细地解释说明之前，先对本申请实施例涉及到的一些名词进行解释说明。

其中，终端页面由多个文档对象模型(Document Object Model，简称：DOM)元素构成，可以对DOM元素(节点)进行，如添加页面上的元素、移除页面上的元素、改变页面上的元素、重排页面上的元素等行为。

DOM树是由DOM节点组成的一颗树，包含可见节点和不可见节点。

渲染树(render tree)是基于DOM树建立起来的新的一棵树，由可见元素组成，它是文档的可视化表示。通过对渲染树上对每个节点进行布局处理，计算出每一个元素的大小和位置，确定其在屏幕上的位置，通过遍历渲染树将实际的像素显示到屏幕上。

重绘，当渲染树中的一些元素需要更新属性，会相应内容到页面中，而这些属性只是影响元素的外观、风格，而不会影响布局的，比如背景色。

本申请实施例提供内容显示方法、装置、计算机设备和计算机可读存储介质。

其中，该内容显示装置具体可以集成在电子设备中，该电子设备可以为终端、服务器等设备。其中，终端可以为手机、平板电脑、智能蓝牙设备、笔记本电脑、或者个人电脑(Personal Computer，PC)等设备；服务器可以是单一服务器，也可以是由多个服务器组成的服务器集群。

在一些实施例中，该内容显示装置还可以集成在多个电子设备中，比如，内容显示装置可以集成在多个服务器中，由多个服务器来实现本申请的内容显示装置方法。再比如，内容显示装置可以集成在服务器以及终端中，由服务器以及终端共同实现本申请的内容显示装置方法。

在一些实施例中，服务器也可以以终端的形式来实现。

例如，参考图1，在一些实施方式中，提供了一种内容显示系统的场景示意图，该系统可以实现内容显示方法。该内容显示系统可以包括终端1000、服务器2000以及网络3000，服务器2000与终端1000可通过网络3000进行数据交互。

其中，服务器用于根据预设条件获取至少一个重绘指令，重绘指令用于确定图形用户界面中的待重绘子区域；根据重绘指令，确定每个重绘指令对应的待重绘子区域；确定待重绘区域，待重绘区域包括所有待重绘子区域；对待重绘区域进行重绘，得到重绘后画面；显示重绘后画面。其中，终端用于显示重绘后画面。其中，网络用于服务器与终端之间的数据传输，网络3000可以是无线网络或者有线网络，比如无线网络为无线局域网(WLAN)、局域网(LAN)、蜂窝网络、2G网络、3G网络、4G网络、5G网络等。

以下分别进行详细说明。需说明的是，以下实施例的序号不作为对实施例优选顺序的限定。

在本实施例中，提供了一种基于内容显示方法，通过图形用户界面显示待处理内容画面，如图2所示，该内容显示方法的具体流程可以如下：

在步骤110之前可以包括步骤：确定待处理内容画面。

其中，图形用户界面是指采用图形方式显示的计算机操作用户界面，待处理内容是指用于绘制待处理内容画面的内容，可以对待处理内容的部分或全部内容进行绘制并显示，待处理内容可以为文字数据、图片数据、动画数据、文字数据和图片数据的组合，文字数据和动画数据的组合，图片数据和动画数据的组合，等等。

待处理内容画面是指对待处理内容中的部分或全部内容进行绘制后得到的画面，待处理内容画面在图形用户界面的部分或全部显示区域中显示。在步骤确定待处理内容画面之后还可以包括步骤：显示待处理内容画面。

在一些实施方式中，待处理内容包括至少一个子内容，确定待处理内容画面可以包括步骤1.1～1.2，如下：

1.1、将待处理内容中满足预设显示条件的子内容确定为待显示子内容；

1.2、对所有待显示子内容进行绘制，得到待处理内容的待处理内容画面。

其中，预设显示条件是指预先设置的用来对待处理内容中的任意一个子内容进行判断的条件，其中判断结果为显示或不显示，显示子内容为判断结果为显示的子内容。例如预设显示条件可以为根据子内容的更新时间进行判断，对更新时间位于前n的子内容的判断结果为显示，其他则为不显示，n为正整数，预设显示条件也可以为对待处理内容设置的绘制区域，位于绘制区域内的子内容为显示子内容。在一些实施方式中，可以根据实际需要设置或调整预设显示条件，例如，在实际应用场景中，当用户在终端页面调整显示区域尺寸时，改变预设显示条件，如根据调整的比例等比增大或减小n的取值。

其中，子内容是指待处理内容中能够进行渲染的单位内容，例如依据待处理内容构建DOM树，子内容可以为DOM树中的一个DOM节点，如当待处理内容为列表显示的内容时，子内容为列表中的一个条目。

其中，绘制是指将显示子内容渲染得到显示设备可以输出的格式，即输出待处理内容画面。也即待处理内容画面是以图像的形式展示待处理内容中的显示子内容，待处理内容画面的内容与显示子内容对应。

在一些实施方式中，待处理内容包括至少一个子内容，在确定待处理内容画面之后可以包括步骤2.1，如下：

2.1、将待处理内容中与待处理内容画面对应的子内容确定为显示子内容。

其中，显示子内容是指与待处理内容画面的子画面对应的子内容。由于待处理内容画面包括多个子画面，一个子画面是由待处理内容中的一个子内容绘制而成，因此在每一个子画面都能在待处理内容中找到与其对应的子内容，该子内容为显示子内容。

当待处理内容中的子内容发生变化时，可以通过判断子内容是否为显示子内容，确定是否进行重绘操作，或进行哪种重绘操作，提高数据处理效率。例如，在将非显示子内容的子内容发生变化时，若该变化不影响显示子内容对应的画面在待处理内容画面中的位置，则不进行重绘操作，例如当将非显示子内容的替换为新的子内容时，不需要进行重绘。因此，在子内容发生变化，根据子内容的特性(是否为显示子内容)，确定是否有必要生成重绘指令。

在一些实施方式中，待处理内容中的子内容按照预设排序规则排列，步骤2.1可以包括步骤2.1.1～2.1.3，如下：

2.1.1、根据待处理内容画面的位置，确定首位子画面的坐标位置以及末位子画面的坐标位置；

2.1.2、确定首位子画面的坐标位置对应的首位显示子内容的位置，以及末位子画面的坐标位置对应的末位显示子内容的位置；

2.1.3、将首位显示子内容至末位显示子内容确定为显示子内容。

其中，预设排序规则是指预先设置的用于子内容排序的规则，比如，按照更新时间先后将所有子内容进行排序，此时待处理内容可以为列表形式。预设排序规则可以根据实际需要设置或调整。

其中，待处理内容画面的位置可以为待处理内容画面在页面的坐标位置，可以包括但不限于待处理内容画面边框坐标位置(如顶部、底部、或侧边)，或待处理内容画面中子画面的在页面的坐标位置，等等。

其中，首位显示子内容以及末位显示子内容分别指所有显示子内容中的第一个子内容和最后一个子内容。首位显示子内容以及末位显示子内容的位置可以为首位显示子内容以及末位显示子内容在待处理内容中的所有子内容组成的排列中的坐标位置，通过该坐标位置可以直接获取对应的子内容。首位显示子内容以及末位显示子内容的位置也可以为首位显示子内容以及末位显示子内容在待处理内容中的所有子内容中的位次(编号)。

例如，当首位显示子内容以及末位显示子内容的位置为坐标位置时，通过待处理内容画面的坐标位置获取待处理内容画面首尾坐标(viewStartX,viewStartY)、(viewEndX,viewEndY)，在对待处理内容进行绘制得到待处理内容画面时对待处理内容画面的坐标系与列表的坐标系建立有映射关系，因此能依据映射关系将首尾坐标转换到列表的坐标(listStartX,listStartY)、(listEndX,listEndY)，通过该列表坐标位置则可以获取对应的首位显示子内容以及末位显示子内容。

例如，对待处理内容画面的坐标系与列表的坐标系建立映射关系时，映射关系还包括子画面与列表显示子内容的位次(编号)的映射关系，因此当渲染形成当首位显示子内容以及末位显示子内容的位置为位次(编号)时，可以依据映射关系将首尾坐标转换为位次(编号)，通过该位次(编号)可以获取对应的首位显示子内容以及末位显示子内容。此时，列表中子内容的位次(编号)与其在列表的坐标位置存在对应关系。

在所有子内容都为按顺序排列的子内容时，确定首位和末位显示子内容位置后，就可以快速将两者之间的子内容确定为显示子内容，提高确定所有显示子内容的效率。同时，通过待处理内容画面的坐标位置一步步确定首位和末位显示子内容位置，也即是依据待处理内容画面的大小以及位置来确定，当待处理内容画面的区域尺寸发生改变使得显示子内容发生变化时，能快速从画面变化得到变化后的显示内容，提高数据处理效率。

在一些实施方式中，在步骤2.1.1之前可以包括步骤，如下：2.1.0、根据预设排序规则，确定待处理内容中所有子内容的编号；步骤2.1.3可以包括步骤2.1.3.1～2.1.3.2，如下：

2.1.3.1、根据首位显示子内容的位置获取首位显示子内容的编号，以及根据末位显示子内容的位置获取末位显示子内容的编号；

2.1.3.2、确定显示子内容，显示子内容的编号在首位显示子内容的编号至末位显示子内容的编号的范围内。

其中，根据预设排序规则对待处理内容中的所有子内容进行编号，比如按照更新先后顺序，将所有子内容从1开始编号，此时待处理内容可以通过列表形式展示所有子内容。

当首位显示子内容以及末位显示子内容的位置为坐标位置时，步骤2.1.3.1中先根据坐标位置确定首位显示子内容以及末位显示子内容，再获取首位显示子内容以及末位显示子内容以及其编号。当首位显示子内容以及末位显示子内容的位置为其待处理内容中的位次(编号)时，步骤2.1.3.1中可以将首位显示子内容以及末位显示子内容的位置为其待处理内容中的位次(编号)作为首位显示子内容以及末位显示子内容的编号。

在一些实施方式中，按照更新时间顺序确定所有子内容的编号为1～100，在确定首位显示子内容以及末位显示子内容的位置后，根据该坐标位置在待处理内容中找到对应的首位显示子内容以及末位显示子内容，获取首位显示子内容以及末位显示子内容的编号分别为1和30，并遍历所有子内容，将所有子内容的编号与首位显示子内容以及末位显示子内容的编号进行比较，将编号大于等于1小于等于30的子内容(也即第1～30个子内容)确定为显示子内容。

在一些实施方式中，显示子内容为具有可见性标记。在一些实施方式中，步骤2.1、步骤2.1.3以及2.1.0中确定显示子内容可以包括对显示子内容进行可见性标记。

通过对所有子内容进行编号，只需要对所有子内容遍历两次就能确定显示子内容，第一次是对所有子内容进行编号，第二次是将所有子内容的编号与首尾子内容编号进行比较，能快速完成确定显示子内容的过程，提高数据处理效率。

在一些实施方式中，在步骤110之前可以包括步骤3.1～3.2：

3.1、获取更新指令，更新指令用于更新待处理内容；

3.2、根据更新指令生成重绘指令，更新指令与重绘指令一一对应。

其中，更新指令是指对待处理内容中的子内容进行更新的指令，可以包括替换、增加或删除的指令，等等。更新指令可以由用户操作或行为触发生成，也可以为预设的指令。更新后的待处理内容是根据更新指令对处理内容的子内容更新后得到的待处理内容。

其中，重绘指令可以为当待处理内容画面对应的子内容发送改变时，确定待处理内容画面需要重绘区域的指令。在更新指令对待处理内容中的指令进行更新，导致待处理内容画面对应的子内容发生改变后，会生成重绘指令。例如，根据更新指令生成重绘指令可以为由更新指令触发了确定待重绘子区域的操作。步骤3.1～3.2可以在确定待处理内容画面之后。

需要说明的是，在一些实施方式中，并不是所有的更新指令都会生成重绘指令，例如，如前文，当将非显示子内容的替换为新的子内容时，不需要进行重绘，因此不会生成重绘指令。在一些实施方式中，更新指令为对待处理内容中的显示子内容进行更新的指令。

在一些实施方式中，在步骤3.1可以包括：响应于更新指令，更新待处理内容，得到更新后的待处理内容。

若采用延迟更新，即收到的数据变更通知消息添加到一个队列，然后定时处理队列中的更新通知消息，能在一定程度上控制单位时间内的更新以及重绘次数，但由于延迟的原因会导致界面重绘滞后，这种滞后可能会导致数据错误，例如待处理内容画面中的子画面对应的子内容已经被删除了或者相关的属性发生变更，因此在重绘过程中可能会出现错误提示。而采用本申请实施例的方法在收到更新指令时立即更新待处理内容的数据，但将多次重绘操作合并为一次，不仅能减少重绘次数，也能避免数据错误。

110、根据预设条件获取至少一个重绘指令，重绘指令用于确定图形用户界面中的待重绘子区域。

其中，预设条件可以为获取一段时间内的重绘指令，也可以为获取一定数量的重绘指令。例如，每隔5分钟进行一次获取操作，获取5分钟内的重绘指令。

在一些实施方式中，待处理内容画面与待处理内容中的多个子内容对应，当其中一个子内容发生改变时，重绘指令可以为对该子内容的进行重绘的指令，也即重绘指令与该子内容对应。

通过预设条件，能够获取满足预设条件的一批次重绘指令，以将多次重绘合并为一次。

120、根据重绘指令以及待处理内容画面，确定每个重绘指令对应的待重绘子区域。

其中，待重绘子区域是指在图形用户界面中待重绘画面对应的显示区域，待重绘子区域可以为当待处理内容画面对应的子内容发送改变时，基于重绘指令对待处理内容画面进行重绘的区域，也可以说是待处理内容画面中会相应变化的区域。例如，也可以为待处理内容画面中由于该子内容变化而会发生变化的区域，例如当将该子内容替换为另一子内容时，待处理内容画面中可能只有子内容对应的区域会发生变化，因此待重绘区域可以为待处理内容画面中与该子内容对应的区域，当增加该子内容或删除该子内容时，该子内容对应的区域及其附近的区域都可能因排版改变而发生变化，因此待重绘区域为子内容对应的区域及其附近的区域。例如，当待处理内容中的子内容按预设排序规则排序时，从待处理内容中确定与待重绘画面对应的子内容，待重绘子区域可以表示为这些子内容的编号。

在一些实施方式中，待处理内容画面包括至少一个子画面，待重绘子区域为在图形用户界面中从第一子画面至第二子画面的显示区域，第一子画面以及第二子画面为根据每个重绘指令的指令内容确定的画面。

其中，第一子画面与第二子画面分别表示由重绘指令确定的待重绘画面的首位子画面以及末位子画面。末位子画面是指按照处理内容画面中子画面排序规则确定的最后一个子画面。其中，第一子画面以及第二子画面可以通过重绘指令对应的子画面确定，例如，重绘指令包含重绘子画面1至子画面30的所有内容，则可以将子画面1作为第一子画面，子画面30作为第二子画面，等等。

在一些实施方式中，待处理内容画面包括至少一个子画面，步骤120可以包括步骤4.1～4.2，如下：

4.1、根据每个重绘指令，从待处理内容画面中确定每个重绘指令对应的待重绘画面，待重绘画面包括至少一个子画面；

4.2、根据每个重绘指令对应的待重绘画面，确定图形用户界面中每个重绘指令对应的待重绘子区域。

由于更新指令操作可能会导致更新指令对应的子内容以外的其他子内容发生变化，因此需要确定所有要重绘的子内容对应的子画面，在根据重绘得到待重绘画面后，可以根据待重绘画面在待处理内容画面中的位置，确定待重绘子区域。例如，待处理内容画面包括子画面1至子画面30，待重绘画面包括子画面20～子画面30，将待重绘子区域确定为子画面20～子画面30在待处理内容画面中的位置，其中，位置可以为子画面20～子画面30在待处理内容画面布局中的位置，当待处理内容为按列表排序显示的内容时，位置可以为子画面20～子画面30在列表排序中的编号，也即待重绘子区域可以表示为子画面20～子画面30的编号。例如，在步骤2.1.0中对待处理内容中的所有子内容进行了编号后，此处列表排序可以为所有子内容的排序，由于子画面与显示子内容一一对应，因此可以将显示子内容的编号作为子画面的编号，一次不需要对子画面重新进行编号。

通过将待重绘画面所在的位置作为待重绘区域，依据待重绘区域而非画面内容进行重绘，即使重绘前后画面内容发生了变化，该区域对应的画面位置也不会变化，因此能保证重绘前后重绘画面的位置属性没有改变。

在一些实施方式中，步骤4.1可以包括步骤4.1.1～4.1.2，如下：

4.1.1、根据每个重绘指令确定第一子画面以及第二子画面；

4.1.2、将第一子画面至第二子画面确定为每个重绘指令对应的待重绘画面；

步骤4.2可以包括步骤4.2.1，如下：

4.2.1、将图形用户界面中从第一子画面至第二子画面的显示区域确定为每个重绘指令对应的待重绘子区域。

其中，显示区域是指图形用户界面中的全部或部分区域，第一子画面至第二子画面的显示区域是指在图形用户界面中的包含从第一子画面至第二子画面所有画面的区域，从第一子画面至第二子画面的显示区域位于待处理内容画面所在的显示区域内。

在一些实施方式中，待处理内容包括至少一个显示子内容，为了获得所有需要重绘的画面，步骤4.1.1可以包括步骤4.1.1.1～4.1.1.3，如下：

4.1.1.1、确定每个重绘指令对应的更新指令；

4.1.1.2、将待处理内容中与更新指令对应的显示子内容确定为目标子内容；

4.1.1.3、根据更新指令以及目标子内容，从待处理内容画面中确定第一子画面以及第二子画面。

其中，目标子内容是与更新指令对应的子内容，该更新指令为更新该目标子内容的指令。目标子画面是与目标子内容对应的子画面，当目标子内容变化时，目标子画面也会发生变化，需要重绘。待重绘画面是指待处理内容画面中所有要重绘的画面，包括但不限于目标子画面。

其中，子画面是指对待处理内容中的待处理内容画面渲染得到的单位画面，例如依据待处理内容构建渲染树，显示子内容可以为渲染树中的一个节点，子画面为对该节点渲染得到的画面，如当待处理内容为列表显示的内容时，子淮安为列表中的一个条目渲染得到的画面。其中步骤4.1.2中确定的待重绘画面是指与该更新指令对应的重绘指令的对应的待重绘画面，在确定每个更新指令后，对每个更新指令执行步骤4.1.1.1～4.1.1.3以及4.1.2，因此能够得到每个更新指令对应的重绘指令的对应的待重绘画面，即每个重绘指令的对应的待重绘画面。

由于不同更新指令内容可能会导致不止目标子内容对应的画面需要重绘，因此通过更新指令，一步步确定与其对应的显示子内容、子画面，再结合更新指令的内容，能够获取所有需要重绘的画面，即待重绘画面。在一些实施方式中，由于不同更新指令内容可能会导致不止该子内容对应的画面需要重绘，因此还要进一步确定所有需要重绘的画面，以获取对所有要重绘画面进行重绘的指令。

在一些实施方式中，待处理内容中的显示子内容按照预设排序规则排列，更新指令包括对待处理内容中的显示子内容进行替换、增加或删除的指令，步骤4.1.1.3可以包括步骤4.1.1.3.1～4.1.1.3.3，如下：

4.1.1.3.1、将待处理内容画面中与目标子内容对应的子画面确定为第一子画面；

4.1.1.3.2、当更新指令为对待处理内容中的目标子内容进行替换的指令时，将第一子画面确定为第二子画面；

4.1.1.3.3、当更新指令为对待处理内容中的目标子内容进行增加或删除的指令时，将末位子画面确定为第二子画面。

其中，增加指令是指在目标子内容之前增加子内容，增加后该目标子内容在排序序列中后移一位。删除指令是指删除目标子内容，删除后该目标子内容后的所有子内容在排序序列中前一位。当第一子画面和第二子画面为同一子画面时，待重绘画面即为第一子画面(第二子画面)对应的子画面。

在一些实施方式中，步骤4.1.3.2中将第一子画面确定为第二子画面后，步骤4.1.2可以包括步骤：将目标子内容确定为待重绘内容，待重绘内容用于重绘待重绘画面；根据待重绘内容确定待重绘画面，待重绘画面为第二子画面。

在一些实施方式中，步骤4.1.3.3中将末位子画面确定为第二子画面后，步骤4.1.2可以包括步骤：将目标子内容至末位显示子内容确定为待重绘内容，待重绘内容用于重绘待重绘画面；根据待重绘内容确定待重绘画面，待重绘画面为第一子画面至末位子画面。

在对目标子内容进行替换时，位于该目标子内容前后的子内容位置及内容都不会发生变化，因此只对该目标子内容进行重绘。当增加或删除时，位于该目标子内容前的子内容位置及内容都不会发生变化，但其后的会发生变化，因此对该目标子内容对应画面及其后的画面进行绘制。

由于待处理内容画面中的子画面与待处理内容中的显示子内容一一对应，因此能够确定与待重绘内容的子内容一一对应的子画面，与待重绘内容中的所有子内容一一对应的所有子画面即是待重绘画面。

通过针对不同指令内容确定不同范围的待重绘画面，能根据不同情景对待处理内容画面进行最小范围的重绘。

130、确定待重绘区域，待重绘区域包括所有待重绘子区域。

在一些实施方式中，步骤130可以包括步骤5.1～5.2，如下：

5.1、根据所有待重绘子区域，获取子画面集，子画面集包括位于所有待重绘子区域中的子画面；

5.2、根据子画面集，确定待重绘区域。

通过获取所有待重绘子区域内的所有子画面，得到包含这些子画面的集合，待重绘区域可以为这些子画面所在的区域。在一些实施方式中，步骤4.1包括：获取所有待重绘子区域内的所有子画面，将所有子画面中重复的子画面删除，得到子画面集。在一些实施方式中，子画面集中保存的是子画面的名称以及编号。在一些实施方式中，子画面集中保存的是子画面的编号，待重绘区域可以表示为子画面集中所有子画面对应的编号。

通过所有子画面得到一个子画面集，以实现整合所有要重绘的子画面，并根据整合得到的内容确定出一个总的重绘区域。

在一些实施方式中，为了确定待重绘区域在待处理内容画面中的具体位置，步骤5.2可以包括步骤5.2.1～5.2.2，如下：

5.2.1、根据子画面集，确定显示位置集，显示位置集包括子画面集中所有子画面在待处理内容画面中的位置；

5.2.2、根据显示位置集，确定待重绘区域。

通过获取子画面集中所有子画面在待处理内容画面中的位置，将这些位置作为待重绘区域的区域位置，使得目标重绘区域与所有要重绘的画面位置对应。通过获取所有子画面的位置，在一些实施方式中，子画面在待处理内容画面中的位置可以表示为子画面在待处理内容画面中的位次，可以以子画面的编号进行表示。由于子画面与待处理内容中的显示子内容一一对应，子画面的编号以显示子内容表示，也即子画面在待处理内容画面中的位置可以表示为对应显示子内容的编号。

140、对待重绘区域进行重绘，得到重绘后画面。

在一些实施方式中，步骤140可以包括步骤6.1～6.3，如下：

6.1、将位于待重绘区域中的子画面确定为目标子画面；

6.2、将更新后的待处理内容中与目标子画面对应的子内容确定为待重绘子内容，更新后的待处理内容为根据更新指令对待处理内容更新得到的内容，更新后的待处理内容包括至少一个子内容；

6.3、根据待重绘子内容对待重绘区域进行重绘，得到重绘后画面。

其中，重绘后的画面可以包括对待处理内容画面中待重绘区域进行重绘的画面以及待处理内容画面中未重绘的画面。

其中，更新后的待处理内容可以在步骤3.1获取更新指令时得到。当获取至少一个重绘指令时，更新后的待处理内容为基于该至少一个重绘指令对应的所有更新指令，更新得到的待处理内容。在一些实施方式中，更新后的待处理内容可以在步骤130之后，步骤6.3之前进行，例如，在步骤130之后，步骤6.3之前可以包括步骤：6.2.1、根据待重绘区域确定待处理内容中的待更新区域，待更新区域为与待重绘区域对应的区域；6.2.2、根据更新指令，更新待更新区域内的子内容，得到更新后的待处理内容。

其中，目标子画面为待处理内容画面中位于待重绘区域中的子画面。待重绘子内容是指在更新后的待处理内容中与目标子画面对应的子内容，该子内容与该目标子画面对应的显示子内容位于所有子内容排序中的相同位次，也即该子内容与该显示子内容的编号相同。

在一些实施方式中，步骤6.2可以通过目标子画面或显示子内容的编号，在更新后的待处理内容中查找该编号对应的子内容，作为待重绘子内容。

在一些实施方式中，步骤6.3可以包括步骤6.3.1～6.3.2，如下：

6.3.1、将更新后的待处理内容中与待显示内容的编号对应的子内容作为待重绘子内容。

6.3.2、根据待重绘子内容对待重绘区域进行重绘，得到重绘后画面。

在一些实施方式中，在步骤5.1之前可以包括步骤，如下：响应于更新指令，更新待处理内容，得到更新后的待处理内容。

由于待重绘子画面不仅可以为更新指令对应的子画面，也可以为其他需要重绘的子画面，通过待重绘子画面确定待重绘子内容，能够确定所有重绘过程中要调用的子内容。

150、显示重绘后画面。

可以通过具有屏幕的终端显示重绘后的画面，该终端也可以用于显示待处理内容画面。本申请实施例的方法可以集成在终端中，可以通过终端执行所有步骤，也可以集成在服务器以及终端中，可以由服务器执行步骤110～140，终端执行步骤150。

本申请实施例通过确定重绘指令对应的待重绘子区域，得到包括所有待重绘子区域的待重绘区域，因此能够将多个区域的重绘操作融合成对待重绘区域的一次重绘操作，减少了重绘次数，也避免对显示区域频繁地重复重绘操作，以便降低计算机资源消耗，避免引起卡顿。此外，还对显示区域对应的子内容确定为显示子内容，当待处理内容中的子内容发生变化时，可以通过判断子内容是否为显示子内容，确定是否进行重绘操作，或进行哪种重绘操作，提高数据处理效率。

此外，本申请实施例提供的内容显示方案可以应用在各种场景中。比如，以直播场景为例，可以将本申请实施例提供的内容显示方案应用在直播间频道列表显示中。由于频道列表中的内容都是按照预设排序规则排列，在确定显示子内容过程中，先确定首位和末位显示子内容位置，以此可以快速将两者之间的子内容确定为显示子内容，提高确定所有显示子内容的效率。同时，通过待处理内容画面的坐标位置一步步确定首位和末位显示子内容位置，也即是依据待处理内容画面的大小以及位置来确定，当待处理内容画面的区域尺寸发生改变使得显示子内容发生变化时，能快速从画面变化得到变化后的显示内容，提高数据处理效率。

根据上述实施例所描述的方法，以下将作进一步详细说明。

在本实施例中，将以应用在直播间频道列表为例，对本申请实施例的方法进行详细说明。

如图3所示，一种内容显示方法具体流程如下：

210、确定待处理内容画面。

直播间频道列表包括按照列表形式排列的多个节点，也即前述实施例中的子内容，节点可以包括频道节点和用户节点中的至少一个。根据预设显示条件确定直播间频道列表的绘制区域，对直播间频道列表中位于绘制区域中要显示的节点进行绘制，一般而言，一个节点绘制得到一个子画面，所有绘制得到的子画面组成待处理内容画面，待处理内容画面中的子画面相当于多个节点，与频道列表中要显示的节点一一对应。当绘制区域发生变化时，譬如被拉伸、滚动频道列表时要重新对绘制区域内的节点进行绘制，得到新的待处理内容画面，如图4所示，展示了直播间频道列表的待处理内容画面，其中在当前直播间中展示了列表中的7个节点对应的子画面。

220、将待处理内容中与待处理内容画面对应的子内容确定为显示子内容。

如图5所示，步骤220可以包括步骤221～225，如下：

221、根据预设排序规则，确定待处理内容中所有子内容的编号。

222、根据待处理内容画面的坐标位置，确定首位子画面的坐标位置以及末位子画面的坐标位置。

223、确定首位子画面的坐标位置对应的首位显示子内容的位置，以及末位子画面的坐标位置对应的末位显示子内容的位置。

224、根据首位显示子内容的位置获取首位显示子内容的编号，以及根据末位子内容的位置获取末位显示子内容的编号。

225、确定显示子内容，显示子内容的编号在首位显示子内容的编号至末位显示子内容的编号的范围内。

一个人气火爆的直播间频道数量和用户数量是非常多的，而且变化快而频繁，随着用户和频道数据的变更而导致频繁刷新。通过遍历频道列表对所有节点进行编号，建立索引，根据待处理内容画面的坐标位置确定首尾坐标位置，并转换计算得到频道列表绘制区域首尾节点(即首位显示子内容，末位显示子内容)的坐标位置，通过首尾节点的坐标位置从频道列表中确定首尾节点，并获取首尾节点的编号，将编号在首尾节点编号范围内的节点进行可见性标记(即确定为显示子内容)。

例如，频道列表共有M个按照更新顺序排序的节点，通过遍历频道列表对所有节点进行编号，建立索引。索引实际上就是一个元素所在列表的位置，从0开始。例如，列表[a,b,c]，存储了a、b、c这3个元素，那么a、b、c的索引值分别是0、1、2，索引值是列表中元素的位置值，建立后是不变的，除非元素位置发生变化，譬如[a,b,c]，如果删除了b，列表变为了[a,c]，那么c的索引值从2也就变为了1，前述实施例中的编号可以为此处的索引值。如图6所示，频道列表包括[节点1，节点2，…，节点n，节点n+1,…]，节点1的索引值就是0，节点2的索引值就是1，以此类推，节点n的索引值则是n-1。

节点的索引起点都是0，是列表中的位置，与绘制区域无关，绘制区域是相对固定的，而频道列表是可以上下滚动的，如图6所示的箭头表示频道列表上下滚动，在上下滚动频道列表或者对绘制区域进行拉伸收缩时，那么原来位于绘制区域的首尾节点则会发生变化，如图6所示，绘制区域刚开始的首节点是节点3，尾结点是节点n，他们两个之间的节点都可以标记为可见节点，之外的则标记为不可见，如上下滚动频道列表或是绘制区域发生变化，则需要重新计算标记。

如图6所示，根据绘制区域的位置计算获得绘制区域内首尾两个频道节点，先进行坐标转换，将待处理内容画面的首尾坐标(viewStartX,viewStartY)(viewEndX,viewEndY)转换为频道列表的坐标(listStartX,listStartY)(listEndX,listEndY)，通过坐标位置获取到节点3和节点n是绘制区域的首尾两个节点。

在确定首尾节点后，则是对节点进行可见性标记，所谓的可见性属性则是自定义的属性，也可以称为其他名称，主要用于标记区分哪些节点是需要刷新的。已知节点是通过列表存储的，一个频道列表下面依次存储了多个节点，那么只需要通过节点所在列表的索引值与前面获得首尾节点所在列表的索引值进行对比即可判断可见性，遍历频道列表节点，通过判断是否满足条件nodeIndex>＝startNodeIndex以及nodeIndex<＝endNodeIndex标记为可见节点，反之则不是，其中nodeIndex是当前遍历的节点的索引值，startNodeIndex是首节点索引值，endNodeIndex是尾节点索引值。此步骤只需要通过分别两次计算绘制区域的首尾位置获取显示区域内的首尾节点，然后再根据索引值判断标记节点的可见性，其计算量少而方便，通过这种标记，在对单个节点刷新时若该节点的标记为非可见节点则不处理，若为可见节点则进行处理，只处理可见节点能够有效的减少无用的刷新绘制操作。

230、获取更新指令，根据更新指令生成重绘指令。

一个火爆的直播间，频道列表的用户会进出频繁，用户的进出则表现为频道列表节点的删除或增加，也即对频道列表的更新指令。在获取到更新指令后，可以生成重绘指令，重绘指令可以用于确定图形用户界面中的待重绘子区域。

240、根据预设条件获取至少一个重绘指令。

由于频道内的用户频繁进出会导致频繁的区域刷新，频繁的区域刷新重绘会导致更高的计算机资源消耗，本申请实施例将单位时间内多次的区域刷新操作合并成一次(这个时间可以自定义，例如可以设置为1s内)，如图7所示，通过计算获得合并后的区域region＝(region1|region2|…|regionn)，然后对合并后的区域region进行一次有效的刷新重绘即可，这样就可以避免频繁的区域刷新。例如，当收到重绘指令时，会触发合并等待逻辑，等待时间即为一个自定义的时间，譬如设定为0.3秒，那么在0.3秒等待时间结束后，将收到的重绘指令进行合并，合并成一次重绘操作。当后续又有收到重绘指令时，又会触发这个合并等待逻辑。

250、根据重绘指令，确定每个重绘指令对应的待重绘子区域。

如图8所示，在一些实施方式中，步骤250可以包括步骤251～256，如下：

251、确定每个重绘指令对应的更新指令；

252、将待处理内容中与更新指令对应的显示子内容确定为目标子内容；

253、将待处理内容画面中与目标子内容对应的子画面确定为第一子画面；

254、当更新指令为对待处理内容中的目标子内容进行替换的指令时，将第一子画面确定为第二子画面；

255、当更新指令为对待处理内容中的目标子内容进行增加或删除的指令时，将末位子画面确定为第二子画面；

256、将第一子画面至第二子画面确定为每个重绘指令对应的待重绘画面；

257、将图形用户界面中从第一子画面至第二子画面的显示区域确定为待重绘子区域。

当频道列表中的节点替换为新的节点时，仅该节点内容发生变化，其他节点的位置都不会发生变化，当频道列表中的节点增加或删除时，该节点后的所有节点位置都要想要的后移或前移。如图6所示有节点列表[节点1,节点2，节点3,节点4,…,节点n,…]，如果节点3(即目标子内容)删除了，那么节点列表则变为了[节点1,节点2，节点4…,节点n，节点n+1,…]，节点3后面的索引，即位置都向前进了1位，那么节点3往后的所有的在绘制区域内的节点都需要重新绘制，因为数据位置发生了变化，对应的表现则需要重绘。例如，可以计算出频道列表中发生变化的区域，即该节点后面被标记为可见节点的区域合集。将该区域合集对应目标画面中的画面确定为待重绘画面，此时待重绘画面包括节点3对应的子画面至目标画面中的最后一个子画面。

待重绘子区域可以用region1表示，以后类似的多次变更依次用region2,…,regionn表示，待重绘子区域是待处理内容画面中待重绘子画面的区域合集。

260、合并待重绘子区域，得到待重绘区域。

例如，如图7所示，将单位时间内的重绘指令对应的待重绘子区域进行合并，得到region＝(region1|region2|…|regionn)。

270、对待重绘区域进行重绘，得到重绘后画面。

根据更新指令更新频道列表中的可见节点的区域合集，得到更新后的频道列表，根据更新后的频道列表对应的可见节点的区域合集内容对待处理内容画面中的待重绘区域进行重绘得到重绘后的画面。

280、显示重绘后画面。

本实施例的方法集成在服务器以及终端中，由服务器执行步骤210～270，终端执行步骤280，显示重绘后的画面。

由上可知，本申请实施例对显示区域对应的子内容确定为显示子内容，当待处理内容中的子内容发生变化时，可以通过判断子内容是否为显示子内容，确定是否进行重绘操作，或进行哪种重绘操作，提高数据处理效率。在确定要进行重绘操作后，通过确定重绘指令对应的待重绘子区域，得到包括所有待重绘子区域的待重绘区域，因此能够将多个区域的重绘操作融合成对待重绘区域的一次重绘操作，减少了重绘次数，也避免对显示区域频繁地重复重绘操作，以便降低计算机资源消耗，避免引起卡顿。

为了更好地实施以上方法，本申请实施例还提供一种内容显示装置，该内容显示装置具体可以集成在电子设备中，该电子设备可以为终端、服务器等设备，也可以为终端和服务器的组合。其中，终端可以为手机、平板电脑、智能蓝牙设备、笔记本电脑、个人电脑等设备；服务器可以是单一服务器，也可以是由多个服务器组成的服务器集群。

比如，在本实施例中，将以内容显示装置具体集成在终端以及服务器为例，对本申请实施例的方法进行详细说明。

例如，如图9所示，该内容显示装置可以包括获取单元310、第一确定单元320、第二确定单元330、重绘单元340以及显示单元350，其中获取单元310、第一确定单元320、第二确定单元330、重绘单元340集成在服务器，显示单元350集成在终端，如下：

(一)获取单元310：

用于根据预设条件获取至少一个重绘指令，重绘指令用于确定图形用户界面中的待重绘子区域。

在一些实施方式中，获取单元310还可以用于步骤11.1～11.2，如下：

11.1、获取更新指令，更新指令用于更新待处理内容；

11.2、根据更新指令生成重绘指令，更新指令与重绘指令一一对应。

(二)第一确定单元320：

用于根据重绘指令，确定每个重绘指令对应的待重绘子区域。

在一些实施方式中，待处理内容画面包括至少一个子画面，第一确定单元320还可以用于步骤12.1～12.2，如下：

12.1、根据每个重绘指令，从待处理内容画面中确定每个重绘指令对应的待重绘画面，待重绘画面包括至少一个子画面；

12.2、根据每个重绘指令对应的待重绘画面，确定图形用户界面中每个重绘指令对应的待重绘子区域。

在一些实施方式中，第一确定单元320还可以用于步骤12.3～12.5，如下：

12.3、根据每个重绘指令确定第一子画面以及第二子画面；

12.4、将第一子画面至第二子画面确定为每个重绘指令对应的待重绘画面；

12.5、将图形用户界面中从第一子画面至第二子画面的显示区域确定为每个重绘指令对应的待重绘子区域。

在一些实施方式中，待处理内容包括至少一个显示子内容，第一确定单元320还可以用于步骤13.1～13.3，如下：

13.1、确定每个重绘指令对应的更新指令；

13.2、将待处理内容中与更新指令对应的显示子内容确定为目标子内容；

13.3、根据更新指令以及目标子内容，从待处理内容画面中确定第一子画面以及第二子画面。

在一些实施方式中，待处理内容中的显示子内容按照预设排序规则排列，更新指令包括对待处理内容中的显示子内容进行替换、增加或删除的指令，第一确定单元320还可以用于步骤14.1～14.3，如下：

14.1、将待处理内容画面中与目标子内容对应的子画面确定为第一子画面；

14.2、当更新指令为对待处理内容中的目标子内容进行替换的指令时，将第一子画面确定为第二子画面；

14.3、当更新指令为对待处理内容中的目标子内容进行增加或删除的指令时，将末位子画面确定为第二子画面。

在一些实施方式中，第一确定单元320还用于确定待处理内容的待处理内容画面。

在一些实施方式中，待处理内容包括至少一个子内容，第一确定单元320还可以用于步骤7.1，如下：

7.1、将待处理内容中与待处理内容画面对应的子内容确定为显示子内容。

在一些实施方式中，待处理内容中的子内容按照预设排序规则排列，第一确定单元320还可以用于步骤8.1～8.3，如下：

8.1、根据待处理内容画面的坐标位置，确定首位子画面的坐标位置以及末位子画面的坐标位置；

8.2、确定首位子画面的坐标位置对应的首位显示子内容的位置，以及末位子画面的坐标位置对应的末位显示子内容的位置；

8.3、将首位显示子内容至末位显示子内容确定为显示子内容。

在一些实施方式中，第一确定单元320还可以用于步骤9.1，如下：

9.1、根据预设排序规则，确定待处理内容中所有子内容的编号；

在一些实施方式中，第一确定单元320还可以用于步骤10.1～10.2，如下：

10.1、根据首位显示子内容的位置获取首位显示子内容的编号，以及根据末位显示子内容的位置获取末位显示子内容的编号；

10.2、确定显示子内容，显示子内容的编号在首位显示子内容的编号至末位显示子内容的编号的范围内。

(三)第二确定单元330：

用于确定待重绘区域，待重绘区域包括所有待重绘子区域。

在一些实施方式中，第二确定单元330还可以用于步骤15.1～15.2，如下：

15.1、根据所有待重绘子区域，获取子画面集，子画面集包括位于所有待重绘子区域中的子画面；

15.2、根据子画面集，确定待重绘区域。

在一些实施方式中，第二确定单元330还可以用于步骤16.1～16.2，如下：

16.1、根据子画面集，确定显示位置集，显示位置集包括子画面集中所有子画面在待处理内容画面中的位置；

16.2、根据显示位置集，确定待重绘区域。

(四)重绘单元340：

用于对待重绘区域进行重绘，得到重绘后画面。

在一些实施方式中，重绘单元340还可以用于步骤17.1～17.3，如下：

17.1、将位于待重绘区域中的子画面确定为目标子画面；

17.2、将更新后的待处理内容中与目标子画面对应的子内容确定为待重绘子内容，更新后的待处理内容为根据更新指令对待处理内容更新得到的内容，更新后的待处理内容包括至少一个子内容；

17.3、根据待重绘子内容对待重绘区域进行重绘，得到重绘后画面。

(五)显示单元350：

用于显示重绘后画面。

具体实施时，以上各个单元可以作为独立的实体来实现，也可以进行任意组合，作为同一或若干个实体来实现，以上各个单元的具体实施可参见前面的方法实施例，在此不再赘述。

由上可知，本实施例的内容显示装置可以确定待处理内容的待处理内容画面；根据预设条件获取至少一个重绘指令，重绘指令用于确定待处理内容画面中的待重绘子区域；根据重绘指令以及待处理内容画面，确定每个重绘指令对应的待重绘子区域；确定待重绘区域，待重绘区域包括所有待重绘子区域；对待重绘区域进行重绘，得到重绘后画面；显示重绘后画面。以此，通过确定重绘指令对应的待重绘子区域，得到包括所有待重绘子区域的待重绘区域，因此能够将多个区域的重绘操作融合成对待重绘区域的一次重绘操作，减少了重绘次数，也避免对显示区域频繁地重复重绘操作，以便降低计算机资源消耗，避免引起卡顿。

相应的，本申请实施例还提供一种计算机设备，该计算机设备可以为终端或服务器，该终端可以为智能手机、平板电脑、笔记本电脑、触控屏幕、游戏机、个人计算机、个人数字助理(Personal Digital Assistant，PDA)等终端设备。

如图10所示，图10为本申请实施例提供的计算机设备的结构示意图，该计算机设备400包括有一个或者一个以上处理核心的处理器410、有一个或一个以上计算机可读存储介质的存储器420及存储在存储器420上并可在处理器上运行的计算机程序。其中，处理器410与存储器420电性连接。本领域技术人员可以理解，图中示出的计算机设备结构并不构成对计算机设备的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

处理器410是计算机设备400的控制中心，利用各种接口和线路连接整个计算机设备400的各个部分，通过运行或加载存储在存储器420内的软件程序和/或模块，以及调用存储在存储器420内的数据，执行计算机设备400的各种功能和处理数据，从而对计算机设备400进行整体监控。

在本申请实施例中，计算机设备400中的处理器410会按照如下的步骤，将一个或一个以上的应用程序的进程对应的指令加载到存储器420中，并由处理器410来运行存储在存储器420中的应用程序，从而实现各种功能：

根据预设条件获取至少一个重绘指令，重绘指令用于确定图形用户界面中的待重绘子区域；根据重绘指令，确定每个重绘指令对应的待重绘子区域；确定待重绘区域，待重绘区域包括所有待重绘子区域；对待重绘区域进行重绘，得到重绘后画面；显示重绘后画面。

以上各个操作的具体实施可参见前面的实施例，在此不再赘述。

可选的，如图10所示，计算机设备400还包括：触控显示屏430、射频电路440、音频电路450、输入单元460以及电源470。其中，处理器410分别与触控显示屏430、射频电路440、音频电路450、输入单元460以及电源470电性连接。本领域技术人员可以理解，图10中示出的计算机设备结构并不构成对计算机设备的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

触控显示屏430可用于显示图形用户界面以及接收用户作用于图形用户界面产生的操作指令。触控显示屏430可以包括显示面板和触控面板。其中，显示面板可用于显示由用户输入的信息或提供给用户的信息以及计算机设备的各种图形用户接口，这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。可选的，可以采用液晶显示器(LCD，Liquid Crystal Display)、有机发光二极管(OLED，Organic Light-EmittingDiode)等形式来配置显示面板。触控面板可用于收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板上或在触控面板附近的操作)，并生成相应的操作指令，且操作指令执行对应程序。可选的，触控面板可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器410，并能接收处理器410发来的命令并加以执行。触控面板可覆盖显示面板，当触控面板检测到在其上或附近的触摸操作后，传送给处理器410以确定触摸事件的类型，随后处理器410根据触摸事件的类型在显示面板上提供相应的视觉输出。在本申请实施例中，可以将触控面板与显示面板集成到触控显示屏430而实现输入和输出功能。但是在某些实施例中，触控面板与显示面板可以作为两个独立的部件来实现输入和输出功能。即触控显示屏430也可以作为输入单元460的一部分实现输入功能。

在本申请实施例中，通过处理器410执行游戏应用程序在触控显示屏430上生成图形用户界面，图形用户界面上的虚拟场景中包含至少一个技能控制区域，技能控制区域中包含至少一个技能控件。该触控显示屏430用于呈现图形用户界面以及接收用户作用于图形用户界面产生的操作指令。

射频电路440可用于收发射频信号，以通过无线通信与网络设备或其他计算机设备建立无线通讯，与网络设备或其他计算机设备之间收发信号。

音频电路450可以用于通过扬声器、传声器提供用户与计算机设备之间的音频接口。音频电路450可将接收到的音频数据转换后的电信号，传输到扬声器，由扬声器转换为声音信号输出；另一方面，传声器将收集的声音信号转换为电信号，由音频电路450接收后转换为音频数据，再将音频数据输出处理器410处理后，经射频电路440以发送给比如另一计算机设备，或者将音频数据输出至存储器420以便进一步处理。音频电路450还可能包括耳塞插孔，以提供外设耳机与计算机设备的通信。

输入单元460可用于接收输入的数字、字符信息或用户特征信息(例如指纹、虹膜、面部信息等)，以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。

电源470用于给计算机设备400的各个部件供电。可选的，电源470可以通过电源管理系统与处理器410逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源470还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。

尽管图10中未示出，计算机设备400还可以包括摄像头、传感器、无线保真模块、蓝牙模块等，在此不再赘述。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。

由上可知，本实施例提供的计算机设备可以通过确定重绘指令对应的待重绘子区域，得到包括所有待重绘子区域的待重绘区域，因此能够将多个区域的重绘操作融合成对待重绘区域的一次重绘操作，减少了重绘次数，也避免对显示区域频繁地重复重绘操作，以便降低计算机资源消耗，避免引起卡顿。

本领域普通技术人员可以理解，上述实施例的各种方法中的全部或部分步骤可以通过指令来完成，或通过指令控制相关的硬件来完成，该指令可以存储于一计算机可读存储介质中，并由处理器进行加载和执行。

为此，本申请实施例提供一种计算机可读存储介质，其中存储有多条计算机程序，该计算机程序能够被处理器进行加载，以执行本申请实施例所提供的任一种内容显示方法中的步骤。例如，该计算机程序可以执行如下步骤：

根据预设条件获取至少一个重绘指令，重绘指令用于确定图形用户界面中的待重绘子区域；根据重绘指令，确定每个重绘指令对应的待重绘子区域；确定待重绘区域，待重绘区域包括所有待重绘子区域；对待重绘区域进行重绘，得到重绘后画面；显示重绘后画面。

以上各个操作的具体实施可参见前面的实施例，在此不再赘述。

其中，该存储介质可以包括：只读存储器(ROM，Read Only Memory)、随机存取记忆体(RAM，Random Access Memory)、磁盘或光盘等。

由于该存储介质中所存储的计算机程序，可以执行本申请实施例所提供的任一种内容显示方法中的步骤，因此，可以实现本申请实施例所提供的任一种内容显示方法所能实现的有益效果，详见前面的实施例，在此不再赘述。

以上对本申请实施例所提供的一种内容显示方法、装置、计算机设备和计算机可读存储介质进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本申请的限制。

Claims (15)

1.一种内容显示方法，其特征在于，通过图形用户界面显示待处理内容画面，所述方法包括：

根据预设条件获取至少一个重绘指令，所述重绘指令用于确定所述图形用户界面中的待重绘子区域；

根据所述重绘指令，确定每个所述重绘指令对应的所述待重绘子区域；

确定待重绘区域，所述待重绘区域包括所有所述待重绘子区域；

对所述待重绘区域进行重绘，得到重绘后画面；

显示所述重绘后画面。

2.如权利要求1所述的内容显示方法，其特征在于，所述待处理内容画面包括至少一个子画面，所述根据所述重绘指令，确定每个所述重绘指令对应的所述待重绘子区域，包括：

根据每个所述重绘指令，从所述待处理内容画面中确定每个所述重绘指令对应的待重绘画面，所述待重绘画面包括至少一个所述子画面；

根据所述每个所述重绘指令对应的待重绘画面，确定所述图形用户界面中每个所述重绘指令对应的所述待重绘子区域。

3.如权利要求2所述的内容显示方法，其特征在于，所述根据每个所述重绘指令，从所述待处理内容画面中确定每个所述重绘指令对应的待重绘画面，包括：

根据所述每个所述重绘指令确定第一子画面以及第二子画面；

将所述第一子画面至所述第二子画面确定为每个所述重绘指令对应的待重绘画面；

所述根据所述每个所述重绘指令对应的待重绘画面，确定所述图形用户界面中每个所述重绘指令对应的所述待重绘子区域，包括：

将所述图形用户界面中从所述第一子画面至所述第二子画面的显示区域确定为每个所述重绘指令对应的所述待重绘子区域。

4.如权利要求3所述的内容显示方法，其特征在于，在所述根据预设条件获取至少一个重绘指令之前，还包括：

获取更新指令，所述更新指令用于更新所述待处理内容；

根据所述更新指令生成重绘指令，所述更新指令与所述重绘指令一一对应。

5.如权利要求4所述的内容显示方法，其特征在于，所述待处理内容包括至少一个显示子内容，所述根据所述每个所述重绘指令确定第一子画面以及第二子画面，包括：

确定每个所述重绘指令对应的所述更新指令；

将所述待处理内容中与所述更新指令对应的显示子内容确定为目标子内容；

根据所述更新指令以及所述目标子内容，从所述待处理内容画面中确定第一子画面以及第二子画面。

6.如权利要求5所述的内容显示方法，其特征在于，所述待处理内容中的所述显示子内容按照预设排序规则排列，所述更新指令包括对所述待处理内容中的所述显示子内容进行替换、增加或删除的指令，所述根据所述更新指令以及所述目标子内容，从所述待处理内容画面中确定第一子画面以及第二子画面，包括：

将所述待处理内容画面中与所述目标子内容对应的子画面确定为第一子画面；

当所述更新指令为对所述待处理内容中的所述目标子内容进行替换的指令时，将所述第一子画面确定为第二子画面；

当所述更新指令为对所述待处理内容中的所述目标子内容进行增加或删除的指令时，将末位子画面确定为第二子画面。

7.如权利要求5所述的内容显示方法，其特征在于，所述待处理内容包括至少一个子内容，所述方法还包括：

将所述待处理内容中与所述待处理内容画面对应的所述子内容确定为显示子内容。

8.如权利要求7所述的内容显示方法，其特征在于，所述待处理内容中的所述子内容按照预设排序规则排列，所述将所述待处理内容中与所述待处理内容画面对应的所述子内容确定为待显示子内容，包括：

根据所述待处理内容画面的坐标位置，确定首位子画面的坐标位置以及末位子画面的坐标位置；

确定所述首位子画面的坐标位置对应的首位显示子内容的位置，以及所述末位子画面的坐标位置对应的末位显示子内容的位置；

将所述首位显示子内容至所述末位显示子内容确定为显示子内容。

9.如权利要求8所述的内容显示方法，其特征在于，在所述根据所述待处理内容画面的坐标位置，确定首位子画面的坐标位置以及末位子画面的坐标位置之前，还包括：

根据所述预设排序规则，确定所述待处理内容中所有所述子内容的编号；

所述将所述首位显示子内容至所述末位显示子内容确定为显示子内容，包括：

根据所述首位显示子内容的位置获取首位显示子内容的编号，以及根据所述末位显示子内容的位置获取末位显示子内容的编号；

确定显示子内容，所述显示子内容的编号在所述首位显示子内容的编号至所述末位显示子内容的编号的范围内。

10.如权利要求4所述的内容显示方法，其特征在于，所述对所述待重绘区域进行重绘，得到重绘后画面，包括：

将位于待重绘区域中的子画面确定为目标子画面；

将更新后的待处理内容中与所述目标子画面对应的所述子内容确定为待重绘子内容，所述更新后的待处理内容为根据所述更新指令对所述待处理内容更新得到的内容，所述更新后的待处理内容包括至少一个子内容；

根据所述待重绘子内容对所述待重绘区域进行重绘，得到重绘后画面。

11.如权利要求2所述的内容显示方法，其特征在于，所述确定待重绘区域，包括：

根据所有所述待重绘子区域，获取子画面集，所述子画面集包括位于所有所述待重绘子区域中的所述子画面；

根据所述子画面集，确定待重绘区域。

12.如权利要求11所述的内容显示方法，其特征在于，所述根据所述子画面集，确定待重绘区域，包括：

根据所述子画面集，确定显示位置集，所述显示位置集包括所述子画面集中所有所述子画面在所述待处理内容画面中的位置；

根据所述显示位置集，确定待重绘区域。

13.一种内容显示装置，其特征在于，包括：

获取单元，用于根据预设条件获取至少一个重绘指令，所述重绘指令用于确定图形用户界面中的待重绘子区域；

第一确定单元，用于根据所述重绘指令，确定每个所述重绘指令对应的待重绘子区域；

第二确定单元，用于确定待重绘区域，所述待重绘区域包括所有所述待重绘子区域；

重绘单元，用于对所述待重绘区域进行重绘，得到重绘后画面；

显示单元，用于显示所述重绘后画面。

14.一种计算机设备，其特征在于，包括处理器和存储器，所述存储器存储有多条指令；所述处理器从所述存储器中加载指令，以执行如权利要求1～12任一项所述的内容显示方法中的步骤。

15.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有多条指令，所述指令适于处理器进行加载，以执行权利要求1～12任一项所述的内容显示方法中的步骤。

Images