CN111752461A - 内容显示方法、装置、电子设备及存储介质 - Google Patents

Abstract

本申请公开了一种内容显示方法、装置、电子设备及存储介质，涉及电子设备技术领域。其中，该方法包括：接收作用于应用程序中当前用户界面的预览操作；响应于所述预览操作，预览显示按照预设比例缩小的同层级用户界面，所述同层级用户界面为所述应用程序中当前用户界面所在层级的用户界面；当接收到对预览显示的任意一个用户界面的选中操作，全屏显示选中的用户界面。该方案可以通过简洁的操作实现同层级的用户界面之间的快速切换。

Description

内容显示方法、装置、电子设备及存储介质

技术领域

本申请涉及电子设备技术领域，更具体地，涉及一种内容显示方法、装置、电子设备及存储介质。

背景技术

用户可以在电子设备浏览各种内容。当用户在浏览一个内容时，想要切换到另一个同等级的内容进行浏览，需要退出当前显示的内容，找到想要浏览的内容条目，再点击该条目，进入内容浏览界面。整个过程需要操作的节点较多，操作较为繁琐。

发明内容

鉴于上述问题，本申请提出了一种内容显示方法、装置、电子设备及存储介质，以改善上述问题。

第一方面，本申请实施例提供了一种内容显示方法，所述方法包括：接收作用于应用程序中当前用户界面的预览操作；响应于所述预览操作，预览显示按照预设比例缩小的同层级用户界面，所述同层级用户界面为所述应用程序中当前用户界面所在层级的用户界面；当接收到对预览显示的任意一个用户界面的选中操作，全屏显示选中的用户界面。

第二方面，本申请实施例提供了一种内容显示装置，所述装置包括：操作接收模块，用于接收作用于应用程序中当前用户界面的预览操作；预览模块，用于响应于所述预览操作，预览显示按照预设比例缩小的同层级用户界面，所述同层级用户界面为所述应用程序中当前用户界面所在层级的用户界面；切换显示模块，用于当接收到对预览显示的任意一个用户界面的选中操作，全屏显示选中的用户界面。

第三方面，本申请实施例提供了一种电子设备，包括：一个或多个处理器；存储器；一个或多个程序，其中所述一个或多个程序被存储在所述存储器中并被配置为由所述一个或多个处理器执行，所述一个或多个程序被所述处理器执行用于执行上述的方法。

第四方面，本申请实施例提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有程序代码，所述程序代码可被处理器调用执行上述的方法。

本申请实施例提供的内容显示方法、装置、电子设备及存储介质，接收到预览操作时，将同层级用户界面按预设比例缩小并预览显示，用户可以选中预览显示的任意一个用户界面，对用户选中的用户界面进行全屏显示，可以通过简洁的操作实现同层级的用户界面之间的快速切换。

附图说明

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

图1以及图2分别示出了本申请实施例中两个不同层级用户界面的显示示意图。

图3示出了本申请一实施例提供的内容显示方法的流程图。

图4示出了本申请另一实施例提供的内容显示方法的流程图。

图5至图7分别示出了本申请实施例中存储的用户界面示意图。

图8示出了本申请另一实施例部分步骤的流程图。

图9示出了本申请实施例提供的一预览显示示意图。

图10示出了本申请实施例提供的预览显示时的滑动示意图。

图11示出了本申请实施例提供的另一预览显示示意图。

图12示出了本申请实施例提供的又一预览显示示意图。

图13示出了本申请又一实施例提供的内容显示方法的流程图。

图14示出了本申请实施例提供的缩小操作示意图。

图15示出了本申请实施例提供的放大操作的一示意图。

图16示出了本申请实施例提供的放大操作示的另一意图。

图17示出了本申请实施例中一用户界面的显示示意图。

图18示出了本申请实施例提供的内容显示装置的功能模块图。

图19示出了本申请实施例提供的电子设备的结构框图。

图20是本申请实施例的用于保存或者携带实现根据本申请实施例的内容显示方法的程序代码的存储单元。

具体实施方式

为了使本技术领域的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述。

用户在电子设备查看应用程序中的内容时，可以从上一层级的用户界面进入到下一层级的用户界面。其中，上一层级与下一层级为相对的两个层级，上一层级为下一层级的上一个层级，下一层级为上一层级的下一个层级。

在应用程序中，上一层级可以是下一层级的父层级，进入应用程序后，层层打开的应用程序界面中，先打开的界面的层级高于后打开的界面的层级，打开上一层级后，从上一层级继续开启的用户界面为该上一层级的下一层级。

例如，上一层级中，可以包括进入下一层级的入口，点击该入口后，可以进入下一层级的用户界面，显示下一层级的内容。如第一层级以及第二层级为相邻两个层级，第一层级的一个用户界面中包括第二层级的用户界面的入口，则第一层级为第二层级的上一层级，第二层级为第一层级的下一层级。

如，图1所示的为第一层级的页面，在该第一层级的页面中，包括了“内容A”、“内容B”、“内容C”以及“内容D”四个内容条目，分别对应“内容A”、“内容B”、“内容C”以及“内容D”的用户界面的入口。显示“内容A”、“内容B”、“内容C”以及“内容D”的具体内容的用户界面，即第一层级的下一层级，如定义为第二层级。当在该第一层级的页面中选择任意一个内容条目，如选择内容C，则进入内容C的用户界面，如图2所示，可以查看到内容C相关的内容。

如，在新闻应用程序中，新闻应用程序的首页P1中，包括“财经”、“科技”、“生活”3个类别，点击任意一个类别，如点击“财经”类别，进入的财经类别的用户界面P2中包括多条财经新闻，点击任意一条财经新闻，显示该条财经新闻的具体内容的用户界面为P3，则P1为P2的上一层级，P2为P3的上一层级。

