CN110737490A

CN110737490A - 一种引导信息显示方法和装置

Info

Publication number: CN110737490A
Application number: CN201810791109.XA
Authority: CN
Inventors: 刘朋举; 吴鹏
Original assignee: Consumer Finance Ltd By Share Ltd
Current assignee: Consumer Finance Ltd By Share Ltd; Mashang Consumer Finance Co Ltd
Priority date: 2018-07-18
Filing date: 2018-07-18
Publication date: 2020-01-31
Anticipated expiration: 2038-07-18
Also published as: CN110737490B

Abstract

本发明提供一种引导信息显示方法和装置，该方法包括：显示页面；从服务器获取所述页面的引导图层信息，其中，所述引导图层信息包括N个引导图层数组，其中，N个引导图层数组分别与N个目标控件对应，每个引导图层数组包括其对应的目标控件的引导View对象信息，其中，所述N为大于或者等于1的整数；分别按照所述N个引导图层数组包括的引导View对象信息，显示所述N个目标控件对应的引导View对象。本发明实施例可以提高引导信息的灵活性。

Description

一种引导信息显示方法和装置

技术领域

本发明涉及计算机技术领域，尤其涉及一种引导信息显示方法和装置。

背景技术

随着移动互联网的急速发展，目前终端上安装的应用程序(Application，APP)越来越多，而且APP的交互方式和各种新功能也是层出不穷。为了让用户尽快的熟悉新的功能，提高用户体验，相关技术中是在APP的页面上增加一些临时的引导信息(例如：提示性箭头)来引导用户熟悉新的功能。然而，目前是引导信息是一张覆盖整个屏幕的图片，该图片包含控件(其中，该控件与APP的页面中的控件相同)和相关引导对象(例如：引导箭头和文案元素)，当需要展示引导信息时，直接在原有界面上覆盖该图片，以实现引导信息的显示。由于引导信息是通过图片进行展示的，且该图片是携带在APP安装包中，这样使得引导信息的灵活性比较差。

发明内容

本发明实施例提供一种引导信息显示方法和装置，以解决引导信息的灵活性比较差的问题。

为了解决上述技术问题，本发明是这样实现的：

第一方面，本发明实施例提供了一种引导信息显示方法，包括：

显示页面；

从服务器获取所述页面的引导图层信息，其中，所述引导图层信息包括N个引导图层数组，其中，所述N个引导图层数组分别与N个目标控件对应，每个引导图层数组包括其对应的目标控件的引导视图(View)对象信息，其中，所述N为大于或者等于1的整数；

分别按照所述N个引导图层数组包括的引导View对象信息，显示所述N个目标控件对应的引导View对象。

第二方面，本发明实施例提供了一种引导信息显示装置，包括：

第一显示模块，用于显示页面；

获取模块，用于从服务器获取所述页面的引导图层信息，其中，所述引导图层信息包括N个引导图层数组，其中，所述N个引导图层数组分别与N个目标控件对应，每个引导图层数组包括其对应的目标控件的引导View对象信息，其中，所述N为大于或者等于1的整数；

第二显示模块，用于分别按照所述N个引导图层数组包括的引导View对象信息，显示所述N个目标控件对应的引导View对象。

第三方面，本发明实施例提供了一种引导信息显示装置，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现本发明实施例提供的引导信息显示方法中的步骤。

第四方面，本发明实施例提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现本发明实施例提供的引导信息显示方法中的步骤。

在本发明实施例中，显示页面；从服务器获取所述页面的引导图层信息，其中，所述引导图层信息包括N个引导图层数组，其中，所述N个引导图层数组分别与N个目标控件对应，每个引导图层数组包括其对应的目标控件的引导View对象信息，其中，所述N为大于或者等于1的整数；分别按照所述N个引导图层数组包括的引导View对象信息，显示所述N个目标控件对应的引导View对象。这样由于从服务器获取引导图层信息，且引导图层信息包括的是引导View对象信息，从而相比现有技术引导信息为APP安装包携带的图片，本发明实施例可以提高引导信息的灵活性。

附图说明

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

图1是本发明实施例提供的一种引导信息显示方法的流程图；

图2是本发明实施例提供的另一种引导信息显示方法的流程图；

图3是本发明实施例提供的另一种引导信息显示方法的示意图；

图4是本发明实施例提供的另一种引导信息显示方法的示意图；

图5是本发明实施例提供的一种引导信息显示装置的结构图；

