CN115328347A - 界面展示方法、装置、终端设备和存储介质 - Google Patents

Abstract

本申请公开了一种界面展示方法、装置、终端设备和存储介质，用于向用户准确的展示界面。本申请实施例中，展在确定需要对展示的目标应用的第一界面进行刷新后，获取刷新后的第二界面并在显示区域中显示第二界面；在展示第二界面后的预设时长内，若在第二界面中检测到触发操作，则确定触发操作的触发位置在第一界面中对应的目标元素；在显示区域中显示目标元素对应的详情界面。实现了精准的展示用户想要的界面，提升了用户的体验。

Description

界面展示方法、装置、终端设备和存储介质

技术领域

本申请涉及互联网技术领域，尤其涉及一种界面展示方法、装置、终端设备和存储介质。

背景技术

在用户使用目标应用的过程中或启动一个应用时，会刷新该应用的界面并展示，由于刷新过程中存在延时，因此导致会首先展示给用户界面为待刷新的界面，并在刷新成功后展示刷新后的界面。由于刷新时间较快，用户在待刷新界面中看到目标元素并想点击时，可能点击的是刷新后的界面中的同位置的元素，因此向用户展示的界面并非用户想要查看的界面。

发明内容

本申请的目的是提供一种界面展示方法、装置、终端设备和存储介质，用于向用户准确的展示界面。

第一方面，本申请实施例提供了一种界面展示方法，所述方法包括：

在确定需要对展示的所述目标应用的第一界面进行刷新后，获取刷新后的第二界面并在显示区域中显示所述第二界面；

在展示所述第二界面后的预设时长内，若在所述第二界面中检测到触发操作，则确定所述触发操作的触发位置在所述第一界面中对应的目标元素；

在所述显示区域中显示所述目标元素对应的详情界面。

在本申请中，若在预设时长内，用户点击了第二界面中的目标元素，则根据用户触发操作的触发位置确定出在第一界面中该位置的目标元素，并在显示区域中显示该目标元素对应的详情界面，实现了精准的展示用户想要的界面，提升了用户的体验。

在一些可能的实施例中，所述在所述显示区域中显示所述目标元素对应的详情界面，包括：

根据所述目标元素的标识信息确定所述目标元素在所述第二界面中的位置；

基于所述目标元素在所述第二界面中的位置，在所述显示区域中显示所述目标元素对应的详情界面。

在本申请实施例中，通过用户在第二界面中触发操作发生的位置确定在第一界面中该位置的目标元素，并通过目标元素的标识信息确定该目标元素在第二界面中的位置，保证了展示的详情界面的准确性。

在一些可能的实施例中，所述基于所述目标元素在所述第二界面中的位置，在所述显示区域中显示所述目标元素对应的详情界面之前，所述方法还包括：

确定所述目标元素在所述第二界面中的位置在所述显示区域中。

在本申请中，为了保证可以准确的展示出目标元素对应的详情界面，因此需要确定目标元素在第二界面中的位置未超出显示区域。

在一些可能的实施例中，所述方法还包括：

若所述目标元素在所述第二界面中的位置不在所述显示区域中，则忽略在所述第二界面中检测到所述触发操作。

在本申请中，在确定目标元素不在显示区域时，通过忽略用户本次的触发操作的方法来保证不给用户展示错误的界面。

在一些可能的实施例中，所述目标元素在所述第二界面中的位置，在所述显示区域中显示所述目标元素对应的详情界面之前，所述方法还包括：

确定所述目标元素在所述第二界面中的位置未超出所述第二界面对应的缓存区间；其中，所述缓存区间用于缓存第二界面中的元素对应的标识信息。

在本申请中，为了保证向用户展示详情界面的时效性，因此在展示第二界面时，会将位于位置的目标元素对应的标识信息存储至缓存区间中，以便根据标识信息展示对应的详情界面。

在一些可能的实施例中，所述方法还包括：

确定所述目标元素在所述第二界面中的位置不在所述第二界面对应的缓存区间中，则忽略在所述第二界面中检测到所述触发操作。

在本申请中，在确定目标元素不在第二界面对应的缓存区间时，通过忽略用户本次的触发操作的方法来保证不给用户展示错误的界面。

第二方面，本申请还提供了一种界面展示装置，所述装置包括：

第二界面展示模块，用于在确定需要对展示的所述目标应用的第一界面进行刷新后，获取刷新后的第二界面并在显示区域中显示所述第二界面；

位置确定模块，用于在展示所述第二界面后的预设时长内，若在所述第二界面中检测到触发操作，则确定所述触发操作的触发位置在所述第一界面中对应的目标元素；

