信息显示方法和装置与流程

本发明涉及计算机技术领域，特别是涉及一种信息显示方法和装置。

背景技术：

随着计算机技术的发展以及人们生活节奏的加快，终端的发展越来越智能化，人性化；越来越多的功能被研发出来以方便用户的使用。对于越来越多的新功能，终端通过与功能相应的控件触发显示相关信息，以使得用户通过显示的信息了解相关功能。

目前，可以通过点击按钮，触发在该按钮的周围显示信息。然而，目前按钮被点击时，需要在按钮周围产生用于展示信息的新增的区域，该区域与按钮周围的其它布局元素的布局关系就需要调整。区域尺寸一旦变化，就需要重新调整该区域与其它布局元素的布局关系。因此，目前实现信息显示的扩展性差。

技术实现要素：

基于此，有必要针对目前实现信息显示时扩展性差的问题，提供一种信息显示方法和装置。

一种信息显示方法，所述方法包括：

检测针对控件容器所包括的控件的触发事件；

根据所述触发事件，确定用于显示信息的组件所对应的布局文件；所述组件所对应的布局文件与所述控件容器所对应的布局文件相互独立；

根据所述组件所对应的布局文件得到所述组件的显示位置；

按照所述显示位置，在相对于所述控件容器所在视图层的顶层视图层，绘制独立于所述控件容器的悬浮窗口；

在所述悬浮窗口中绘制所述组件；

在所述组件中显示所述信息。

一种信息显示装置，其特征在于，所述装置包括：

事件检测模块，用于检测针对控件容器所包括的控件的触发事件；

文件确定模块，用于根据所述触发事件，确定用于显示信息的组件所对应的布局文件；所述组件所对应的布局文件与所述控件容器所对应的布局文件相互独立；

位置获取模块，用于根据所述组件所对应的布局文件得到所述组件的显示位置；

信息显示模块，用于按照所述显示位置，在相对于所述控件容器所在视图层的顶层视图层，绘制独立于所述控件容器的悬浮窗口；在所述悬浮窗口中绘制所述组件；在所述组件中显示所述信息。

上述信息显示方法和装置，将用于显示信息的组件与触发信息显示的控件所属的控件容器分离，各自对应单独的布局文件，在需要进行信息显示时，根据针对控件容器所包括的控件的触发事件和组件自身对应的布局文件，即可通过悬浮窗口承载用于显示信息的组件来实现信息显示。而且，悬浮窗口位于控件容器所在视图层的顶层视图层，且组件自身对应有独立的布局文件，这样使得需要进行信息显示的新增区域不会影响控件周围其他布局元素的布局，实现信息显示的扩展性有了极大地增强。

附图说明

图1为一个实施例中信息显示方法的应用环境图；

图2为一个实施例中用于实现信息显示方法的终端的内部结构示意图；

图3为一个实施例中信息显示方法的流程示意图；

图4为一个实施例中在悬浮窗口中绘制组件的步骤的流程示意图；

图5为另一个实施例中信息显示方法的流程示意图；

图6为一个实施例中信息显示的界面示意图；

图7为一个实施例中信息显示装置的结构框图；

图8为另一个实施例中信息显示装置的结构框图。

具体实施方式

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

图1为一个实施例中信息显示方法的应用环境图。参照图1，该信息显示方法应用于信息显示系统。信息显示系统包括终端110和服务器120，终端110通过网络与服务器120连接。终端110具体可以是台式计算机或移动终端，移动终端具体可以手机、平板电脑、笔记本电脑等中的至少一种。服务器120具体可以是独立的物理服务器，也可以是物理服务器集群。终端110可在检测到针对控件容器所包括的控件的触发事件时，根据该触发事件从服务器120中拉取用于显示信息的组件所对应的布局文件。终端110可再根据拉取的布局文件得到组件的显示位置，并按照该显示位置，在相对于控件容器所在视图层的顶层视图层绘制独立于控件容器的悬浮窗口；然后在该悬浮窗口中绘制组件，并在该组件中显示信息。