又例如，在应用程序中，各个用户界面的开启路径中，每个用户界面对应一个位置点，上一层级的用户界面对应的位置点为下一等级所在的用户界面对应的位置点的前一个位置点。如某个用户界面a所在的路径中，其上一个位置点对应的用户界面a1为该用户界面a的上一层级的用户界面，下一个位置点对应的用户界面a2为该用户界面a对应的下一层级的用户界面。

如文件夹的存储路径中，一个文件夹的用户界面在其所包括的文件夹或文件的用户界面的上一层级。

如文件夹的路径为“D:\文件夹f\文件夹f1\文件f2”，则打开文件夹f的用户界面f中，包括文件夹f1，打开文件夹f1的用户界面f1中，包括文件f2，打开文件f2，显示文件f2的内容的用户界面为用户界面f2。用户界面f为用户界面f1的上一层级，用户界面f1为用户界面f的下一层级；用户界面f1为用户界面f2的上一层级，用户界面f2为用户界面f1的下一层级。

为了清楚说明层级关系，再以树结构为例进行说明，从应用程序开启进入的初始用户界面作为父节点，从父节点进入的用户界面为该父节点的子节点。在各个层级的用户界面形成的树结构中，每一个父节点为其子节点的上一层级，每一个子节点为其父节点的下一层级。例如图1的用户界面与其可进入的用户界面形成的树结构中，图1的用户界面为父节点，“内容A”、“内容B”、“内容C”以及“内容D”分别点击进入的用户界面为该父节点的子节点。

在本申请实施例中，可以由同一个用户界面进入的下一层级，为同一层级。如在树结构中，同一个父节点的子节点为同一层级，同一个父层级的子层级为同一层级；如图1所示的“内容A”、“内容B”、“内容C”以及“内容D”分别进入的用户界面可由图1所示的同一个用户界面进入，则“内容A”、“内容B”、“内容C”以及“内容D”分别进入的用户界面为同一层级的用户界面。同一层级的界面分别对应的内容，为同一层级的内容。

可选的，在本申请实施例中，同一层级进入的下一层级，也可以作为同一层级。本申请实施例中，主要以可由同一用户界面进入的下一层级作为同一层级为例进行说明。

发明人发现，在应用程序中，同一层级的用户界面若需要进行切换，需要先从当前的用户界面返回到上一层级的用户界面，再从上一层级的用户界面点击进入想要切换到的用户界面。如在图2所示的用户界面查看时，想要查看“内容A”对应的用户界面，则需要退出图2所示的用户界面到返回到图1所示的用户界面，再从图1的用户界面中选择“内容A”这一条内容条目，进入内容A的用户界面。该过程操作繁琐，且切换速度慢。

因此，本申请实施例提供了一种内容显示方法、装置、电子设备及存储介质，在当前用户界面中可以接收预览操作，并且响应于该预览操作，预览显示同层级用户界面。当接收到对某一同层级用户界面的选择时，退出预览显示的状态，显示该选中的用户界面，实现同层级的用户界面之间的切换。下面将通过具体实施例对本申请实施例提供的内容显示方法、装置、电子设备及存储介质进行详细说明。

请参阅图3，示出了本申请实施例提供的内容显示方法。具体的，该方法包括：

步骤S110：接收作用于应用程序中当前用户界面的预览操作。

在电子设备的显示屏中可以显示应用程序的内容，对该内容的显示形成用户界面。电子设备可以接收到作用于其触摸屏的预览操作，在当前显示有应用程序时，则接收到作用于该应用程序的当前用户界面的预览操作。该当前用户界面即接收到预览操作时的用户界面，其中显示的内容为接收到预览操作时显示的内容。

步骤S120：响应于所述预览操作，预览显示按照预设比例缩小的同层级用户界面，所述同层级用户界面为所述应用程序中当前用户界面所在层级的用户界面。

响应于该预览操作，可以将当前用户界面所在层级的用户界面进行预览显示，并且，预览显示的为各用户界面按照预设比例缩小后的状态。

其中，当前用户界面所在层级的用户界面包括当前用户界面以及与当前用户界面同一层级的其他用户界面。例如，在图2所示的用户界面接收到预览操作时，预览显示的为“内容A”、“内容B”、“内容C”以及“内容D”分别对应的用户界面缩小后的状态。

在本申请实施例中，定义当前用户界面所在层级的用户界面为同层级用户界面。

步骤S130：当接收到对预览显示的任意一个用户界面的选中操作，全屏显示选中的用户界面。

在对同层级用户界面进行预览显示过程中，用户可以对各个同层级用户界面进行预览，并选择想要切换显示的用户界面。当预览显示的同层级用户界面中，有一个用户界面接收到用户的选中操作，可以退出预览显示的状态，对该选中的用户界面全屏显示。

对该选中的用户界面的全屏显示可以为，占满整个屏幕的显示，或者占满除导航栏以外的部分显示，或者以预览显示之前用户界面的显示方式进行显示。

在本申请实施例中，在当前用户界面中接收到预览操作时，响应于该预览操作，预览显示缩小的同层级用户界面，从而用户可以从同层级用户界面中选择当前用户界面所在层级的任意一个用户界面进行切换，实现了同一层级的用户界面之间的便捷切换。

本申请另一实施例提供的内容显示方法，具体包括显示同层级用户界面的方式。请参见图4，该实施例提供的方法可以包括：

步骤S210：接收作用于应用程序中当前用户界面的预览操作。

触摸屏在显示当前用户界面时，可以接收作用于当前用户界面的预览操作。在本申请实施例中，预览操作具体为何种操作并不限定，例如为按压、长按、多指触控、多指长按、单指或多指滑动等，可以根据实际需要进行设置，使其不与电子设备以及应用程序中其他功能的触发操作相同。

其中，在应用程序显示过程中，当触摸屏接收到触控操作，可以判断该触控操作是否预览操作，若是预览操作，则确定接收到作用于应用程序的当前用户界面的预览操作，否则不确定为接收到作用于应用程序的当前用户界面的预览操作。