图6是本发明实施例提供的另一种引导信息显示装置的结构图；

图7是本发明实施例提供的另一种引导信息显示装置的结构图；

图8是本发明实施例提供的另一种引导信息显示装置的结构图；

图9是本发明实施例提供的另一种引导信息显示装置的结构图。

具体实施方式

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

请参见图1，图1是本发明实施例提供的一种引导信息显示方法的流程图，如图1所示，包括以下步骤：

步骤101、显示页面。

其中，上述页面可以是某APP的页面，例如：即时通信APP、财经APP、新闻APP或者游戏APP的页面。且这里的页面包括但不限于某功能页面或者首页面等。

当然，上述页面可以理解为需要显示(或者称作展示)引导信息的页面，例如：上述页面可以是APP升级更新后显示的页面，或者可以是检测用户多次操作失误后显示的页面。优选的，本发明实施例中，可以是将上述页面的业务数据发送到服务器，由服务器判断该页面是否需要显示引导信息的页面。其中，上述业务数据可以是通过网络请求获取的。当然，本发明实施例，对此不作限定，例如：可以预先设置APP升级更新后显示的第一个页面为需要显示引导信息的页面。

步骤102、从服务器获取所述页面的引导图层信息，其中，所述引导图层信息包括N个引导图层数组，其中，N个引导图层数组分别与N个目标控件对应，每个引导图层数组包括其对应的目标控件的引导视图View对象信息，其中，所述N为大于或者等于1的整数。

其中，上述从服务器获取上述页面的引导图层信息可以是，将上述页面的页面数据发送给服务器，服务器收到上述页面的页面数据后，返回上述页面的引导图层信息。当然，上述从服务器获取所述页面的引导图层信息还可以是，APP启动后，启动异步线程，通过该线程从服务器获取上述页面的引导图层信息并保存到本地。例如：在得到APP安装后，可以对APP安装包进行解压，查看源文件中需要添加高亮显示效果的控件(例如UI控件)的标识(例如：id)，以及相关的引导图层的布局文件的id，并按照约定的格式和顺序编写引导图层数组，然后将引导图层数组上传至服务器。在启动App时，启动异步线程，从服务器获取引导图层数组并保存到本地。其中，上述引导图层数组可以是引导图层json文件。

通过上述可知，本发明实施例中，对步骤101和步骤102的执行顺序不作限定，可以是先选择步骤101再执行步骤102，如图1所示，或者可以是先执行步骤102，再执行步骤101。

而上述N个引导图层数组，以及这N个引导图层数组的顺序可以在服务器配置，这样可以实现随时更改引导View对象(或者称作引导图层)显示的先后顺序，以及还可以去除一些或者增加一些引导View对象，从而能够方便灵活的控制引导View对象的显示，以进一步提高引导View对象的灵活性。

步骤103、分别按照所述N个引导图层数组包括的引导View对象信息，显示所述N个目标控件对应的引导View对象。

上述引导View对象信息可以包括上述页面中需要显示的引导View对象的相关信息，例如：引导View对象的布局文件标识和位置信息等等。而引导View对象可以是用于对目标控件进行引导的引导信息，例如：该引导View对象可以包括图案元素(例如：引导箭头)和文案元素等中的至少一项。

另外，步骤103可以是在同一时间显示一个目标控件对应的引导View对象，按照N个引导图层数组之间的顺序，显示完N个目标控件对应的引导View对象。

上述步骤中由于从服务器获取引导View对象信息，并根据引导View对象信息显示对应的引导View对象，这样可以根据服务器发送的引导View对象信息灵活地显示引导View对象。此外，由于不需要在APP安装包中配置引导信息的图片，从而可以减少APP安装包的大小，以节约流量。另外，由于数组的随机访问速度快，采用引导图层数组，可以提高显示效率。

作为一种可选的实施方式，所述引导图层信息中第n个引导图层数组中的引导View对象信息包括：第n个目标控件的标识、第n个引导View对象的布局文件标识，以及所述第n个引导View对象相对于所述第n个目标控件的位置信息，其中，所述n等于1至所述N中的任意一整数。

其中，上述引导View对象的布局文件标识可以是，引导View对象的布局文件的ID，其中，该布局文件包括上述引导View对象的位置、背景和边距等属性，通过该布局文件可以获取到上述View对象。