图2为一个实施例中终端110的内部结构示意图。如图2所示，该终端110包括通过系统总线连接的处理器、非易失性存储介质、内存储器、网络接口、显示屏和输入装置。其中，终端110的非易失性存储介质存储有操作系统，还包括一种信息显示装置，该信息显示装置用于实现一种信息显示方法。该处理器用于提供计算和控制能力，支撑整个终端的运行。终端110中的内存储器为非易失性存储介质中的信息显示装置的运行提供环境，该内存储器中可储存有计算机可读指令，该计算机可读指令被所述处理器执行时，可使得所述处理器执行一种信息显示方法。网络接口用于与服务器进行网络通信，如接收服务器下发的布局文件或者需显示的信息等。终端110的显示屏可以是液晶显示屏或者电子墨水显示屏等，输入装置可以是显示屏上覆盖的触摸层，也可以是终端外壳上设置的按键、轨迹球或触控板，也可以是外接的键盘、触控板或鼠标等。该终端110可以是台式计算机或移动终端，移动终端具体可以手机、平板电脑、笔记本电脑等中的至少一种。本领域技术人员可以理解，图2中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的终端的限定，具体的终端可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

图3为一个实施例中信息显示方法的流程示意图。本实施例主要以该方法应用于上述图1中的终端110来举例说明。参照图3，该信息显示方法具体包括如下步骤：

s302，检测针对控件容器所包括的控件的触发事件。

其中，控件是指可供用户操作的可视化页面元素。控件具体可以是文本控件、图片控件或者按钮控件等。控件容器是指用于承载控件的载体。控件容器具体可以是一个视图(view)，也可以是一个控件。

触发事件是指用于触发针对控件进行信息显示的事件。每个控件均可存在需要被触发进行显示的信息。比如，社交应用中的关注按钮控件，用户在点击该关注按钮控件后，即可触发对该关注按钮控件相应的需要显示的信息进行显示。

在一个实施例中，终端可在检测到在终端界面显示的控件容器中对控件首次进行展示时，判定检测到针对控件容器所包括的该控件的触发事件。具体地，终端上可运行有包含控件的应用，在用户开启该应用使得终端界面展示应用视图时，若当前展示的视图中包括首次出现的控件，终端可判定检测到针对该首次出现的控件的触发事件，展示该控件相应的需显示的信息。

在一个实施例中，终端也可检测对针对终端界面显示的控件的预定义的触发操作，在检测到该触发操作时，判定检测到针对控件容器所包括的该控件的触发事件。触发操作具体可以是对控件的触控操作或者光标点击操作等。

s304，根据触发事件，确定用于显示信息的组件所对应的布局文件；组件所对应的布局文件与控件容器所对应的布局文件相互独立。

其中，组件是具有视觉形态的页面组成单元。控件是一种特殊的组件。组件具有唯一的标识，可以是组件的名称。组件可以是文本容器或者媒体容器等。在本实施例中，组件用于显示与控件对应的需显示的信息。需显示的信息可包括文本数据、图片或者富媒体数据中的一种或者多种。在本实施例中，用于显示信息的组件为气泡组件。

布局文件是指通过文件的形式记录的按照某种布局协议编写的布局数据。布局文件可定义组件样式或者组件结构等。组件结构包括属于该组件的子组件以及各子组件之间的结构关系。组件样式至少包括了下述步骤s306中所涉及的显示位置。组件样式还可以包括组件的颜色或背景图像等其它样式。

本实施例中，与控件容器对应的布局文件和与组件对应的布局文件各自单独编写，是不同的布局文件。组件所对应的布局文件可由终端事先从服务器中拉取并存储在本地，以在需要的时候读取；组件所对应的布局文件也可在终端判定需要进行信息显示时从服务器拉取。

在一个实施例中，终端可事先建立控件与用于显示信息的组件的对应关系。终端在检测到触发事件后，确定该触发事件所针对的控件，再查找与该控件存在对应关系的组件。终端在查找到相应的组件后，获取该组件所对应的布局文件。

s306，根据组件所对应的布局文件得到组件的显示位置。

