CN104216711B - 控件的渲染方法及装置 - Google Patents

Abstract

本发明提供一种控件的渲染方法及装置。本发明实施例通过获取光标经过目标控件的经过方向信息，进而根据所述经过方向信息，获得遮罩图层的渲染方向信息，使得能够根据所述渲染方向信息，利用所述遮罩图层对所述目标控件进行渲染，由于遮罩图层上没有任何指定的图案，因此，无需根据每个控件分别设置遮罩图层，操作简单，从而提高了控件的渲染效率。

Description

控件的渲染方法及装置

【技术领域】

本发明涉及检索技术，尤其涉及一种控件的渲染方法及装置。

【背景技术】

控件，为用户可与之交互，以输入或操作数据的对象，是一种图形用户界面元素，例如，用户界面(User Interface，UI)控件等。用户可以利用输入设备如，键盘或鼠标等控制光标，以与控件进行交互。当光标经过控件时，可以利用新的渲染体直接替换原来的渲染体，例如，利用新的图片替换原来的图片，或者利用新的字体颜色替换原来的字体颜色等，对控件进行渲染，以展现交互效果。

然而，由于利用新的渲染体直接替换原来的渲染体，对控件进行渲染，因此，需要根据每个控件分别设置新的渲染体，操作复杂，从而导致了控件的渲染效率的降低。

【发明内容】

本发明的多个方面提供一种控件的渲染方法及装置，用以提高控件的渲染效率。

本发明的一方面，提供一种控件的渲染方法，包括：

获取光标经过目标控件的经过方向信息；

根据所述经过方向信息，获得遮罩图层的渲染方向信息；

根据所述渲染方向信息，利用所述遮罩图层对所述目标控件进行渲染。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述经过方向信息包括进入方向信息和/或离开方向信息。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述根据所述渲染方向信息，利用所述遮罩图层对所述目标控件进行渲染之前，还包括：

创建遮罩图层；

根据预先设置的透明度参数，设置所述遮罩图层的透明度，所述透明度参数大于0且小于1。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述遮罩图层的尺寸大于或等于所述目标控件的尺寸。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述根据所述渲染方向信息，利用所述遮罩图层对所述目标控件进行渲染，包括：

根据所述渲染方向信息和预先设置的指定渲染步长，获得所述遮罩图层参与渲染的有效图层；

利用所述有效图层，对所述目标控件进行渲染。

本发明的另一方面，提供一种控件的渲染装置，包括：

获取单元，用于获取光标经过目标控件的经过方向信息；

策略单元，用于根据所述经过方向信息，获得遮罩图层的渲染方向信息；

渲染单元，用于根据所述渲染方向信息，利用所述遮罩图层对所述目标控件进行渲染。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述经过方向信息包括进入方向信息和/或离开方向信息。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述装置还包括创建单元，用于

创建遮罩图层；以及

根据预先设置的透明度参数，设置所述遮罩图层的透明度，所述透明度参数大于0且小于1。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述遮罩图层的尺寸大于或等于所述目标控件的尺寸。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述渲染单元，具体用于

根据所述渲染方向信息和预先设置的指定渲染步长，获得所述遮罩图层参与渲染的有效图层；以及

利用所述有效图层，对所述目标控件进行渲染。

由上述技术方案可知，本发明实施例通过获取光标经过目标控件的经过方向信息，进而根据所述经过方向信息，获得遮罩图层的渲染方向信息，使得能够根据所述渲染方向信息，利用所述遮罩图层对所述目标控件进行渲染，由于遮罩图层上没有任何指定的图案，因此，无需根据每个控件分别设置遮罩图层，操作简单，从而提高了控件的渲染效率。

【附图说明】

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

图1为本发明一实施例提供的控件的渲染方法的流程示意图；

图2A～2F为图1对应的实施例中目标控件的渲染效果图；

图3A～3F为图1对应的实施例中目标控件的渲染效果图；

图4为本发明另一实施例提供的控件的渲染装置的结构示意图；

图5为本发明另一实施例提供的控件的渲染装置的结构示意图。

【具体实施方式】

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

需要说明的是，本发明实施例中所涉及的终端可以包括但不限于手机、个人数字助理(Personal Digital Assistant，PDA)、无线手持装置、无线上网本、个人电脑、便携电脑、MP3播放器、MP4播放器等。

另外，本文中术语“和/或”，仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，本文中字符“/”，一般表示前后关联对象是一种“或”的关系。