上述引导View对象相对于所述目标控件的位置信息可以是，上述引导View对象相对于目标控件的位置偏移信息，即通过该位置信息可以确定引导View对象的显示位置。这样通过位置信息可以精准控制引导View对象的显示位置，以提高用户体验。需要说明的是，本发明实施例中，引导View对象也可以称作引导图层，且该引导图层可以作为虚拟按钮，当用户点击该虚拟按钮时，可以移除该引导图层，显示原本的页面，这样可以实现引导图层消失前后，页面变化最小，进一步提高用户的体验。

而上述目标控件的标识可以是用于确定目标控件，以及目标控件位置的标识，这样通过该标识可以灵活地配置目标控件，以满足不同页面(例如：UI界面)的需求。

需要说明的是，本发明实施例中，并不限定引导图层数组包括目标控件的标识、引导View对象的布局文件标识和引导View对象相对于目标控件的位置信息，例如：可以是包括目标控件的标识和引导View对象的布局文件标识，而引导View对象相对于目标控件的位置信息可以预先设定。

可选的，上述分别按照所述N个引导图层数组包括的引导View对象信息，显示所述N个目标控件对应的引导View对象包括：

在所述页面上生成具备第一透明效果的遮罩图层；

确定覆盖第i个目标控件的目标区域，并将该目标区域的透明效果设置为第二透明效果，其中，所述第一透明效果低于所述第二透明效果，所述第i个目标控件的位置根据所述第i个目标控件的标识确定，所述i的初始值为1；

根据第i个引导View对象的布局文件标识，获取所述第i个引导View对象，并根据所述第i个引导View对象的位置信息显示所述第i个引导View对象，其中，若所述i未等于所述N，则将所述i加1，并触发所述确定覆盖第i个目标控件的目标区域，并将该目标区域的透明效果设置为第二透明效果的步骤，直到所述i等于所述N。

其中，上述第一透明效果可以是半透明，而上述第二透明效果可以是完全透明，当然，对此不作限定，例如：以透明度可以采用0至1来表示，0表示完全透明，而1表示完全不透明，则上述第一透明效果可以是透明度为0.6或者0.7，则上述第二透明效果可以是透明度为0.05或者0.1等。

上述生成具备第一透明效果的遮罩图层可以是通过系统绘制工具(例如：画笔)绘制全屏半透明遮罩图层。而上述将目标区域的透明效果设置为第二透明效果可以是系统绘制工具(例如：画笔)的颜色设置为透明，并绘制出上述目标区域，即使用透明色覆盖原来的半透明遮罩，以将底部的目标控件高亮显示出来。

上述根据第i个引导View对象的布局文件标识，获取所述第i个引导View对象可以是，在本地获取上述布局文件标识对应的第i个引导View对象，或者根据上述布局文件标识从服务器获取上述布局文件标识对应的第i个引导View对象。而上述根据所述第i个引导View对象的位置信息显示所述第i个引导View对象可以是，根据上述第i个引导View对象的位置信息确定第i个引导View对象相对于第i个目标控件的位置，例如：第i个引导View对象相对于第i个目标控件上、下、左、右的边距，之后，在对应的位置显示第i个引导View对象。

需要说明的是，上述若所述i未等于所述N，则将所述i加1，并触发所述确定覆盖第i个目标控件的目标区域，并将该目标区域的透明效果设置为第二透明效果的步骤，直到所述i等于所述N可以理解为，当显示完一个目标控件的引导View对象后，若上述页面还有需要显示的引导View对象，则继续按照上述流程显示另一个目标控件的引导View对象。例如：上述N等于2，则上述实施方式的流程如下：

在所述页面上生成具备第一透明效果的遮罩图层；

确定覆盖第1个目标控件的目标区域，并将该目标区域的透明效果设置为第二透明效果，其中，所述第一透明效果低于所述第二透明效果，所述第1个目标控件的位置根据所述第i个目标控件的标识确定；

根据第1个引导View对象的布局文件标识，获取所述第1个引导View对象，并根据所述第1个引导View对象的位置信息显示所述第1个引导View对象；

确定覆盖第2个目标控件的目标区域，并将该目标区域的透明效果设置为第二透明效果，其中，所述第一透明效果低于所述第二透明效果，所述第2个目标控件的位置根据所述第i个目标控件的标识确定；

根据第2个引导View对象的布局文件标识，获取所述第2个引导View对象，并根据所述第2个引导View对象的位置信息显示所述第2个引导View对象。

