CN117215467A - 页面显示方法、装置以及电子终端 - Google Patents

Abstract

本公开提供了一种页面显示方法、装置以及电子终端，涉及显示技术领域，缓解了图形用户界面中的页面显示效率较低的技术问题。该方法包括：在可调节显示区域中显示第一页面和第二页面，其中，第二页面的显示层级位于第一页面的显示层级的下层；响应于针对第一页面的第一滑动操作，根据第一滑动操作调整第一页面在可调节显示区域中的第一占比，以改变在可调节显示区域中第二页面未被第一页面所遮挡的第二占比；响应于针对第一页面的第二滑动操作，根据第二滑动操作调整第一页面在当前第一占比下的显示内容；响应于针对第二页面的第三滑动操作，根据第三滑动操作调整第二页面在当前第二占比下的显示内容。

Description

页面显示方法、装置以及电子终端

技术领域

本公开涉及显示技术领域，尤其是涉及一种页面显示方法、装置以及电子终端。

背景技术

目前，页面显示方式所展示的信息内容有限，用户需要不断上下滑动浏览以查看更多页面内容。例如，当用户要查看位于该同一页面中前文和后文的这种两部分不同位置的信息时，由于前文和后文之间距离较长而使用户需要在前文和后文之间不断的进行滑动操作。

因此，用户需要不断的滑动以浏览图形用户界面中显示不出的隐藏页面内容，使页面浏览过程中的操作复杂性和时间成本较高，导致图形用户界面中的页面显示效率较低。

发明内容

本公开的目的在于提供一种页面显示方法、装置以及电子终端，以缓解图形用户界面中的页面显示效率较低的技术问题。

第一方面，本公开实施例提供了一种页面显示方法，通过终端设备运行应用程序并提供所述应用程序对应的应用程序界面，所述应用程序界面包括固定显示区域和可调节显示区域；所述方法包括：

在所述可调节显示区域中显示第一页面和第二页面，其中，所述第二页面的显示层级位于所述第一页面的显示层级的下层；

响应于针对所述第一页面的第一滑动操作，根据所述第一滑动操作调整所述第一页面在所述可调节显示区域中的第一占比，以改变在所述可调节显示区域中所述第二页面未被所述第一页面所遮挡的第二占比；

响应于针对所述第一页面的第二滑动操作，根据所述第二滑动操作调整所述第一页面在当前第一占比下的显示内容；

响应于针对所述第二页面的第三滑动操作，根据所述第三滑动操作调整所述第二页面在当前第二占比下的显示内容。

第二方面，提供了一种页面显示装置，通过终端设备运行应用程序并提供所述应用程序对应的应用程序界面，所述应用程序界面包括固定显示区域和可调节显示区域；所述装置包括：

显示模块，用于在所述可调节显示区域中显示第一页面和第二页面，其中，所述第二页面的显示层级位于所述第一页面的显示层级的下层；

第一调整模块，用于响应于针对所述第一页面的第一滑动操作，根据所述第一滑动操作调整所述第一页面在所述可调节显示区域中的第一占比，以改变在所述可调节显示区域中所述第二页面未被所述第一页面所遮挡的第二占比；

第二调整模块，用于响应于针对所述第一页面的第二滑动操作，根据所述第二滑动操作调整所述第一页面在当前第一占比下的显示内容；

第三调整模块，用于响应于针对所述第二页面的第三滑动操作，根据所述第三滑动操作调整所述第二页面在当前第二占比下的显示内容。

第三方面，本公开实施例又提供了一种电子终端，包括存储器、处理器，所述存储器中存储有可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述的第一方面所述方法。

第四方面，本公开实施例又提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机可运行指令，所述计算机可运行指令在被处理器调用和运行时，所述计算机可运行指令促使所述处理器运行上述的第一方面所述方法。

本公开实施例带来了以下有益效果：

本公开实施例提供的一种页面显示方法、装置以及电子终端，能够在可调节显示区域中显示第一页面和第二页面，其中的第二页面的显示层级位于第一页面的显示层级的下层，响应于针对第一页面的第一滑动操作，根据第一滑动操作调整第一页面在可调节显示区域中的第一占比，以改变在可调节显示区域中第二页面未被第一页面所遮挡的第二占比，响应于针对第一页面的第二滑动操作，根据第二滑动操作调整第一页面在当前第一占比下的显示内容，响应于针对第二页面的第三滑动操作，根据第三滑动操作调整第二页面在当前第二占比下的显示内容。本方案中，通过滑动操作可以调整上层页面在显示区域中的占比，在下层页面中滑动可以调整下层页面的显示内容，在上层页面中滑动可以调整上层页面的显示内容，不仅使得多个不同位置的信息能够利用页面的上下层级关系以及显示占比的调整实现同时显示，即在一个界面上同时展示两个页面，而且，针对同个页面中的不同显示内容还可以通过滑动实现翻页，即两个页面可以分别控制展示的内容，方便用户在不同页面内容之间灵活的查看和对比，无需再在各部分位置之间多次往复不断进行滑动操作来查看，也无需再退出进入其他页面，减少了操作复杂性和时间成本，用户可以更方便的获取所需信息，提高了页面信息展示的效率，缓解了图形用户界面中的页面显示效率较低的技术问题。

为使本公开的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。

附图说明

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

图1示出了本公开实施例提供的应用场景示意图；

图2示出了本公开实施例提供的一种手机的结构示意图；

图3示出了本公开实施例提供的一种触控终端的使用场景示意图；

图4为本公开实施例提供的页面显示方法的流程示意图；

图5为本公开实施例提供的页面显示方法中，多个页面之间结构关系的一个示例；

图6为本公开实施例提供的一种显示图形用户界面的触控终端示例；

图7为本公开实施例提供的一种页面显示装置的结构示意图；

图8示出了本公开实施例所提供的一种电子设备的结构示意图。

具体实施方式

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

本公开实施例中所提到的术语“包括”和“具有”以及它们的任何变形，意图在于覆盖不排他的包含。例如包含了一系列步骤或单元的过程、方法、系统、产品或设备没有限定于已列出的步骤或单元，而是可选地还包括其他没有列出的步骤或单元，或可选地还包括对于这些过程、方法、产品或设备固有的其它步骤或单元。

目前，APP页面通常采用平面展示方式，信息显示有限，用户需要不断上下滑动浏览以查看更多内容，或退出当前页面进入其他页面的方式查看其他内容。这种方式存在信息展示不够高效和用户体验不够流畅的问题。例如，现有的所有信息放在同一页面，当用户想要查看位于该同一页面中不同位置的两部分信息时，只能通过在这两部分位置之间往复的不断地滑动来查看，不方便两部分信息的对比查看，使图形用户界面中的页面显示效率较低。

由此可见，现有的页面显示中的信息展示有限，无法同时显示大量内容。而且，用户需要不断滑动浏览以查看隐藏内容，增加了操作复杂性和时间成本，再者，也使页面切换和信息浏览不够流畅。

基于此，本公开实施例提供了一种页面显示方法、装置以及电子终端，通过该方法可以缓解图形用户界面中的页面显示效率较低的技术问题。

在本公开其中一种实施例中的页面显示方法可以运行于本地终端设备或者是服务器。当页面显示方法运行于服务器时，该方法则可以基于云交互系统来实现与执行，其中，云交互系统包括服务器和客户端设备。

在一种可能的实施方式中，本公开实施例提供了一种页面显示方法，通过终端设备提供图形用户界面，其中，终端设备可以是前述提到的本地终端设备，也可以是前述提到的云交互系统中的客户端设备。该终端设备可以是手机、平板电脑等触控终端，也可以是计算机形式的非触控终端。

例如，如图1所示，图1为本公开实施例提供的应用场景示意图。该应用场景可以包括触控终端(例如，手机102)和服务器101，该触控终端可以通过有线网络或无线网络与服务器101进行通信。其中触控终端用于运行虚拟桌面，通过该虚拟桌面，可以与服务器101进行交互，以实现对服务器101中的内容进行编辑。

本实施例的触控终端以手机102为例进行说明。手机102包括射频(RadioFrequency，简称RF)电路110、存储器120、触摸屏130、处理器140等部件。本领域技术人员可以理解，图2中示出的手机结构并不构成对手机的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。本领领域技术人员可以理解触摸屏130属于用户界面(User Interface，简称UI)，且手机102可以包括比图示或者更少的用户界面。