在本申请实施例中，响应于接收到的预览操作，可以预览显示按照预设比例缩小的同层级用户界面，具体可以包括如下步骤S220以及步骤S230。

步骤S220：响应于所述预览操作，生成当前用户界面同一层级的各个用户界面。

当接收到预览操作，表示用户要对当前用户界面的同层级用户界面进行预览。由于当前用户界面正在显示，表示已经生成，因此可以生成当前用户界面同一层级的各个用户界面。也就是说，由于当前用户界面已经存在，可以生成当前用户界面所在层级的其他用户界面。

在一种实施方式中，电子设备中可以存储有各个同层级用户界面最近一次显示时的状态，即存储的每个用户界面中显示的内容为最后一次显示时的内容。例如，当在显示某用户界面时，通过退出应用程序或者返回上一层级，退出该用户界面，可以在退出时将该用户界面存储，并覆盖该用户界面上一次的存储，存储的为该用户界面最近一次显示时的状态，该存储的用户界面中的内容为返回时显示的内容。

当接收到预览操作时，可以获取存储的当前用户界面同一层级的各个用户界面，作为生成的当前用户界面同一层级的各个用户界面。

在该实施方式中，若当前用户界面同一层级的各个用户界面中，有用户界面没有打开过，则没有存储有该用户界面。可选的，在此种情况下，可以生成空白用户界面作为该未打开过的用户界面。在该空白用户界面中，不包括具体内容，但是可以指明为用于显示哪一部分内容的用户界面，即指明该空白用户界面为哪一个该未打开过的用户界面，或者说指明该空白用户界面为同层级用户界面中的哪一个用户界面，或者说指明该空白用户界面与在上一层级用户界面中的哪一个入口关联。

若预览显示过程中用户选中空白用户界面，在切换为该空白用户界面时，可以获取该空白用户界面对应的显示内容，根据获取的显示内容对该空白用户界面进行渲染，显示对应的显示内容。其中，空白用户界面对应的显示内容为其用于显示的那一部分内容，或者说，其关联的入口所对应的显示内容。

例如，在显示如图2所示的内容C的用户界面时，接收到预览操作。“内容A”、“内容B”以及“内容D”分别对应的用户界面为与内容C的用户界面同一层级的用户界面，获取“内容A”、“内容B”以及“内容D”分别对应的用户界面中，最近开启过的用户界面。其中，历史开启过“内容A”以及“内容B”，最近一次退出“内容A”以及“内容B”的用户界面时，“内容A”的用户界面的显示状态如图5所示，“内容B”的用户界面的显示状态如图6所示，则存储有图5以及图6所示的用户界面，分别为“内容A”以及“内容B”分别对应的用户界面最近一次显示时的状态。

其中，“内容D”对应的用户界面没有开启过，则“内容D”对应的用户界面显示为空白用户界面，如图7所示，该空白用户界面与“内容D”关联。

获取有图5、图6以及图7分别所示的用户界面，作为生成的当前用户界面同一层级的各个用户界面。

可选的，在该实施方式中，在有用户界面没有打开过的情况下，也可以不显示没打开过的用户界面，仅显示历史开启过的用户界面。

本申请实施例还提供了另一种实施方式。在该实施方式中，预览显示的各个用户界面不仅可以用于用户进行选择以切换，还可以用于用户查看各个用户界面对应的最新显示内容，指示用户选择到最想选择的用户界面。具体的，在该实施方式中，如图8所示，生成当前用户界面同一层级的各个用户界面，可以包括如下步骤：

步骤S221：确定当前用户界面对应的内容条目，作为当前条目。

在本申请实施例中，通过内容条目指示各个用户界面，内容条目与用户界面相关联，每个用户界面对应一个内容条目。内容条目可以理解为其对应的用户界面的名称，或者其对应的用户界面的身份标识，或者其对应的用户界面的入口，或者将每个入口的名称作为该入口进入的用户界面对应的内容条目。在上一层级的一个用户界面中，每一个入口对应一个内容条目，点击一个入口进入的用户界面，为该入口对应的内容条目所对应的用户界面。

例如图1所示的用户界面中，包括“内容A”、“内容B”、“内容C”以及“内容D”四个同一层级的内容条目，这四个内容条目分别对应从图1所示的“内容A”、“内容B”、“内容C”以及“内容D”点击进入的用户界面，如内容条目“内容C”对应图2所示的用户界面。

其中，本申请实施例中当前用户界面的显示可以是，在当前用户界面的上一层级用户界面进行显示时，接收对当前显示的多条内容条目中任意一条内容条目的选择操作，所述多条内容条目为同一层级的内容条目，所述多条内容条目分别对应的用户界面为同一层级的用户界面。根据选中的内容条目对应的显示内容，显示选择的内容条目对应的用户界面。

如图2中“内容C”的用户界面的显示为，在图1所示的上一层级用户界面进行显示时，接收对当前显示的四条内容条目中“内容C”的选择操作，根据内容条目“内容C”对应的显示内容，显示“内容C”这一内容条目对应的用户界面，如图2所示。

在本申请实施例中，响应于预览操作，需要生成当前用户界面同一层级的各个用户界面时，可以确定当前用户界面对应的内容条目，为便与描述，定义当前用户界面对应的内容条目为当前条目。

可选的，用户界面与内容条目可以建立有对应关系，根据该对应关系，即可确定当前用户界面对应的内容条目。

步骤S222：确定当前条目同一层级的内容条目，作为同层条目。

根据当前条目，可以确定与当前条目在同一层级的内容条目。为便于描述，定义当前条目同一层级的内容条目为同层条目。

其中，可以理解的，在同一层级的内容条目，为同一层级的用户界面分别对应的内容条目。即同一用户界面中的多条内容条目为同一层级的内容条目，该多条内容条目分别对应的用户界面为同一层级的用户界面。

