CN107729010B - 视图显示方法、装置、计算设备以及存储介质 - Google Patents

Abstract

本发明公开了一种视图显示方法、装置、计算设备以及存储介质。其中，设计针对视图的应用程序接口，应用程序接口中封装有多个分别针对不同视图类型的视图显示效果实现条件，多个视图显示效果实现条件对应于同一预设的视图显示效果；响应于从应用程序接口选取与第三方应用程序提供的视图类型相对应的视图显示效果实现条件，判断第三方应用程序提供的视图是否满足视图显示效果实现条件；在判定视图满足视图显示效果实现条件时，按照预设的视图显示效果显示视图。由此，应用开发者在为View赋予预设的视图显示效果时，无需再考虑View的具体判断逻辑，整个过程仅需一行或数行代码即可实现，代码倾入性很低，大大降低了开发成本。

Description

视图显示方法、装置、计算设备以及存储介质

技术领域

本发明涉及应用显示领域，特别是涉及一种视图显示方法、装置、计算设备以及存储介质。

背景技术

随着智能移动设备的不断普及与发展，针对智能移动设备开发的各种APP应用层出不穷。应用的UI(User Interface，用户界面)一般是由View(视图)和ViewGroup(视图组)及其派生类组合而成的。其中，View是所有UI组件的基类，而ViewGroup是容纳这些组件的容器，其本身也是从View派生出来的。作为容器的ViewGroup可以包含作为叶子节点的View，也可以包含作为更低层次的子ViewGroup，而子ViewGroup又可以包含下一层的叶子节点的View和ViewGroup。事实上，这种灵活的View层次结构可以形成非常复杂的UI布局，开发者可据此设计、开发非常精致的UI界面。

为了提高用户的UI体验，应用开发过程中，开发者在设计View时，还会为其赋予一定的视图显示效果。但是对于同一视图显示效果而言，不同类型的View实现所述视图显示效果的具体判定条件可能不同，因此开发者需要根据View的类型编写相应的代码以实现预设的视图显示效果，这无疑会增加代码的复杂度，提高开发成本。

因此，如何在需要为View赋予一定的视图显示效果时，降低开发者在设计过程中的复杂度以节约开发成本，是目前面临的主要问题。

发明内容

本发明的主要目的在于提供一种视图显示方案，其能够降低开发者在为View赋予一定的视图显示效果的过程中的复杂度，以节约开发成本。

根据本发明的一个方面，提供了一种视图显示方法，包括：设计针对视图的应用程序接口，应用程序接口中封装有多个分别针对不同视图类型的视图显示效果实现条件，多个视图显示效果实现条件对应于同一预设的视图显示效果；响应于从应用程序接口选取与第三方应用提供的视图类型相对应的视图显示效果实现条件，判断第三方应用程序提供的视图是否满足视图显示效果实现条件；在判定视图满足视图显示效果实现条件时，按照预设的视图显示效果显示视图。

由此，应用开发者在为View赋予预设的视图显示效果时，无需再考虑View的具体判断逻辑，仅需要将View接入预先设计好的应用程序接口即可，一行代码即可实现该过程，代码倾入性很低，大大降低了开发成本。

优选地，视图显示效果实现条件为视图达到预定边界位置的判定条件，预设的视图显示效果为，响应于视图达到预定边界位置后用户对视图做出的继续向边界位置外部移动的操作，提示用户视图的内容已达到可展示边界。由此，本发明的视图显示方法尤其适用于基于用户交互实现的视图显示效果。

优选地，判断第三方应用程序提供的视图是否满足视图显示效果实现条件的步骤可以包括：获取基于用户的输入而引起的对视图的滚动操作和/或手势操作；判断视图在滚动操作和/或手势操作的作用下，是否满足视图显示效果所限定的判定条件。

由此，在视图显示方法为基于用户交互实现的视图显示效果时，可以根据View的Touch事件，确定View的滚动位置，以此判断View是否到达边界。

优选地，提示用户视图的内容已达到可展示边界的步骤可以包括：响应于视图达到预定边界位置后用户对视图做出的继续向边界位置外部移动的操作，在边界位置处显示预定图案，以提示视图的内容已达到可展示边界；并且/或者响应于视图达到预定边界位置后用户对视图做出的继续向边界位置外部移动的操作，继续移动视图，响应于用户结束对视图的操作，将视图的位置反向移动到边界位置。