当然，在该实施方式中，当一个目标控件的引导View对象显示完之后，可以取消该引导View对象，以及该目标控件对应的透明效果。另外，所有目标控件的引导View对象显示完之后，可以将引导View对象和上述遮罩图层均取消，以还原上述页面。

例如：如图2所示，在到达需要显示引导图层的页面时，发起网络请求获取业务数据，在获取到服务器数据之后，判断是否需要展示引导图层(其中，这里的引导图层也可以称作引导浮层)：

其中，若需要展示引导图层，则初始化该页面的引导图层数组，每个数组中包含需要高亮显示的控件id、引导图层(引导View对象)的布局文件id和引导图层相对于高亮控件的位置；

绘制全屏半透明遮罩图层，同时计算所有引导图层数组中高亮控件的坐标；

绘制导引图层，其中，绘制导引图层包括：将画笔颜色设置为透明，根据上一步计算出来的坐标在相应位置使用画笔画出指定大小的区域(即用透明色覆盖原来的半透明遮罩)，底部的控件就高亮显示出来；将画笔颜色设置为白色，线体类型设置为虚线，在高亮区域的外部边缘绘制虚线框；根据引导图层的布局文件id，调用系统方法获得View对象(引导图层)，将该引导图层添加到半透明图层之上；

用户点击图层；

判断是否有下个引导图层，如果没有，则移除半透明遮罩图层和引导图层，Android系统自动重绘，正常功能界面便展示出来，用户进入正常操作流程。如果有，则绘制下个引导图层，直到没有下一个引导图层为止。

如果不需展示引导图层，则直接显示功能界面，用户进入正常操作流程。

另外，本发明实施例中，上述导引View对象也可以是静态View对象，或者动态的View对象，这样通过动态的View对象还可以实现引导信息达到动画效果，以进一步提高引导信息的显示效果。

该实施方式中，通过上述步骤可以实现灵活配置显示高亮显示的控件，以及其对应的引导View对象，以及显示View对象的位置，从而可以满足不同页面的需求。另外，可以实现在显示引导信息时，不需要增加额外的控件，而是通过透明区域来展示控件，这样可以避免在显示引导信息的前后各个控件位置对不齐的问题。另外，由于上述遮罩图层的区域均存在透明效果，这样可以实现在显示View对象时，上述页面的内容也可以向用户展示，从而可以避免显示引导View对象前和显示视图View对象时APP显示的内容保证一致。另外，由于上述引导View对象是在透明区域对应的位置显示的，且透明区域覆盖上述目标控件，因而可以实现在目标控制对应的位置显示引导View对象。

可选的，所述根据所述第i个引导View对象的位置信息显示所述第i个引导View对象之后，所述方法还包括：

若所述第i个引导图层数组中的引导View对象信息还包括所述第i个目标控件的动画文件标识，则按照该动画文件标识显示所述第i个目标控件的动画。

该实施方式中，若上述引导图层信息给某一些目标控件配置了动画效果，则在显示该目标控件的引导View对象后，还可以动画显示该目标控件，以提高显示效率。例如：包括第2个目标控件的动画文件标识，按照该动画文件标识显示第2个目标控件的动画。其中，上述动画文件标识可以是对应一种动画效果，例如：抖动、或者旋转等动画效果，从而在上述步骤中，按照该动画效果显示该目标控件。

当然，目标控件的动画可以是根据用户输入的操作而停止，例如：

例如：如图3所示，在到达需要显示引导图层的页面时，发起网络请求获取业务数据，在获取到服务器数据之后，判断是否需要展示引导图层(其中，这里的引导图层也可以称作引导浮层)：

用户点击引导图层；

结束所有动画效果；

可选的，所述确定覆盖第i个目标控件的目标区域，并将该目标区域的透明效果设置为第二透明效果之后，所述方法还包括：

若所述第i个引导图层数组中的引导View对象信息还包括所述第i个目标控件的边框类型信息，则按照该边框类型信息显示覆盖第i个目标控件的目标区域的边框。

其中，上述边框类型信息可以是锯齿、波浪或者虚线等，且不同目标控件，配置的边框类型信息可以是相同，或者不同。

该实施方式中，可以实现在上述引导图层数组配置目标控件的目标区域的边框，从而可以提高引导信息的显示效果，以及还可以提高引导信息显示的个性化和灵活性。例如：包括第1个目标控件的边框类型信息，按照该边框类型信息显示覆盖第1个目标控件的目标区域的边框。