图1为本发明一实施例提供的控件的渲染方法的流程示意图，如图1所示。

101、获取光标经过目标控件的经过方向信息。

102、根据所述经过方向信息，获得遮罩图层的渲染方向信息。

103、根据所述渲染方向信息，利用所述遮罩图层对所述目标控件进行渲染。

需要说明的是，101～103的执行主体可以是渲染引擎，可以位于本地的应用(Application，App)中。本实施例中所涉及的目标控件可以是本地的应用中界面上的任一界面元素，本实施例对此不进行特别限定。

可以理解的是，所述应用可以是安装在终端上的应用程序(nativeApp)，或者还可以是终端上的浏览器的一个网页(webApp)，只要能够实现界面渲染，以提供应用的用户界面的客观存在形式都可以，本实施例对此不进行限定。

这样，通过获取光标经过目标控件的经过方向信息，进而根据所述经过方向信息，获得遮罩图层的渲染方向信息，使得能够根据所述渲染方向信息，利用所述遮罩图层对所述目标控件进行渲染，由于遮罩图层上没有任何指定的图案，因此，无需根据每个控件分别设置遮罩图层，操作简单，从而提高了控件的渲染效率。

可选地，在本实施例的一个可能的实现方式中，在101之前，应用需要将每个目标控件的结构信息向渲染引擎进行注册，例如，目标控件的标识信息、光标对于目标控件的进入方向信息、光标对于目标控件的离开方向信息和光标对于目标控件的状态信息等，以由渲染引擎对目标控件进行渲染。

可选地，在本实施例的一个可能的实现方式中，在101中，应用具体可以利用钩子(HOOK)函数，获取光标在界面上的位置信息，进而根据所述位置信息和目标控件的位置信息，获得光标经过目标控件的经过方向信息，并发送给渲染引擎。

具体地，所述经过方向信息可以包括但不限于进入方向信息和/或离开方向信息，本实施例对此不进行特别限定。

例如，具体可以根据光标未进入目标控件之前的最后一个位置和光标进入目标控件之后的第一个位置，进行直线判断，以获得光标进入目标控件的进入方向信息，如从目标控件的左边进入，或者再如从目标控件的上边进入。

或者，再例如，具体还可以根据光标离开目标控件之前的最后一个位置和光标离开目标控件之后的第一个位置，进行直线判断，以获得光标离开目标控件的离开方向信息，如从目标控件的右边离开，或者再如从目标控件的下边离开。

可选地，在本实施例的一个可能的实现方式中，在101中，渲染引擎具体可以根据采样周期，获取光标经过目标控件的经过方向信息。具体地，采样周期到达时，渲染引擎则可以遍历获取目标控件所注册的结构信息。

可选地，在本实施例的一个可能的实现方式中，在103之前，渲染引擎还可以进一步创建遮罩图层，进而根据预先设置的透明度参数，设置所述遮罩图层的透明度，所述透明度参数大于0且小于1。

这样，由于设置了遮罩图层的透明度，使其处于非完全透明状态，因此，在渲染过程中，目标控件被遮罩图层覆盖到的部分即覆盖部分可以区别显示该目标控件没有覆盖到的部分即非覆盖部分，因此，能够突出显示目标控件交互的反馈效果。

具体地，所述遮罩图层的尺寸具体可以大于或等于所述目标控件的尺寸。这样，使得遮罩图层能够完全覆盖目标控件。

可以理解的是，目标控件的尺寸决定了参与渲染的遮罩图层的尺寸，即遮罩图层只有覆盖在目标控件上的部分才是参与渲染的有效图层，以参与目标控件的渲染。

可选地，在本实施例的一个可能的实现方式中，在102中，渲染引擎具体可以将所述经过方向信息，直接作为遮罩图层的渲染方向信息，或者还可以根据预先指定的经过方向信息与渲染方向信息的映射关系，获得与所述经过方向信息对应的渲染方向信息，本实施例对此不进行特别限定。

可选地，在本实施例的一个可能的实现方式中，在103中，渲染引擎具体可以根据所述渲染方向信息和预先设置的指定渲染步长，获得所述遮罩图层参与渲染的有效图层。然后，所述渲染引擎则可以利用所述有效图层，对所述目标控件进行渲染。其中，所述指定渲染步长可以为一个百分比例如20％，或者还可以为一个绝对数值例如，5毫米(mm)等，本实施例对此不进行特别限定。