RF电路110还可以通过无线通信与网络和其他设备通信。所述无线通信可以使用任一通信标准或协议，包括但不限于全球移动通讯系统(Global System of Mobilecommunication，简称GSM)、通用分组无线服务(General Packet Radio Service，简称GPRS)、码分多址(Code Division Multiple Access，简称CDMA)、宽带码分多址(WidebandCode Division Multiple Access，简称WCDMA)、长期演进(Long Term Evolution，简称LTE)、电子邮件、短消息服务(Short Messaging Service，简称SMS)等。

存储器120可用于存储软件程序以及模块，处理器140通过运行存储在存储器120的软件程序以及模块，从而执行手机102的各种功能应用以及数据处理。存储器120可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序等；存储数据区可存储根据手机102的使用所创建的数据等。此外，存储器120可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。

触摸屏130可用于显示图形用户界面和接收用户针对图形用户界面的操作。具体的触摸屏130可包括显示面板和触控面板。其中显示面板可以采用液晶显示器(LiquidCrystal Display，简称LCD)、有机发光二极管(Organic Light-Emitting Diode，简称OLED)等形式来配置。触控面板可收集用户在其上或附近的接触或者非接触操作(例如，如图3所示，用户使用手指103、触笔等任何适合的物体或附件在触控面板上或在触控面板附近的操作)，并生成预先设定的操作指令。另外，触控面板可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位、姿势，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成处理器能够处理的信息，再送给处理器140，并能接收处理器140发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板，也可以采用未来发展的任何技术实现触控面板。进一步的，触控面板可覆盖显示面板，用户可以根据显示面板显示的图形用户界面，在显示面板上覆盖的触控面板上或者附近进行操作，触控面板检测到在其上或附近的操作后，传送给处理器140以确定用户输入，随后处理器140响应于用户输入在显示面板上提供相应的视觉输出。另外，触控面板与显示面板可以作为两个独立的部件来实现也可以集成而来实现。

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

下面结合附图对本公开实施例进行进一步地介绍。

图4为本公开实施例提供的一种页面显示方法的流程示意图。其中，该方法可以应用于可呈现图形用户界面的终端设备(例如图2所示的手机102)，通过终端设备运行应用程序并提供应用程序对应的应用程序界面，应用程序界面包括固定显示区域和可调节显示区域。如图4所示，该方法包括：

步骤S410，在可调节显示区域中显示第一页面和第二页面。

其中，第二页面的显示层级位于第一页面的显示层级的下层。作为一种可选的实施方式，处于上层的第一页面可以遮挡处于下层的第二页面，此处的遮挡可以是全部遮挡，也可以是一定透明率的遮挡，此处的透明率也可以调节。

对于第一页面和第二页面之间的层级关系，示例性的，如图5所示，在x轴和y轴对应平面上的带背景内容的UI页面位于z轴方向上的最下层页面，即负一屏页面，在x轴和y轴对应平面上的不带背景内容的空白UI页面位于负一屏页面的上一层，即置于z轴上层悬浮的常规一屏页面。该示例只设计了一层悬浮即两层页面，但本公开实施例不限于两层页面，即作为负一屏页面的第二页面和作为常规一屏页面的第一页面，本公开实施例中可以应用于更多层UI页面的结构。

此外，对于第一页面和第二页面中的显示内容，第一页面中显示内容和第二页面中显示内容可以通过多种不同的方式显示于图形用户界面中。作为一种可选的实施方式，第一页面中显示内容和第二页面中显示内容可以通过同步加载的方式显示于图形用户界面中。需要说明的是，对于常规的UI结构，在首页向下滑动时可以随滑动操作显示出一个新的页面，现有技术中新的页面和初始页面这两个页面的页面数据是独立加载的，所以这两个页面之间其实是页面跳转的逻辑。而本公开实施例中，整个结构相当于是一个页面结构，第一页面图像和第二页面的数据是同步加载且关联，进而提高多个页面的显示效率。通过第一页面图像和第二页面以同步加载的方式同时显示于图形用户界面中，能够提高多个页面的显示效率。

在实际应用中，第二页面中可以包含与第一页面中的内容所关联的内容，便于玩家将第一页面与第二页面结合查看。在一种可能的实施方式中，第一页面中的显示内容和第二页面中的显示内容为针对相同主题的不同方面的信息。示例性的，针对同一游戏的热点、论坛、攻略、活动、以及聊天室等不同方面的信息，例如，上层的第一页面显示的关于游戏热点、论坛、攻略、活动等，下层的第二页面显示的是针对改游戏的聊天室，便于用户通过多层页面同时查看同一主题下的多种不同方面的信息。作为另一种示例，第二页面中包含下述任意一项或多项：与第一页面中的内容所对应的图像信息、文本信息、以及标识信息。通过第二页面中的更多信息形式，使第二页面的展示内容更加丰富全面。

作为一种可能的实施方式，图5中的负一屏可以用于展示更多的信息，即负一屏作为额外的信息展示区域，可以显示更多的内容，例如，额外的文字、图像、标识、操作按钮等内容，以提供更丰富的内容。

步骤S420，响应于针对第一页面的第一滑动操作，根据第一滑动操作调整第一页面在可调节显示区域中的第一占比，以改变在可调节显示区域中第二页面未被第一页面所遮挡的第二占比。

本公开实施例中，通过滑动操作可以调整上层页面和下层页面在所述可调节显示区域中的占比。在一种可能的实施方式中，运行应用程序时应用程序的初始界面中同时显示部分第一页面和部分第二页面，例如，显示用户上次一退出应用程序时查看的游戏主题的内容，第一页面和第二页面的占比各占可调节显示区域的50％，通过滑动操作可以调节第一页面的占比大于50％，进而使第二页面的占比小于50％，即随着上层页面显示区域的调整过程，下层页面的显示区域也随之对应调整。通过可调整占比的页面适应不同的信息展示需求，每层的页面的占比都能够调整，使多个页面在界面中同时显示效果更加灵活且适应于不同用户的浏览需求。

作为一种可选的实施方式，用户可以通过一些交互手势，如拖拽交互操作，以对上层页面即第一页面(如图5中的常规一屏)进行上下拖动进而显露下层页面即第二页面(如图5中的负一屏)。当然，用户还可以通过对下层页面(如图5中的负一屏)进行上下拖动进而显露出上层页面(如图5中的常规一屏)，进而使页面在图形用户界面中的展示效果更加灵活且适应于不同的浏览需求，即下层页面的显示过程可以随上层页面的拖动效果而展示出来，使下层页面的展示效果与上层页面灵活互动。

在实际应用中，第一页面和第二页面占用的总空间可以固定，也可以不固定即第一页面和第二页面占用的总空间尺寸可调整。作为一种示例，本步骤具体可以包括如下过程：响应于针对第一页面的第一滑动操作，根据第一滑动操作的滑动方向，增大或减小第一页面在可调节显示区域中的第一占比，并根据第一滑动操作的滑动方向，减小或增大第二页面在可调节显示区域中未被第一页面所遮挡的第二占比，以保持第一占比和第二占比在可调节显示区域中的总占比不变。即在上层页面对应的第一占比的调整过程中，下层页面对应的第二占比也基于滑动方向对应调整，使上层页面和下层页面的总占比不变。

需要说明的是，对第一页面的滑动方向可以是任意方向不做限制，使第一页面的拖动效果更加灵活。即第一滑动操作的滑动方向包括朝图形用户界面中任意一方的方向。

作为一种示例，上层页面即第一页面可以从下方上来，也可以从左侧往右或者斜着进入都是可以的。在一种可能的实施方式中，用户可以对第一页面如上层页面进行左方向或右方向的拖动进而在第一页面以外的区域中显露出第二页面如下层页面。当然，用户也可以通过对第二页面如下层页面进行右上方或左下方等斜方向的拖动显露出第一页面如上层页，进而使调整各个层级页面的拖动操作能够更加灵活。第一页面和第二页面等各个层级页面的各自展示区域可以随用户的多种方向的拖动操作而调整，以使页面在图形用户界面中的展示效果更加灵活且适应于不同用户的浏览需求。

步骤S430，响应于针对第一页面的第二滑动操作，根据第二滑动操作调整第一页面在当前第一占比下的显示内容。

需要说明的是，在同时显示第一页面和第二页面的状态下，用户针对第一页面进行的滑动操作，可以使第一页面中不同位置部分随滑动操作进行切换显示，例如，利用每个页面中自带的翻页功能，当用户向上滑动第一页面图像时使图形用户界面中显示的第一页面图像向下翻页，当用户向下滑动第一页面图像时使图形用户界面中显示的第一页面图像向上翻页。