可选的，电子设备中，可以存储有内容条目之间的层级关系，该层级关系包括各内容条目上一层级的内容条目，各内容条目下一层级的内容条目以及各内容条目同一层级的内容条目。例如，通过存储各内容条目的树形结构的层级关系存储各用户界面之间的层级关系。在确定当前条目同一层级的内容条目时，可以根据内容条目之间的层级关系，确定当前条目同一层级的内容条目。

步骤S223：获取所述同层条目分别对应的显示内容。

步骤S224：根据各同层条目分别对应的显示内容，生成各同层条目分别对应的用户界面，作为当前用户界面同一层级的各个用户界面。

在确定同层条目后，可以获取各同层条目分别对应的显示内容，即获取各同层条目对应的用户界面需要显示的内容。

在本申请实施例中，可以获取各同层条目对应的最新显示内容。具体获取方式可以是，如电子设备与服务器或者其他设备交互，获取各个用户界面的内容进行渲染显示，则电子设备可以从服务器加载各个同层条目对应的最新内容，作为各个同层条目分别对应的显示内容。

根据各同层条目分别对应的显示内容，生成各个同层条目对应的用户界面。例如，获取到各个同层条目分别对应的显示内容时，根据显示内容进行排版渲染，生成同层条目对应的用户界面。

在本申请实施例中，将各个同层条目对应生成的用户界面，作为在当前用户界面同一层级的用户界面。

仍然通过图1以及图2所示的用户界面举例说明。在图2所示的用户界面中，接收到预览操作时，可以获取到该当前用户界面对应的内容条目为“内容C”。确定与当前条目“内容C”在同一层级的内容条目为“内容A”、“内容B”以及“内容D”，则可以获取到同层条目“内容A”、“内容B”以及“内容D”。再获取“内容A”、“内容B”以及“内容D”分别对应的显示内容，根据“内容A”、“内容B”以及“内容D”分别对应的显示内容，生成“内容A”对应的用户界面、“内容B”对应的用户界面以及“内容D”对应的用户界面，作为在当前用户界面同一层级的各个用户界面。

以一种具体的使用场景进行举例。例如，用户在某问答网站中查看问题Q下的某条答复q1的具体答复内容，此时用户想切换到对该问题Q的其他答复内容，则可以发起预览操作。响应于该预览操作，确定当前用户界面对应的内容条目为答复q1，且可以确定同层条目为对问题Q的其他条答复q1至qn，则获取答复q1至qn分别对应的答复内容，根据答复q1至qn生成答复q1至qn分别对应的用户界面，作为与答复q1的用户界面在同一层级的用户界面，每个用户界面中显示相应条答复的具体答复内容。则用户可以通过预览各条答复分别对应的答复内容，选择想要具体查看的答复退出预览全屏显示。

步骤S230：预览显示按照预设比例缩小的当前用户界面以及生成的各个用户界面。

预览显示按照预设比例缩小的同层级用户界面，即预览显示按照预设比例缩小的当前用户界面以及生成的与当前用户界面同一层级的各个用户界面。

在一种实施方式中，可以先将各同层级用户界面分别按照预设比例缩小后，再进行预览显示。

在另一种实施方式中，可以先预览显示各同层级用户界面，再按照预设比例缩小，或者随用户的操作缩小。

可选的，上述两种实施方式也可以结合，如，先将各同层级用户界面分别按照预设比例缩小后，再进行预览显示，在预览显示过程中，可以随用户的操作缩放。

在本申请实施例中，预设比例的大小并不限定。可选的，为了方便用户清晰查看到各预览状态下的用户界面以进行选择，预设比例可以是一个较大的值，如原来的用户界面的80％、90％等。另外，该预设比例也可以根据显示屏的显示区域大小确定，如可以是按预设比例缩小后是显示区域的指定比例大小，如是显示区域的80％、90％等。另外，可选的，该预设比例的大小也可以由用户预先设置并存储。

另外，在本申请实施例中，预览显示状态下，由于缩小后的用户界面有一定大小，每次在显示屏幕中，显示的缩小用户界面有限。各个用户界面可以是悬浮状态进行显示，各同层级用户界面可以按照一定的顺序排列，用户可以在触摸屏上进行滑动等操作，改变预览状态下显示在屏幕中的用户界面。

其中，各同层级用户界面的排列顺序并不限定，例如可以是按照在上一层级用户界面中，入口从前到后的排列顺序，将各个入口对应的用户界面从左到右进行排列，用户左右滑动可以快速预览各用户界面中的内容并且切换到选中的用户界面。

例如图2所示，在显示如图2所示的“内容C”的用户界面时接收到预览操作，各个同层级用户界面从左到右排列如图9所示。可以理解的，图9中显示屏以外的同层级用户界面并未在屏幕中显示，即图9中虚线所示的用户界面并未在屏幕中显示，只是为了便于理解进行的示例。另外，在预览显示时，可以有用户界面部分显示于屏幕中，部分未进入屏幕中，如图9中“内容B”以及“内容D”分别对应的用户界面；也可以只有一个用户界面在屏幕中预览显示，即图9所示的状态下“内容B”以及“内容D”分别对应的用户界面全部都未在屏幕中显示。具体显示方式在本申请实施例中并不限定。

在预览显示时，当接收到改变屏幕中显示的用户界面的操作时，如接收到左滑操作时，依次将各个用户界面左移，显示于屏幕中的用户界面向左移出显示屏，右边的用户界面向左移入显示屏；接收到右滑操作同理。例如接收到如图10所示的手指对应左滑操作，将各用户界面依次左移，“内容D”的用户界面移入屏幕，“内容C”的用户界面移出屏幕，如图11所示。

