CN111078335A - 对话框的显示方法、装置、计算机设备和存储介质 - Google Patents

Abstract

本申请涉及一种对话框的显示方法、装置、计算机设备和存储介质。所述方法包括：确定当前页面；获取所述当前页面的窗口，所述窗口具有对应的视图结构树；获取预定义对话框的对话框容器；将所述对话框容器插入所述视图结构树中；当满足预设的触发条件时，在所述当前页面显示所述对话框容器对应的对话框。采用本方法复用了当前页面的窗口的视图结构树，不再是通过独立的窗口实现，低了对话框的使用成本，且由于不再需要重量级的窗口实现，轻量级的实现更加方便扩展和调整使用。

Description

对话框的显示方法、装置、计算机设备和存储介质

技术领域

本申请涉及人机交互领域，特别是涉及一种对话框的显示方法、对话框的显示装置、计算机设备和存储介质。

背景技术

在日常系统的开发和使用中，有一种业务形态是在用户当前操作的页面上，覆盖显示一个提示框，这种提示框也称为对话框或者弹框(后文中简称为Dialog)。Dialog用来在页面中向用户显示信息，或者在需要的时候获得用户的输入响应，通过Dialog使得计算机和用户之间构成了一个对话，或者是通知用户一些信息，或者是请求用户的输入，或者两者皆有。

在系统的默认实现中，Dialog的实现原理与展示页面的逻辑是一样的，具体来说，都是通过创建一个系统Window(窗口)来承载View(视图)，通过Window来渲染和交互。一种常见的Dialog如图1所示，图1为选择对话框，包括有按钮和文本这些视图控件。

在系统Dialog默认实现中，Window的展示和创建是非常重量级的，耗时的同时性能和兼容性都会有影响，而且，在实际使用过程中通常会遇到很多系统漏洞(Bug)，导致展示效果大打折扣，同时影响用户的正常使用。再者，在系统Dialog默认实现中，每一个Dialog都是一个独立的Window实现，其显示和消失逻辑也都是独立的，这意味着每一个Dialog都不依赖于页面，然而，很多业务场景上的Dialog是跟随着页面出现的，如果作为宿主的页面消失了，对应的Dialog也应该要对应清除掉，但是因为Dialog独立的特性，当页面消失的时候，Dialog还可以继续显示，影响整体的业务逻辑。

发明内容

基于此，有必要针对上述技术问题，提供一种对话框的显示方法、一种对话框的显示装置、一种计算机设备和一种计算机可读存储介质。

一种对话框的显示方法，包括：

确定当前页面；

获取所述当前页面的窗口，所述窗口具有对应的视图结构树；

获取预定义对话框的对话框容器；

将所述对话框容器插入所述视图结构树中；

当满足预设的触发条件时，在所述当前页面显示所述对话框容器对应的对话框。

优选地，所述获取所述当前页面的窗口，所述窗口具有对应的视图结构树的步骤，包括：

获取所述当前页面的活动页面组件；

从所述活动页面组件中提取其对应的窗口；

从所述窗口中提取出视图结构树，所述视图结构树包括根视图容器。

优选地，所述将所述对话框容器插入所述视图结构树中的步骤，包括：

将所述对话框容器插入所述根视图容器中。

优选地，在将所述对话框容器插入所述视图结构树中的步骤之后，还包括：

设置所述对话框容器的视图属性，所述视图属性包括所述对话框显示层级和所述对话框样式；

其中，所述对话框显示层级为最上层，所述对话框样式包括对话框背景、对话框大小、对话框显示位置和/或对话框间距。

优选地，所述当满足预设的触发条件时，在所述当前页面显示所述对话框容器对应的对话框的步骤，包括：

当满足预设的触发条件且所述对话框显示层级为最上层时，将所述对话框显示在所述当前页面的最上层。

优选地，在显示所述当前页面时显示所述对话框容器对应的对话框的步骤之后，还包括：

