一种元素的排版显示方法、装置、电子设备及存储介质与流程

本发明涉及计算机技术领域，特别是涉及一种元素的排版显示方法、装置、电子设备及存储介质。

背景技术：

随着计算机技术的迅猛发展，网络已经成为人们日常生活中不可分割的一部分。人们通过网络进行办公、娱乐、购物、社交等，在每个应用场景中，用户都会需要进行元素的选择，元素的选择具体可以表现为：当用户通过制作演示文档办公时，在对演示文档进行顺序排列时，对于每个文档出现的先后顺序需要进行选择；当用户使用社交软件进行网络社交，想要将照片发布在网站上与他人分享时，需要对照片发布的先后顺序进行选择；当用户在购物网站上购物时，在购物清单中，需要对购买的商品的下单顺序进行选择，这些都可以称之为元素的选择，元素可以表示需要用户进行选择的任何一类事物，在用户一次性选择多个元素时，会更关心元素的排列顺序，并且会根据实际需求对元素的排列顺序进行调整。

已有技术中，当用户选择元素并确认选择以后，能够看见元素的排版效果图，以用户在社交网站上发布图片为例，如图1所示，图1中表示了9张图片的选择过程，选择顺序分别按照图中的标号所示，依次为1，2，3，4，5，6，7，8，9，每次选择元素后，图片中出现的数字表示已经选择图片的数量；图2表示的是在按照如图1所示的选择下，点击完成后的排版效果图，并且根据用户的选择，将9张图片按照从左至右，从上至下的顺序进行排列。

在已有的元素排版显示方法中，只有在用户选择元素并确认选择以后，才能够看见元素的排版效果图，无法实时显示排版结果，当用户想要添加或者删除一个元素时，无法实时得知排版效果，需要再次确认选择以后，才能够得知元素的排版效果。

技术实现要素：

本发明实施例的目的在于提供一种元素的排版显示方法、装置、电子设备及存储介质，以实现在选择元素时，实时显示元素的排版效果，提高用户体验。具体技术方案如下：

本发明实施例提供了一种元素的排版显示方法，所述方法包括：

确定最新被选中的第一元素；

确定所述第一元素在显示界面上的排版位置；

基于所述排版位置，生成体现所述第一元素在所述显示界面上的所述排版位置的排版效果图；

将所述排版效果图在所述第一元素的选择界面上进行显示。

具体的，所述确定所述第一元素在显示界面上的排版位置，包括：

确定所述第一元素在全部已选中元素中按照选择顺序排列的顺序位置；

按照预设的顺序位置与排版位置的对应关系，确定所述第一元素对应的排版位置，作为在显示界面上的排版位置。

具体的，所述确定所述第一元素在显示界面上的排版位置，包括：

确定全部已选中元素的元素个数；

按照预设的元素个数与排版格式的对应关系，确定全部已选中元素的元素个数对应的排版格式；

确定所述第一元素在显示界面上按照所确定的排版格式进行排版的排版位置。

具体的，所述确定所述第一元素在显示界面上的排版位置，包括：

确定所述第一元素在全部已选中元素中按照选择顺序排列的顺序位置；

确定全部已选中元素的元素个数；

按照预设的元素个数与排版格式的对应关系，确定全部已选中元素的元素个数对应的排版格式；

按照预设的顺序位置与排版位置的对应关系，确定所述第一元素在全部已选中元素中按照选择顺序排列的顺序位置对应的排版位置，作为在显示界面上按照所确定的排版格式进行排版的排版位置。

具体的，所述方法还包括：

确定全部已选中元素中的其他元素在显示界面上按照所确定的排版格式进行排版的排版位置；

基于所述其他元素的排版位置，生成体现所述其他元素在显示界面上按照所确定的排版格式进行排版的排版位置的新的排版效果图；

使用所述其他元素的新的排版效果图，替换所述选择界面上显示的所述其他元素的原排版效果图。

具体的，所述方法还包括：

确定全部已选中元素中被撤销的元素；

确定剩余被选中元素在显示界面上的排版位置；

基于所述排版位置，生成体现所述剩余被选中元素在所述显示界面上的所述排版位置的新的排版效果图；

使用所述剩余被选中元素的新的排版效果图，替换所述选择界面上显示的所述剩余被选中元素的原排版效果图。

具体的，所述确定剩余被选中元素在显示界面上的排版位置，包括：

确定剩余被选中元素的元素个数；

按照预设的元素个数与排版格式的对应关系，确定剩余被选中元素的元素个数对应的排版格式；

确定剩余被选中元素在显示界面上按照所确定的排版格式进行排版的排版位置。

具体的，所述确定剩余被选中元素在显示界面上的排版位置，包括：

确定剩余被选中元素在元素被撤销前的顺序位置；

按照预设的顺序位置与排版位置的对应关系，确定剩余被选中元素的排版位置。

具体的，在确定全部已选中元素中被撤销的元素之后，所述方法还包括：

确定最新被选中的第二元素；

确定所述第二元素在显示界面上的排版位置；

基于所述排版位置，生成体现所述第二元素在所述显示界面上的所述排版位置的排版效果图；