由此，在实际应用中可以根据需要选取合适的提示方式提示用户视图的内容已达到可展示边界。

根据本发明的另一个方面，还提供了一种视图显示装置，包括：接口设计模块，用于设计针对视图的应用程序接口，应用程序接口中封装有多个分别针对不同视图类型的视图显示效果实现条件，多个视图显示效果实现条件对应于同一预设的视图显示效果；判断模块，用于响应于第三方应用程序从应用程序接口选取与其提供的视图类型相对应的视图显示效果实现条件，判断第三方应用程序提供的视图是否满足视图显示效果实现条件；视图显示模块，用于在判断模块判定视图满足视图显示效果实现条件时，按照预设的视图显示效果显示视图。

优选地，视图显示效果实现条件为视图达到预定边界位置的判定条件，预设的视图显示效果为，响应于视图达到预定边界位置后用户对视图做出的继续向边界位置外部移动的操作，提示用户视图的内容已达到可展示边界。

优选地，判断模块可以包括：输入获取模块，用于获取基于用户的输入而引起的对视图的滚动操作和/或手势操作；条件判断模块，用于判断视图在滚动操作和/或手势操作的作用下，是否满足视图显示效果所限定的判定条件。

优选地，该视图显示装置还可以包括：第一提示模块，用于响应于视图达到预定边界位置后用户对视图做出的继续向边界位置外部移动的操作，在边界位置处显示预定图案，以提示视图的内容已达到可展示边界；以及/或者第二提示模块，用于响应于视图达到预定边界位置后用户对视图做出的继续向边界位置外部移动的操作，继续移动视图，响应于用户结束对视图的操作，将视图的位置反向移动到边界位置。

根据本发明的另一个方面，还提供了一种计算设备，包括：显示器；处理器；以及存储器，其上存储有可执行代码，当可执行代码被处理器执行时，使处理器执行上文述及的方法。

根据本发明的另一个方面，还提供了一种非暂时性机器可读存储介质，其上存储有可执行代码，当可执行代码被电子设备的处理器执行时，使处理器执行上文述及的方法。

综上，本发明的视图显示方法、装置、计算设备以及存储介质，通过预先设计一个面向第三方应用的应用程序接口(也可以是框架)，开发者在应用开发过程中需要为视图(View)赋予预设的视图显示效果时，可以直接从对应的应用程序接口中选取与视图类型一致的视图显示效果实现条件，据此判断是否应按照期望的视图显示效果显示视图。由此，应用开发者在为View赋予预设的视图显示效果时，无需再考虑View的具体判断逻辑，整个过程仅需一行或数行代码即可实现，代码倾入性很低，大大降低了开发成本。

附图说明

通过结合附图对本公开示例性实施方式进行更详细的描述，本公开的上述以及其它目的、特征和优势将变得更加明显，其中，在本公开示例性实施方式中，相同的参考标号通常代表相同部件。

图1是示出了根据本发明一实施例的计算设备的结构的示意性方框图。

图2是示出了根据本发明一实施例的视图显示方法的示意性流程图。

图3是示出了本发明一具体实施例下的实现预设的视图显示效果的流程图。

图4是示出了根据本发明一实施例的视图显示装置的结构的示意性方框图。

具体实施方式

下面将参照附图更详细地描述本公开的优选实施方式。虽然附图中显示了本公开的优选实施方式，然而应该理解，可以以各种形式实现本公开而不应被这里阐述的实施方式所限制。相反，提供这些实施方式是为了使本公开更加透彻和完整，并且能够将本公开的范围完整地传达给本领域的技术人员。

为了更好地理解本发明，在描述本发明之前，首先就本发明的一种适用场景进行说明。