其中，显示位置是指该组件在当前页面进行显示的坐标位置。在一个实施例中，布局文件中可直接定义组件的显示位置，终端在判定需要进行信息显示时，直接从布局文件中读取该组件的显示位置。具体地，组件的显示位置具体可以是居中显示或者置顶显示等。比如，布局文件中可定义组件左侧边缘与终端屏幕左侧的距离为终端屏幕宽度与组件宽度之差的二分之一，组件上侧边缘与终端屏幕上侧的距离为终端屏幕高度与组件高度之差的二分之一以实现组件居中显示。

在一个实施例中，布局文件中可定义组件与某参考目标的相对位置。该参考目标可以是触发事件所针对的控件，也可以是当前页面的其他目标。终端在判定需要进行信息显示时，可查找布局文件中定义的参考目标和组件与该参考目标的相对位置。终端可再获取该参考目标在当前页面的展示位置，并根据获取的参考目标的展示位置和查找的组件与该参考目标的相对位置，计算得到组件的显示位置。

其中，组件与参考目标的相对位置是指以参考目标为基准，在某个方位上的偏移距离。比如，社交应用中的关注按钮控件，通过气泡组件以该关注按钮控件为参考目标进行信息显示时，可设置气泡组件位于关注按钮控件下方10pd(deviceindependentpixels设备独立像素)。

s308，按照显示位置，在相对于控件容器所在视图层的顶层视图层，绘制独立于控件容器的悬浮窗口。

其中，视图层是用于进行页面内容绘制的图层。悬浮窗口是指可以定制显示位置和显示尺寸的窗口。悬浮窗口所在视图层始终为顶层视图层。悬浮窗口可为矩形，也可为圆形或者不规则形状。具体地，基于安卓操作系统的终端，悬浮窗口可以是popupwindow悬浮窗口。

在一个实施例中，终端在得到组件的显示位置后，按照该显示位置，在当前终端界面的视图层上新增一层视图层来绘制悬浮窗口，使得悬浮窗口相对于控件容器置顶显示。比如，终端得到的显示位置是相对于终端屏幕左侧偏移60pd，相对于终端屏幕左侧偏移80dp，即将悬浮窗口绘制在相对于终端屏幕左侧偏移60dp，相对于终端屏幕左侧偏移80dp的区域。在本实施例中，将界面视图分为不同的层次，使得控件容器内控件的展示与悬浮窗口的展示分离，便于对控件与悬浮窗口进行相互独立的操作。

s310，在悬浮窗口中绘制组件。

在一个实施例中，布局文件提供者在布局文件编写时，可对应每个控件需要显示的信息分别编写组件的布局文件，直接定义需要在组件中进行显示的信息，以及根据该信息定义的组件样式、组件结构和组件尺寸。终端在绘制完成悬浮窗口后，直接从布局文件中读取该组件的组件样式和组件尺寸，根据读取的组件结构确定需要绘制的内容，再根据读取的组件样式和组件尺寸进行绘制。

在一个实施例中，布局文件提供者在布局文件编写时，可将需要显示的信息从布局文件中分离，编写对于相同类型的信息可通用的组件的布局文件。具体地，可对需要显示的信息为文本数据时编写统一的布局文件，对需要显示的信息为图片编写统一的布局文件等。在本实施例中，终端在获取组件对应的布局文件之后，根据触发事件针对的控件确定需要显示的信息，再根据需要进行显示的信息与组件的布局文件中定义的组件样式和组件结构进行组件绘制。

s312，在组件中显示信息。

在一个实施例中，终端可按照组件布局文件中定义的信息显示方式在组件中显示需显示的信息。

上述信息显示方法，将用于显示信息的组件与触发信息显示的控件所属的控件容器分离，各自对应单独的布局文件，在需要进行信息显示时，根据针对控件容器所包括的控件的触发事件和组件自身对应的布局文件，即可通过悬浮窗口承载用于显示信息的组件来实现信息显示。而且，悬浮窗口位于控件容器所在视图层的顶层视图层，且组件自身对应有独立的布局文件，这样使得需要进行信息显示的新增区域不会影响控件周围其他布局元素的布局，实现信息显示的扩展性有了极大地增强。