将体现所述第二元素在所述显示界面上的所述排版位置的排版效果图在所述第二元素的选择界面上进行显示。

具体的，所述确定所述第二元素在显示界面上的排版位置，包括：

确定除所述剩余被选中元素在显示界面上的排版位置以外的剩余排版位置；

确定所述第二元素在全部已选中元素中的顺序位置；

根据所确定的顺序位置，在所述剩余排版位置中，按照排版位置被占用的先后顺序，确定所述第二元素的排版位置。

具体的，所述将所述排版效果图在所述第一元素的选择界面上进行显示，包括：

将所述排版效果图在所述第一元素的选择界面上所述当前元素的上层进行显示。

本发明实施例还提供了一种元素的排版显示装置，所述装置包括：

第一元素确定模块，用于确定最新被选中的第一元素；

第一位置确定模块，用于确定所述第一元素在显示界面上的排版位置；

第一效果图生成模块，用于基于所述排版位置，生成体现所述第一元素在所述显示界面上的所述排版位置的排版效果图；

第一显示模块，用于将所述排版效果图在所述第一元素的选择界面上进行显示。

具体的，所述第一位置确定模块，具体用于确定所述第一元素在全部已选中元素中按照选择顺序排列的顺序位置；

按照预设的顺序位置与排版位置的对应关系，确定所述第一元素对应的排版位置，作为在显示界面上的排版位置。

具体的，所述第一位置确定模块，具体用于确定全部已选中元素的元素个数；

按照预设的元素个数与排版格式的对应关系，确定全部已选中元素的元素个数对应的排版格式；

确定所述第一元素在显示界面上按照所确定的排版格式进行排版的排版位置。

具体的，所述第一位置确定模块，具体用于确定所述第一元素在全部已选中元素中按照选择顺序排列的顺序位置；

确定全部已选中元素的元素个数；

按照预设的元素个数与排版格式的对应关系，确定全部已选中元素的元素个数对应的排版格式；

按照预设的顺序位置与排版位置的对应关系，确定所述第一元素在全部已选中元素中按照选择顺序排列的顺序位置对应的排版位置，作为在显示界面上按照所确定的排版格式进行排版的排版位置。

具体的，所述装置还包括：

其他元素位置确定模块，用于确定全部已选中元素中的其他元素在显示界面上按照所确定的排版格式进行排版的排版位置；

其他元素效果图生成模块，用于基于所述其他元素的排版位置，生成体现所述其他元素在显示界面上按照所确定的排版格式进行排版的排版位置的新的排版效果图；

其他元素显示模块，用于使用所述其他元素的新的排版效果图，替换所述选择界面上显示的所述其他元素的原排版效果图。

具体的，所述装置还包括：

撤销元素确定模块，用于确定全部已选中元素中被撤销的元素；

剩余元素位置确定模块，用于确定剩余被选中元素在显示界面上的排版位置；

剩余元素效果图生成模块，用于基于所述排版位置，生成体现所述剩余被选中元素在所述显示界面上的所述排版位置的新的排版效果图；

剩余元素显示模块，用于使用所述剩余被选中元素的新的排版效果图，替换所述选择界面上显示的所述剩余被选中元素的原排版效果图。

具体的，所述剩余元素位置确定模块，具体用于确定剩余被选中元素的元素个数；

按照预设的元素个数与排版格式的对应关系，确定剩余被选中元素的元素个数对应的排版格式；

确定剩余被选中元素在显示界面上按照所确定的排版格式进行排版的排版位置。

具体的，所述剩余元素位置确定模块，具体用于确定剩余被选中元素在元素被撤销前的顺序位置；

按照预设的顺序位置与排版位置的对应关系，确定剩余被选中元素的排版位置。

具体的，所述装置还包括：

第二元素确定模块，用于确定最新被选中的第二元素；

第二位置确定模块，用于确定所述第二元素在显示界面上的排版位置；

第二效果图生成模块，用于基于所述排版位置，生成体现所述第二元素在所述显示界面上的所述排版位置的排版效果图；

第二显示模块，用于将体现所述第二元素在所述显示界面上的所述排版位置的排版效果图在所述第二元素的选择界面上进行显示。

具体的，所述第二位置确定模块，具体用于确定除所述剩余被选中元素在显示界面上的排版位置以外的剩余排版位置；

确定所述第二元素在全部已选中元素中的顺序位置；

根据所确定的顺序位置，在所述剩余排版位置中，按照排版位置被占用的先后顺序，确定所述第二元素的排版位置。

具体的，所述第一显示模块，具体用于将所述排版效果图在所述选择界面上所述第一元素的上层进行显示。

本发明实施例提供了一种电子设备，包括处理器和机器可读存储介质，所述机器可读存储介质存储有能够被所述处理器执行的机器可执行指令，所述处理器执行所述机器可执行指令时，实现上述的元素的排版显示方法步骤。

本发明实施例提供了一种计算机可读存储介质，所述计算机可读存储介质内存储有计算机程序，所述计算机程序被处理器执行时实现上述的元素的排版显示方法步骤。