具体地，可以存在两种初始状态，一种初始状态是，遮罩图层与目标控件没有重叠部分即目标控件没有被遮罩图层覆盖；另一种初始状态是，遮罩图层与目标控件完全重叠即目标控件全部被遮罩图层覆盖。

首先，渲染引擎具体可以根据所述渲染方向信息和预先设置的指定渲染步长，确定遮罩图层在渲染方向信息所指示的渲染方向上的位移步长。例如，遮罩图层在渲染方向信息所指示的渲染方向上的位移步长可以为目标控件在该渲染方向上的长度的20％，或者，再例如，遮罩图层在渲染方向信息所指示的渲染方向上的位移步长可以为5毫米(mm)等，本实施例对此不进行特别限定。

然后，所述渲染引擎根据所确定的遮罩图层在渲染方向信息所指示的渲染方向上的位移步长，获得所述遮罩图层参与渲染的有效图层。

最后，所述渲染引擎则可以根据所确定的位移步长，确定所述遮罩图层在渲染方向信息所指示的渲染方向上的渲染长度，进而根据该渲染长度，获得所述遮罩图层参与渲染的有效图层。

例如，对于初始状态是，遮罩图层与目标控件没有重叠部分即目标控件没有被遮罩图层覆盖，如图2A所示。那么，在执行103的过程中，根据预先设置的指定渲染步长d，依次对目标控件进行渲染的渲染效果图分别可以如图2B～2F所示。其中，图中的阴影表示遮罩图层；图中的双向箭头指示的是渲染长度。图2B中，渲染长度为d；图2C中，渲染长度为2d；图2D中，渲染长度为3d；图2E中，渲染长度为4d；图2F中，渲染长度为5d。d的取值具体可以根据目标控件在渲染方向信息所指示的渲染方向上长度进行设置，尽量使得遮罩图层在渲染引擎执行最后一次渲染操作时，完全覆盖目标控件。

或者，再例如，对于初始状态是，遮罩图层与目标控件完全重叠即目标控件全部被遮罩图层覆盖，如图3A所示。那么，在执行103的过程中，根据预先设置的指定渲染步长d，依次对目标控件进行渲染的渲染效果图分别可以如图3B～3F所示。其中，图中的阴影表示遮罩图层；图中的双向箭头指示的是渲染长度。图3B中，渲染长度为d；图3C中，渲染长度为2d；图3D中，渲染长度为3d；图3E中，渲染长度为4d；图3F中，渲染长度为5d。d的取值具体可以根据目标控件在渲染方向信息所指示的渲染方向上长度进行设置，尽量使得遮罩图层在渲染引擎执行最后一次渲染操作时，完全离开目标控件。

本实施例中，通过获取光标经过目标控件的经过方向信息，进而根据所述经过方向信息，获得遮罩图层的渲染方向信息，使得能够根据所述渲染方向信息，利用所述遮罩图层对所述目标控件进行渲染，由于遮罩图层上没有任何指定的图案，因此，无需根据每个控件分别设置遮罩图层，操作简单，从而提高了控件的渲染效率。

需要说明的是，对于前述的各方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本发明并不受所描述的动作顺序的限制，因为依据本发明，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定是本发明所必须的。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。

图4为本发明另一实施例提供的控件的渲染装置的结构示意图，如图4所示。本实施例的控件的渲染装置可以包括获取单元41、策略单元42和渲染单元43。其中，获取单元41，用于获取光标经过目标控件的经过方向信息；策略单元42，用于根据所述经过方向信息，获得遮罩图层的渲染方向信息；渲染单元43，用于根据所述渲染方向信息，利用所述遮罩图层对所述目标控件进行渲染。

需要说明的是，本实施例所提供的控件的渲染装置可以是渲染引擎，可以位于本地的应用(Application，App)中。本实施例中所涉及的目标控件可以是本地的应用中界面上的任一界面元素，本实施例对此不进行特别限定。

可以理解的是，所述应用可以是安装在终端上的应用程序(nativeApp)，或者还可以是终端上的浏览器的一个网页(webApp)，只要能够实现界面渲染，以提供应用的用户界面的客观存在形式都可以，本实施例对此不进行限定。

这样，通过获取单元获取光标经过目标控件的经过方向信息，进而由策略单元根据所述经过方向信息，获得遮罩图层的渲染方向信息，使得渲染单元能够根据所述渲染方向信息，利用所述遮罩图层对所述目标控件进行渲染，由于遮罩图层上没有任何指定的图案，因此，无需根据每个控件分别设置遮罩图层，操作简单，从而提高了控件的渲染效率。