本公开实施例中，即使同时显示第一页面和第二页面，用户针对第一页面进行的滑动操作也可以使第一页面中不同位置部分随滑动操作进行切换显示，在增加并显示第二页面后依旧能够不影响第一页面的该功能，进而使第一页面显示功能更加全面且丰富。

在实际应用中，对第一页面显示内容的调整可以在第一页面占比符合一定占比条件下执行。作为一种示例，本步骤具体可以包括：在第一占比满足第一占比条件时，响应于针对第一页面的第二滑动操作，根据第二滑动操作调整第一页面在当前第一占比下的显示内容；其中，第一占比条件包含第一占比大于第一预设占比。

示例性的，当上层页面被伸展到接近满屏后，即满足第一占比条件时，用户可以通过上下滑动调整上层页面的显示内容，此时也可以使下层页面的显示内容无法调整。

在一种可能的实施方式中，当第一页面滑到可调节显示区域中的顶端部位时，用户针对第一页面进行的滑动操作，可以使第一页面中不同位置部分随滑动操作进行切换显示。例如，利用每个页面中自带的翻页功能，当用户向上滑动第一页面时使第一页面中的显示内容向下翻页，当用户向下滑动第一页面时使第一页面中的显示内容向上翻页。通过第一页面中不同位置部分随滑动操作的切换显示效果，以使页面显示功能更加全面丰富。

步骤S440，响应于针对第二页面的第三滑动操作，根据第三滑动操作调整第二页面在当前第二占比下的显示内容。

在实际应用中，如图6所示，在同时显示第一页面601和第二页面602的状态下，用户针对第二页面602进行的滑动操作，可以使第二页面中602不同位置部分随滑动操作进行切换显示，例如，利用每个页面中自带的翻页功能，当用户向上滑动第二页面时使第二页面向下翻页，即第二页面中的显示内容向上移动，从而达到向下翻页的效果；如图6所示，当用户向下滑动第二页面602时使第二页面向上翻页，即第二页面中的显示内容向下移动，从而达到向上翻页的效果，进而使第二页面的显示功能更加全面且丰富。

作为一种可选的实施方式，对第二页面显示内容的调整可以在第二页面占比符合一定占比条件下执行。作为一种示例，本步骤具体可以包括：在第一占比满足第二占比条件时，响应于针对第二页面的第三滑动操作，根据第三滑动操作调整第二页面在当前第二占比下的显示内容；其中，第二占比条件包含第一占比小于第二预设占比，第一预设占比大于第二预设占比。

示例性的，当上层页面的占比被压缩到最小后，即第一占比满足第二占比条件时，可以上下滑动调整下层页面的显示内容，即当上层页面滑到底时在下层页面中滑动可以调整下层页面的显示内容。此时也可以使上层页面的显示内容无法调整，当然也可以只能够横向调整上层页面的显示内容，无法纵向调整上层页面的显示内容。

通过滑动操作可以调整上层页面在显示区域中的占比，在下层页面中滑动可以调整下层页面的显示内容，在上层页面中滑动可以调整上层页面的显示内容，不仅使得多个不同位置的信息能够利用页面的上下层级关系以及显示占比的调整实现同时显示，即在一个界面上同时展示两个页面，而且，针对同个页面中的不同显示内容还可以通过滑动实现翻页，即两个页面可以分别控制展示的内容，方便用户在不同页面内容之间灵活的查看和对比，无需再在各部分位置之间多次往复不断进行滑动操作来查看，也无需再退出进入其他页面，减少了操作复杂性和时间成本，用户可以更方便的获取所需信息，提高了页面信息展示的效率，缓解了图形用户界面中的页面显示效率较低的技术问题。

需要说明的是，现有页面展示过程中的所有信息放在同一页面，当用户想要查看位于该同一页面中不同位置的两部分信息时，只能通过在这两部分位置之间往复的不断地滑动来查看，或者，需要退出当前页面进入其他页面的方式查看其他内容，这两种方式都不方便两部分信息的对比查看。

而本公开实施例中，通过充分利用页面上下层的层级关系，能够增加一层负一屏乃至更多层，实现了在系统中添加若干层负一屏的页面，可以将这两部分位置的信息分别设置于不同层的页面中，且设置这些不同页面(如两个页面)能够上下层位置的放置，不再是现有技术中只能在同一页面中前文和后文之间位置关系的显示，而是利用上层和下层之间位置关系实现同时显示这两个不同显示位置部分的信息，通过简便的操作即可在上层和下层部分的信息之间切换显示，使用户体验更加流畅。例如，在APP页面的浏览过程中，利用上下层关系增加更多层的页面，以便在APP页面中展示更多的信息且更加便于用户浏览操作，提升了APP页面的用户体验。

下面对上述步骤进行详细介绍。

在一些实施例中，当上层页面的内容被滑到末端时，在上层页面中继续向末端滑动，可以缩小上层页面的占比，增大下层页面的占比。作为一个示例，在上述步骤S430之后，本方法还可以包括如下步骤：

步骤a)，在第一页面在当前第一占比下的显示内容调整为第一页面中在第一方向上的显示内容末端时，响应于针对第一页面朝第一方向的相反方向的第四滑动操作，根据第四滑动操作调整第一占比减小并调整第二占比增大，以保持第一占比和第二占比在可调节显示区域中的总占比不变。

其中，第一方向为第二页面相对于第一页面的位置方向。示例性的，当上层页面的显示内容被滑到内容最顶端的最新消息时，继续下滑上层页面下拉带动上层页面压缩，下层页面向下延伸，可以理解为首尾相接的界面效果。通过这种操作方式，可以使上层页面和下层页面之间的调整方式以及展示效果更加灵活。

在一些实施例中，当下层页面的内容被滑到最底的末端时，在下层页面中继续向底端滑动，可以缩小下层页面的占比，增大上层页面的占比。

作为一个示例，在上述步骤S440之后，该方法可以包括如下步骤：

步骤b)，在第二页面在当前第二占比下的显示内容调整为第二页面中在第二方向上的显示内容末端时，响应于针对第二页面朝第二方向的相反方向的第五滑动操作，根据第五滑动操作调整第二占比减小并调整第一占比增大，以保持第一占比和第二占比在可调节显示区域中的总占比不变。

其中，第二方向为第一页面相对于第二页面的位置方向。示例性的，当下层页面的显示内容被滑到最底端的消息时，继续上滑下层页面上拉带动上层页面向上延伸，下层页面压缩，可以理解为首尾相接的界面效果。通过这种操作方式，可以使上层页面和下层页面之间的调整方式以及展示效果更加灵活。

此外，当下层页面的内容被拉到底时，在上层页面中向上滑动，可以增大上层页面的显示区域，缩小下层页面的显示区域。示例性的，当下层页面的内容被拉到底时，在上层页面中向上滑动，会增大上层页面的显示区域，缩小下层页面的显示区域。通过在下层页面的内容被滑到底时在上层页面中的上滑操作，能够缩小下层页面的显示区域并增大上层页面的显示区域，使上层页面和下层页面的显示区域调整方式更加灵活。

在一些实施例中，在第一页面中滑动至显示内容末端时可以加载第一页面中的最新消息。作为一个示例，上述步骤S430可以包括如下步骤：

步骤c)，在第一页面在当前第一占比下的显示内容调整为第一页面中的显示内容末端时，响应于针对第一页面朝显示内容末端的第二滑动操作，根据第二滑动操作将第一页面在当前第一占比下的显示内容更新为最新消息。

示例性的，在第一页面中滑动下拉至第一页面的消息末端，能够加载第一页面中的最新消息，在第二页面中可以不具备该功能。通过在第一页面中滑动至显示内容末端时加载第一页面中的最新消息，能够使展示第一页面显示内容的操作更加便捷。

在一些实施例中，对固定显示区域中的操作能够控制第一页面或第二页面的展示。作为一个示例，固定显示区域包括：第一子固定显示区域和第二子固定显示区域，第一子固定显示区域位于应用程序界面中的上方，第二子固定显示区域位于应用程序界面中的下方；第一子固定显示区域或第二子固定显示区域中包含第一控件；该方法还可以包括如下步骤：

步骤d)，响应于针对第一控件的第一选择操作，根据第一控件控制第一页面和/或第二页面在可调节显示区域中的显示；

步骤e)，响应于针对第一页面或第二页面的任意操作，保持第一子固定显示区域和第二子固定显示区域在应用程序界面中的占比不变。