本发明实施例提供的元素的排版显示方法、装置、电子设备及存储介质，可以实现在元素被选择以后，实时显示元素的排版效果。首先确定用户所选择的当前元素；确定当前元素在显示界面上的排版位置，根据当前元素的排版位置，生成能够体现当前元素在显示界面上的排版效果图，排版效果图中包含了当前元素在显示界面上的排版位置，并将排版效果图在显示界面上进行显示，使用户可以看到显示元素的同时，还能看到当前元素的排版效果。通过本发明实施例提供的方法可以实现在元素被选择以后，在元素的显示界面上显示元素的排版效果，使用户能够通过排版效果图直观的得知当前元素的排版效果，提高了用户体验。当然，实施本发明的任一产品或方法必不一定需要同时达到以上的所有优点。

附图说明

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

图1为已有技术中图片的选择顺序图；

图2为图1对应的图片排版效果图；

图3为本发明实施例提供的元素的排版显示方法的流程图；

图4为本发明实施例提供的另一种元素的排版显示方法的流程图；

图5为本发明实施例提供的另一种元素的排版显示方法的流程图；

图6为本发明实施例提供的预设的元素个数与排版格式对应关系的示意图；

图7为本发明实施例提供的又一种元素的排版显示方法的流程图；

图8为本发明实施例提供的再一种元素的排版显示方法的流程图；

图9a为本发明实施例提供的未选择当前元素之前的排版格式及其他元素的排版效果图；

图9b为本发明实施例提供的确定当前所选元素之后其他元素按照所确定的排版格式进行排版的排版位置的新的排版效果图；

图10为本发明实施例提供的又一种元素的排版显示方法的流程图；

图11为本发明实施例提供的又一种元素的排版显示方法的流程图；

图12a为本发明实施例提供的排版格式示意图；

图12b为本发明实施例提供的剩余被选中元素的排版格式示意图；

图13为本发明实施例提供的又一种元素的排版显示方法的流程图；

图14a为本发明实施例提供的另一种排版格式示意图；

图14b为本发明实施例提供的撤销选择后的排版格式示意图；

图15为本发明实施例提供的又一种元素的排版显示方法的流程图；

图16为本发明实施例提供的又一种元素的排版显示方法的流程图；

图17a为本发明实施例提供的剩余被选中元素在显示界面上的排版位置示意图；

图17b为本发明实施例提供的第二元素在显示界面上的排版位置示意图；

图18为本发明实施例提供的排版效果图的显示示意图；

图19为本发明实施例提供的方法在实际应用中的效果示意图；

图20为本发明实施例提供的一种元素的排版显示装置的装置结构示意图。

具体实施方式

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

本发明实施例提供一种元素的排版显示方法，如图3所示，具体包括如下步骤：

步骤301、确定最新被选中的第一元素。

步骤302、确定第一元素在显示界面上的排版位置。

步骤303、基于排版位置，生成体现第一元素在显示界面上的排版位置的排版效果图。

步骤304、将排版效果图在第一元素的选择界面上进行显示。

本发明实施例提供的元素的排版显示方法，可以实现在元素被选择以后，实时显示元素的排版效果。首先确定最新被用户选中的第一元素；确定该第一元素在显示界面上的排版位置，根据该排版位置，生成能够体现第一元素在显示界面上的排版效果图，排版效果图中包含了该第一元素在显示界面上的排版位置，并将排版效果图在选择界面上进行显示，使用户可以看到该第一元素显示的同时，还能看到该第一元素的排版效果。通过本发明实施例提供的方法可以实现在元素被选择以后，在元素的选择界面上实时显示元素的排版效果，使用户能够通过排版效果图直观的得知元素的排版效果，提高了用户体验。

对于上述步骤302，在一个示例中，具体可以采用如下方式执行，流程如图4所示：

步骤401、确定最新被选中的第一元素。

本发明实施例提供的方法可以应用于移动终端、台式计算机、便携式计算机等的处理器中，具体可以应用于社交娱乐、视频监控、文字办公等方面。首先处理器确定最新被选中的第一元素，其中，第一元素可以为任何被用户最新选中的元素，用户可以通过触摸屏或者外接输入设备，例如鼠标、键盘等进行元素的选择，处理器可以通过传感器确定所选择的元素。

步骤402、确定第一元素在全部已选中元素中按照选择顺序排列的顺序位置。

在确定最新被选中的第一元素之前，可以存在已经被选择的其他元素，确定第一元素在全部已选中元素中按照选择顺序排列的顺序位置，例如，如果当前已经被选择的元素有5个，那么第一元素的顺序位置为6。

步骤403、按照预设的顺序位置与排版位置的对应关系，确定第一元素对应的排版位置，作为在显示界面上的排版位置。

在确定第一元素的顺序位置以后，可以按照预设的顺序位置与排版位置的对应关系，其中，预设的顺序位置与排版位置的对应关系可以根据用户需求进行定义，例如，在第一元素的顺序位置为4时，排版位置为在显示界面上按照从左到右、从上到下的顺序位置的第4个位置；还可以为在第一元素的顺序位置为8时，排版位置为在显示界面上按照从左到右、从上到下的顺序位置的第1个位置，预设的顺序位置与排版位置的对应关系不只有一种，可以根据用户的需求和实际应用而改变。