当所述当前页面消失时，所述对话框与所述当前页面同步消失。

一种对话框的显示装置，包括：

当前页面确定模块，用于确定当前页面；

视图结构树获取模块，用于获取所述当前页面的窗口，所述窗口具有对应的视图结构树；

对话框容器获取模块，用于获取预定义对话框的对话框容器；

对话框容器插入模块，用于将所述对话框容器插入所述视图结构树中；

对话框显示模块，用于当满足预设的触发条件时，在所述当前页面显示所述对话框容器对应的对话框。

优选地，所述视图结构树获取模块，用于：

获取所述当前页面的活动页面组件；

从所述活动页面组件中提取其对应的窗口；

从所述窗口中提取出视图结构树，所述视图结构树包括根视图容器。

一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现上述的对话框的显示方法的步骤。

一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述的对话框的显示方法的步骤。

上述对话框的显示方法、对话框的显示装置、计算机设备和计算机可读存储介质，通过获取当前页面的视图结构树，并将预定义对话框的对话框容器插入视图结构树中，使得能够在满足预设的触发条件时在当前页面显示对话框容器对应的对话框，本实施例的对话框巧妙的复用了当前页面的窗口的视图结构树，不再是通过独立的窗口实现，降低了对话框的使用成本，且由于不再需要重量级的窗口实现，轻量级的实现更加方便扩展和调整使用。

此外，由于不再需要独立申请一个窗口来实现对话框，而是复用当前页面的窗口的视图结构树，因此在当前页面消失时，对话框将同步消失，使得整体的业务逻辑更加合理。

附图说明

图1是一种对话框的示意图；

图2是一个实施例的一种对话框的显示方法的流程示意图；

图3是一个实施例的另一种对话框的显示方法的流程示意图；

图4是一个实施例的一种实现对话框注入的流程图；

图5是一个实施例的一种对话框的显示装置的结构框图；

图6是一个实施例的一种计算机设备的内部结构图。

具体实施方式

为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。

在一个实施例中，如图2所示，提供了一种对话框的显示方法。本实施例提供的对话框的显示方法可以应用于计算机设备中，该计算机设备可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑和车载设备。本实施例中的一种对话框的显示方法可以包括以下步骤：

步骤S110，确定当前页面。

在具体实现中，在计算机设备中可以打开应用程序(App)，针对每个应用程序来说，运行应用程序时在计算机设备的显示屏上显示页面来实现与用户的交互。例如，在计算机设备运行视频应用时，显示视频应用的视频播放页面，在计算机设备运行聊天应用时，显示的聊天应用的聊天对话页面。

应说明的是，本实施例针对每一个有添加对话框需求的页面，均可以为其设置对应的对话框，当前需要添加对话框的页面则为当前页面。

步骤S120，获取所述当前页面的窗口，所述窗口具有对应的视图结构树。

在相关技术中，每一个需要显示的页面，都需要窗口(Window)作为载体来承载，从而可以呈现按钮或者输入框等视图控件。对话框也是如此，在操作系统实现角度，对话框实际上是特殊的Window。

用户通过Window来进行具体的操作，而系统通过Window来响应和渲染用户需要看到的页面。Window除了跟底层渲染引擎交互之外，同时提供一个视图结构树(View tree)。View tree是由容器和视图控件构成一个树状的结构，容器相当于一个盒子，用以承载各种视图控件，而视图控件则是通过放在容器里面得以显示。目前大多数的应用程序的页面都是基于这种结构组成。

步骤S130，获取预定义对话框的对话框容器。

在本实施例中，针对实际需求来定义对话框(Dialog)，其中，每一个Dialog都是由一个对话框容器组成，Dialog的按钮或者文案都可以添加到Dialog的对话框容器里面。

步骤S140，将所述对话框容器插入所述视图结构树中。