作为一种可选的实施方式，第一子固定显示区域和第二子固定显示区域显示于应用程序界面最上方边沿和最下方边沿，作为不会进行页面占比调整的两个区域，也不会受第一页面和第二页面等页面显示区域调整的影响，固定显示区域中可以显示各种控件，能通过操作这些控件控制第一页面和第二页面显示出来。进而使得展示第一页面和第二页面的控制操作更加便捷灵活。

在一些实施例中，第一页面中可以展示通过横向滑动操作的项目内容。作为一个示例，上述步骤S430可以包括如下步骤：

步骤f)，响应于针对第一页面的横向滑动操作，根据横向滑动操作调整第一页面在当前第一占比下显示的项目内容；其中，项目内容基于类型确定；

步骤g)，响应于针对第一页面的纵向滑动操作，根据纵向滑动操作调整第一页面在当前第一占比下显示的消息内容；其中，消息内容基于时间确定。

在实际应用中，即使第一页面被压缩到最小，第一页面中也可以始终展示出一些内容，以随时提示用户第一页面的显示内容，这些显示内容包含可以横向翻页选择的项目控件，以提示用户第一页面不仅可以竖向拉动显示不同时间的更新内容，也可以横向拉动显示不同类型的内容，使第一页面的显示方式更加丰富灵活。

基于上述步骤f)和步骤g)，第一页面中可以包含多个可选择且相互关联的区域模块。作为一个示例，第一页面中包含多个级别的类目模块，类目模块中用于显示与项目内容相关的内容；该方法还可以包括如下步骤：

步骤h)，响应于针对一级类目模块的第二选择操作，在第一页面中显示项目内容；

步骤i)，响应于针对二级类目模块的第三选择操作，在第一页面中显示项目内容的核心内容。

在实际应用中，第一页面中可以包含多个可选择的区域模块，例如，第一区域显示论坛、第二区域显示论坛的核心板块，第一区域和第二区域之间也可以是索引的关系，如第一区域显示一级类目、第二区域显示二级类目等，使得能够在有限的展示空间内，使展示效果更加合理，提高用户阅读效率。

在一些实施例中，第一页面中还可以包含一些可选择的控件。作为一个示例，在第一页面中显示有多个不同类型的第二控件；该方法还可以包括如下步骤：

步骤j)，响应于针对第二控件的第四选择操作，根据第二控件在可调节显示区域中按照第三占比条件显示第二页面。

其中，第三占比条件包含第二占比大于第三预设占比。作为一种可选的实施方式，点击第一页面中的某控件可以显示第二页面显示内容。通过这种操作方式使第二页面的显示更加便捷且灵活。

在一些实施例中，上层页面和下层页面的显示内容之间可以具有一定关联关系。作为一个示例，第一页面中的显示内容和第二页面中的显示内容为针对相同游戏类型、游戏主题和/或用户的不同方面的信息。

作为一种可选的实施方式，第一页面和第二页面之间的游戏类型、游戏主题、用户账号等可以相同。通过上层页面和下层页面的显示内容之间的关联关系可以使多个页面之间的浏览效率得到提高。

在一些实施例中，第一页面显示内容与第二页面显示内容之间还可以具有一定的互动关系。作为一个示例，该方法还可以包括如下步骤：

步骤k)，响应于针对第一页面的第二滑动操作，根据第二滑动操作确定第一页面在当前第一占比下的当前显示内容；

步骤l)，响应于针对第一页面的占比调小操作，根据占比调小操作调整第一占比减小并调整第二占比增大；

步骤m)，在第二占比增大后的第二页面中显示与当前显示内容相关的最新信息、具体信息和/或辅助信息。

作为一种可选的实施方式，当第一页面中显示到某节点内容时，如果下拉第一页面从而展示出第二页面，第二页面中显示出的内容即为该节点内容对应的更为详细具体的信息、更为实时更新的信息、或辅助性信息等与该节点内容相关联的其他方面信息，进而能够提高多个页面之间的浏览效率。

在一些实施例中，对于页面的显示内容，可以添加多个游戏主题的选择控件，能够查看不同游戏的对应内容。作为一个示例，第一页面中的显示内容包含主题控件，每个主题控件对应一游戏主题；该方法还可以包括如下步骤：

步骤n)，响应于针对多个主题控件中目标主题控件的第五选择操作，确定针对目标主题控件对应的目标游戏主题的第一页面内容和第二页面内容。

在实际应用中，对于页面中的显示内容，可以添加多个游戏主题的选择控件，进而使用户能够查看不同游戏的对应内容，使页面中显示内容更加灵活全面。

基于上述步骤n)，界面中显示出的游戏主题标识也可以随当前显示的不同页面而产生变化。作为一个示例，在固定显示区域中显示有游戏主题标识，每个游戏主题标识对应一游戏主题；该方法还可以包括如下步骤：

步骤o)，响应于第一占比满足第二占比条件，在固定显示区域中显示第五选择操作所选择的全部目标游戏主题对应的目标游戏主题标识；

步骤p)，响应于第一占比满足第一占比条件，在固定显示区域中显示目标游戏主题标识中第一页面对应的一目标游戏主题标识。

其中，第二占比条件包含第一占比小于第二预设占比；第一占比条件包含第一占比大于第一预设占比，第一预设占比大于第二预设占比。

作为一种可选的实施方式，两个页面都显示时，显示用户关注的所有游戏的图标；上层页面延伸到最大即满屏到顶时，只显示当前的上层页面对应游戏的图标。通过界面中显示出的游戏主题标识随当前显示的不同页面而产生变化，使显示出的游戏主题标识的提示效果更加灵活。

图7提供了一种页面显示装置的结构示意图。通过终端设备运行应用程序并提供所述应用程序对应的应用程序界面，所述应用程序界面包括固定显示区域和可调节显示区域。如图7所示，页面显示装置700包括：

第一显示模块701，用于在所述可调节显示区域中显示第一页面和第二页面，其中，所述第二页面的显示层级位于所述第一页面的显示层级的下层；

第一调整模块702，用于响应于针对所述第一页面的第一滑动操作，根据所述第一滑动操作调整所述第一页面在所述可调节显示区域中的第一占比，以改变在所述可调节显示区域中所述第二页面未被所述第一页面所遮挡的第二占比；

第二调整模块703，用于响应于针对所述第一页面的第二滑动操作，根据所述第二滑动操作调整所述第一页面在当前第一占比下的显示内容；

第三调整模块704，用于响应于针对所述第二页面的第三滑动操作，根据所述第三滑动操作调整所述第二页面在当前第二占比下的显示内容。

通过上述方式，通过滑动操作可以调整上层页面在显示区域中的占比，在下层页面中滑动可以调整下层页面的显示内容，在上层页面中滑动可以调整上层页面的显示内容，不仅使得多个不同位置的信息能够利用页面的上下层级关系以及显示占比的调整实现同时显示，即在一个界面上同时展示两个页面，而且，针对同个页面中的不同显示内容还可以通过滑动实现翻页，即两个页面可以分别控制展示的内容，方便用户在不同页面内容之间灵活的查看和对比，无需再在各部分位置之间多次往复不断进行滑动操作来查看，也无需再退出进入其他页面，减少了操作复杂性和时间成本，用户可以更方便的获取所需信息，提高了页面信息展示的效率，缓解了图形用户界面中的页面显示效率较低的技术问题。

在一个可行的实施方案中，第一调整模块具体用于：

响应于针对所述第一页面的第一滑动操作，根据所述第一滑动操作的滑动方向，增大或减小所述第一页面在所述可调节显示区域中的第一占比，并根据所述第一滑动操作的滑动方向，减小或增大所述第二页面在所述可调节显示区域中未被所述第一页面所遮挡的第二占比，以保持所述第一占比和所述第二占比在所述可调节显示区域中的总占比不变。

在一个可行的实施方案中，第二调整模块具体用于：

在所述第一占比满足第一占比条件时，响应于针对所述第一页面的第二滑动操作，根据所述第二滑动操作调整所述第一页面在当前第一占比下的显示内容；其中，所述第一占比条件包含所述第一占比大于第一预设占比。

在一个可行的实施方案中，第三调整模块具体用于：

在所述第一占比满足第二占比条件时，响应于针对所述第二页面的第三滑动操作，根据所述第三滑动操作调整所述第二页面在当前第二占比下的显示内容；其中，所述第二占比条件包含所述第一占比小于第二预设占比，所述第一预设占比大于所述第二预设占比。

在一个可行的实施方案中，该装置还包括：