步骤404、基于该排版位置，生成体现第一元素在显示界面上的该排版位置的排版效果图。

在得到第一元素的排版位置以后，根据得到的排版位置，生成一个排版效果图，该排版效果图体现了第一元素在显示界面上的排版位置，例如，在第一元素的顺序位置为4时，排版位置为在显示界面上的顺序位置的第4个位置，那么就可以生成能够体现第一元素的排版位置的排版效果图。

步骤405、将该排版效果图在选择界面上进行显示。

生成排版效果图以后，将该排版效果图在选择界面上进行显示，使用户可以看到第一元素的排版位置。

本发明实施例提供的元素的排版显示方法，可以实现在元素被选择以后，实时显示元素的排版效果。首先确定最新被选中的第一元素；确定第一元素在全部已选中元素中按照选择顺序排列的顺序位置，通过预设的顺序位置与排版位置的对应关系，其中，预设的顺序位置与排版位置的对应关系可以根据实际应用和用户需求进行定义，基于顺序位置与排版位置的对应关系，确定第一元素的排版位置以后，生成能够体现第一元素在显示界面上的排版位置的排版效果图，并将排版效果图在选择界面上显示，使用户能够实时看到第一元素的排版效果。通过本发明实施例提供的方法可以实现在元素被选择以后，在元素的选择界面上显示元素的排版效果，使用户能够通过排版效果图直观的得知元素的排版效果，提高了用户体验。

对于上述步骤302，在另一个示例中，具体可以采用如下方式执行，流程如图5所示：

步骤501、确定最新被选中的第一元素。

步骤502、确定全部已选中元素的元素个数。

在确定最新被选中的第一元素以后，确定全部已选中元素的个数，例如，在确定最新被选中的第一元素以前，当前已选元素有5个，在确定最新被选中的第一元素以后，此时，全部已选中元素的元素个数为6。

步骤503、按照预设的元素个数与排版格式的对应关系，确定全部已选中元素的元素个数对应的排版格式。

当确定全部已选中元素的个数以后，根据预设的元素个数与排版格式的对应关系，其中，预设的元素个数与排版格式的对应关系可以根据用户的需求和实际应用而设定，例如，元素个数与排版格式的对应关系可以为当只有1个元素时，排版格式为1个方格；当有2个元素的时候，排版格式为4方格；当有5个元素的时候，排版格式为9宫格等，因此，可以由全部已选中元素的个数和预设的元素个数与排版格式的对应关系，确定全部已选中元素的元素个数对应的排版格式。

步骤504、确定第一元素在显示界面上按照所确定的排版格式进行排版的排版位置。

在得到全部已选中元素的元素个数对应的排版格式以后，可以确定第一元素在显示界面上按照所确定的排版格式进行排版的排版位置。例如，在全部已选中元素有5个时，根据预设的元素个数与排版格式的对应关系，排版格式可以为9宫格，而当前最新被选中的第一元素的排版位置为9宫格的第1行第3列所在的位置，示意图如图6所示。

步骤505、基于该排版位置，生成体现第一元素在显示界面上的该排版位置的排版效果图。

在得到第一元素的排版位置以后，根据排版位置，生成排版效果图，该排版效果图体现了第一元素在显示界面上在对应的排版格式中的排版位置，例如，按照步骤504中的例子，可以生成9宫格图，作为第一元素的排版效果图。

步骤506、将该排版效果图在选择界面上进行显示。

生成排版效果图以后，将该排版效果图在选择界面上进行显示，使用户可以看到第一元素的排版效果。

本发明实施例提供的元素的排版显示方法，可以实现在元素被选择以后，实时显示元素的排版效果。首先确定最新被选中的第一元素，确定全部已选中元素的元素个数，按照预设的元素个数与排版格式的对应关系，确定全部已选中元素的元素个数对应的排版格式，其中，预设的元素个数与排版格式的对应关系可以根据实际应用和用户需求进行设定，确定第一元素在显示界面上按照所确定的排版格式进行排版的排版位置，基于该排版位置，生成体现第一元素在显示界面上的该排版位置的排版效果图，并将该排版效果图在选择界面上进行显示。

通过预设的元素个数与排版格式的对应关系，针对不同的元素个数，可以得到不同的排版格式，使得元素的排版显示方法更加灵活多变。通过本发明实施例提供的方法可以实现在元素被选择以后，在元素的选择界面上实时显示元素的排版效果，使用户能够通过排版效果图直观的得知当前最新被选中的元素的排版效果，提高了用户体验。

对于上述步骤302，在另一个示例中，具体还可以采用如下方式执行，流程如图7所示：

步骤701、确定最新被选中的第一元素。

步骤702、确定全部已选中元素的元素个数。

步骤703、按照预设的元素个数与排版格式的对应关系，确定全部已选中元素的元素个数对应的排版格式。

步骤704、按照预设的顺序位置与排版位置的对应关系，确定第一元素在全部已选中元素中按照选择顺序排列的顺序位置对应的排版位置，作为在显示界面上按照所确定的排版格式进行排版的排版位置。