在本申请实施例中，预览显示时，各用户界面的具体排列以及显示方式并不限定，屏幕中每次可显示的用户界面的数量也并不限定。当显示屏中可显示的用户界面少于生成的同层级用户界面的数量时，用户可以通过滑动等将显示在屏幕中的部分或全部用户界面移出，并且将没在屏幕中显示的用户界面移入屏幕进行显示。

另外，可选的，在本申请实施例中，当前用户界面同一层级的各个用户界面的生成以及预览显示之间可以有交叉。具体的，若当前条目同一层级的内容条目过多，当前用户界面同一层级的用户界面过多，若生成所有的同一层级的所有用户界面，花费时间较长，且用户不一定需要从同一层级的所有用户界面中进行选择。则在响应于预览操作生成同一层级的各个用户界面时，可以生成预设数量的用户界面，预览显示按照预设比例缩小的生成的各个用户界面，也可以预览显示按照预设比例缩小的当前用户界面以及生成的各个用户界面。

在预览显示时，若接收到用户的滑动操作，将未在屏幕中显示的用户界面移入显示屏显示时，若需要滑入的方向上已经没有生成的用户界面，可以继续生成当前未生成有的预设数量的同一层级的用户界面，按照预设比例缩小并在之前预览显示的各个用户界面之后预览显示。跟随用户将新生成的用户界面滑入显示屏的滑动操作，可以将新生成的用户界面滑入屏幕进行显示。

其中，预设数量可以是预先设置的数量，也可以是上一层级用户界面中，一次可显示的入口数量。例如在问答应用程序中，某问题的用户界面中，对该问题的答复条目大于5条，但是一次可显示5条答复条目。则响应于预览操作，可以先生成上一层级用户界面中显示的5条答复条目分别对应的用户界面，在预览显示过程中，在该5条答复条目中第一条答复条目的用户界面在屏幕中显示时，若用户继续向第一条答复条目的用户界面所在方向滑动，则生成第一条答复条目之前的5条答复条目的用户界面，并将该第一条答复条目之前的答复条目的用户界面随滑动操作滑入屏幕显示。在该5条答复条目中最后一条答复条目的用户界面在屏幕中显示时，若用户继续向最后一条答复条目的用户界面所在方向滑动，则生成最后一条答复条目之后的5条答复条目的用户界面，并将该最后一条答复条目之前的答复条目的用户界面随滑动操作滑入屏幕显示。

在继续接收到将用户界面滑入显示屏时，若滑入方向已经没有生成的用户界面，可以继续生成用户界面并滑入屏幕显示。

又如图11所示，当前生成的用户界面包括如图1所示的4个内容条目“内容A”、“内容B”、“内容C”以及“内容D”分别对应的用户界面，在图1所示的用户界面中，还有与“内容A”、“内容B”、“内容C”以及“内容D”同层级的内容条目未显示，如还有“内容E”以及“内容F”。当预览显示状态如图11所示时，若继续接收到向左的滑动操作，则可以继续生成“内容E”以及“内容F”分别对应的用户界面，并跟随该滑动操作将“内容E”对应的用户界面滑入屏幕进行显示，如图12所示。

步骤S240：当接收到对预览显示的任意一个用户界面的选中操作，全屏显示选中的用户界面。

用户可以通过滑动等操作，将同层级用户界面滑入屏幕显示，同时将屏幕中显示的用户界面滑出屏幕。

另外，用户可以对用户界面进行选择。例如，用户通过对各个用户界面进行预览，确定想要在某用户界面进行具体查看、翻页查看、复制分享等操作时，可以选中该用户界面。当接收到对用户界面的选中操作，可以将选中的用户界面全屏显示，进入全屏的浏览模式，退出预览显示的状态。

可选的，在本申请实施例中，若预览显示的用户界面并非根据最新的显示内容生成的用户界面，在对选中用户界面进行全屏显示时，可以根据该用户界面对应的最新显示内容进行排版渲染，使全屏显示时的用户界面显示最新的内容；若预览显示的用户界面根据最新的显示内容生成，则可以放大该用户界面到全屏进行显示。

在本申请实施例中，响应于预览操作，可以生成当前用户界面同一层级的各个用户界面，预览显示按预设比例缩小的各用户界面。其中，各个用户界面可以根据对应的最新显示内容生成，从而用户在预览时可以根据各个用户界面的显示内容，确定想要查看的内容，选择到合适的用户界面，切换快速方便，且可以准确选择。

本申请另一实施例提供的内容显示方法，可以根据用户的操作确定同层级用户界面的显示大小。具体的，请参见图13，该方法包括：

步骤S310：接收作用于应用程序中当前用户界面的预览操作。

步骤S320：随着所述预览操作在第一方向的滑动距离变化，根据滑动距离与缩小比例的对应关系，对应缩小所述同层级用户界面并预览显示。

在本申请实施例中，预览操作可以为第一方向的滑动操作，响应于所述预览操作，预览显示按照预设比例缩小的同层级用户界面，可以是，随着预览操作在第一方向的滑动距离变化，对应缩小同层级用户界面并预览显示。

具体的，预览操作可以是一个持续性的操作，在接收到预览操作的起始操作时，确定接收到预览操作。在预览操作在第一方向上持续滑动时，预览显示各同层级用户界面，并且，在预览显示过程中，随着滑动距离的持续变化，持续缩小各同层级用户界面。

其中，滑动距离与缩小比例具有对应关系，根据该对应关系，确定滑动距离为不同值时，各个用户界面对应缩小的比例。在本申请实施例中，该对应关系的具体值并不限定，可以由系统预先设置，也可以由用户设置。

另外，由于用户界面的大小不同，用户界面中的文字、图片等的显示大小不同，清晰度不同。为了方便用户清楚查看预览的图片，用户可以根据需求调整预览显示的用户界面的大小。因此，可选的，在本申请实施例中，还可以在预览显示时接收缩放操作，该缩放操作包括缩小操作和放大操作，根据缩小操作缩小显示的用户界面，根据放大操作放大显示的用户界面。