在本实施例中，在确定当前页面的窗口后，就可以将对话框容器插入到该窗口的View tree中，实现Dialog与当前页面的Window的绑定。需要注意的是，此时Dialog是复用当前页面的Window，Dialog依赖于当前页面，因此如果是针对检测到用户对当前页面的操作，将会对该页面的Dialog造成影响。

步骤S150，当满足预设的触发条件时，在所述当前页面显示所述对话框容器对应的对。

在对话框容器插入与当前页面Window的View tree后，就可以在满足预设的触发条件时，在当前页面显示该对话框容器对应的Dialog。

其中，触发条件可以预先根据实际需求进行设置，本实施例对此不作限定。比如，可以设置为当用户打开一个应用程序的某个页面后，弹出与该页面绑定的Dialog，或者，当检测到用户针对页面的指定操作(比如用户点击页面的提交按钮)时，弹出与该页面的提交按钮绑定的Dialog。

本实施例的对话框巧妙的复用了当前页面窗口的视图结构树，不再是通过一个额外独立的窗口实现，降低了对话框的使用成本，且由于不再依赖重量级的窗口实现，轻量级的实现更加方便扩展和调整使用。

在另一个实施例中，如图3所示，提供了一种对话框的显示方法。本实施例中的一种对话框的显示方法可以包括以下步骤：

步骤S210，确定当前页面。

在具体实现中，首先需要确定添加本实施例对话框的当前页面，在确定当前页面后，还需要进一步确定该当前页面的窗口(Window)，以插入Dialog的对话框容器。具体地，对话框容器是插入到当前页面Window的View tree中。其中，View tree的确定方式可以通过如下的步骤S220-步骤S240实现：

步骤S220，获取所述当前页面的活动页面组件。

步骤S230，从所述活动页面组件中提取其对应的窗口。

步骤S240，从所述窗口中提取出视图结构树，所述视图结构树包括根视图容器。

本实施例的计算机设备的操作系统可以包括Android、IOS、Windows Phone、Windows等等，可以支持各种应用程序的运行。当然，上述对于举例仅仅是作为示例，本实施例对此并不加以限制。

View tree可以包括根视图容器和子视图容器，根视图容器中可以多个子视图容器。优选地，本实施例的对话框容器可以插入到根视图容器中，下面以Android系统为例说明提取根视图容器的过程。

在Android系统里，可以通过Activity页面组件(即活动页面组件)获取到对应的Window，然后从Window里面再获取根视图容器(DecorView)。其中，Activity页面组件是Android应用程序的四大组件之一，负责管理Android应用程序的用户页面，一个应用程序通常包含若干个Activity页面组件，每一个Activity页面组件负责一个页面的显示。实现DecorView提取的具体流程如下：

(1)获取当前页面的Activity页面组件；

(2)从当前页面的Activity页面组件获取其对应的Window；

(3)从获取到的Window里面提取DecorView。

当然，上述在Android系统提取Window的根视图容器仅仅是作为示例，在实际中可以采用其他方式获取到窗口的结构，本实施例对此不作限制。

步骤S250，获取预定义对话框的对话框容器。

在具体实现中，本实施例是可以根据当前页面预先定义不同的对话框容器，从而可以实现多种类型的Dialog。比如，可以预先定义Dialog的文本或者图案。

步骤S260，将所述对话框容器插入所述根视图容器中。

在提取出Window里面提取根视图容器后，就可以将对话框容器插入根视图容器中。当然在具体实施中，除了可以将对话框容器插入根视图容器之外，也可以将对话框容器插入子视图容器。

步骤S270，设置所述对话框容器的视图属性。

优选地，本实施例为了使得Dialog能够与当前页面更加适配，可以进一步设置该对话框容器的视图属性。其中，所述视图属性可以包括所述对话框显示层级和所述对话框样式。

在一个页面中通常有多个图层，通过定义对话框显示层级可以确定Dialog在当前页面的所有图层中展示的位置。比如，对话框显示层级可以设置为在所有图层的最上层或者最底层。