需要说明的是，本发明实施例中，在显示引导View对象之前，还可以判断上述页面是否需要显示引导View对象，例如：如图4所示，打开App首页，加载首页业务数据，获取到数据之后，判断是否需要展示引导图层；

若需要展示引导图层，则调用封装好的方法初始化首页引导图层数组，a其中，为每个数组传入需要高亮显示的控件的id、引导图层的布局文件id，引导图层布局相对于高亮控件的位置；

调用封装好的展示方法展示引导图层(即通过上述步骤显示引导View对象)，将该引导图层添加到半透明图层之上；

用户点击引导图层，按顺序一页页展示引导图层，直到看完所有引导图层。

展示首页业务数据。

如果不需要展示引导图层，直接显示首页功能数据，用户可以正常操作。

其中，上述判断是否需要展示引导图层可以是，根据本地上述页面的标记进行判断，例如：上述页面已经显示过，而在本地存储一个标记，从而在第二次显示该页面时，则可以通过该标记来判断不需要展示引导图层。或者还可以根据从服务器获取的引导图层信息进行判断，例如：上述引导图层信息可以包括服务器添加的指示，该指示用于指示上述页面当前是否需要展示引导图层，从而通过该指示来判断该页面是否需要展示引导图层。另外，上述指示可以具体指示某些控件是否需要展示对应的引导图层。

需要说明的是，上述引导信息显示方法可以应用于手机、计算机、平板电脑、智能手表等智能设备。

在本发明实施例中，显示页面；从服务器获取所述页面的引导图层信息，其中，所述引导图层信息包括N个引导图层数组，其中，N个引导图层数组分别与N个目标控件对应，每个引导图层数组包括其对应的目标控件的引导View对象信息，其中，所述N为大于或者等于1的整数；分别按照所述N个引导图层数组包括的引导View对象信息，显示所述N个目标控件对应的引导View对象。这样由于从服务器获取引导图层信息，且引导图层信息包括的是引导View对象信息，从而相比现有技术引导信息为APP安装包携带的图片，本发明实施例可以提高引导信息的灵活性。

请参阅图5，图5是本发明实施例还提供一种引导信息显示装置的结构图，如图5所示，引导信息显示装置500包括：

第一显示模块501，用于显示页面；

获取模块502，用于从服务器获取所述页面的引导图层信息，其中，所述引导图层信息包括N个引导图层数组，其中，N个引导图层数组分别与N个目标控件对应，每个引导图层数组包括其对应的目标控件的引导View对象信息，其中，所述N为大于或者等于1的整数；

第二显示模块503，用于分别按照所述N个引导图层数组包括的引导View对象信息，显示所述N个目标控件对应的引导View对象。

可选的，所述引导图层信息中第n个引导图层数组中的引导View对象信息包括：第n个目标控件的标识、第n个引导View对象的布局文件标识，以及所述第n个引导View对象相对于所述第n个目标控件的位置信息，其中，所述n等于1至所述N中的任意一整数。

可选的，如图6所示，所述第二显示模块503包括：

生成单元5031，用于在所述页面上生成具备第一透明效果的遮罩图层；

确定单元5032，用于确定覆盖第i个目标控件的目标区域，并将该目标区域的透明效果设置为第二透明效果，其中，所述第一透明效果低于所述第二透明效果，所述第i个目标控件的位置根据所述第i个目标控件的标识确定，所述i的初始值为1；

显示单元5033，用于根据第i个引导View对象的布局文件标识，获取所述第i个引导View对象，并根据所述第i个引导View对象的位置信息显示所述第i个引导View对象，其中，若所述i未等于所述N，则将所述i加1，并触发所述确定单元执行所述确定覆盖第i个目标控件的目标区域，并将该目标区域的透明效果设置为第二透明效果的步骤，直到所述i等于所述N。

可选的，如图7所示，所述装置还包括：

第三显示模块504，用于若所述第i个引导图层数组中的引导View对象信息还包括所述第i个目标控件的动画文件标识，则按照该动画文件标识显示所述第i个目标控件的动画。

可选的，如图8所示，所述装置还包括：

第四显示模块505，用于若所述第i个引导图层数组中的引导View对象信息还包括所述第i个目标控件的边框类型信息，则按照该边框类型信息显示覆盖第i个目标控件的目标区域的边框。