在得到全部已选中元素的元素个数对应的排版格式时，确定最新被选中的第一元素在全部已选中元素中按照选择顺序排列的顺序位置，在确定第一元素的顺序位置以后，按照预设的顺序位置与排版位置的对应关系，例如，在第一元素的顺序位置为4时，排版位置为在显示界面上按照从左到右、从上到下的顺序位置的第4个位置，由此得到第一元素在全部已选中元素中按照选择顺序排列的顺序位置对应的排版位置，作为在显示界面上按照步骤703所确定的排版格式进行排版的排版位置。

步骤705、基于该排版位置，生成体现第一元素在显示界面上的该排版位置的排版效果图。

步骤706、将该排版效果图在选择界面上进行显示。

本发明实施例提供的元素的排版显示方法，可以实现在元素被选择以后，实时显示元素的排版效果。确定最新被选中的第一元素，确定全部已选中元素的元素个数，按照预设的元素个数与排版格式的对应关系，确定全部已选中元素的元素个数对应的排版格式，其中，预设的元素个数与排版格式的对应关系可以根据实际应用和用户需求进行设定，基于预设的顺序位置与排版位置的对应关系，确定第一元素在全部已选中元素中按照选择顺序排列的顺序位置对应的排版位置，作为在显示界面上按照所确定的排版格式进行排版的排版位置，并将排版效果图在选择界面上显示，使用户能够实时看到第一元素的排版效果。其中，选择界面和该元素的显示界面可以是同一界面，也可以是不同界面，例如，在视频监控领域，可选择界面和显示界面是同一界面，在社交网络平台，选择界面和显示界面是不同界面。

通过预设的元素个数与排版格式的对应关系和预设的顺序位置与排版位置的对应关系，针对不同的元素个数，可以得到不同的排版格式，并针对不同的排版格式，当前全部已选中的元素有不同的排版位置，使得元素的排版显示方法具有灵活性。

下面结合附图，用具体实施例对本发明提供的元素的排版显示方法，进行详细描述。

本发明实施例还提供了一种元素的排版显示方法，如图8所示，具体可以包括如下步骤：

步骤801、确定最新被选中的第一元素。

步骤802、确定全部已选中元素的元素个数。

步骤803、按照预设的元素个数与排版格式的对应关系，确定全部已选中元素的元素个数对应的排版格式。

步骤804、确定全部已选中元素中的其他元素在显示界面上按照所确定的排版格式进行排版的排版位置。

将全部已选中元素的排版效果图都在选择界面上显示以后，对于全部已选中元素中除最新被选中的第一元素以外的其他元素的排版效果图也需要进行处理。确定全部已选中元素中的其他元素在显示界面上按照步骤803中所确定的排版格式进行排版的排版位置，例如，全部已选中元素的元素个数为5个时，在未选择第一元素之前的元素个数为4个，那么在确定第一元素之后，根据预设的元素个数与排版格式的对应关系，当前的排版格式可能会发生变化，由原本的4方格变为9宫格，除最新被选中的第一元素以外的其他元素在显示界面上按照确定的新的排版格式进行排版的排版位置。

步骤805、基于其他元素的排版位置，生成体现其他元素在显示界面上按照所确定的排版格式进行排版的排版位置的新的排版效果图。

确定全部已选中元素中除最新被选中的第一元素以外的其他元素在显示界面上按照所确定的排版格式进行排版的排版位置以后，按照其他元素的排版位置，生成体现其他元素在显示界面上按照所确定的排版格式进行排版的排版位置的新的排版效果图，例如，全部已选中元素的元素个数为5个时，在未选择第一元素之前的元素个数为4个时，图9a为未选择第一元素之前的排版格式及其他元素的排版效果图，图9b为确定最新选择的第一元素之后，其他元素按照所确定的排版格式进行排版的排版位置的新的排版效果图。

步骤806、使用其他元素的新的排版效果图，替换选择界面上显示的其他元素的原排版效果图。

在生成新的排版效果图以后，将选择界面上显示的其他元素的原排版效果图进行更新，使用新的排版效果图，替换选择界面上显示的其他元素的原排版效果图，显示在选择界面上。

本发明实施例中，首先确定最新被用户选中的第一元素；确定该第一元素在显示界面上的排版位置，根据该排版位置，生成能够体现第一元素在显示界面上的排版效果图，排版效果图中包含了该第一元素在显示界面上的排版位置，并将排版效果图在选择界面上进行显示，而对于全部已选中元素中的其他元素而言，其他元素的排版效果图会根据当前所选元素的个数而变化，全部已选中元素中的其他元素在显示界面上按照所确定的排版格式进行排版的排版位置，并生成体现其他元素在显示界面上按照所确定的排版格式进行排版的排版位置的新的排版效果图，新的排版效果图会替换选择界面上显示的其他元素的原排版效果图，显示在选择界面上。

本发明实施例还提供了一种元素的排版显示方法，如图10所示，具体可以包括如下步骤：

步骤1001、确定全部已选中元素中被撤销的元素。

步骤1002、确定剩余被选中元素在显示界面上的排版位置。