在一个实施例中，步骤s306具体包括：确定触发事件所针对的控件在控件容器中的展示位置；从布局文件中，提取组件与触发事件所针对的控件的相对位置；根据展示位置以及相对位置，得到组件的显示位置。

在本实施例中，控件在控件容器中的展示位置是指控件在当前界面进行展示的物理位置。终端可在检测到触发事件后，确定触发事件所针对的控件，再获取当前界面所展示的页面数据，并在获取的页面数据中提取该控件在当前界面的展示位置。控件在当前界面的显示位置具体可以是像素坐标区间或者其他预设定位方式的坐标区间。像素是指计算机屏幕上所能显示的最小单位。在本实施例中，像素可以是逻辑像素或者物理像素。

进一步地，终端可再从布局文件中提取组件与触发事件所针对的控件的相对位置。控件为占用一定显示面积的页面元素，组件与控件的相对位置可以是以控件的某一边界为基准的偏移方向与偏移距离。比如，以矩形文本控件的下边界为基准，在矩形文本控件的下方偏移10dp。组件与控件的相对位置也可以是以控件中的某一点为基准偏移方向与偏移距离。比如以圆形图片控件的中心坐标位置为基准，在圆形图片控件的左方偏移10dp，在圆形图片控件的下方偏移10dp。

终端可再从触发事件所针对的控件在当前界面进行展示的像素坐标区间或者其他预设定位方式的坐标区间中提取作为基准的坐标，按照布局文件中定义的组件与控件的偏移方向与偏移距离计算得到组件的显示区域。比如，矩形文本控件宽度为30dp，高度为20dp，矩形文本控件左侧边界距离终端屏幕左侧为60dp，矩形文本控件上侧边界距离终端屏幕上侧为80dp；组件以矩形文本控件的下侧边界为基准，在矩形文本控件的下方偏移10dp，那么计算得到的组件的显示区域为距离终端屏幕上侧110dp处的区域。

在本实施例中，通过设置组件与控件的相对位置，使与控件相应的需显示的信息始终通过组件跟随控件的位置进行显示，从而使得信息的显示位置更加合理。

如图4所示，在一个实施例中步骤s310具体包括以下步骤：

s402，获取组件所对应的背景图片；背景图片包括可拉伸区域和固定区域。

其中，背景图片是指用于作为组件显示背景的图片。组件所对应的布局文件中定义了与组件相应的背景图片。组件的显示尺寸与背景图片的显示尺寸相匹配。在本实施例中，组件的显示尺寸可跟随需在组件中显示的信息而改变，作为组件显示背景的背景图片的显示尺寸也跟随需在组件中显示的信息而改变。

在一个实施例中，显示尺寸可变的背景图片包括可拉伸区域和固定区域。可拉伸区域用于根据需显示信息所需要占用的显示尺寸进行相应的拉伸或者压缩，以使得需显示的信息进行完整显示。背景图片在伸缩可拉伸区域时，固定区域不发生变化。在本实施中采用区分固定区域和可拉伸区域的图片作为背景图片，可避免信息显示时出现失真的问题。

举例说明，背景图片的可拉伸区域，可以是背景图片中拉伸不会导致变形的部分，如直线或矩形部分；背景图片的固定区域，可以是背景图片中拉伸会导致变形的部分，如曲线或曲面部分。

比如，布局文件提供者可在用做背景的背景图片添加一个像素的边界，确定该一个像素边界中拉伸会导致变形的部分和拉伸不会导致变形的部分，再据此来设定背景图片的可拉伸区域和固定区域。

s404，按照组件所对应的布局文件以及需在组件中显示的信息，调整背景图片的可拉伸区域。

具体地，组件所对应的布局文件定义了组件样式以及需在组件中显示的信息的显示样式。信息的显示样式比如文本行数、字体大小或者字体颜色等。终端可直接在布局文件中读取信息的显示样式，根据读取的信息的显示样式确定显示信息需要的显示尺寸，再根据确定的显示尺寸拉伸或压缩背景图片的可拉伸区域，以使得背景图片的尺寸满足进行信息完整显示。