安装并运行在智能移动设备上的APP软件可以提供ListView(列表视图)、RecyclerView(复用视图)、ViewPager(滑动视图)等多种类型的视图，为了提高用户的视觉体验，在用户浏览视图达到视图的边界继续滚动时，往往会在边界处显示特定的视图显示效果，以提示用户视图已经展示完毕。但是ListView、RecyclerView、ViewPager等类型的视图的边界判断条件不一。例如，ListView的临界点是列表中的第一个View、最后一个View完全可见的时候；RecyclerView的临界点是瀑布流视图中第一行或最后一行中的View完全可见的时候；ViewPager的临界点是视图列表中滑动到最后一个View或反向滑动第一个View的时候。

因此，开发者为了实现在边界显示阴影这一视图显示效果，需要根据其提供的视图的类型，设计具体的代码以实现边界判断逻辑，这无疑会提高应用的代码设计复杂度，增加开发成本。

有鉴于此，本发明提出了一种新的视图显示方案。该方案针对某一预设的视图显示效果，可以设计一个面向第三方应用的应用程序接口(API)，所设计的应用程序接口中可以封装多个分别针对不同视图类型的视图显示效果实现条件。如此，开发者在应用开发过程中需要为视图(View)赋予预设的视图显示效果时，可以直接从对应的应用程序接口中选取与视图类型一致的视图显示效果实现条件，据此判断是否应按照期望的视图显示效果显示视图。由此，应用开发者在为View赋予预设的视图显示效果时，无需再考虑View的具体判断逻辑，整个过程仅需一行或数行代码即可实现，代码倾入性很低，大大降低了开发成本。

需要说明的是，本发明通篇述及的应用程序接口(API)也可以视为一种框架(framework)，即可以将多个分别针对不同视图类型的视图显示效果实现条件封装在一个框架中。另外，框架还可以另外提供面向开发者的接口，开发者可以通过该接口实现框架中未涉及的针对某些自定义视图的方法，开发者提供该接口实现的针对自定义视图的方法也可以保存在框架中，供其他开发者使用。

另外，本发明述及的视图显示效果可以是多种类型的UI效果，优选地可以是与用户交互有关的视图显示效果。例如可以是OverScroll效果，OverScroll效果即当View达到临界点不能再继续滑动,此时整个View跟随手指的滑动而滑动，在手指松开后View反弹到临界点。再例如，还可以是其它边界提示效果，如还可以是手指滑动View达到临界点后，View不再跟随手指的滑动而滑动，而在临界点处显示特定的图像以提示用户View达到边界。当然，本发明述及的视图显示效果还可以是其它多种类型的UI效果，这里不再赘述。

下面结合具体实施例就本发明的视图显示方案做详细说明。

图1是示出了根据本发明一实施例的计算设备的结构的示意性方框图。本发明提出的视图显示方案可以应用于图1所示的计算设备100，即可以由图1所示的计算设备100实现本发明的视图显示方案。

计算设备100可以是台式机、便携式计算机、平板电脑、智能手机、个人数据助理(PDA)，或者其他类型的计算机装置，但是不限于任何特定形式。计算设备100可以包括但不限于显示器110、处理器120以及存储器130。

显示器110可以用于显示运行在计算设备上的应用的UI界面。显示器110可以包括各种类型的图像显示设备，例如阴极射线管(CRT)、液晶显示器(LCD)、发光二极管(LED)(包括有机发光二极管(OLED))、投射系统等等与其他支持电子装置(例如DAC、ADC、信号处理器等等)的集合。在一些实施方式中，也可能额外提供其他用户输出设备，或者取代显示器110，例如信号灯、扬声器、触觉传感器、打印机等。

处理器120可以是一个多核的处理器，也可以包含多个子处理器。在一些实施例中，处理器120可以包含一个通用的主处理器以及一个或多个特殊的协处理器，例如图形处理器(GPU)、数字信号处理器(DSP)等等。

存储器130可以包括存储文件形式或其他形式的内容的任何类型的存储设备中的一个或多个，包括磁硬盘驱动器、固态硬驱、半导体存储设备、闪存，或者能够存储程序指令或数字信息的任何其他计算机可读可写存储介质。存储器130上可以存储有可执行代码，在本发明中，当存储器130上的可执行代码被处理器120执行时，可以使处理器120执行图2所示的视图显示方法。

图2是示出了根据本发明一实施例的视图显示方法的示意性流程图。

参见图2，方法开始于步骤S210，设计针对视图的应用程序接口。