步骤1003、基于排版位置，生成体现剩余被选中元素在显示界面上的排版位置的新的排版效果图。

步骤1004、使用剩余被选中元素的新的排版效果图，替换选择界面上显示的剩余被选中元素的原排版效果图。

在本发明实施例中，当存在有元素被撤销选择时，确定在全部已选中元素中被撤销的元素，并由此确定剩余被选中元素以及剩余的元素在显示界面上的排版位置，按照该排版位置，生成体现剩余被选中元素在显示界面上的排版位置的新的排版效果图，使用剩余被选中元素的新的排版效果图，替换选择界面上显示的剩余被选中元素的原排版效果图。通过本发明实施例提供的方法在有元素被撤销选择时，剩余元素的排版位置可能会发生变化，需要将剩余元素的排版位置和根据排版位置生成的排版效果图进行更新，元素的显示方法更加灵活，实时反应了元素的排版变化。

在一个示例中，对于上述步骤1002，具体还可以采用如下方式执行，流程如图11所示：

步骤1101、确定剩余被选中元素的元素个数。

步骤1102、按照预设的元素个数与排版格式的对应关系，确定剩余被选中元素的元素个数对应的排版格式。

按照预设的元素个数与排版格式的对应关系，确定剩余被选中元素的元素个数对应的排版格式。例如，当元素个数为10时，预设的元素个数10对应的排版格式为16宫格，如图12a所示。当撤销选择4个元素时，剩余被选中元素的元素个数为6，则对应的排版格式由16宫格变为9宫格，如图12b所示。

步骤1103、确定剩余被选中元素在显示界面上按照所确定的排版格式进行排版的排版位置。

在确定剩余被选中元素的元素个数对应的排版格式以后，确定剩余被选中元素按照所确定的排版格式进行排版的排版位置，将剩余的元素按照步骤1102中确定的排版格式进行排版，例如，当剩余被选中元素的元素个数为4时，确定对应的排版格式为4方格，将剩余元素在4方格中进行排版，排版顺序为从左到右、从上到下，得到剩余被选中元素的排版位置。

步骤1104、基于排版位置，生成体现剩余被选中元素在显示界面上的排版位置的新的排版效果图。

基于剩余被选中元素的排版位置，生成剩余被选中元素的新的排版效果图，该排版效果图体现剩余被选中元素在显示界面上按照所确定的排版格式进行排版的排版位置。

步骤1105、使用剩余被选中元素的新的排版效果图，替换选择界面上显示的剩余被选中元素的原排版效果图。

在生成新的排版效果图后，将选择界面上显示的剩余被选中元素的原排版效果图进行更新，使用新的排版效果图替换选择界面上显示的剩余被选中元素的原排版效果图。

本发明实施例中，如果全部已选中元素中有元素被撤销选择，那么确定剩余被选中元素的元素个数，按照预设的元素个数与排版格式的对应关系，确定剩余被选中元素的元素个数对应的排版格式，按照所确定的排版格式将剩余被选中元素进行排版，得到剩余被选中元素的排版位置，生成体现剩余被选中元素在显示界面上按照所确定的排版格式进行排版的排版位置的新的排版效果图，并替换选择界面上显示的剩余被选中元素的原排版效果图。本实施例中提供的方法可以使元素被撤销选择时，及时更新剩余被选中元素的排版效果图，使用户可以及时感知排版效果。

在另一个示例中，对于上述步骤1002，具体还可以采用如下方式执行，流程如图13所示：

步骤1301、确定全部已选中元素中被撤销的元素。

步骤1302、确定剩余被选中元素在元素被撤销前的顺序位置。

步骤1303、按照预设的顺序位置与排版位置的对应关系，确定剩余被选中元素的排版位置。

步骤1304、基于排版位置，生成体现剩余被选中元素在显示界面上的排版位置的新的排版效果图。

步骤1305、使用剩余被选中元素的新的排版效果图，替换选择界面上显示的剩余被选中元素的原排版效果图。

本发明实施例中，如果全部已选中元素中有元素被撤销选择，那么确定剩余被选中元素在元素被撤销前的顺序位置，按照预设的顺序位置与排版位置的对应关系，确定剩余被选中元素的排版位置，基于排版位置，生成体现剩余被选中元素在显示界面上的排版位置的新的排版效果图。例如，当元素个数为10时，对应的排版格式为16宫格，当撤销选择位置为1，4，6，7，8，9的元素时，虽然只剩下4个元素，但剩余被选中元素在元素被撤销前的顺序位置为有2，3，5，10，原10号位置的元素依然存在，所以排版格式依旧为16宫格，如图14a所示。同理，当撤销位置为10的元素以后，原5号元素依然存在，排版格式为9宫格，如图14b所示。本实施例中提供的方法可以使元素被撤销选择时，及时更新剩余被选中元素的排版效果图，使用户可以及时感知排版效果。

在确定全部已选中元素中被撤销的元素以后，具体还可以如下步骤，流程如图15所示：

步骤1501、确定最新被选中的第二元素。

步骤1502、确定第二元素在显示界面上的排版位置。