可选地，在本实施例的一个可能的实现方式中，应用需要将每个目标控件的结构信息向控件的渲染装置进行注册，例如，目标控件的标识信息、光标对于目标控件的进入方向信息、光标对于目标控件的离开方向信息和光标对于目标控件的状态信息等，以由控件的渲染装置对目标控件进行渲染。

可选地，在本实施例的一个可能的实现方式中，应用具体可以利用钩子(HOOK)函数，获取光标在界面上的位置信息，进而根据所述位置信息和目标控件的位置信息，获得光标经过目标控件的经过方向信息，并发送给控件的渲染装置。

具体地，所述经过方向信息可以包括但不限于进入方向信息和/或离开方向信息，本实施例对此不进行特别限定。

例如，具体可以根据光标未进入目标控件之前的最后一个位置和光标进入目标控件之后的第一个位置，进行直线判断，以获得光标进入目标控件的进入方向信息，如从目标控件的左边进入，或者再如从目标控件的上边进入。

或者，再例如，具体还可以根据光标离开目标控件之前的最后一个位置和光标离开目标控件之后的第一个位置，进行直线判断，以获得光标离开目标控件的离开方向信息，如从目标控件的右边离开，或者再如从目标控件的下边离开。

可选地，在本实施例的一个可能的实现方式中，所述获取单元41具体可以根据采样周期，获取光标经过目标控件的经过方向信息。具体地，采样周期到达时，所述获取单元41则可以遍历获取目标控件所注册的结构信息。

可选地，在本实施例的一个可能的实现方式中，如图5所示，本实施例提供的控件的渲染装置还可以进一步包括创建单元51，用于创建遮罩图层；以及根据预先设置的透明度参数，设置所述遮罩图层的透明度，所述透明度参数大于0且小于1。

这样，由于设置了遮罩图层的透明度，使其处于非完全透明状态，因此，在渲染过程中，目标控件被遮罩图层覆盖到的部分即覆盖部分可以区别显示该目标控件没有覆盖到的部分即非覆盖部分，因此，能够突出显示目标控件交互的反馈效果。

具体地，所述遮罩图层的尺寸具体可以大于或等于所述目标控件的尺寸。这样，使得遮罩图层能够完全覆盖目标控件。

可以理解的是，目标控件的尺寸决定了参与渲染的遮罩图层的尺寸，即遮罩图层只有覆盖在目标控件上的部分才是参与渲染的有效图层，以参与目标控件的渲染。

可选地，在本实施例的一个可能的实现方式中，所述策略单元42，具体可以将所述经过方向信息，直接作为遮罩图层的渲染方向信息，或者还可以根据预先指定的经过方向信息与渲染方向信息的映射关系，获得与所述经过方向信息对应的渲染方向信息，本实施例对此不进行特别限定。

可选地，在本实施例的一个可能的实现方式中，所述渲染单元43，具体可以用于根据所述渲染方向信息和预先设置的指定渲染步长，获得所述遮罩图层参与渲染的有效图层；以及利用所述有效图层，对所述目标控件进行渲染。其中，所述指定渲染步长可以为一个百分比例如20％，或者还可以为一个绝对数值例如，5毫米(mm)等，本实施例对此不进行特别限定。

具体地，可以存在两种初始状态，一种初始状态是，遮罩图层与目标控件没有重叠部分即目标控件没有被遮罩图层覆盖；另一种初始状态是，遮罩图层与目标控件完全重叠即目标控件全部被遮罩图层覆盖。

首先，所述渲染单元43具体可以根据所述渲染方向信息和预先设置的指定渲染步长，确定遮罩图层在渲染方向信息所指示的渲染方向上的位移步长。例如，遮罩图层在渲染方向信息所指示的渲染方向上的位移步长可以为目标控件在该渲染方向上的长度的20％，或者，再例如，遮罩图层在渲染方向信息所指示的渲染方向上的位移步长可以为5毫米(mm)等，本实施例对此不进行特别限定。

然后，所述渲染单元43根据所确定的遮罩图层在渲染方向信息所指示的渲染方向上的位移步长，获得所述遮罩图层参与渲染的有效图层。

最后，所述渲染单元43则可以根据所确定的位移步长，确定所述遮罩图层在渲染方向信息所指示的渲染方向上的渲染长度，进而根据该渲染长度，获得所述遮罩图层参与渲染的有效图层。