具体的，在预览显示时，可以接收缩放操作。该缩放操作可以作用于预览显示的同层级用户界面中任意一个用户界面，如作用于在屏幕显示的用户界面；该缩放操作也可以作用于触摸屏幕即可。

在接收到缩放操作时，可以控制预览显示的所有用户界面跟随所述缩放操作按照相同的比例缩放。即所有用户界面的缩放比例一致，具体缩放大小可以根据设置的缩放比例确定。如缩小为第一方向的滑动操作，则接收到缩小操作时，缩小的比例根据在第一方向的滑动距离与预设的缩小比例关系确定；放大为第二方向的滑动操作，第二方向与第一方向相反，则接收到放大操作时，放大的比例根据在第二方向的滑动距离与预设的放大比例关系确定。

当所述缩放操作结束，且当前的用户界面大小小于全屏显示时对应的大小，按照当前的大小预览显示所述同层级用户界面。

可选的，在本申请实施例中，该缩放操作可以在预览操作结束后进行。即预览操作的触控消失，预览显示的用户界面以预览操作结束时的大小进行显示的状态下，可以接收缩放操作，根据缩放操作缩小或放大显示的用户界面。

可选的，在本申请实施例中，在预览操作过程中，该预览操作也可以为缩放操作。即接收到预览操作的起始操作时，确定接收到预览操作，在预览操作的持续过程中，可以通过在第一方向的滑动对用户界面进行缩小，也可以通过在第二方向的滑动对用户界面进行放大。当预览操作结束，预览显示的用户界面以预览操作结束时的大小进行显示。在预览显示过程中，仍然可以接收缩放操作对用户界面进行缩小或放大。

步骤S330：当接收到对预览显示的任意一个用户界面的选中操作，全屏显示选中的用户界面。

预览显示的用户界面若接收到选中操作，将选中的用户界面全屏显示，退出预览显示，实现屏幕显示的界面由接收到预览操作时的用户界面切换为选中的用户界面。

在本申请实施例中，选中操作的具体操作方式并不限定，如可以是点击、长按等。

本申请实施例以选中操作将用户界面放大为全屏的放大操作为例进行说明。也就是说，选中操作可以是第二方向的滑动操作，该第二方向与所述第一方向相反，随着第二方向的滑动，用户界面不断放大。

在一种具体的实施方式中，在预览显示用户界面时，当同层级用户界面中的目标用户界面接收到选中操作，随着选中操作在第二方向的滑动距离变化，根据滑动距离与放大比例的对应关系，对应放大目标用户界面。当目标用户界面放大到全屏显示时对应的大小，全屏显示目标用户界面。全屏显示目标用户界面时，退出预览显示。

其中，目标用户界面为在屏幕中显示的用户界面中，接收到选中操作的用户界面。在选中操作的放大过程中，各个用户界面可以同步放大，目标用户界面在放大过程中，逐渐占满全屏。

另外，若选中操作不是作用于某一用户界面，在选中操作在第二方向的滑动过程中，各用户界面逐渐放大。目标用户界面也可以是在放大过程中，逐渐占满全屏的用户界面。

在本申请实施例中，在预览显示的任意时刻可以接收该选中操作，将选中的用户界面全屏显示并退出预览显示。

在本申请实施例中，在前一步骤对应描述的缩放操作过程中，若放大操作使用户界面放大至全屏显示的大小，在全屏显示缩放操作对应的用户界面时，退出预览显示。该缩放操作中将用户界面放大至全屏显示大小的放大过程，可以认为是该选中操作。

可选的，在本申请实施例中，在预览操作过程中，可以进行缩放操作，若缩放操作将屏幕放大至全屏，可以退出预览显示并全屏显示对应的用户界面。预览操作时，作用于当前用户界面，该对应的用户界面可以是该当前用户界面。

可选的，在本申请实施例中，在预览操作过程中，当将用户界面缩小后又放大，用户界面放大至全屏显示大小时，若预览操作没有结束，可以继续根据预览操作的缩放对用户界面进行缩放。当预览操作结束时，即预览操作的触控消失，若用户界面的大小小于全屏显示时的大小，用户界面以预览操作结束时的大小预览显示；当预览操作结束时，即预览操作的触控消失，若用户界面的大小大于或等于全屏显示时的大小，用户界面全屏显示并退出小预览显示的状态。

在本申请实施例中，预览操作、选中操作以及缩放操作的具体操作并不限定。为了用户更直观的体验和浏览，预览操作、选中操作以及缩放操作可以是双指缩放。第一方向的滑动操作可以是双指相向滑动，如图14所示的两个点表示触控点，箭头方向相向滑动的第一方向；如第二方向的滑动操作可以是双指远离的滑动，如图15所示的两个点表示触控点，箭头方向表示相互远离滑动的第二方向。在当前用户界面显示时，若接收到双指触控，确定接收到预览操作的起始操作，若双指触控相向滑动，如图14所示，随双指相向滑动的距离变化，缩小同层级用户界面并预览显示。在预览显示过程中，若双指触控相向滑动，继续随滑动缩小用户界面；若双指触控远离滑动，随滑动距离放大用户界面。

例如在一种具体的使用场景下，显示如图2所示的“内容C”的用户界面。此时接收到双指触控并相向滑动，如图14所示，确定接收到预览操作，随预览操作缩小“内容A”、“内容B”、“内容C”以及“内容D”分别对应的用户界面并预览显示，如图9所示，此时在屏幕中显示缩小后的当前用户界面，即图9所示的“内容C”的用户界面。在预览操作结束后，以预览操作结束时的大小预览显示各用户界面。用户滑动改变预览显示于屏幕中的用户界面，如用户通过如图10所示的左滑将“内容D”对应的用户界面滑入屏幕进行如图11的显示时，想要查看“内容D”对应的用户界面，则可以进行如图16所示的双指远离进行放大操作，当“内容D”对应的用户界面放大为全屏显示时，退出预览界面，并全屏显示该“内容D”对应的用户界面，如图17所示。