第四调整模块，用于在所述第一页面在当前第一占比下的显示内容调整为所述第一页面中在第一方向上的显示内容末端时，响应于针对所述第一页面朝所述第一方向的相反方向的第四滑动操作，根据所述第四滑动操作调整所述第一占比减小并调整所述第二占比增大，以保持所述第一占比和所述第二占比在所述可调节显示区域中的总占比不变；其中，所述第一方向为所述第二页面相对于所述第一页面的位置方向。

在一个可行的实施方案中，该装置还包括：

第五调整模块，用于在所述第二页面在当前第二占比下的显示内容调整为所述第二页面中在第二方向上的显示内容末端时，响应于针对所述第二页面朝所述第二方向的相反方向的第五滑动操作，根据所述第五滑动操作调整所述第二占比减小并调整所述第一占比增大，以保持所述第一占比和所述第二占比在所述可调节显示区域中的总占比不变；其中，所述第二方向为所述第一页面相对于所述第二页面的位置方向。

在一个可行的实施方案中，第二调整模块具体用于：

在所述第一页面在当前第一占比下的显示内容调整为所述第一页面中的显示内容末端时，响应于针对所述第一页面朝所述显示内容末端的第二滑动操作，根据所述第二滑动操作将所述第一页面在所述当前第一占比下的显示内容更新为最新消息。

在一个可行的实施方案中，所述固定显示区域包括：第一子固定显示区域和第二子固定显示区域，所述第一子固定显示区域位于所述应用程序界面中的上方，所述第二子固定显示区域位于所述应用程序界面中的下方；第一子固定显示区域或第二子固定显示区域中包含第一控件；该装置还包括：

控制模块，用于响应于针对所述第一控件的第一选择操作，根据所述第一控件控制所述第一页面和/或所述第二页面在所述可调节显示区域中的显示；

保持模块，用于响应于针对所述第一页面或所述第二页面的任意操作，保持所述第一子固定显示区域和所述第二子固定显示区域在所述应用程序界面中的占比不变。

在一个可行的实施方案中，第二调整模块具体用于：

响应于针对所述第一页面的横向滑动操作，根据所述横向滑动操作调整所述第一页面在当前第一占比下显示的项目内容；其中，所述项目内容基于类型确定；

响应于针对所述第一页面的纵向滑动操作，根据所述纵向滑动操作调整所述第一页面在当前第一占比下显示的消息内容；其中，所述消息内容基于时间确定。

在一个可行的实施方案中，所述第一页面中包含多个级别的类目模块，所述类目模块中用于显示与所述项目内容相关的内容；该装置还包括：

第二显示模块，用于响应于针对一级类目模块的第二选择操作，在所述第一页面中显示所述项目内容；

第三显示模块，用于响应于针对二级类目模块的第三选择操作，在所述第一页面中显示所述项目内容的核心内容。

在一个可行的实施方案中，在所述第一页面中显示有多个不同类型的第二控件；该装置还包括：

第四显示模块，用于响应于针对所述第二控件的第四选择操作，根据所述第二控件在所述可调节显示区域中按照第三占比条件显示所述第二页面；其中，所述第三占比条件包含所述第二占比大于第三预设占比。

在一个可行的实施方案中，所述第一页面中的显示内容和所述第二页面中的显示内容为针对相同游戏类型、游戏主题和/或用户的不同方面的信息。

在一个可行的实施方案中，该装置还包括：

第一确定模块，用于响应于针对所述第一页面的所述第二滑动操作，根据所述第二滑动操作确定所述第一页面在当前第一占比下的当前显示内容；

第六调整模块，用于响应于针对所述第一页面的占比调小操作，根据所述占比调小操作调整所述第一占比减小并调整所述第二占比增大；

第五显示模块，用于在所述第二占比增大后的所述第二页面中显示与所述当前显示内容相关的最新信息、具体信息和/或辅助信息。

在一个可行的实施方案中，所述第一页面中的显示内容包含主题控件，每个所述主题控件对应一游戏主题；该装置还包括：

第二确定模块，用于响应于针对多个所述主题控件中目标主题控件的第五选择操作，确定针对所述目标主题控件对应的目标游戏主题的第一页面内容和所述第二页面内容。

在一个可行的实施方案中，在所述固定显示区域中显示有游戏主题标识，每个所述游戏主题标识对应一所述游戏主题；该装置还包括：

第六显示模块，用于响应于所述第一占比满足第二占比条件，在所述固定显示区域中显示所述第五选择操作所选择的全部所述目标游戏主题对应的目标游戏主题标识；其中，所述第二占比条件包含所述第一占比小于第二预设占比；

第七显示模块，用于响应于所述第一占比满足第一占比条件，在所述固定显示区域中显示所述目标游戏主题标识中所述第一页面对应的一目标游戏主题标识；其中，所述第一占比条件包含所述第一占比大于第一预设占比，所述第一预设占比大于所述第二预设占比。

本公开实施例提供的页面显示装置，与上述实施例提供的页面显示方法具有相同的技术特征，所以也能解决相同的技术问题，达到相同的技术效果。

图8示出了本公开实施例所提供的一种电子设备的结构示意图，包括：处理器801、存储介质802和总线803，所述存储介质802存储有所述处理器801可执行的机器可读指令，当电子设备运行如实施例中的一种页面显示方法时，所述处理器801与所述存储介质802之间通过总线803通信，所述处理器801执行所述机器可读指令，所述处理器801方法项的前序部分，以执行以下步骤：

在所述可调节显示区域中显示第一页面和第二页面，其中，所述第二页面的显示层级位于所述第一页面的显示层级的下层；

响应于针对所述第一页面的第一滑动操作，根据所述第一滑动操作调整所述第一页面在所述可调节显示区域中的第一占比，以改变在所述可调节显示区域中所述第二页面未被所述第一页面所遮挡的第二占比；

响应于针对所述第一页面的第二滑动操作，根据所述第二滑动操作调整所述第一页面在当前第一占比下的显示内容；

响应于针对所述第二页面的第三滑动操作，根据所述第三滑动操作调整所述第二页面在当前第二占比下的显示内容。

在一个可行的实施方案中，所述处理器在执行响应于针对所述第一页面的第一滑动操作，根据所述第一滑动操作调整所述第一页面在所述可调节显示区域中的第一占比，以改变在所述可调节显示区域中所述第二页面未被所述第一页面所遮挡的第二占比时，具体用于：

响应于针对所述第一页面的第一滑动操作，根据所述第一滑动操作的滑动方向，增大或减小所述第一页面在所述可调节显示区域中的第一占比，并根据所述第一滑动操作的滑动方向，减小或增大所述第二页面在所述可调节显示区域中未被所述第一页面所遮挡的第二占比，以保持所述第一占比和所述第二占比在所述可调节显示区域中的总占比不变。

在一个可行的实施方案中，所述处理器在执行响应于针对所述第一页面的第二滑动操作，根据所述第二滑动操作调整所述第一页面在当前第一占比下的显示内容时，具体用于：

在所述第一占比满足第一占比条件时，响应于针对所述第一页面的第二滑动操作，根据所述第二滑动操作调整所述第一页面在当前第一占比下的显示内容；其中，所述第一占比条件包含所述第一占比大于第一预设占比。

在一个可行的实施方案中，所述处理器在执行响应于针对所述第二页面的第三滑动操作，根据所述第三滑动操作调整所述第二页面在当前第二占比下的显示内容时，具体用于：

在所述第一占比满足第二占比条件时，响应于针对所述第二页面的第三滑动操作，根据所述第三滑动操作调整所述第二页面在当前第二占比下的显示内容；其中，所述第二占比条件包含所述第一占比小于第二预设占比，所述第一预设占比大于所述第二预设占比。

在一个可行的实施方案中，所述处理器执行在响应于针对所述第一页面的第二滑动操作，根据所述第二滑动操作调整所述第一页面在当前第一占比下的显示内容之后，还用于：

在所述第一页面在当前第一占比下的显示内容调整为所述第一页面中在第一方向上的显示内容末端时，响应于针对所述第一页面朝所述第一方向的相反方向的第四滑动操作，根据所述第四滑动操作调整所述第一占比减小并调整所述第二占比增大，以保持所述第一占比和所述第二占比在所述可调节显示区域中的总占比不变；其中，所述第一方向为所述第二页面相对于所述第一页面的位置方向。

在一个可行的实施方案中，所述处理器执行在响应于针对所述第二页面的第三滑动操作，根据所述第三滑动操作调整所述第二页面在当前第二占比下的显示内容之后，还用于：