例如，对于初始状态是，遮罩图层与目标控件没有重叠部分即目标控件没有被遮罩图层覆盖，如图2A所示。那么，在所述渲染单元43执行对应操作的过程中，根据预先设置的指定渲染步长d，依次对目标控件进行渲染的渲染效果图分别可以如图2B～2F所示。其中，图中的阴影表示遮罩图层；图中的双向箭头指示的是渲染长度。图2B中，渲染长度为d；图2C中，渲染长度为2d；图2D中，渲染长度为3d；图2E中，渲染长度为4d；图2F中，渲染长度为5d。d的取值具体可以根据目标控件在渲染方向信息所指示的渲染方向上长度进行设置，尽量使得遮罩图层在所述渲染单元43执行最后一次渲染操作时，完全覆盖目标控件。

或者，再例如，对于初始状态是，遮罩图层与目标控件完全重叠即目标控件全部被遮罩图层覆盖，如图3A所示。那么，在所述渲染单元43执行对应操作的过程中，根据预先设置的指定渲染步长d，依次对目标控件进行渲染的渲染效果图分别可以如图3B～3F所示。其中，图中的阴影表示遮罩图层；图中的双向箭头指示的是渲染长度。图3B中，渲染长度为d；图3C中，渲染长度为2d；图3D中，渲染长度为3d；图3E中，渲染长度为4d；图3F中，渲染长度为5d。d的取值具体可以根据目标控件在渲染方向信息所指示的渲染方向上长度进行设置，尽量使得遮罩图层在所述渲染单元43执行最后一次渲染操作时，完全离开目标控件。

本实施例中，通过获取单元获取光标经过目标控件的经过方向信息，进而由策略单元根据所述经过方向信息，获得遮罩图层的渲染方向信息，使得渲染单元能够根据所述渲染方向信息，利用所述遮罩图层对所述目标控件进行渲染，由于遮罩图层上没有任何指定的图案，因此，无需根据每个控件分别设置遮罩图层，操作简单，从而提高了控件的渲染效率。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

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

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

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。

上述以软件功能单元的形式实现的集成的单元，可以存储在一个计算机可读取存储介质中。上述软件功能单元存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)或处理器(processor)执行本发明各个实施例所述方法的部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(Read-Only Memory，ROM)、随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

最后应说明的是，以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims (8)

1.一种控件的渲染方法，其特征在于，包括：

获取光标经过目标控件的经过方向信息；

根据所述经过方向信息，获得遮罩图层的渲染方向信息；

根据所述渲染方向信息，利用所述遮罩图层对所述目标控件进行渲染；其中，

所述根据所述渲染方向信息，利用所述遮罩图层对所述目标控件进行渲染，包括：

根据所述渲染方向信息和预先设置的指定渲染步长，获得所述遮罩图层参与渲染的有效图层；

利用所述有效图层，对所述目标控件进行渲染。

2.根据权利要求1所述的方法，其特征在于，所述经过方向信息包括进入方向信息和/或离开方向信息。

3.根据权利要求1所述的方法，其特征在于，所述根据所述渲染方向信息，利用所述遮罩图层对所述目标控件进行渲染之前，还包括：

创建遮罩图层；

根据预先设置的透明度参数，设置所述遮罩图层的透明度，所述透明度参数大于0且小于1。

4.根据权利要求1所述的方法，其特征在于，所述遮罩图层的尺寸大于或等于所述目标控件的尺寸。

5.一种控件的渲染装置，其特征在于，包括：

获取单元，用于获取光标经过目标控件的经过方向信息；

策略单元，用于根据所述经过方向信息，获得遮罩图层的渲染方向信息；

渲染单元，用于根据所述渲染方向信息，利用所述遮罩图层对所述目标控件进行渲染；其中，

所述渲染单元，具体用于

根据所述渲染方向信息和预先设置的指定渲染步长，获得所述遮罩图层参与渲染的有效图层；以及

利用所述有效图层，对所述目标控件进行渲染。

6.根据权利要求5所述的装置，其特征在于，所述经过方向信息包括进入方向信息和/或离开方向信息。

7.根据权利要求5所述的装置，其特征在于，所述装置还包括创建单元，用于

创建遮罩图层；以及

根据预先设置的透明度参数，设置所述遮罩图层的透明度，所述透明度参数大于0且小于1。

8.根据权利要求5所述的装置，其特征在于，所述遮罩图层的尺寸大于或等于所述目标控件的尺寸。