所设计的应用程序接口中封装有多个分别针对不同视图类型的视图显示效果实现条件，多个视图显示效果实现条件对应于同一预设的视图显示效果。其中，可以针对多个不同的视图显示效果，相应设计多个应用程序接口，不同的应用程序接口用于实现不同的视图显示效果，即不同的应用程序接口中封装的视图显示效果实现条件对应于不同的视图显示效果。

所设计的应用程序接口可供第三方应用调用。具体地，开发者在应用开发过程中需要为视图赋予预设的视图显示效果时，可以从对应的应用程序接口中选取与视图的类型一致的视图显示效果实现条件。另外，第三方应用也可以仅将View传递给应用程序接口，由应用程序接口根据View的类型选取对应的视图显示效果实现条件。如此可以进一步降低开发者的开发逻辑，代码倾入性更低。

响应于从应用程序接口选取与第三方应用提供的视图类型相对应的视图显示效果实现条件，可以执行步骤S220，判断第三方应用程序提供的视图是否满足视图显示效果实现条件。在判定视图满足视图显示效果实现条件时，就可以按照预设的视图显示效果显示视图(步骤S230)。

作为本发明的一个可选实施例，应用程序接口中除了封装视图显示效果实现条件外，还可以封装用于判断视图是否满足视图显示效果实现条件的判断方法以及在判定满足情况下的显示方法。由此，第三方应用在将View传递给应用程序接口后，就可以由应用程序接口选取合适的视图显示效果实现条件，并判断视图是否满足视图显示效果实现条件(步骤S220)。在判定满足的情况下，按照预设的视图显示效果显示视图(步骤S230)。

作为本发明的另一个可选实施例，应用程序接口的设计可以采用便于开发者继承扩展的策略模式。如此，当应用程序接口中未封装有与第三方应用提供的视图相对应的视图显示效果实现条件时，可以由开发者自定义该视图的视图显示效果实现条件，并将其封装到应用程序接口中。

如上文所述，本发明述及的视图显示效果优选地是与用户交互有关的视图显示效果。因此，在执行步骤S220，判断视图是否满足视图显示效果实现条件的过程中，可以获取基于用户的输入而引起的对视图的操作(例如滚动操作、手势操作等)，然后判断在该操作下视图是否满足对应的视图显示效果实现条件。

具体应用例

下面以预设的视图显示效果为视图达到边界位置后的提示效果，视图显示效果实现条件为视图达到预定边界位置的判定条件为例详细说明图2中步骤S220、步骤S230的实现过程。

在本实施例中，可以预先根据不同View的特性封装不同的工厂方法(即边界判断方法),以形成一个框架(也可以是上文述及的应用程序接口)，这里述及的边界判断方法可以包括View的边界判断条件、View达到边界点时判断方法、以及达到边界点后view的视图显示实现方法。

由此，第三方应用可以将View传递给封装好的框架，由框架执行图3所示的步骤，以实现View的边界判断及显示。

参见图3，在步骤S310，拦截View的Touch事件。此处可以将目标View的Touch事件全部截断，也可以针对性地仅获取Touch事件中的ACTION_MOVE(移动View，例如手指移动)，ACTION_UP(停止移动View，例如手指松开)事件。View的Touch事件可以是由用户的输入引起的对View的滚动操作和/或手势操作。例如，可以是用户通过鼠标点击操作引起的对View的滚动操作，也可以是用户通过手指在屏幕上执行的滑动操作引起的View的移动。

根据所拦截的针对View的Touch事件，就可以(实时)确定View的滚动位置。由此，可以执行步骤S320，判断View的滚动是否达到临界点。

如上文所述，不同的View达到临界点的条件不同，因此可以根据View的具体属性判断是否达到临界点，例如ListView的临界点是列表中的第一个View、最后一个View完全可见的时候；RecyclerView的临界点是瀑布流视图中第一行或最后一行中的View完全可见的时候；ViewPager的临界点是视图列表中滑动到最后一个View或反向滑动第一个View的时候。

在判定View达到临界点时(步骤S330)，可以有多种提示用户View的内容已达到可展示边界的方式。例如，可以执行步骤S340至步骤S360，提示用户View内容已达到可展示边界，也可以执行步骤S370提示用户View内容已达到可展示边界。