s406，根据组件所对应的布局文件与调整后的背景图片，在悬浮窗口中绘制组件。

在本实施例中，采用区分固定区域和可拉伸区域的图片作为组件的背景图片，避免了在需显示的信息发生改变时，进行信息显示时出现失真的问题，提高了信息显示的准确性。

进一步地，在一个实施例中，步骤s404具体包括：按照组件所对应的布局文件，确定需在组件中显示的信息需占用的显示尺寸；调整背景图片的可拉伸区域，使得背景图片的信息显示区域的尺寸与显示尺寸匹配。步骤s312具体包括：在组件中背景图片的信息显示区域显示信息。

具体地，终端可获取需在组件中显示的信息，再从组件所对应的布局文件中读取信息的显示样式，根据信息的显示样式中对需要进行的信息进行排布，得到需在组件中显示的信息需占用的显示尺寸。比如，当需要显示的信息为文本数据时，信息的显示样式可包括文本行数、字体大小、字符间距以及文本行间距等。终端可根据信息的显示样式中定义的内容对需显示的文本数据进行排布，得到文本数据需占用的显示尺寸。

信息显示区域是指在背景图片中定义的用于进行信息显示的区域。一般情况下，组件的形状为不规则形状，不规则的形状会影响信息的完整显示；为了保证需显示的信息的完整性，在设计背景图片时可定义形状规则的信息显示区域，来实现信息可完整显示。

终端在得到需在组件中显示的信息需占用的显示尺寸后，按照获取的显示尺寸相应调整背景图片的可拉伸区域，使得背景图片的信息显示区域的尺寸大于等于显示信息需占用的显示尺寸，以使得需显示的信息在信息显示区域完整显示。

在本实施例中，通过设置信息显示区域进行信息显示，在确定需显示的信息需占用的显示尺寸后，相应调整背景图片的信息显示区域尺寸使得需显示的信息能够完整显示，确保了信息显示的完整性。

在一个实施例中，步骤s312之后，该信息显示方法还包括：检测持续作用于悬浮窗口所在视图层的移动操作；确定移动操作形成的操作轨迹；跟随操作轨迹同步移动悬浮窗口。

其中，持续作用于视图层的移动操作，比如通过光标持续点击并移动的操作，或者通过手指或触控笔等触控体持续触控并移动的操作。操作轨迹可以是直线段、曲线段或者折线段等。

在一个实施例中，终端可检测持续作用于悬浮窗口所在视图层的移动操作，在检测到该移动操作后，判断悬浮窗口所在视图层是否存在操作响应逻辑。终端可在判定存在操作响应逻辑时，根据存在的操作响应逻辑进行响应；在判定不存在操作响应逻辑时，通过该视图层一下的视图层进行响应。

进一步地，在本实施例中，控件所属的应用可事先设置持续移动操作对应的响应方式为跟随持续移动操作同步移动悬浮窗口。终端可在检测到持续的移动操作时，确定该移动操作形成的操作轨迹，跟随操作轨迹同步移动悬浮窗口。其中，当触发移动操作的初始位置位于悬浮窗口内部区域时，悬浮窗口跟随操作轨迹同步移动；当触发移动操作的初始位置位于悬浮窗口以外的区域时，悬浮窗口跟随操作轨迹同步移动，且悬浮窗口与移动操作的操作点保持距离不变。

在另外的实施例中，控件的应用可设置悬浮窗口的移动效果，比如弹性移动的动画效果，按照先加速后减速的方式进行移动。

在本实施例中，添加了对于持续移动操作的响应，实现了显示信息根据用户操作的动态跟随，丰富了人机交互操作。

在一个实施例中，在步骤s310之前，该信息显示方法还包括：从布局文件中提取组件的尺寸；将悬浮窗口的尺寸调整为提取的尺寸。在步骤s312之后，该信息显示方法还包括：检测作用于悬浮窗口以外的区域的触发操作；根据触发操作隐藏悬浮窗口。