具体来说，对话框样式可以包括对话框背景、对话框大小、对话框显示位置和/或对话框间距等。比如，对话框的背景可以设置为黑色蒙版，对话框大小为常规的对话框大小，对话框显示在当前页面的中间位置，对话框中文本的间距设置为8。为了与当前页面更加匹配，视觉上更加美观，Dialog可以模仿与当前页面系统匹配的样式。

步骤S280，当满足预设的触发条件，且所述对话框显示层级为最上层时，将所述对话框显示在所述当前页面的最上层。

优选地，对话框显示层级可以设置为所有图层的最上层，这样，可以保证Dialog覆盖掉当前页面的所有其他图层，使得Dialog能够不被其他图层所遮挡。

步骤S290，当所述当前页面消失时，所述对话框与所述当前页面同步消失。

本实施例通过在当前页面Window的根视图容器中插入对话框容器，来显示Dialog，因此不需要依赖一个额外的Window实现，使得本实施例的Dialog不具有Window重量级的系统特性，复用当前页面的Window，通过轻量级的方式实现了Dialog。

同时，也正是由于本实施例Dialog的对话框容器是插入到当前页面Window中，因此实现了对话框与当前页面的绑定，故在当前页面消失时，与当前页面绑定的Dialog也将同步消失，这样，Dialog就不会对用户的其他业务造成过多的干扰。比如，假设某个应用程序具有多个页面，在计算机设备的显示屏上展示应用程序页面为当前页面，如果该当前页面被用户关闭，那么与该页面关联的Dialog也将同时关闭，那么Dialog就不会遮挡住应用程序的其他页面而造成干扰，并且，也不需要用户手动去关闭Dialog，提高了用户的使用体验。

为了便于本领域技术人员深入理解本申请实施例，以下将结合图4的具体示例进行说明。参照图4，所示为本实施例的一种实现对话框注入的流程图，具体过程可以包括如下步骤：

1、确定当前页面，获取该当前页面对应的Activity页面组件；

2、通过Activity页面组件获取到当前页面对应的Window；

3、从Window获取的DecorView；

4、将预先定义的Dialog的对话框容器插入到DecorView中，实现Dialog与当前页面的绑定；

5、设置Dialog的视图属性，包括Dialog的对话框显示层级和对话框样式。

通过上述步骤可以实现对话框注入到当前页面中，在当前页面显示在计算机设备的显示屏时，将相应显示该对话框，由于本申请实施例的对话框利用了Android系统Framework层的设计，复用当前页面的Window，故不再需要独立申请一个Window实现，扩展性和兼容性更加强，更加简便易用，同时，避开了个Window这种重量级方式并以轻量级方式的实现，更加方便扩展和调整使用。

应该理解的是，虽然图2和图3的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图2和图3中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些子步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。

在一个实施例中，如图5所示，提供了一种对话框的显示装置，包括当前页面确定模块310，视图结构树获取模块320，对话框容器获取模块330，对话框容器插入模块340和对话框显示模块350，其中：

当前页面确定模块310，用于确定当前页面；

视图结构树获取模块320，用于获取所述当前页面的窗口，所述窗口具有对应的视图结构树；

对话框容器获取模块330，用于获取预定义对话框的对话框容器；

对话框容器插入模块340，用于将所述对话框容器插入所述视图结构树中；

对话框显示模块350，用于当满足预设的触发条件时，在所述当前页面显示所述对话框容器对应的对话框。

优选地，所述视图结构树获取模块320，用于：

获取所述当前页面的活动页面组件；

从所述活动页面组件中提取其对应的窗口；

从所述窗口中提取出视图结构树，所述视图结构树包括根视图容器。

优选地，所述对话框容器插入模块340，用于：

将所述对话框容器插入所述根视图容器中。

优选地，所述装置还包括：