详情界面展示模块，用于在所述显示区域中显示所述目标元素对应的详情界面。

在一些可能的实施例中，所述详情界面展示模块执行在所述显示区域中显示所述目标元素对应的详情界面时，被配置为：

根据所述目标元素的标识信息确定所述目标元素在所述第二界面中的位置；

基于所述目标元素在所述第二界面中的位置，在所述显示区域中显示所述目标元素对应的详情界面。

在一些可能的实施例中，所述详情界面展示模块执行基于所述目标元素在所述第二界面中的位置，在所述显示区域中显示所述目标元素对应的详情界面之前，还被配置为：

确定所述目标元素在所述第二界面中的位置在所述显示区域中。

在一些可能的实施例中，所述详情界面展示模块还被配置为：

若所述目标元素在所述第二界面中的位置不在所述显示区域中，则忽略在所述第二界面中检测到所述触发操作。

在一些可能的实施例中，所述详情界面展示模块执行基于所述目标元素在所述第二界面中的位置，在所述显示区域中显示所述目标元素对应的详情界面之前，还被配置为：

确定所述目标元素在所述第二界面中的位置未超出所述第二界面对应的缓存区间；其中，所述缓存区间用于缓存第二界面中的元素对应的标识信息。

在一些可能的实施例中，所述详情界面展示模块还被配置为：

确定所述目标元素在所述第二界面中的位置不在所述第二界面对应的缓存区间中，则忽略在所述第二界面中检测到所述触发操作。

第三方面，本申请另一实施例还提供了一种终端设备，包括至少一个处理器；以及与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行本申请第一方面实施例提供的任一方法。

第四方面，本申请另一实施例还提供了一种计算机可读存储介质，其中，所述计算机可读存储介质存储有计算机程序，所述计算机程序用于使计算机执行本申请第一方面实施例提供的任一方法。

本申请的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本申请而了解。本申请的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。

附图说明

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

图1为本申请实施例提供的一种界面展示方法的第一界面示意图；

图2为本申请实施例提供的一种界面展示方法的第二界面示意图；

图3为本申请实施例提供的一种界面展示方法的目标元素的详情界面示意图；

图4为本申请实施例提供的一种界面展示方法的终端设备的示意图；

图5为本申请实施例提供的一种界面展示方法的终端设备的软件结构示意图；

图6为本申请实施例提供的一种界面展示方法的用户界面示意图；

图7为本申请实施例提供的一种界面展示方法的应用场景图；

图8为本申请实施例提供的一种界面展示方法的整体流程图；

图9A为本申请实施例提供的一种界面展示方法的整体流程的底层逻辑示意图；

图9B为本申请实施例提供的一种界面展示方法的详情界面浮窗展示示意图；

图9C为本申请实施例提供的一种界面展示方法的详情界面返回按键示意图；

图10为本申请实施例提供的一种界面展示方法的生成第二界面的流程图；

图11为本申请实施例提供的一种界面展示方法的生成第二界面的底层逻辑示意图；

图12为本申请实施例提供的一种界面展示方法的第一界面的另一示意图；

图13为本申请实施例提供的一种界面展示方法的第二界面的另一示意图；

图14为本申请实施例提供的一种界面展示方法的第一界面的另一示意图；

图15为本申请实施例提供的一种界面展示方法的第二界面的另一示意图；

图16为本申请实施例提供的一种界面展示方法的装置示意图。

具体实施方式

为使本申请的目的、技术方案和优点更加清楚明白，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互任意组合。并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以按不同于此处的顺序执行所示出或描述的步骤。

本申请的说明书和权利要求书及上述附图中的术语“第一”和“第二”是用于区别不同对象，而非用于描述特定顺序。此外，术语“包括”以及它们任何变形，意图在于覆盖不排他的保护。例如包含了一系列步骤或单元的过程、方法、系统、产品或设备没有限定于已列出的步骤或单元，而是可选地还包括没有列出的步骤或单元，或可选地还包括对于这些过程、方法、产品或设备固有的其它步骤或单元。本申请中的“多个”可以表示至少两个，例如可以是两个、三个或者更多，本申请实施例不做限制。

发明人研究发现，在用户使用目标应用的过程中或刚启动一个应用时，会刷新该应用的界面并展示，由于刷新过程中存在延时，因此导致会首先展示给用户界面为待刷新界面，并在刷新成功后展示刷新后的界面。若在还未刷新成功时，如图1所示，用户想要点击待刷新界面中的目标元素1，但在还未点击成功时，展示了刷新后的列表界面，如图2所示，会导致用户实际点击的为目标元素3，则会响应于用户的操作展示如图3所示的目标元素3对应的详情界面，导致向用户展示的界面并非用户想要查看的界面。