在本实施例中，悬浮窗口用于承载组件，且悬浮窗口与组件位于同一视图层。在对悬浮窗口所在视图层设计操作响应逻辑时，将该视图层区分为悬浮窗口以外的区域和悬浮窗口内部的区域进行响应设计。由于组件承载于悬浮窗口内，信息显示在组件内，在需要对显示的信息进行隐藏时，需要将组件同时隐藏。终端可在进行组件绘制前，获取组件的尺寸，按照组件的尺寸调整悬浮窗口的尺寸，以使得再检测到悬浮窗口以外的区域的触发操作，也就是组件以外的区域的触发操作时，即可隐藏悬浮窗口，从而隐藏悬浮窗口中承载的内容。

在本实施例中，通过悬浮窗口的尺寸可调性，将悬浮窗口的尺寸调整为组件的尺寸，实现了在组件以外的区域的进行触发操作时隐藏悬浮窗口，从而隐藏组件中显示的信息。

如图5所示，在一个具体的实施例中，信息显示方法具体包括如下步骤：

s502，检测针对控件容器所包括的控件的触发事件。

s504，根据触发事件，确定用于显示信息的组件所对应的布局文件；组件所对应的布局文件与控件容器所对应的布局文件相互独立。

s506，确定触发事件所针对的控件在控件容器中的展示位置。

s508，从布局文件中，提取组件与触发事件所针对的控件的相对位置。

s510，根据展示位置以及相对位置，得到组件的显示位置。

s512，按照显示位置，在相对于控件容器所在视图层的顶层视图层，绘制独立于控件容器的悬浮窗口。

s514，从布局文件中提取组件的尺寸；将悬浮窗口的尺寸调整为提取的尺寸。

s516，获取组件所对应的背景图片；背景图片包括可拉伸区域和固定区域。

s518，按照组件所对应的布局文件，确定需在组件中显示的信息需占用的显示尺寸；调整背景图片的可拉伸区域，使得背景图片的信息显示区域的尺寸与显示尺寸匹配。

s520，根据组件所对应的布局文件与调整后的背景图片，在悬浮窗口中绘制组件。

s522，在组件中背景图片的信息显示区域显示信息。

s524，检测作用于悬浮窗口以外的区域的触发操作。

s526，判断悬浮窗口所在视图层中悬浮窗口以外的区域是否存在触发操作响应逻辑；若是，则跳转到步骤s528；若否，则跳转到步骤s530。

s528，根据触发操作隐藏悬浮窗口。

s530，通过相对于悬浮窗口所在视图层以下的视图层响应触发操作。

在本实施例中，通过设置视图层对触发操作的响应顺序实现不同的显示效果，提高了人机交互操作的灵活性。

举例说明，图6示出了一个实施例中信息显示的界面示意图。参考图6，该界面示意图包括控件610，针对控件610触发显示的悬浮窗口620，在悬浮窗口承载的组件630中显示的信息640。其中，悬浮窗口620与组件630的尺寸相同。用户通过终端运行应用展示应用界面，在应用界面中展示控件610。用户可通过光标点击控件610或者通过手指触控控件610，触发进行控件610对应的需显示的信息进行显示的事件。终端在检测到针对控件610的触发事件后，在当前界面的顶层视图层绘制悬浮窗口620，并在悬浮窗口620中绘制组件630，在组件中显示信息640，即如图6所示的界面。

用户可用光标点击或手指触控终端界面上悬浮窗口620以外的区域，终端在检测到该操作时，隐藏悬浮窗口620，从而隐藏组件630和在组件中显示信息640，以实现显示的信息隐藏。用户还可以通过光标持续点击终端界面并移动或者通过手指或触控笔等触控体持续触控终端界面并移动，终端在检测到该操作时，确定用户操作的操作轨迹，再根据该操作轨迹同步移动悬浮窗口，以实现显示的信息动态跟随用户操作。

如图7所示，在一个实施例中，提供了一种信息显示装置700，包括：事件检测模块701、文件确定模块702、位置获取模块703和信息显示模块704。