步骤S340至步骤S360的流程如下。在步骤S340，在达到临界点后，响应于用户对View的继续滚动操作或手势操作，继续移动View，例如在View到达上临界点时，View可以跟随手指向下滑动而向下做位移操作。在用户停止对View的继续滚动操作(步骤S350)，即ACTION_UP事件(例如手指抬起事件)发生时，可以判断View的当前位置是否已经超过了临界点，在超过临界点时，可以执行步骤S360，将view反向移动到临界点。这里可以通过反向执行值动画将View的位置从当前位置运动到原本的位置(即临界点)。

另外，在判定View达到临界点后，也可以执行步骤S370，在临界点显示预定图案，以提示用户View的内容以达到可展示边界。其中，本发明述及的预定图案可以是不同于View的图案，例如可以是灰度图形，灰度图形可以以叠加的形式显示在View之上。再例如，也可以是对View进行特定处理后形成的图案，如可以是重复显示原View，或者将原View拉长/缩短。

至此，结合图2、图3就本发明的视图显示方案做了详细说明，另外，本发明的视图显示方案还可以实现为一种视图显示装置。图4是示出了根据本发明一实施例的视图显示装置的结构的示意性方框图。其中，视图显示装置400的功能模块可以由实现本发明原理的硬件、软件或硬件和软件的结合来实现。本领域技术人员可以理解的是，图4所描述的功能模块可以组合起来或者划分成子模块，从而实现上述发明的原理。因此，本文的描述可以支持对本文描述的功能模块的任何可能的组合、或者划分、或者更进一步的限定。

下面仅就视图显示装置400可以具有的功能模块以及各功能模块可以执行的操作做简要说明，对于其中涉及的细节部分可以参见上文描述，这里不再赘述。

参见图4，视图显示装置400包括接口设计模块410、判断模块420以及视图显示模块430。

接口设计模块410用于设计针对视图的应用程序接口，应用程序接口中封装有多个分别针对不同视图类型的视图显示效果实现条件，多个视图显示效果实现条件对应于同一预设的视图显示效果。

判断模块420用于响应于从应用程序接口选取与第三方应用程序提供的视图类型相对应的视图显示效果实现条件，判断第三方应用程序提供的视图是否满足视图显示效果实现条件。

视图显示模块430用于在判断模块判定视图满足视图显示效果实现条件时，按照预设的视图显示效果显示视图。

作为本发明的一个可选实施例，视图显示效果实现条件为视图达到预定边界位置的判定条件，预设的视图显示效果为，响应于视图达到预定边界位置后用户对视图做出的继续向边界位置外部移动的操作，提示用户视图的内容已达到可展示边界。

如图4所示，判断模块420可以可选地包括图中虚线框所示的输入获取模块4210和条件判断模块4220。

输入获取模块4210用于获取基于用户的输入而引起的对视图的滚动操作和/或手势操作。条件判断模块4220用于判断视图在滚动操作和/或手势操作的作用下，是否满足视图显示效果所限定的判定条件。

如图4所示，视图显示模块430可以可选地包括图中虚线框所示的第一提示模块4310以及第二提示模块4320。

第一提示模块4310用于响应于视图达到预定边界位置后用户对视图做出的继续向边界位置外部移动的操作，在边界位置处显示不同于视图的图案，以提示视图的内容已达到可展示边界。

第二提示模块4320用于响应于视图达到预定边界位置后用户对视图做出的继续向边界位置外部移动的操作，继续移动视图，响应于用户结束对视图的操作，将视图的位置反向移动到边界位置。

上文中已经参考附图详细描述了根据本发明的视图显示方法、装置以及计算设备。

此外，根据本发明的方法还可以实现为一种计算机程序或计算机程序产品，该计算机程序或计算机程序产品包括用于执行本发明的上述方法中限定的上述各步骤的计算机程序代码指令。

或者，本发明还可以实施为一种非暂时性机器可读存储介质(或计算机可读存储介质、或机器可读存储介质)，其上存储有可执行代码(或计算机程序、或计算机指令代码)，当所述可执行代码(或计算机程序、或计算机指令代码)被电子设备(或计算设备、服务器等)的处理器执行时，使所述处理器执行根据本发明的上述方法的各个步骤。