本发明实施例能够实现如图1所示方法实施例中的各个步骤，并获得相同的有益效果，为避免重复，在此不再赘述。

请参见图9，图9是本发明实施例提供的一种引导信息显示装置的结构图，如图9所示，该装置包括：存储器901、处理器902、收发机903及存储在所述存储器901上并可在所述处理器902上运行的计算机程序，其中：

所述处理器902用于读取存储器901中的程序，执行下列过程：

显示页面；

从服务器获取所述页面的引导图层信息，其中，所述引导图层信息包括N个引导图层数组，其中，N个引导图层数组分别与N个目标控件对应，每个引导图层数组包括其对应的目标控件的引导视图View对象信息，其中，所述N为大于或者等于1的整数；

可选的，处理器902执行的所述分别按照所述N个引导图层数组包括的引导View对象信息，显示所述N个目标控件对应的引导View对象包括：

在所述页面上生成具备第一透明效果的遮罩图层；

可选的，所述根据所述第i个引导View对象的位置信息显示所述第i个引导View对象之后，处理器902还用于：

可选的，所述确定覆盖第i个目标控件的目标区域，并将该目标区域的透明效果设置为第二透明效果之后，处理器902还用于：

本发明实施例还提供一种计算机存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如上所述的引导信息显示方法中的步骤。

需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台引导信息显示装置(可以是手机，计算机，服务器，空调器，或者网络设备等)执行本发明各个实施例所述的方法。

上面结合附图对本发明的实施例进行了描述，但是本发明并不局限于上述的具体实施方式，上述的具体实施方式仅仅是示意性的，而不是限制性的，本领域的普通技术人员在本发明的启示下，在不脱离本发明宗旨和权利要求所保护的范围情况下，还可做出很多形式，均属于本发明的保护之内。

Claims

1.一种引导信息显示方法，其特征在于，包括：

显示页面；

从服务器获取所述页面的引导图层信息，其中，所述引导图层信息包括N个引导图层数组，其中，所述N个引导图层数组分别与N个目标控件对应，每个引导图层数组包括其对应的目标控件的引导视图View对象信息，其中，所述N为大于或者等于1的整数；

2.如权利要求1所述的方法，其特征在于，所述引导图层信息中第n个引导图层数组中的引导View对象信息包括：第n个目标控件的标识、第n个引导View对象的布局文件标识，以及所述第n个引导View对象相对于所述第n个目标控件的位置信息，其中，所述n等于1至所述N中的任意一整数。

3.如权利要求2所述的方法，其特征在于，所述分别按照所述N个引导图层数组包括的引导View对象信息，显示所述N个目标控件对应的引导View对象包括：

在所述页面上生成具备第一透明效果的遮罩图层；

4.如权利要求3所述的方法，其特征在于，所述根据所述第i个引导View对象的位置信息显示所述第i个引导View对象之后，所述方法还包括：

5.如权利要求3所述的方法，其特征在于，所述确定覆盖第i个目标控件的目标区域，并将该目标区域的透明效果设置为第二透明效果之后，所述方法还包括：

6.一种引导信息显示装置，其特征在于，包括：

第一显示模块，用于显示页面；

7.如权利要求6所述的装置，其特征在于，所述引导图层信息中第n个引导图层数组中的引导View对象信息包括：第n个目标控件的标识、第n个引导View对象的布局文件标识，以及所述第n个引导View对象相对于所述第n个目标控件的位置信息，其中，所述n等于1至所述N中的任意一整数。

8.如权利要求7所述的装置，其特征在于，所述第二显示模块包括：

生成单元，用于在所述页面上生成具备第一透明效果的遮罩图层；

确定单元，用于确定覆盖第i个目标控件的目标区域，并将该目标区域的透明效果设置为第二透明效果，其中，所述第一透明效果低于所述第二透明效果，所述第i个目标控件的位置根据所述第i个目标控件的标识确定，所述i的初始值为1；

显示单元，用于根据第i个引导View对象的布局文件标识，获取所述第i个引导View对象，并根据所述第i个引导View对象的位置信息显示所述第i个引导View对象，其中，若所述i未等于所述N，则将所述i加1，并触发所述确定单元执行所述确定覆盖第i个目标控件的目标区域，并将该目标区域的透明效果设置为第二透明效果的步骤，直到所述i等于所述N。

9.一种引导信息显示装置，其特征在于，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如权利要求1至5所述的引导信息显示方法中的步骤。

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