事件检测模块701，用于检测针对控件容器所包括的控件的触发事件。

文件确定模块702，用于根据触发事件，确定用于显示信息的组件所对应的布局文件；组件所对应的布局文件与控件容器所对应的布局文件相互独立。

位置获取模块703，用于根据组件所对应的布局文件得到组件的显示位置。

信息显示模块704，用于按照显示位置，在相对于控件容器所在视图层的顶层视图层，绘制独立于控件容器的悬浮窗口；在悬浮窗口中绘制组件；在组件中显示信息。

上述信息显示装置700，将用于显示信息的组件与触发信息显示的控件所属的控件容器分离，各自对应单独的布局文件，在需要进行信息显示时，根据针对控件容器所包括的控件的触发事件和组件自身对应的布局文件，即可通过悬浮窗口承载用于显示信息的组件来实现信息显示。而且，悬浮窗口位于控件容器所在视图层的顶层视图层，且组件自身对应有独立的布局文件，这样使得需要进行信息显示的新增区域不会影响控件周围其他布局元素的布局，实现信息显示的扩展性有了极大地增强。

在一个实施例中，位置获取模块703还用于确定触发事件所针对的控件在控件容器中的展示位置；从布局文件中，提取组件与触发事件所针对的控件的相对位置；根据展示位置以及相对位置，得到组件的显示位置。

在本实施例中，通过设置组件与控件的相对位置，使与控件相应的需显示的信息始终通过组件跟随控件的位置进行显示，从而使得信息的显示位置更加合理。

在一个实施例中，信息显示模块704还用于获取组件所对应的背景图片；背景图片包括可拉伸区域和固定区域；按照组件所对应的布局文件以及需在组件中显示的信息，调整背景图片的可拉伸区域；根据组件所对应的布局文件与调整后的背景图片，在悬浮窗口中绘制组件。

在本实施例中，采用区分固定区域和可拉伸区域的图片作为组件的背景图片，避免了在需显示的信息发生改变时，进行信息显示时出现失真的问题，提高了信息显示的准确性。

在一个实施例中，信息显示模块704还用于按照组件所对应的布局文件，确定需在组件中显示的信息需占用的显示尺寸；调整背景图片的可拉伸区域，使得背景图片的信息显示区域的尺寸与显示尺寸匹配。信息显示模块704还用于在组件中背景图片的信息显示区域显示信息。

在本实施例中，通过设置信息显示区域进行信息显示，在确定需显示的信息需占用的显示尺寸后，相应调整背景图片的信息显示区域尺寸使得需显示的信息能够完整显示，确保了信息显示的完整性。

如图8所示，在一个实施例中，信息显示装置700还包括操作响应模块705。

操作响应模块705，用于检测作用于悬浮窗口以外的区域的触发操作；根据触发操作隐藏悬浮窗口。

在本实施例中信息显示模块704还用于从布局文件中提取组件的尺寸；将悬浮窗口的尺寸调整为提取的尺寸。

在本实施例中，通过悬浮窗口的尺寸可调性，将悬浮窗口的尺寸调整为组件的尺寸，实现了在组件以外的区域的进行触发操作时隐藏悬浮窗口，从而隐藏组件中显示的信息。

在一个实施例中，操作响应模块705还用于判断悬浮窗口所在视图层中悬浮窗口以外的区域是否存在触发操作响应逻辑；若是，则执行根据触发操作隐藏悬浮窗口的步骤；若否，则通过相对于悬浮窗口所在视图层以下的视图层响应触发操作。

在本实施例中，通过设置视图层对触发操作的响应顺序实现不同的显示效果，提高了人机交互操作的灵活性。

在一个实施例中，信息显示模块704还用于检测持续作用于悬浮窗口所在视图层的移动操作；确定移动操作形成的操作轨迹；跟随操作轨迹同步移动悬浮窗口。

在本实施例中，添加了对于持续移动操作的响应，实现了显示信息根据用户操作的动态跟随，丰富了人机交互操作。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一非易失性计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体(read-onlymemory，rom)等。

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

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