本领域技术人员还将明白的是，结合这里的公开所描述的各种示例性逻辑块、模块、电路和算法步骤可以被实现为电子硬件、计算机软件或两者的组合。

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

以上已经描述了本发明的各实施例，上述说明是示例性的，并非穷尽性的，并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下，对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择，旨在最好地解释各实施例的原理、实际应用或对市场中的技术的改进，或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。

Claims (8)

1.一种视图显示方法，包括：

设计针对视图的应用程序接口，所述应用程序接口中封装有多个分别针对不同视图类型的视图达到预定边界位置的判定条件，多个所述判定条件对应于同一预设的视图显示效果，所述预设的视图显示效果为，响应于视图达到预定边界位置后用户对所述视图做出的继续向所述边界位置外部移动的操作，提示用户所述视图的内容已达到可展示边界；

响应于从所述应用程序接口选取与第三方应用程序提供的视图类型相对应的判定条件，判断所述第三方应用程序提供的视图是否满足所述判定条件；

在判定所述视图满足所述判定条件时，按照所述预设的视图显示效果显示所述视图。

2.根据权利要求1所述的视图显示方法，其中，所述判断所述第三方应用程序提供的视图是否满足所述视图显示效果实现条件的步骤包括：

获取基于用户的输入而引起的对所述视图的滚动操作和/或手势操作；

判断所述视图在所述滚动操作和/或手势操作的作用下，是否满足所述视图显示效果所限定的判定条件。

3.根据权利要求1所述的视图显示方法，其中，所述提示用户所述视图的内容已达到可展示边界的步骤包括：

响应于视图达到预定边界位置后用户对所述视图做出的继续向所述边界位置外部移动的操作，在所述边界位置处显示预定图案，以提示所述视图的内容已达到可展示边界；并且/或者

响应于视图达到预定边界位置后用户对所述视图做出的继续向所述边界位置外部移动的操作，继续移动所述视图，响应于所述用户结束对所述视图的操作，将所述视图的位置反向移动到所述边界位置。

4.一种视图显示装置，包括：

接口设计模块，用于设计针对视图的应用程序接口，所述应用程序接口中封装有多个分别针对不同视图类型的视图达到预定边界位置的判定条件，多个所述判定条件对应于同一预设的视图显示效果，所述预设的视图显示效果为，响应于视图达到预定边界位置后用户对所述视图做出的继续向所述边界位置外部移动的操作，提示用户所述视图的内容已达到可展示边界；

判断模块，用于响应于从所述应用程序接口选取与第三方应用程序提供的视图类型相对应的判定条件，判断所述第三方应用程序提供的视图是否满足所述判定条件；

视图显示模块，用于在所述判断模块判定所述视图满足所述视图显示效果实现条件时，按照所述预设的视图显示效果显示所述视图。

5.根据权利要求4所述的视图显示装置，其中，所述判断模块包括：

输入获取模块，用于获取基于用户的输入而引起的对所述视图的滚动操作和/或手势操作；

条件判断模块，用于判断所述视图在所述滚动操作和/或手势操作的作用下，是否满足所述视图显示效果所限定的判定条件。

6.根据权利要求4所述的视图显示装置，其中，所述视图显示模块包括：

第一提示模块，用于响应于视图达到预定边界位置后用户对所述视图做出的继续向所述边界位置外部移动的操作，在所述边界位置处显示预定图案，以提示所述视图的内容已达到可展示边界；以及/或者

第二提示模块，用于响应于视图达到预定边界位置后用户对所述视图做出的继续向所述边界位置外部移动的操作，继续移动所述视图，响应于所述用户结束对所述视图的操作，将所述视图的位置反向移动到所述边界位置。

7.一种计算设备，包括：

显示器；

处理器；以及

存储器，其上存储有可执行代码，当所述可执行代码被所述处理器执行时，使所述处理器执行如权利要求1-3中任何一项所述的方法。

8.一种非暂时性机器可读存储介质，其上存储有可执行代码，当所述可执行代码被电子设备的处理器执行时，使所述处理器执行如权利要求1至3中任一项所述的方法。

Images