有鉴于此，本申请提出了一种界面展示方法、装置、终端设备和存储介质，用于解决上述问题。本申请的发明构思可概括为：在确定需要对展示的目标应用的第一界面进行刷新后，获取刷新后的第二界面并在显示区域中显示第二界面；在展示第二界面后的预设时长内，若在第二界面中检测到触发操作，则确定触发操作的触发位置在第一界面中对应的目标元素；在显示区域中显示目标元素对应的详情界面。

为了便于理解，下面结合附图对本申请实施例提出的一种界面展示方法进行详细说明：

首先对本申请的提供的界面展示方法的硬件架构进行说明，如图4所示，为本申请提供的界面展示方法的终端设备100的结构示意图。

应该理解的是，图4所示终端设备100仅是一个范例，并且终端设备100可以具有比图4中所示的更多的或者更少的部件，可以组合两个或多个的部件，或者可以具有不同的部件配置。图中所示出的各种部件可以在包括一个或多个信号处理和/或专用集成电路在内的硬件、软件、或硬件和软件的组合中实现。

图4中示例性示出了根据示例性实施例中终端设备100的硬件配置框图。如图4所示，终端设备100包括：射频(radio frequency，RF)电路110、存储器120、显示单元130、摄像头140、传感器150、音频电路160、无线保真(Wireless Fidelity，Wi-Fi)模块170、处理器180、蓝牙模块181、以及电源190等部件。

RF电路110可用于在收发信息或通话过程中信号的接收和发送，可以接收基站的下行数据后交给处理器180处理；可以将上行数据发送给基站。通常，RF电路包括但不限于天线、至少一个放大器、收发信机、耦合器、低噪声放大器、双工器等器件。

存储器120可用于存储软件程序及数据。处理器180通过运行存储在存储器120的软件程序或数据，从而执行终端设备100的各种功能以及数据处理。存储器120可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。存储器120存储有使得终端设备100能运行的操作系统。本申请中存储器120可以存储操作系统及各种应用程序，还可以存储执行本申请实施例所述方法的代码。

显示单元130可用于接收输入的数字或字符信息，产生与终端设备100的用户设置以及功能控制有关的信号输入，具体地，显示单元130可以包括设置在终端设备100正面的触摸屏131，可收集用户在其上或附近的触摸操作，例如点击按钮，拖动滚动框等。

显示单元130还可用于显示由用户输入的信息或提供给用户的信息以及终端100的各种菜单的图形用户界面(graphical user interface，GUI)。具体地，显示单元130可以包括设置在终端设备100正面的显示屏132。其中，显示屏132可以采用液晶显示器、发光二极管等形式来配置。显示单元130可以用于显示本申请中所述的各种图形用户界面。

其中，触摸屏131可以覆盖在显示屏132之上，也可以将触摸屏131与显示屏132集成而实现终端设备100的输入和输出功能，集成后可以简称触摸显示屏。本申请中显示单元130可以显示应用程序以及对应的操作步骤。

摄像头140可用于捕获静态图像或视频。物体通过镜头生成光学图像投射到感光元件。感光元件可以是电荷耦合器件(charge coupled device，CCD)或互补金属氧化物半导体(complementary metal-oxide-semiconductor，CMOS)光电晶体管。感光元件把光信号转换成电信号，之后将电信号传递给处理器180转换成数字图像信号。

终端设备100还可以包括至少一种传感器150，比如加速度传感器151、距离传感器152、指纹传感器153、温度传感器154。终端设备100还可配置有陀螺仪、气压计、湿度计、温度计、红外线传感器、光传感器、运动传感器等其他传感器。

音频电路160、扬声器161、麦克风162可提供用户与终端设备100之间的音频接口。音频电路160可将接收到的音频数据转换后的电信号，传输到扬声器161，由扬声器161转换为声音信号输出。终端设备100还可配置音量按钮，用于调节声音信号的音量。另一方面，麦克风162将收集的声音信号转换为电信号，由音频电路160接收后转换为音频数据，再将音频数据输出至RF电路110以发送给比如另一终端，或者将音频数据输出至存储器120以便进一步处理。本申请中麦克风162可以获取用户的语音。

Wi-Fi属于短距离无线传输技术，终端设备100可以通过Wi-Fi模块170帮助用户收发电子邮件、浏览网页和访问流媒体等，它为用户提供了无线的宽带互联网访问。