其中，对于电子设备而言，检测双指的相向运动或者相互远离的运动，可以是检测到同时作用于触摸屏的两个触摸点。当两个触摸点之间的距离缩小，则可以确定双指相向运动，确定双指在第一方向滑动，距离缩小，根据缩小距离对用户界面进行缩小操作；当两个触摸点之间的距离变大，则可以确定双指远离运动，确定双指在第二方向滑动，距离增大，根据变大距离对用户界面进行放大操作。

在本申请实施例中，在应用程序内同层级的用户界面切换时，可以根据预览操作缩小用户界面进行预览显示。并且可以对预览显示的用户界面进行缩放操作，以方便用户查看预览显示的用户界面。当通过选中操作将某用户界面放大至全屏显示时，退出预览状态。该过程切换方便，且用户可以直观地进行预览、查看预览过程中的用户界面、选中用户界面以及退出预览。

发起预览操作、预览过程中以及退出预览操作都可以通过缩放操作，该缩放操作为双指缩放时，以及在预览过程中的滑动选择当前屏幕中预览显示的用户界面，可以通过综合使用符合用户认知的捏合手势进行界面信息展示，滑动选择，帮助用户提升了在内容之间快速的切换的交互体验。

可选的，在一种实施方式中，接收到预览操作时，可以在当前用户界面存在同层级的用户界面时，根据预览操作进行预览显示，若不存在同层级的用户界面，可以不对预览操作进行反应，即可以不进行预览显示。

可选的，在一种实施方式中，接收到预览操作时，若当前用户界面不存在同层级的用户界面，在预览显示时，可以仅将当前用户界面按照预设比例缩小并预览显示。

在本申请实施例中，若该内容显示方法由电子设备的处理器执行，则作用于触摸屏的操作的相关操作信号可以由处理器接收，处理器根据接收到的相关操作信号控制用户界面的显示。

在本申请实施例中，若该内容显示方法由电子设备的各个部分配合执行，则触摸屏的触摸操作可以由触摸屏感应，并传送给处理器，处理器根据触摸屏的接收到的操作信号，控制用户界面在触摸屏的显示。

本申请实施例还提供了一种内容显示装置400。请参见图18，该装置400包括：操作接收模块410，用于接收作用于应用程序中当前用户界面的预览操作；预览模块420，用于响应于所述预览操作，预览显示按照预设比例缩小的同层级用户界面，所述同层级用户界面为所述应用程序中当前用户界面所在层级的用户界面；切换显示模块430，用于当接收到对预览显示的任意一个用户界面的选中操作，全屏显示选中的用户界面。

可选的，预览模块420可以用于响应于所述预览操作，生成当前用户界面同一层级的各个用户界面；预览显示按照预设比例缩小的当前用户界面以及生成的各个用户界面。

可选的，预览模块420生成当前用户界面同一层级的各个用户界面，可以包括：确定当前用户界面对应的内容条目，作为当前条目；确定当前条目同一层级的内容条目，作为同层条目；获取所述同层条目分别对应的显示内容；根据各同层条目分别对应的显示内容，生成各同层条目分别对应的用户界面，作为当前用户界面同一层级的各个用户界面。

可选的，该装置还可以包括界面进入模块，用于接收对当前显示的多条内容条目中任意一条内容条目的选择操作，所述多条内容条目为同一层级的内容条目，所述多条内容条目分别对应的用户界面为同一层级的用户界面；根据选中的内容条目对应的显示内容，显示选择的内容条目对应的用户界面。

可选的，预览操作可以为第一方向的滑动操作，预览模块420可以用于随着所述预览操作在第一方向的滑动距离变化，根据滑动距离与缩小比例的对应关系，对应缩小所述同层级用户界面并预览显示。

可选的，选中操作可以为第二方向的滑动操作，所述第二方向与所述第一方向相反，切换显示模块430可以用于当同层级用户界面中的目标用户界面接收到所述选中操作，随着所述选中操作在第二方向的滑动距离变化，根据滑动距离与放大比例的对应关系，对应放大所述目标用户界面；当所述目标用户界面放大到全屏显示时对应的大小，全屏显示所述目标用户界面。

可选的，该装置还可以包括缩放模块，用于接收作用于所述同层级用户界面中任意一个用户界面的缩放操作；控制预览显示的所有用户界面跟随所述缩放操作按照相同的比例缩放；当所述缩放操作结束，且当前的用户界面大小小于全屏显示时对应的大小，按照当前的大小预览显示所述同层级用户界面。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述的各个方法实施例之间可以相互参照；上述描述装置和模块的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

可选的，上述各方法实施例的各种实施方式可以对应由不同模块执行，本申请实施例不一一赘述。

在本申请所提供的几个实施例中，模块相互之间的耦合可以是电性，机械或其它形式的耦合。

另外，在本申请各个实施例中的各功能模块可以集成在一个处理模块中，也可以是各个模块单独物理存在，也可以两个或两个以上模块集成在一个模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。各个模块可以配置在不同的电子设备中，也可以配置在相同的电子设备中，本申请实施例并不限定。

请参考图19，其示出了本申请实施例提供的一种电子设备500的结构框图。该电子设备可以是手机、计算机、平板电脑、智能穿戴设备、摄像机等各种智能设备。该电子设备可以包括一个或多个处理器510(图中仅示出一个)，存储器520以及一个或多个程序。其中，所述一个或多个程序被存储在所述存储器520中，并被配置为由所述一个或多个处理器510执行。所述一个或多个程序被处理器执行用于执行前述实施例所描述的方法。