步骤1503、基于排版位置，生成体现第二元素在显示界面上的排版位置的排版效果图。

步骤1504、将体现第二元素在显示界面上的排版位置的排版效果图在第二元素的选择界面上进行显示。

在本发明实施例中，如果全部已选中元素中有元素被撤销选择后，又有第二元素被选择，其中，第二元素可以和用户选择的第一元素相同，也可以不相同，当用户在失误撤销所选择的第一元素时，可以重新选择第一元素，此时，第二元素可以和用户选择的第一元素相同，如果用户想在撤销选择后，再选择一个新的元素，此时，第二元素和第一元素不相同，当确定了最新被选中的第二元素以后，确定第二元素在显示界面上的排版位置，基于排版位置，生成体现第二元素在显示界面上的排版位置的排版效果图，将体现第二元素在显示界面上的排版位置的排版效果图在第二元素的选择界面上进行显示。本实施例中提供的方法可以在元素被撤销选择后又重新选择新的元素时，及时更新全部选中元素的排版效果图，使用户可以及时感知排版效果。

在一个示例中，对于上述步骤1502，具体可以采用如下方式执行，如图16所示：

步骤1601、确定最新被选中的第二元素。

步骤1602、确定除剩余被选中元素在显示界面上的排版位置以外的剩余排版位置。

步骤1603、确定第二元素在全部已选中元素中的顺序位置。

步骤1604、根据所确定的顺序位置，在剩余排版位置中，按照排版位置被占用的先后顺序，确定第二元素的排版位置。

步骤1605、基于排版位置，生成体现第二元素在显示界面上的排版位置的排版效果图。

步骤1606、将体现第二元素的在显示界面上的排版位置的排版效果图在第二元素的选择界面上进行显示。

在本发明实施例中，如果全部已选中元素中有元素被撤销选择后，又有第二元素被选择，那么首先确定除剩余被选中元素在显示界面上的排版位置以外的剩余排版位置，确定第二元素在全部已选中元素中的顺序位置，根据所确定的顺序位置，在剩余排版位置中，按照排版位置被占用的先后顺序，确定第二元素的排版位置，基于排版位置，生成体现第二元素在显示界面上的排版位置的排版效果图，将体现第二元素的在显示界面上的排版位置的排版效果图在第二元素的选择界面上进行显示。例如，当撤销1和4位置的位置时，剩余被选中元素在显示界面上的排版位置如图17a所示，那么剩余排版位置还有6个，在选择第二元素时，第二元素在剩余排版位置中，按照排版位置被占用的先后顺序，确定第二元素的排版位置，第二元素可以排在原来的1号位置，在这里用6表示，如图17b所示。本实施例中提供的方法可以在元素被撤销选择后又重新选择新的元素时，及时更新全部选中元素的排版效果图，使用户可以及时感知排版效果。

本发明实施例提供的元素的排版显示方法，具体还可以包括：将排版效果图在选择界面上第一元素的上层进行显示。在生成排版效果图以后，将排版效果图和第一元素同时显示在选择界面上，并且排版效果图显示在当前元素的上层，图18为排版效果图的显示示意图，图中显示元素为1801，排版效果图为1802，位于上层的位置可以调整，图中的排版效果图显示在元素的右下角，将排版效果图在显示界面上第一元素的上层进行显示，可以直观的看到第一元素的排版效果，并且有助于用户根据排版效果图对显示元素进行调整。

本发明实施例提供的方法应用一种在实际应用中的排版效果显示图，如图19所示，图中全部被选中的元素有8个，分别为元素p1、元素p2、元素p3、元素p4、元素p5、元素p6、元素p7、元素p8，其中，这8个元素被选择的顺序按照数字从1到8排列，在选择每个元素的时候，该元素对应的排版效果图会显示在该元素的上层，以元素p1为例，如图19中元素p1的排版效果图1901所示，排版效果图1901中的符号1902为该元素在元素显示界面上的排版位置，同理，其余元素的排版效果图也如同元素p1的显示方法。

本发明实施例提供了一种元素的排版显示装置，装置的结构示意图如图19所示，包括：

第一元素确定模块2001，用于确定最新被选中的第一元素；

第一位置确定模块2002，用于确定第一元素在显示界面上的排版位置；

第一效果图生成模块2003，用于基于排版位置，生成体现第一元素在显示界面上的排版位置的排版效果图；

第一显示模块2004，用于将排版效果图在第一元素的选择界面上进行显示。

具体的，第一位置确定模块2002，具体用于确定第一元素在全部已选中元素中按照选择顺序排列的顺序位置；

按照预设的顺序位置与排版位置的对应关系，确定第一元素对应的排版位置，作为在显示界面上的排版位置。

具体的，第一位置确定模块2002，具体用于确定全部已选中元素的元素个数；

按照预设的元素个数与排版格式的对应关系，确定全部已选中元素的元素个数对应的排版格式；

确定第一元素在显示界面上按照所确定的排版格式进行排版的排版位置。

具体的，第一位置确定模块2002，具体用于确定第一元素在全部已选中元素中按照选择顺序排列的顺序位置；

确定全部已选中元素的元素个数；