处理器180是终端设备100的控制中心，利用各种接口和线路连接整个终端的各个部分，通过运行或执行存储在存储器120内的软件程序，以及调用存储在存储器120内的数据，执行终端设备100的各种功能和处理数据。在一些实施例中，处理器180可包括一个或多个处理单元；处理器180还可以集成应用处理器和基带处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，基带处理器主要处理无线通信。可以理解的是，上述基带处理器也可以不集成到处理器180中。本申请中处理器180可以运行操作系统、应用程序、用户界面展示及触控响应，以及本申请实施例所述的处理方法。另外，处理器180与显示单元130耦接。

蓝牙模块181，用于通过蓝牙协议来与其他具有蓝牙模块的蓝牙设备进行信息交互。例如，终端设备100可以通过蓝牙模块181与同样具备蓝牙模块的可穿戴终端设备(例如智能手表)建立蓝牙连接，从而进行数据交互。

终端设备100还包括给各个部件供电的电源190(比如电池)。电源可以通过电源管理系统与处理器180逻辑相连，从而通过电源管理系统实现管理充电、放电以及功耗等功能。终端设备100还可配置有电源按钮，用于终端的开机和关机，以及锁屏等功能。

图5是本发明实施例的终端设备100的软件结构框图。

分层架构将软件分成若干个层，每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一些实施例中，将Android系统分为四层，从上至下分别为应用程序层，应用程序框架层，安卓运行时(Android runtime)和系统库，以及内核层。

应用程序层可以包括一系列应用程序包。

如图5所示，应用程序包可以包括相机，图库，日历，通话，地图，导航，WLAN，蓝牙，音乐，视频，短信息等应用程序。

应用程序框架层为应用程序层的应用程序提供应用编程接口(applicationprogramming interface，API)和编程框架。应用程序框架层包括一些预先定义的函数。

如图5所示，应用程序框架层可以包括窗口管理器，内容提供器，视图系统，电话管理器，资源管理器，通知管理器等。

窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小，判断是否有状态栏，锁定屏幕，截取屏幕等。

内容提供器用来存放和获取数据，并使这些数据可以被应用程序访问。所述数据可以包括视频，图像，音频，拨打和接听的电话，浏览历史和书签，电话簿等。

视图系统包括可视控件，例如显示文字的控件，显示图片的控件等。视图系统可用于构建应用程序。显示界面可以由一个或多个视图组成的。例如，包括短信通知图标的显示界面，可以包括显示文字的视图以及显示图片的视图。

电话管理器用于提供终端设备100的通信功能。例如通话状态的管理(包括接通，挂断等)。

资源管理器为应用程序提供各种资源，比如本地化字符串，图标，图片，布局文件，视频文件等等。

通知管理器使应用程序可以在状态栏中显示通知信息，可以用于传达告知类型的消息，可以短暂停留后自动消失，无需用户交互。比如通知管理器被用于告知下载完成，消息提醒等。通知管理器还可以是以图表或者滚动条文本形式出现在系统顶部状态栏的通知，例如后台运行的应用程序的通知，还可以是以对话窗口形式出现在屏幕上的通知。例如在状态栏提示文本信息，发出提示音，终端设备振动，指示灯闪烁等。

Android Runtime包括核心库和虚拟机。Android runtime负责安卓系统的调度和管理。

核心库包含两部分：一部分是java语言需要调用的功能函数，另一部分是安卓的核心库。

应用程序层和应用程序框架层运行在虚拟机中。虚拟机将应用程序层和应用程序框架层的java文件执行为二进制文件。虚拟机用于执行对象生命周期的管理，堆栈管理，线程管理，安全和异常的管理，以及垃圾回收等功能。

系统库可以包括多个功能模块。例如：表面管理器(surface manager)，媒体库(Media Libraries)，三维图形处理库(例如：OpenGL ES)，2D图形引擎(例如：SGL)等。

表面管理器用于对显示子系统进行管理，并且为多个应用程序提供了2D和3D图层的融合。

媒体库支持多种常用的音频，视频格式回放和录制，以及静态图像文件等。媒体库可以支持多种音视频编码格式，例如:MPEG4，H.264，MP3，AAC，AMR，JPG，PNG等。

三维图形处理库用于实现三维图形绘图，图像渲染，合成，和图层处理等。

2D图形引擎是2D绘图的绘图引擎。

内核层是硬件和软件之间的层。内核层至少包含显示驱动，摄像头驱动，音频驱动，传感器驱动。