设置所述对话框容器的视图属性，所述视图属性包括所述对话框显示层级和所述对话框样式；其中，所述对话框显示层级为最上层，所述对话框样式包括对话框背景、对话框大小、对话框显示位置和/或对话框间距。

优选地，所述对话框显示模块350，用于：

当满足预设的触发条件且所述对话框显示层级为最上层时，将所述对话框显示在所述当前页面的最上层。

优选地，所述装置还包括：

当所述当前页面消失时，所述对话框与所述当前页面同步消失。

关于对话框的显示装置的具体限定可以参见上文中对于对话框的显示方法的限定，在此不再赘述。上述对话框的显示装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。

上述提供的对话框的显示装置可用于执行上述任意实施例提供的对话框的显示方法，具备相应的功能和有益效果。

在一个实施例中，提供了一种计算机设备，该计算机设备可以是终端，其内部结构图可以如图6所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种空气传感器的室内定位方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。

本领域技术人员可以理解，图6中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

在一个实施例中，提供了一种计算机设备，包括存储器和处理器，存储器中存储有计算机程序，该处理器执行计算机程序时实现上述的对话框的显示方法的步骤。

在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现上述的对话框的显示方法的步骤。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。

以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。

Claims (10)

1.一种对话框的显示方法，其特征在于，包括：

确定当前页面；

获取所述当前页面的窗口，所述窗口具有对应的视图结构树；

获取预定义对话框的对话框容器；

将所述对话框容器插入所述视图结构树中；

当满足预设的触发条件时，在所述当前页面显示所述对话框容器对应的对话框。

2.根据权利要求1所述的方法，其特征在于，所述获取所述当前页面的窗口，所述窗口具有对应的视图结构树的步骤，包括：

获取所述当前页面的活动页面组件；

从所述活动页面组件中提取其对应的窗口；

从所述窗口中提取出视图结构树，所述视图结构树包括根视图容器。

3.根据权利要求2所述的方法，其特征在于，所述将所述对话框容器插入所述视图结构树中的步骤，包括：

将所述对话框容器插入所述根视图容器中。

4.根据权利要求1所述的方法，其特征在于，在将所述对话框容器插入所述视图结构树中的步骤之后，还包括：

设置所述对话框容器的视图属性，所述视图属性包括所述对话框显示层级和所述对话框样式；

其中，所述对话框显示层级为最上层，所述对话框样式包括对话框背景、对话框大小、对话框显示位置和/或对话框间距。

5.根据权利要求4所述的方法，其特征在于，所述当满足预设的触发条件时，在所述当前页面显示所述对话框容器对应的对话框的步骤，包括：

当满足预设的触发条件且所述对话框显示层级为最上层时，将所述对话框显示在所述当前页面的最上层。

6.根据权利要求1所述的方法，其特征在于，当满足预设的触发条件时，在所述当前页面显示所述对话框容器对应的对话框的步骤之后，还包括：

当所述当前页面消失时，所述对话框与所述当前页面同步消失。

7.一种对话框的显示装置，其特征在于，包括：

当前页面确定模块，用于确定当前页面；

视图结构树获取模块，用于获取所述当前页面的窗口，所述窗口具有对应的视图结构树；

对话框容器获取模块，用于获取预定义对话框的对话框容器；

对话框容器插入模块，用于将所述对话框容器插入所述视图结构树中；

对话框显示模块，用于当满足预设的触发条件时，在所述当前页面显示所述对话框容器对应的对话框。

8.根据权利要求7所述的装置，其特征在于，所述视图结构树获取模块，用于：

获取所述当前页面的活动页面组件；

从所述活动页面组件中提取其对应的窗口；

从所述窗口中提取出视图结构树，所述视图结构树包括根视图容器。

9.一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，其特征在于，所述处理器执行所述计算机程序时实现1至6中任一项所述的对话框的显示方法的步骤。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至6中任一项所述的对话框的显示方法的步骤。

Images