按照预设的元素个数与排版格式的对应关系，确定全部已选中元素的元素个数对应的排版格式；

按照预设的顺序位置与排版位置的对应关系，确定第一元素在全部已选中元素中按照选择顺序排列的顺序位置对应的排版位置，作为在显示界面上按照所确定的排版格式进行排版的排版位置。

具体的，装置还包括：

其他元素位置确定模块，用于确定全部已选中元素中的其他元素在显示界面上按照所确定的排版格式进行排版的排版位置；

其他元素效果图生成模块，用于基于其他元素的排版位置，生成体现其他元素在显示界面上按照所确定的排版格式进行排版的排版位置的新的排版效果图；

其他元素显示模块，用于使用其他元素的新的排版效果图，替换选择界面上显示的其他元素的原排版效果图。

具体的，装置还包括：

撤销元素确定模块，用于确定全部已选中元素中被撤销的元素；

剩余元素位置确定模块，用于确定剩余被选中元素在显示界面上的排版位置；

剩余元素效果图生成模块，用于基于排版位置，生成体现剩余被选中元素在显示界面上的排版位置的新的排版效果图；

剩余元素显示模块，用于使用剩余被选中元素的新的排版效果图，替换选择界面上显示的剩余被选中元素的原排版效果图。

具体的，剩余元素位置确定模块，具体用于确定剩余被选中元素的元素个数；

按照预设的元素个数与排版格式的对应关系，确定剩余被选中元素的元素个数对应的排版格式；

确定剩余被选中元素在显示界面上按照所确定的排版格式进行排版的排版位置。

具体的，剩余元素位置确定模块，具体用于确定剩余被选中元素在元素被撤销前的顺序位置；

按照预设的顺序位置与排版位置的对应关系，确定剩余被选中元素的排版位置。

具体的，装置还包括：

第二元素确定模块，用于确定最新被选中的第二元素；

第二位置确定模块，用于确定第二元素在显示界面上的排版位置；

第二效果图生成模块，用于基于排版位置，生成体现第二元素在显示界面上的排版位置的排版效果图；

第二显示模块，用于将体现第二元素在显示界面上的排版位置的排版效果图在当前元素的选择界面上进行显示。

具体的，第二位置确定模块，具体用于确定除剩余被选中元素在显示界面上的排版位置以外的剩余排版位置；

确定第二元素在全部已选中元素中的顺序位置；

根据所确定的顺序位置，在剩余排版位置中，按照排版位置被占用的先后顺序，确定第二元素的排版位置。

具体的，第一显示模块，具体用于将排版效果图在选择界面上第一元素的上层进行显示。

本发明实施例提供了一种电子设备，包括处理器和机器可读存储介质，机器可读存储介质存储有能够被处理器执行的机器可执行指令，处理器执行机器可执行指令时，促使实现上述图3实施例、图4实施例、图5实施例、图7实施例、图8实施例所述的元素的排版显示方法步骤。

本发明实施例提供的电子设备，可以实现在元素被选择以后，实时显示元素的排版效果。首先确定用户所选择的当前元素；确定当前元素在显示界面上的排版位置，根据当前元素的排版位置，生成能够体现当前元素在显示界面上的排版效果图，排版效果图中包含了当前元素在显示界面上的排版位置，并将排版效果图在显示界面上进行显示，使用户可以看到显示元素的同时，还能看到当前元素的排版效果。通过本发明实施例提供的方法可以实现在元素被选择以后，在元素的显示界面上显示元素的排版效果，使用户能够通过排版效果图直观的得知当前元素的排版效果，提高了用户体验。

本发明实施例提供了一种计算机可读存储介质，计算机可读存储介质内存储有计算机程序，计算机程序被处理器执行时实现上述的元素的排版显示方法步骤。

本发明实施例提供的计算机可读存储介质，可以实现在元素被选择以后，实时显示元素的排版效果。首先确定用户所选择的当前元素；确定当前元素在显示界面上的排版位置，根据当前元素的排版位置，生成能够体现当前元素在显示界面上的排版效果图，排版效果图中包含了当前元素在显示界面上的排版位置，并将排版效果图在显示界面上进行显示，使用户可以看到显示元素的同时，还能看到当前元素的排版效果。通过本发明实施例提供的方法可以实现在元素被选择以后，在元素的显示界面上显示元素的排版效果，使用户能够通过排版效果图直观的得知当前元素的排版效果，提高了用户体验。

上述的处理器可以是通用处理器，包括中央处理器(centralprocessingunit，cpu)、网络处理器(networkprocessor，np)等；还可以是数字信号处理器(digitalsignalprocessing，dsp)、专用集成电路(applicationspecificintegratedcircuit，asic)、现场可编程门阵列(field-programmablegatearray，fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。

需要说明的是，本发明实施例提供的元素的排版显示装置、电子设备、存储介质分别是应用上述元素的排版显示方法的装置、电子设备、存储介质，则上述元素的排版显示方法的所有实施例均适用于该装置、电子设备、存储介质、，且均能达到相同或相似的有益效果。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

本说明书中的各个实施例均采用相关的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

以上所述仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等，均包含在本发明的保护范围内。