在所述第二页面在当前第二占比下的显示内容调整为所述第二页面中在第二方向上的显示内容末端时，响应于针对所述第二页面朝所述第二方向的相反方向的第五滑动操作，根据所述第五滑动操作调整所述第二占比减小并调整所述第一占比增大，以保持所述第一占比和所述第二占比在所述可调节显示区域中的总占比不变；其中，所述第二方向为所述第一页面相对于所述第二页面的位置方向。

在一个可行的实施方案中，所述处理器在执行响应于针对所述第一页面的第二滑动操作，根据所述第二滑动操作调整所述第一页面在当前第一占比下的显示内容时，具体用于：

在所述第一页面在当前第一占比下的显示内容调整为所述第一页面中的显示内容末端时，响应于针对所述第一页面朝所述显示内容末端的第二滑动操作，根据所述第二滑动操作将所述第一页面在所述当前第一占比下的显示内容更新为最新消息。

在一个可行的实施方案中，所述固定显示区域包括：第一子固定显示区域和第二子固定显示区域，所述第一子固定显示区域位于所述应用程序界面中的上方，所述第二子固定显示区域位于所述应用程序界面中的下方；第一子固定显示区域或第二子固定显示区域中包含第一控件；所述处理器还用于：

响应于针对所述第一控件的第一选择操作，根据所述第一控件控制所述第一页面和/或所述第二页面在所述可调节显示区域中的显示；

响应于针对所述第一页面或所述第二页面的任意操作，保持所述第一子固定显示区域和所述第二子固定显示区域在所述应用程序界面中的占比不变。

在一个可行的实施方案中，所述处理器在执行响应于针对所述第一页面的第二滑动操作，根据所述第二滑动操作调整所述第一页面在当前第一占比下的显示内容时，具体用于：

响应于针对所述第一页面的横向滑动操作，根据所述横向滑动操作调整所述第一页面在当前第一占比下显示的项目内容；其中，所述项目内容基于类型确定；

响应于针对所述第一页面的纵向滑动操作，根据所述纵向滑动操作调整所述第一页面在当前第一占比下显示的消息内容；其中，所述消息内容基于时间确定。

在一个可行的实施方案中，所述第一页面中包含多个级别的类目模块，所述类目模块中用于显示与所述项目内容相关的内容；所述处理器还用于：

响应于针对一级类目模块的第二选择操作，在所述第一页面中显示所述项目内容；

响应于针对二级类目模块的第三选择操作，在所述第一页面中显示所述项目内容的核心内容。

在一个可行的实施方案中，在所述第一页面中显示有多个不同类型的第二控件；所述处理器还用于：

响应于针对所述第二控件的第四选择操作，根据所述第二控件在所述可调节显示区域中按照第三占比条件显示所述第二页面；其中，所述第三占比条件包含所述第二占比大于第三预设占比。

在一个可行的实施方案中，所述第一页面中的显示内容和所述第二页面中的显示内容为针对相同游戏类型、游戏主题和/或用户的不同方面的信息。

在一个可行的实施方案中，所述处理器还用于：

响应于针对所述第一页面的所述第二滑动操作，根据所述第二滑动操作确定所述第一页面在当前第一占比下的当前显示内容；

响应于针对所述第一页面的占比调小操作，根据所述占比调小操作调整所述第一占比减小并调整所述第二占比增大；

在所述第二占比增大后的所述第二页面中显示与所述当前显示内容相关的最新信息、具体信息和/或辅助信息。

在一个可行的实施方案中，所述第一页面中的显示内容包含主题控件，每个所述主题控件对应一游戏主题；所述处理器还用于：

响应于针对多个所述主题控件中目标主题控件的第五选择操作，确定针对所述目标主题控件对应的目标游戏主题的第一页面内容和所述第二页面内容。

在一个可行的实施方案中，在所述固定显示区域中显示有游戏主题标识，每个所述游戏主题标识对应一所述游戏主题；所述处理器还用于：

响应于所述第一占比满足第二占比条件，在所述固定显示区域中显示所述第五选择操作所选择的全部所述目标游戏主题对应的目标游戏主题标识；其中，所述第二占比条件包含所述第一占比小于第二预设占比；

响应于所述第一占比满足第一占比条件，在所述固定显示区域中显示所述目标游戏主题标识中所述第一页面对应的一目标游戏主题标识；其中，所述第一占比条件包含所述第一占比大于第一预设占比，所述第一预设占比大于所述第二预设占比。

通过上述方式，通过滑动操作可以调整上层页面在显示区域中的占比，在下层页面中滑动可以调整下层页面的显示内容，在上层页面中滑动可以调整上层页面的显示内容，不仅使得多个不同位置的信息能够利用页面的上下层级关系以及显示占比的调整实现同时显示，即在一个界面上同时展示两个页面，而且，针对同个页面中的不同显示内容还可以通过滑动实现翻页，即两个页面可以分别控制展示的内容，方便用户在不同页面内容之间灵活的查看和对比，无需再在各部分位置之间多次往复不断进行滑动操作来查看，也无需再退出进入其他页面，减少了操作复杂性和时间成本，用户可以更方便的获取所需信息，提高了页面信息展示的效率，缓解了图形用户界面中的页面显示效率较低的技术问题。

在实际应用中，存储器801可能包含高速随机存取存储器(Random AccessMemory，简称RAM)，也可能还包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。通过至少一个通信接口804(可以是有线或者无线)实现该系统网元与至少一个其他网元之间的通信连接，可以使用互联网，广域网，本地网，城域网等。

总线803可以是ISA总线、PCI总线或EISA总线等。所述总线可以分为地址总线、数据总线、控制总线等。为便于表示，图8中仅用一个双向箭头表示，但并不表示仅有一根总线或一种类型的总线。

其中，存储器801用于存储程序，所述处理器802在接收到执行指令后，执行所述程序，前述本公开任一实施例揭示的过程定义的装置所执行的方法可以应用于处理器802中，或者由处理器802实现。