本申请提供的界面展示方法适用于各种终端设备，如包括但不限于计算机、笔记本电脑、智能电话、平板电脑、智能手表、智能手环、车载终端等具有目标应用的设备，或是其它类型的终端。

图6是用于示出终端设备上的用户界面的示意图。在一些具体实施中，用户通过触摸用户界面上的应用图标可以打开相应的应用程序，或者通过触摸用户界面上的文件夹图标可以打开相应的文件夹。

在介绍了本申请实施例提供的终端设备之后，下面对本申请实施例提供的一种界面展示方法进行详细说明：

首先对本申请实施例提供的一种界面展示方法的应用场景进行说明，如图7所示，图中包括：终端设备10、服务器20、存储器30；其中：

服务器20在确定终端设备10需要对展示的目标应用的第一界面进行刷新后，获取刷新后的第二界面并在显示区域中显示第二界面；在展示第二界面后的预设时长内，若在第二界面中检测到触发操作，则确定触发操作的触发位置在第一界面中对应的目标元素；在显示区域中显示目标元素对应的详情界面，其中第二界面与详情界面存储在存储器中。

本申请中的描述中仅就单个终端设备10、服务器20、存储器30加以详述，但是本领域技术人员应当理解的是，示出的终端设备10、服务器20、存储器30旨在表示本申请的技术方案涉及的终端设备10、服务器20、存储器30的操作。而非暗示对终端设备10、服务器20、存储器30的数量、类型或是位置等具有限制。应当注意，如果向图示环境中添加附加模块或从其中去除个别模块，不会改变本申请的示例实施例的底层概念。

在另一些实施例中，上述由服务器20执行的操作也可由终端设备10执行，即：终端设备10在确定需要对展示的目标应用的第一界面进行刷新后，获取刷新后的第二界面并在显示区域中显示第二界面；在展示第二界面后的预设时长内，若在第二界面中检测到触发操作，则确定触发操作的触发位置在第一界面中对应的目标元素；在显示区域中显示目标元素对应的详情界面，其中第二界面与详情界面存储在存储器中。

本申请中对本申请实施例提供的一种界面展示方法的执行主体不作限定，用户可根据需求自行选择。

需要说明的是，本申请实施例中的存储器例如可以是缓存系统、也可以是硬盘存储、内存存储等等。此外，本申请提出的界面展示方法不仅适用于图7所示的应用场景，还适用于任何有界面展示需求的装置。

在介绍了本申请界面展示方法的应用场景之后，下面结合图8，对本申请实施例提供的一种界面展示方法的整体流程图进行详细说明，其中：

步骤801中：在确定需要对展示的目标应用的第一界面进行刷新后，获取刷新后的第二界面并在显示区域中显示第二界面；

由于界面的刷新存在延迟，因此在确定目标应用被刷新后，并不会立马展示刷新后的界面即第二界面，则会展示预先缓存或上次关闭应用时的界面，即本申请中的第一界面。由于从用户看到想要点击的目标元素到点击目标元素之间存在用户的反应时间，一般用户的反应时间比刷新时间长，因此存在用户看到目标应用中的第一界面中的目标元素后，点击该目标元素时，第一界面已经被刷新为第二界面，导致用户点击的是第二界面中的同位置的元素，该情况会导致向用户展示的详情界面并非用户想要点击的目标元素对应的详情界面。

因此，在本申请实施例的步骤802中：在展示第二界面后的预设时长内，若在第二界面中检测到触发操作，则确定触发操作的触发位置在第一界面中对应的目标元素；

步骤803中：在显示区域中显示目标元素对应的详情界面。

在一些可能的实施例中，针对目标应用的触发时机包括多种，例如：在用户刚启动一个目标应用时，会首先展示该目标应用的第一界面并对该目标应用进行刷新操作；或者，在网络重新连接时，会向用户展示目标应用的第一界面并对该目标应用进行刷新操作；或者，在用户观看通讯应用的列表界面时，接收到新目标对象的消息通知，则此时会对列表界面进行刷新操作。在本申请实施例中，对刷新操作的触发时机不作限定，所有具有刷新操作的应用均适用本申请。

在本申请实施例中，在显示区域中显示目标元素对应的详情界面时，可实施为：根据目标元素的标识信息确定目标元素在第二界面中的位置；基于目标元素在第二界面中的位置，在显示区域中显示目标元素对应的详情界面。在本申请中，由于在目标应用中，标识信息可唯一标识目标元素，因此可以根据标识来确定目标元素。