处理器510可以包括一个或者多个处理核。处理器510利用各种接口和线路连接整个电子设备500内的各个部分，通过运行或执行存储在存储器520内的指令、程序、代码集或指令集，以及调用存储在存储器520内的数据，执行电子设备500的各种功能和处理数据。可选地，处理器510可以采用数字信号处理(Digital Signal Processing，DSP)、现场可编程门阵列(Field－Programmable Gate Array，FPGA)、可编程逻辑阵列(Programmable LogicArray，PLA)中的至少一种硬件形式来实现。处理器510可集成中央处理器(CentralProcessing Unit，CPU)、图像处理器(Graphics Processing Unit，GPU)和调制解调器等中的一种或几种的组合。其中，CPU主要处理操作系统、用户界面和应用程序等；GPU用于负责显示内容的渲染和绘制；调制解调器用于处理无线通信。可以理解的是，上述调制解调器也可以不集成到处理器510中，单独通过一块通信芯片进行实现。

存储器520可以包括随机存储器(Random Access Memory，RAM)，也可以包括只读存储器(Read-Only Memory)。存储器520可用于存储指令、程序、代码、代码集或指令集。存储器520可包括存储程序区和存储数据区，其中，存储程序区可存储用于实现操作系统的指令、用于实现至少一个功能的指令、用于实现上述各个方法实施例的指令等。存储数据区还可以电子设备在使用中所创建的数据等。

另外，该电子设备还可以包括显示屏，用于对待识别图片进行显示，也用于对文本识别结果进行显示。

请参考图20，其示出了本申请实施例提供的一种计算机可读存储介质的结构框图。该计算机可读存储介质700中存储有程序代码，所述程序代码可被处理器调用执行上述方法实施例中所描述的方法。

计算机可读存储介质700可以是诸如闪存、EEPROM(电可擦除可编程只读存储器)、EPROM、硬盘或者ROM之类的电子存储器。可选地，计算机可读存储介质700包括非易失性计算机可读介质(non-transitory computer-readable storage medium)。计算机可读存储介质700具有执行上述方法中的任何方法步骤的程序代码710的存储空间。这些程序代码可以从一个或者多个计算机程序产品中读出或者写入到这一个或者多个计算机程序产品中。程序代码710可以例如以适当形式进行压缩。

最后应说明的是：以上实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不驱使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。

Claims (10)

1.一种内容显示方法，其特征在于，所述方法包括：

接收作用于应用程序中当前用户界面的预览操作；

响应于所述预览操作，预览显示按照预设比例缩小的同层级用户界面，所述同层级用户界面为所述应用程序中当前用户界面所在层级的用户界面；

当接收到对预览显示的任意一个用户界面的选中操作，全屏显示选中的用户界面。

2.根据权利要求1所述的方法，其特征在于，所述响应于所述预览操作，预览显示按照预设比例缩小的同层级用户界面，包括：

响应于所述预览操作，生成当前用户界面同一层级的各个用户界面；

预览显示按照预设比例缩小的当前用户界面以及生成的各个用户界面。

3.根据权利要求2所述的方法，其特征在于，生成当前用户界面同一层级的各个用户界面，包括：

确定当前用户界面对应的内容条目，作为当前条目；

确定当前条目同一层级的内容条目，作为同层条目；

获取所述同层条目分别对应的显示内容；

根据各同层条目分别对应的显示内容，生成各同层条目分别对应的用户界面，作为当前用户界面同一层级的各个用户界面。

4.根据权利要求1所述的方法，其特征在于，所述接收作用于应用程序中当前用户界面的预览操作之前，还包括：

接收对当前显示的多条内容条目中任意一条内容条目的选择操作，所述多条内容条目为同一层级的内容条目，所述多条内容条目分别对应的用户界面为同一层级的用户界面；

根据选中的内容条目对应的显示内容，显示选择的内容条目对应的用户界面。

5.根据权利要求1至4任一项所述的方法，其特征在于，所述预览操作为第一方向的滑动操作，所述响应于所述预览操作，预览显示按照预设比例缩小的同层级用户界面，包括：

随着所述预览操作在第一方向的滑动距离变化，根据滑动距离与缩小比例的对应关系，对应缩小所述同层级用户界面并预览显示。

6.根据权利要求5的所述方法，其特征在于，所述选中操作为第二方向的滑动操作，所述第二方向与所述第一方向相反，所述当接收到对预览显示的任意一个用户界面的选中操作，全屏显示选中的用户界面，包括：

当同层级用户界面中的目标用户界面接收到所述选中操作，随着所述选中操作在第二方向的滑动距离变化，根据滑动距离与放大比例的对应关系，对应放大所述目标用户界面；

当所述目标用户界面放大到全屏显示时对应的大小，全屏显示所述目标用户界面。

7.根据权利要求1所述的方法，其特征在于，所述当接收到对预览显示的任意一个用户界面的选中操作，全屏显示选中的用户界面之前，还包括：

接收作用于所述同层级用户界面中任意一个用户界面的缩放操作；

控制预览显示的所有用户界面跟随所述缩放操作按照相同的比例缩放；

当所述缩放操作结束，且当前的用户界面大小小于全屏显示时对应的大小，按照当前的大小预览显示所述同层级用户界面。

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

操作接收模块，用于接收作用于应用程序中当前用户界面的预览操作；

预览模块，用于响应于所述预览操作，预览显示按照预设比例缩小的同层级用户界面，所述同层级用户界面为所述应用程序中当前用户界面所在层级的用户界面；

切换显示模块，用于当接收到对预览显示的任意一个用户界面的选中操作，全屏显示选中的用户界面。

9.一种电子设备，其特征在于，包括：

一个或多个处理器；

存储器；

一个或多个程序，其中所述一个或多个程序被存储在所述存储器中并被配置为由所述一个或多个处理器执行，所述一个或多个程序被所述处理器执行用于执行如权利要求1-7任一项所述的方法。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有程序代码，所述程序代码可被处理器调用执行如权利要求1-7任一项所述的方法。

Images