处理器802可能是一种集成电路芯片，具有信号的处理能力。在实现过程中，上述方法的各步骤可以通过处理器802中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器802可以是通用处理器，包括中央处理器(Central Processing Unit，简称CPU)、网络处理器(Network Processor，简称NP)等；还可以是数字信号处理器(DigitalSignal Processing，简称DSP)、专用集成电路(Application Specific IntegratedCircuit，简称ASIC)、现场可编程门阵列(Field-Programmable Gate Array，简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本公开实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本公开实施例所公开的方法的步骤可以直接体现为硬件译码处理器执行完成，或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器，闪存、只读存储器，可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于存储器801，处理器802读取存储器801中的信息，结合其硬件完成上述方法的步骤。

本公开实施例还提供了一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器运行时执行，所述处理器执行以下步骤：

在所述可调节显示区域中显示第一页面和第二页面，其中，所述第二页面的显示层级位于所述第一页面的显示层级的下层；

响应于针对所述第一页面的第一滑动操作，根据所述第一滑动操作调整所述第一页面在所述可调节显示区域中的第一占比，以改变在所述可调节显示区域中所述第二页面未被所述第一页面所遮挡的第二占比；

响应于针对所述第一页面的第二滑动操作，根据所述第二滑动操作调整所述第一页面在当前第一占比下的显示内容；

响应于针对所述第二页面的第三滑动操作，根据所述第三滑动操作调整所述第二页面在当前第二占比下的显示内容。

在一个可行的实施方案中，所述处理器在执行响应于针对所述第一页面的第一滑动操作，根据所述第一滑动操作调整所述第一页面在所述可调节显示区域中的第一占比，以改变在所述可调节显示区域中所述第二页面未被所述第一页面所遮挡的第二占比时，具体用于：

响应于针对所述第一页面的第一滑动操作，根据所述第一滑动操作的滑动方向，增大或减小所述第一页面在所述可调节显示区域中的第一占比，并根据所述第一滑动操作的滑动方向，减小或增大所述第二页面在所述可调节显示区域中未被所述第一页面所遮挡的第二占比，以保持所述第一占比和所述第二占比在所述可调节显示区域中的总占比不变。

在一个可行的实施方案中，所述处理器在执行响应于针对所述第一页面的第二滑动操作，根据所述第二滑动操作调整所述第一页面在当前第一占比下的显示内容时，具体用于：

在所述第一占比满足第一占比条件时，响应于针对所述第一页面的第二滑动操作，根据所述第二滑动操作调整所述第一页面在当前第一占比下的显示内容；其中，所述第一占比条件包含所述第一占比大于第一预设占比。

在一个可行的实施方案中，所述处理器在执行响应于针对所述第二页面的第三滑动操作，根据所述第三滑动操作调整所述第二页面在当前第二占比下的显示内容时，具体用于：

在所述第一占比满足第二占比条件时，响应于针对所述第二页面的第三滑动操作，根据所述第三滑动操作调整所述第二页面在当前第二占比下的显示内容；其中，所述第二占比条件包含所述第一占比小于第二预设占比，所述第一预设占比大于所述第二预设占比。

在一个可行的实施方案中，所述处理器执行在响应于针对所述第一页面的第二滑动操作，根据所述第二滑动操作调整所述第一页面在当前第一占比下的显示内容之后，还用于：

在所述第一页面在当前第一占比下的显示内容调整为所述第一页面中在第一方向上的显示内容末端时，响应于针对所述第一页面朝所述第一方向的相反方向的第四滑动操作，根据所述第四滑动操作调整所述第一占比减小并调整所述第二占比增大，以保持所述第一占比和所述第二占比在所述可调节显示区域中的总占比不变；其中，所述第一方向为所述第二页面相对于所述第一页面的位置方向。

在一个可行的实施方案中，所述处理器执行在响应于针对所述第二页面的第三滑动操作，根据所述第三滑动操作调整所述第二页面在当前第二占比下的显示内容之后，还用于：

在所述第二页面在当前第二占比下的显示内容调整为所述第二页面中在第二方向上的显示内容末端时，响应于针对所述第二页面朝所述第二方向的相反方向的第五滑动操作，根据所述第五滑动操作调整所述第二占比减小并调整所述第一占比增大，以保持所述第一占比和所述第二占比在所述可调节显示区域中的总占比不变；其中，所述第二方向为所述第一页面相对于所述第二页面的位置方向。

在一个可行的实施方案中，所述处理器在执行响应于针对所述第一页面的第二滑动操作，根据所述第二滑动操作调整所述第一页面在当前第一占比下的显示内容时，具体用于：

在所述第一页面在当前第一占比下的显示内容调整为所述第一页面中的显示内容末端时，响应于针对所述第一页面朝所述显示内容末端的第二滑动操作，根据所述第二滑动操作将所述第一页面在所述当前第一占比下的显示内容更新为最新消息。

在一个可行的实施方案中，所述固定显示区域包括：第一子固定显示区域和第二子固定显示区域，所述第一子固定显示区域位于所述应用程序界面中的上方，所述第二子固定显示区域位于所述应用程序界面中的下方；第一子固定显示区域或第二子固定显示区域中包含第一控件；所述处理器还用于：

响应于针对所述第一控件的第一选择操作，根据所述第一控件控制所述第一页面和/或所述第二页面在所述可调节显示区域中的显示；

响应于针对所述第一页面或所述第二页面的任意操作，保持所述第一子固定显示区域和所述第二子固定显示区域在所述应用程序界面中的占比不变。

在一个可行的实施方案中，所述处理器在执行响应于针对所述第一页面的第二滑动操作，根据所述第二滑动操作调整所述第一页面在当前第一占比下的显示内容时，具体用于：

响应于针对所述第一页面的横向滑动操作，根据所述横向滑动操作调整所述第一页面在当前第一占比下显示的项目内容；其中，所述项目内容基于类型确定；

响应于针对所述第一页面的纵向滑动操作，根据所述纵向滑动操作调整所述第一页面在当前第一占比下显示的消息内容；其中，所述消息内容基于时间确定。

在一个可行的实施方案中，所述第一页面中包含多个级别的类目模块，所述类目模块中用于显示与所述项目内容相关的内容；所述处理器还用于：

响应于针对一级类目模块的第二选择操作，在所述第一页面中显示所述项目内容；

响应于针对二级类目模块的第三选择操作，在所述第一页面中显示所述项目内容的核心内容。

在一个可行的实施方案中，在所述第一页面中显示有多个不同类型的第二控件；所述处理器还用于：

响应于针对所述第二控件的第四选择操作，根据所述第二控件在所述可调节显示区域中按照第三占比条件显示所述第二页面；其中，所述第三占比条件包含所述第二占比大于第三预设占比。

在一个可行的实施方案中，所述第一页面中的显示内容和所述第二页面中的显示内容为针对相同游戏类型、游戏主题和/或用户的不同方面的信息。

在一个可行的实施方案中，所述处理器还用于：

响应于针对所述第一页面的所述第二滑动操作，根据所述第二滑动操作确定所述第一页面在当前第一占比下的当前显示内容；

响应于针对所述第一页面的占比调小操作，根据所述占比调小操作调整所述第一占比减小并调整所述第二占比增大；

在所述第二占比增大后的所述第二页面中显示与所述当前显示内容相关的最新信息、具体信息和/或辅助信息。

在一个可行的实施方案中，所述第一页面中的显示内容包含主题控件，每个所述主题控件对应一游戏主题；所述处理器还用于：

响应于针对多个所述主题控件中目标主题控件的第五选择操作，确定针对所述目标主题控件对应的目标游戏主题的第一页面内容和所述第二页面内容。

在一个可行的实施方案中，在所述固定显示区域中显示有游戏主题标识，每个所述游戏主题标识对应一所述游戏主题；所述处理器还用于：

响应于所述第一占比满足第二占比条件，在所述固定显示区域中显示所述第五选择操作所选择的全部所述目标游戏主题对应的目标游戏主题标识；其中，所述第二占比条件包含所述第一占比小于第二预设占比；

响应于所述第一占比满足第一占比条件，在所述固定显示区域中显示所述目标游戏主题标识中所述第一页面对应的一目标游戏主题标识；其中，所述第一占比条件包含所述第一占比大于第一预设占比，所述第一预设占比大于所述第二预设占比。

通过上述方式，通过滑动操作可以调整上层页面在显示区域中的占比，在下层页面中滑动可以调整下层页面的显示内容，在上层页面中滑动可以调整上层页面的显示内容，不仅使得多个不同位置的信息能够利用页面的上下层级关系以及显示占比的调整实现同时显示，即在一个界面上同时展示两个页面，而且，针对同个页面中的不同显示内容还可以通过滑动实现翻页，即两个页面可以分别控制展示的内容，方便用户在不同页面内容之间灵活的查看和对比，无需再在各部分位置之间多次往复不断进行滑动操作来查看，也无需再退出进入其他页面，减少了操作复杂性和时间成本，用户可以更方便的获取所需信息，提高了页面信息展示的效率，缓解了图形用户界面中的页面显示效率较低的技术问题。

在本公开实施例中，该计算机程序被处理器运行时还可以执行其它机器可读指令，以执行如实施例中其它所述的方法，关于具体执行的方法步骤和原理参见实施例的说明，在此不再详细赘述。

在本公开所提供的实施例中，应该理解到，所揭露装置和方法，可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，又例如，多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

再例如，附图中的流程图和框图显示了根据本公开的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现方式中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本公开提供的实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。

所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本公开的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本公开各个实施例所述页面显示方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(Read-Only Memory，简称ROM)、随机存取存储器(Random Access Memory，简称RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释，此外，术语“第一”、“第二”、“第三”等仅用于区分描述，而不能理解为指示或暗示相对重要性。

最后应说明的是：以上所述实施例，仅为本公开的具体实施方式，用以说明本公开的技术方案，而非对其限制，本公开的保护范围并不局限于此，尽管参照前述实施例对本公开进行了详细的说明，本领域的普通技术人员应当理解：任何熟悉本技术领域的技术人员在本公开揭露的技术范围内，其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化，或者对其中部分技术特征进行等同替换；而这些修改、变化或者替换，并不使相应技术方案的本质脱离本公开实施例技术方案的范围。都应涵盖在本公开的保护范围之内。因此，本公开的保护范围应以权利要求的保护范围为准。

Claims (18)

1.一种页面显示方法，其特征在于，通过终端设备运行应用程序并提供所述应用程序对应的应用程序界面，所述应用程序界面包括固定显示区域和可调节显示区域；所述方法包括：

在所述可调节显示区域中显示第一页面和第二页面，其中，所述第二页面的显示层级位于所述第一页面的显示层级的下层；

响应于针对所述第一页面的第一滑动操作，根据所述第一滑动操作调整所述第一页面在所述可调节显示区域中的第一占比，以改变在所述可调节显示区域中所述第二页面未被所述第一页面所遮挡的第二占比；

响应于针对所述第一页面的第二滑动操作，根据所述第二滑动操作调整所述第一页面在当前第一占比下的显示内容；

响应于针对所述第二页面的第三滑动操作，根据所述第三滑动操作调整所述第二页面在当前第二占比下的显示内容。

2.根据权利要求1所述的方法，其特征在于，所述响应于针对所述第一页面的第一滑动操作，根据所述第一滑动操作调整所述第一页面在所述可调节显示区域中的第一占比，以改变在所述可调节显示区域中所述第二页面未被所述第一页面所遮挡的第二占比的步骤，包括：

响应于针对所述第一页面的第一滑动操作，根据所述第一滑动操作的滑动方向，增大或减小所述第一页面在所述可调节显示区域中的第一占比，并根据所述第一滑动操作的滑动方向，减小或增大所述第二页面在所述可调节显示区域中未被所述第一页面所遮挡的第二占比，以保持所述第一占比和所述第二占比在所述可调节显示区域中的总占比不变。

3.根据权利要求1所述的方法，其特征在于，所述响应于针对所述第一页面的第二滑动操作，根据所述第二滑动操作调整所述第一页面在当前第一占比下的显示内容的步骤，包括：

在所述第一占比满足第一占比条件时，响应于针对所述第一页面的第二滑动操作，根据所述第二滑动操作调整所述第一页面在当前第一占比下的显示内容；其中，所述第一占比条件包含所述第一占比大于第一预设占比。

4.根据权利要求3所述的方法，其特征在于，所述响应于针对所述第二页面的第三滑动操作，根据所述第三滑动操作调整所述第二页面在当前第二占比下的显示内容的步骤，包括：

在所述第一占比满足第二占比条件时，响应于针对所述第二页面的第三滑动操作，根据所述第三滑动操作调整所述第二页面在当前第二占比下的显示内容；其中，所述第二占比条件包含所述第一占比小于第二预设占比，所述第一预设占比大于所述第二预设占比。

5.根据权利要求1所述的方法，其特征在于，在所述响应于针对所述第一页面的第二滑动操作，根据所述第二滑动操作调整所述第一页面在当前第一占比下的显示内容的步骤之后，还包括：

在所述第一页面在当前第一占比下的显示内容调整为所述第一页面中在第一方向上的显示内容末端时，响应于针对所述第一页面朝所述第一方向的相反方向的第四滑动操作，根据所述第四滑动操作调整所述第一占比减小并调整所述第二占比增大，以保持所述第一占比和所述第二占比在所述可调节显示区域中的总占比不变；其中，所述第一方向为所述第二页面相对于所述第一页面的位置方向。

6.根据权利要求1所述的方法，其特征在于，在所述响应于针对所述第二页面的第三滑动操作，根据所述第三滑动操作调整所述第二页面在当前第二占比下的显示内容的步骤之后，还包括：

在所述第二页面在当前第二占比下的显示内容调整为所述第二页面中在第二方向上的显示内容末端时，响应于针对所述第二页面朝所述第二方向的相反方向的第五滑动操作，根据所述第五滑动操作调整所述第二占比减小并调整所述第一占比增大，以保持所述第一占比和所述第二占比在所述可调节显示区域中的总占比不变；其中，所述第二方向为所述第一页面相对于所述第二页面的位置方向。

7.根据权利要求1所述的方法，其特征在于，所述响应于针对所述第一页面的第二滑动操作，根据所述第二滑动操作调整所述第一页面在当前第一占比下的显示内容的步骤，包括：

在所述第一页面在当前第一占比下的显示内容调整为所述第一页面中的显示内容末端时，响应于针对所述第一页面朝所述显示内容末端的第二滑动操作，根据所述第二滑动操作将所述第一页面在所述当前第一占比下的显示内容更新为最新消息。

8.根据权利要求1所述的方法，其特征在于，所述固定显示区域包括：第一子固定显示区域和第二子固定显示区域，所述第一子固定显示区域位于所述应用程序界面中的上方，所述第二子固定显示区域位于所述应用程序界面中的下方；第一子固定显示区域或第二子固定显示区域中包含第一控件；所述方法包括：

响应于针对所述第一控件的第一选择操作，根据所述第一控件控制所述第一页面和/或所述第二页面在所述可调节显示区域中的显示；

响应于针对所述第一页面或所述第二页面的任意操作，保持所述第一子固定显示区域和所述第二子固定显示区域在所述应用程序界面中的占比不变。

9.根据权利要求1所述的方法，其特征在于，所述响应于针对所述第一页面的第二滑动操作，根据所述第二滑动操作调整所述第一页面在当前第一占比下的显示内容的步骤，包括：

响应于针对所述第一页面的横向滑动操作，根据所述横向滑动操作调整所述第一页面在当前第一占比下显示的项目内容；其中，所述项目内容基于类型确定；

响应于针对所述第一页面的纵向滑动操作，根据所述纵向滑动操作调整所述第一页面在当前第一占比下显示的消息内容；其中，所述消息内容基于时间确定。

10.根据权利要求9所述的方法，其特征在于，所述第一页面中包含多个级别的类目模块，所述类目模块中用于显示与所述项目内容相关的内容；还包括：

响应于针对一级类目模块的第二选择操作，在所述第一页面中显示所述项目内容；

响应于针对二级类目模块的第三选择操作，在所述第一页面中显示所述项目内容的核心内容。

11.根据权利要求1所述的方法，其特征在于，在所述第一页面中显示有多个不同类型的第二控件；还包括：

响应于针对所述第二控件的第四选择操作，根据所述第二控件在所述可调节显示区域中按照第三占比条件显示所述第二页面；其中，所述第三占比条件包含所述第二占比大于第三预设占比。

12.根据权利要求1所述的方法，其特征在于，所述第一页面中的显示内容和所述第二页面中的显示内容为针对相同游戏类型、游戏主题和/或用户的不同方面的信息。

13.根据权利要求1所述的方法，其特征在于，还包括：

响应于针对所述第一页面的所述第二滑动操作，根据所述第二滑动操作确定所述第一页面在当前第一占比下的当前显示内容；

响应于针对所述第一页面的占比调小操作，根据所述占比调小操作调整所述第一占比减小并调整所述第二占比增大；

在所述第二占比增大后的所述第二页面中显示与所述当前显示内容相关的最新信息、具体信息和/或辅助信息。

14.根据权利要求1所述的方法，其特征在于，所述第一页面中的显示内容包含主题控件，每个所述主题控件对应一游戏主题；还包括：

响应于针对多个所述主题控件中目标主题控件的第五选择操作，确定针对所述目标主题控件对应的目标游戏主题的第一页面内容和所述第二页面内容。

15.根据权利要求14所述的方法，其特征在于，在所述固定显示区域中显示有游戏主题标识，每个所述游戏主题标识对应一所述游戏主题；还包括：

响应于所述第一占比满足第二占比条件，在所述固定显示区域中显示所述第五选择操作所选择的全部所述目标游戏主题对应的目标游戏主题标识；其中，所述第二占比条件包含所述第一占比小于第二预设占比；

响应于所述第一占比满足第一占比条件，在所述固定显示区域中显示所述目标游戏主题标识中所述第一页面对应的一目标游戏主题标识；其中，所述第一占比条件包含所述第一占比大于第一预设占比，所述第一预设占比大于所述第二预设占比。

16.一种页面显示装置，其特征在于，通过终端设备运行应用程序并提供所述应用程序对应的应用程序界面，所述应用程序界面包括固定显示区域和可调节显示区域；所述装置包括：

显示模块，用于在所述可调节显示区域中显示第一页面和第二页面，其中，所述第二页面的显示层级位于所述第一页面的显示层级的下层；

第一调整模块，用于响应于针对所述第一页面的第一滑动操作，根据所述第一滑动操作调整所述第一页面在所述可调节显示区域中的第一占比，以改变在所述可调节显示区域中所述第二页面未被所述第一页面所遮挡的第二占比；

第二调整模块，用于响应于针对所述第一页面的第二滑动操作，根据所述第二滑动操作调整所述第一页面在当前第一占比下的显示内容；

第三调整模块，用于响应于针对所述第二页面的第三滑动操作，根据所述第三滑动操作调整所述第二页面在当前第二占比下的显示内容。

17.一种电子终端，包括存储器、处理器，所述存储器中存储有可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现上述权利要求1至15任一项所述的方法。

18.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机可运行指令，所述计算机可运行指令在被处理器调用和运行时，所述计算机可运行指令促使所述处理器运行所述权利要求1至15任一项所述的方法。