在一些可能的实施例中，标元素的标识信息为在目标应用中唯一表示目标元素的信息；包括但不限于：地址、名称、存储位置等。技术人员可根据需求，自行设定目标元素的标识信息，只要保证在目标应用中可唯一标识目标元素即可。

例如：想要触发第一界面中的目标元素A，目标元素A位于第一界面中的位置1，由于用户的反应时间大于界面的刷新时间，导致用户在第二界面中触发了在第二界面中位于位置1的目标元素C；则需要根据用户的触发操作，确定用户触发操作发生在位置1，确定在第一界面中位置1的目标元素为目标元素A，确定目标元素A的名称为name1，则查询在第二界面中名称为name1的目标元素为目标元素A，确定目标元素A的在第二界面中的位置为位置3，根据位置3获取目标元素A的详情界面并展示给用户。

为了便于理解，下面基于底层逻辑以用户启动目标应用为例对图8中的步骤进行详细说明，如图9A所示：步骤901中：接收用户触发目标应用的操作；步骤902中：从存储器中获取第一界面对应的数据；步骤903中：将第一界面对应的数据返回给目标应用；步骤904中：根据第一界面对应的数据展示第一界面；步骤905中：从存储器中获取目标应用对应的待展示数据；步骤906中：将待展示数据返回给目标应用；步骤907中：根据待展示数据生成第二界面；步骤908中：在展示第二界面后的预设时间内检测到针对目标元素的触发操作；步骤909中：适配器Base Adapter根据触发操作的位置获取第一界面中该触发操作的位置的目标元素的标识信息；步骤910中：Base Adapter根据标识信息确定目标元素在第二界面中的位置；步骤911中：基于目标元素在第二界面中的位置，启动目标元素对应的详情界面。

在一些可能的实施例中，目标元素的对应的详情界面可以为如图3所示的铺满整个显示区域，也可以如图9B所示，以悬浮页的形式展示在第二界面的上方。为了便于用户从目标元素对应的详情界面中返回至刷新后的列表界面，因此在该悬浮页中，可以设置如图9C右上方所示关闭按钮，也可设置如图9C下方所示的返回按键。本申请对从目标元素对应的详情界面返回至刷新后的列表界面的方法以及页面的展示形式不作限定，技术人员可根据需求自行设定。

在一些可能的实施例中，用户对目标应用的触发操作可实施为点击、拖动、双击、长按等，只要可启动目标应用的操作均适用于本申请，本申请对选择操作的具体实施方式不作限定。在另一些实施例中，用户在目标应用中对目标元素触发的选择操作可实施为点击、长按、拖动、双击等，只要可触发对目标元素的选择的操作均适用于本申请，本申请对目标元素的选择操作的具体实施方式不作限定，技术人员可根据需求自行设定。

在本申请中，在展示第二界面后的预设时长内，若用户若点击了第二界面中的目标元素，则可以确定用户想要点击的是第一界面中的同位置的目标元素，因此在本申请实施例中，可以根据触发操作在第一界面中的触发位置，确定第一界面中该位置的目标元素的；并在显示区域中显示该目标元素对应的详情界面；实现了精准的展示用户想要的界面，提升了用户的体验。

为了便于进一步理解本申请实施例提供的一种界面展示方法，下面以刷新操作发生在用户启动目标应用中为例，对图8中的步骤进行展开说明。

在一些实施例中，为了尽可能的缩短刷新的时间，因此在检测到用户触发对目标应用的启动操作后，则实施如图10所示的步骤：

步骤1001中：从存储器中获取目标应用对应的待展示数据；其中，待展示数据为在第二界面中展示的数据；

步骤1002中：根据目标应用对应的待展示数据生成第二界面。

在一些可能的实施例中，为了加快刷新的速度，因此在确定需要对第一界面进行刷新后，则会从存储器中获取对应的待展示数据，并基于待展示数据生成第二界面。

为了便于理解，下面基于底层软件层面的交互过程对图10进行说明：如图11所示，步骤1101中：接收用户触发的启动操作；步骤1102中：数据管理器Adapter从存储器中获取目标应用对应的待展示数据；步骤1103中：将待展示数据返回给目标应用；步骤1104中：根据待展示数据生成第二界面。

在一些实施例中，由于一个目标应用对应大量的数据，因此不会缓存一个目标应用的全部数据，而是在运行过程中分别缓存，在本申请实施例中，在保证终端设备的运行速度的前提下，为了保证可以准确的展示用户选择的目标元素对应的详情界面，因此，在展示目标元素的详情界面之前，需要确定目标元素在第二界面中的位置未超出显示区域；其中，显示区域用于展示第二界面。例如：如图12所示，用户想要点击第一界面中的目标元素A，但是点击操作发生在第二界面，则确定用户的点击位置为第二界面中的位置1，根据点击位置即位置1确定在第一界面中位置1的目标元素为目标元素A，如图13所示，目标元素A在第二界面中的位置为位置3，位置3在显示区域中，则可基于用户对目标元素A的选择操作，展示目标元素A对应的详情界面。

在另一些实施例中，若用户选择的目标元素在第二界面中位置超出了显示区域，为了保证用户的体验，则可根据用户选择的目标元素的标识信息，去存储器中获取该目标元素对应的详情界面。虽然该情况会导致向用户展示该目标元素的详情界面时存在延迟，但是可以避免向用户展示错误界面。在另一实施例中，若用户选择的目标元素在刷新后的列表界面中位置超出了显示区域，还可忽略用户本次对目标元素触发的选择操作。例如：如图14所示，用户想要点击第一界面中的目标元素C，点击操作发生在第二界面，则根据点击位置确定在第一界面中点击位置的目标元素为目标元素C，如图15所示，在第二界面中目标元素C的位置在位置6，位置6超出了显示区域，导致第二界面中不包含目标元素C，因此会导致无法正确的展示目标元素C对应的详情界面。在该情况下，可根据目标元素C的位置，通过Adapter从存储器中缓存目标元素C对应的详情界面并展示。或者，忽略用户本次对目标元素C的触发操作。

在一些可能的实施例中，一个目标应用对应大量的数据，在运行过程中分别缓存该目标应用对应的数据时，可以根据当前展示的界面的缓存空间确定来确定缓存的数据量。在本申请实施例中，在保证终端设备的运行速度的前提下，为了保证可以准确的展示用户选择的目标元素对应的详情界面，因此，在基于目标元素在第二界面中的位置，在显示区域中显示目标元素对应的详情界面之前，需要确定目标元素在第二界面中的位置未超出第二界面对应的缓存区间；其中，缓存区间用于缓存第二界面中的元素对应的标识信息。

例如：第二界面对应的缓存区间一次性可缓存6个目标元素对应的标识信息，且缓存顺序是按照目标元素在第二界面中的顺序缓存的，用户想要点击第一界面中的目标元素C，点击操作发生在第二界面，则根据点击位置确定在第一界面中点击位置的目标元素为目标元素C，在第二界面中目标元素C的位置在位置4，位置4未超出第二界面对应的缓存区间，则从缓存区间中获取目标元素C对应的标识信息，并根据目标元素C的标识信息确定目标元素C对应的详情界面并进行展示。

在另一些可能的实施例中，若在基于目标元素在第二界面中的位置，在显示区域中显示目标元素对应的详情界面之前，确定目标元素在第二界面中的位置不在第二界面对应的缓存区间，可以忽略用户本次对目标元素C的触发操作；以保证后续可以正常响应用户的其他操作，且保证了不给用户展示错误的界面，进而提高了用户体验。

如图16所示，基于相同的发明构思，提出一种界面展示装置1600，应用于上述提出的一种界面展示方法，所述装置包括：

第二界面展示模块16001，用于在确定需要对展示的所述目标应用的第一界面进行刷新后，获取刷新后的第二界面并在显示区域中显示所述第二界面；

位置确定模块16002，用于在展示所述第二界面后的预设时长内，若在所述第二界面中检测到触发操作，则确定所述触发操作的触发位置在所述第一界面中对应的目标元素；

详情界面展示模块16003，用于在所述显示区域中显示所述目标元素对应的详情界面。

在一些可能的实施例中，所述详情界面展示模块执行在所述显示区域中显示所述目标元素对应的详情界面时，被配置为：

根据所述目标元素的标识信息确定所述目标元素在所述第二界面中的位置；

基于所述目标元素在所述第二界面中的位置，在所述显示区域中显示所述目标元素对应的详情界面。

在一些可能的实施例中，所述详情界面展示模块执行基于所述目标元素在所述第二界面中的位置，在所述显示区域中显示所述目标元素对应的详情界面之前，还被配置为：

确定所述目标元素在所述第二界面中的位置在所述显示区域中。

在一些可能的实施例中，所述详情界面展示模块还被配置为：

若所述目标元素在所述第二界面中的位置不在所述显示区域中，则忽略在所述第二界面中检测到所述触发操作。

在一些可能的实施例中，所述详情界面展示模块，还被配置为执行：

若确定所述目标元素在所述第二界面中的位置不在所述显示区域中，则忽略在所述第二界面中检测到所述触发操作。

在一些可能的实施例中，所述详情界面展示模块执行基于所述目标元素在所述第二界面中的位置，在所述显示区域中显示所述目标元素对应的详情界面之前，还被配置为：

确定所述目标元素在所述第二界面中的位置未超出所述第二界面对应的缓存区间；其中，所述缓存区间用于缓存第二界面中的元素对应的标识信息。

在一些可能的实施例中，所述详情界面展示模块还被配置为：

确定所述目标元素在所述第二界面中的位置不在所述第二界面对应的缓存区间中，则忽略在所述第二界面中检测到所述触发操作。

在一些可能的实施方式中，本申请提供的方法的各个方面还可以实现为一种程序产品的形式，其包括程序代码，当程序产品在计算机设备上运行时，程序代码用于使计算机设备执行本说明书上述描述的根据本申请各种示例性实施方式的方法中的步骤，例如，计算机设备可以执行本申请实施例所记载的交易信息处理方法。程序产品可以采用一个或多个可读介质的任意组合。

应当注意，尽管在上文详细描述中提及了装置的若干单元或子单元，但是这种划分仅仅是示例性的并非强制性的。实际上，根据本申请的实施方式，上文描述的两个或更多单元的特征和功能可以在一个单元中具体化。反之，上文描述的一个单元的特征和功能可以进一步划分为由多个单元来具体化。

本领域内的技术人员应明白，本申请的实施例可提供为方法、系统、或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

显然，本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的精神和范围。这样，倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内，则本申请也意图包含这些改动和变型在内。

Claims (10)

1.一种界面展示方法，其特征在于，所述方法包括：

在确定需要对展示的所述目标应用的第一界面进行刷新后，获取刷新后的第二界面并在显示区域中显示所述第二界面；

在展示所述第二界面后的预设时长内，若在所述第二界面中检测到触发操作，则确定所述触发操作的触发位置在所述第一界面中对应的目标元素；

在所述显示区域中显示所述目标元素对应的详情界面。

2.根据权利要求1所述的方法，其特征在于，所述在所述显示区域中显示所述目标元素对应的详情界面，包括：

根据所述目标元素的标识信息确定所述目标元素在所述第二界面中的位置；

基于所述目标元素在所述第二界面中的位置，在所述显示区域中显示所述目标元素对应的详情界面。

3.根据权利要求2所述的方法，其特征在于，所述基于所述目标元素在所述第二界面中的位置，在所述显示区域中显示所述目标元素对应的详情界面之前，所述方法还包括：

确定所述目标元素在所述第二界面中的位置在所述显示区域中。

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

若所述目标元素在所述第二界面中的位置不在所述显示区域中，则忽略在所述第二界面中检测到所述触发操作。

5.根据权利要求2所述的方法，其特征在于，所述基于所述目标元素在所述第二界面中的位置，在所述显示区域中显示所述目标元素对应的详情界面之前，所述方法还包括：

确定所述目标元素在所述第二界面中的位置未超出所述第二界面对应的缓存区间；其中，所述缓存区间用于缓存第二界面中的元素对应的标识信息。

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

若所述目标元素在所述第二界面中的位置不在所述第二界面对应的缓存区间中，则忽略在所述第二界面中检测到所述触发操作。

7.一种界面展示装置，其特征在于，所述装置包括：

第二界面展示模块，用于在确定需要对展示的所述目标应用的第一界面进行刷新后，获取刷新后的第二界面并在显示区域中显示所述第二界面；

位置确定模块，用于在展示所述第二界面后的预设时长内，若在所述第二界面中检测到触发操作，则确定所述触发操作的触发位置在所述第一界面中对应的目标元素；

详情界面展示模块，用于在所述显示区域中显示所述目标元素对应的详情界面。

8.根据权利要求7所述的装置，其特征在于，所述详情界面展示模块执行在所述显示区域中显示所述目标元素对应的详情界面时，被配置为：

根据所述目标元素的标识信息确定所述目标元素在所述第二界面中的位置；

基于所述目标元素在所述第二界面中的位置，在所述显示区域中显示所述目标元素对应的详情界面。

9.一种终端设备，其特征在于，包括至少一个处理器；以及与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以实现如权利要求1至6中任一项所述的方法。

10.一种计算机存储介质，其特征在于，所述计算机存储介质存储有计算机程序，所述计算机程序用于使计算机能够执行如权利要求1-6任一项所述的方法。

Images