CN106802793A - 提示框显示方法及装置 - Google Patents
提示框显示方法及装置 Download PDFInfo
- Publication number
- CN106802793A CN106802793A CN201611138092.5A CN201611138092A CN106802793A CN 106802793 A CN106802793 A CN 106802793A CN 201611138092 A CN201611138092 A CN 201611138092A CN 106802793 A CN106802793 A CN 106802793A
- Authority
- CN
- China
- Prior art keywords
- frame
- alignment direction
- arrow
- prompting frame
- new
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Abstract
本发明提供了一种提示框显示方法及装置,所述方法包括步骤:当当前提示框在所述对齐方向上超出屏幕的边界,并进行跳转时,以当前偏移量的相反数作为新的偏移量进行偏移,所述当前偏移量为所述当前提示框在对齐方向上相对于目标元素的偏移量;以所述箭头与矩形框的相交线为对称轴将偏移后的所述提示框的箭头翻转180度,并在所述对齐方向上向靠近所述目标元素的方向平移第一距离,所述矩形框在所述对齐方向上向远离所述目标元素的方向平移第二距离,形成新的提示框;显示所述新的提示框。本发明自适应地调整提示框的偏移量和箭头位置,使提示框与目标元素正常显示。
Description
技术领域
本发明涉及信息技术领域,特别是涉及一种提示框显示方法及装置。
背景技术
随着电子技术的发展,终端应用越来越广泛,比如个人电脑。将鼠标放在目标元素上,例如网页界面的链接按钮或导航栏上会出现一个悬浮窗口形式的提示框,用于提示目标元素的功能和操作流程等信息。
目前基于WPF(Windows Presentation Foundation,Windows呈现基础)界面技术开发的含箭头提示窗(Popup),可根据目标元素灵活调整提示框的位置和根据提示框里面的内容自适应地调整提示框大小,提高了设计师和开发人员的时间成本,正常情况下的提示框与目标元素的显示界面如图1所示。
但是,现有技术中的提示框不能根据实际情况调整位置,如图2所示,基于WPF(Windows Presentation Foundation,Windows呈现基础)界面技术开发的提示窗无法超出屏幕,当提示框到达屏幕边界时,系统会根据提示窗的位模式的将提示框朝定相反方向跳转重新定位,确保提示窗不超出屏幕,这样就会带来两个问题:一、当提示框重新定位后,新生成的提示框与目标元素重叠,遮挡目标元素的内容;二、提示窗朝定位模式的相反方向跳转,此时箭头朝向并未做调整,箭头没有指向目标元素,影响显示。
发明内容
鉴于上述状况,有必要针对现有技术中提示框影响目标元素显示的问题,提供一种提示框显示方法及装置。
本发明提供了一种提示框显示方法,所述提示框包括箭头和矩形框,所述方法包括步骤:
判断当前提示框在对齐方向上是否超出屏幕的边界,所述对齐方向为所述提示框与目标元素对齐的方向;
当所述当前提示框在所述对齐方向上超出所述屏幕的边界,并进行跳转时,以当前偏移量的相反数作为新的偏移量进行偏移,所述当前偏移量为所述当前提示框在对齐方向上相对于目标元素的偏移量;
以所述箭头与所述矩形框的相交线为对称轴将偏移后的所述提示框的箭头翻转180度,并在所述对齐方向上向靠近所述目标元素的方向平移第一距离,所述矩形框在所述对齐方向上向远离所述目标元素的方向平移第二距离,形成新的提示框,所述第一距离为所述矩形框在所述对齐方向的长度,所述第二距离为所述箭头在所述对齐方向的长度;
显示所述新的提示框。
上述方法,其中,所述显示所述新的提示框的步骤包括:
判断所述新的提示框在所述对齐方向上是否超出所述屏幕的边界;
当所述新的提示框在所述对齐方向上未超出所述屏幕的边界时,显示所述新的提示框;
当所述新的提示窗在所述对齐方向上超出所述屏幕的边界时,恢复所述当前提示框,并剪切所述当前提示窗,使所述提示框不超过所述屏幕的边界。
上述方法,其中,当所述新的提示框在所述对齐方向上未超出所述屏幕的边界时,显示所述新的提示框的步骤包括:
当所述新的提示框在所述对齐方向上未超出所述屏幕的边界时,判断所述新的提示框在垂直所述对齐方向上是否超出所述屏幕的边界;
当所述新的提示框在垂直所述对齐方向上超出所述边界时,所述新的提示框的箭头在垂直所述对齐方向上平移,使所述箭头指向所述目标元素,并显示平移后的所述新的提示框。
上述方法,其中,所述新的提示框的箭头在垂直所述对齐方向上平移的步骤包括:
当所述新的提示框在垂直所述对齐方向的发生跳转时,所述新的提示框的箭头在垂直所述对齐方向上沿着靠近所述超出的边界的方向平移第三距离,所述第三距离的计算公式为:
d=h1-2*|Δh|-h2,
其中,d为所述第三距离,h1为所述矩形框在垂直所述对齐方向上的长度,|Δh|为所述箭头在垂直所述对齐方向上相对于所述当前提示框的对齐点的偏移量的绝对值,h2为所述箭头在垂直所述对齐方向上的长度。
上述方法,其中,所述新的提示框的箭头在垂直所述对齐方向上平移的步骤包括:
当所述新的提示框的边缘在垂直所述对齐方向与所述屏幕的边界对齐时,所述新的提示框向远离所述超出的边界方向平移所述超出的距离。
上述方法,其中,所述判断当前提示框在对齐方向上是否超出所述屏幕的边界的步骤包括:
获取目标元素的原点相对于屏幕原点的坐标;
根据所述原点的坐标和所述提示窗的对齐点相对于所述原点的偏移量、提示窗的宽度和高度确定所述提示窗在对齐方向上是否超出所述屏幕的边界。
上述方法,其中,所述箭头包括一个顶点和两个位于所述提示框的边框上的定位点,所述以所述箭头与所述矩形框的相交线为对称轴将偏移后的所述提示框的箭头翻转180度的步骤包括:
将所述箭头的顶点的坐标沿着所述对齐方向上向靠近所述目标元素的方向平移第四距离得到新的顶点的坐标,所述第四距离为两倍的所述箭头的长度;
连接所述新的顶点的坐标和所述两个定位点的坐标,形成翻转180度后的箭头。
上述方法,其中,所述判断当前提示框在对齐方向上是否超出所述屏幕的边界之后还包括步骤:
当所述当前提示框在对齐方向上未超出所述屏幕的边界时,判断所述当前提示框在垂直所述对齐方向上是否超出所述屏幕的边界;
当所述当前提示框在垂直所述对齐方向上超出所述屏幕边界时,所述当前提示框的箭头在垂直所述对齐方向上平移,使所述箭头指向所述目标元素,并显示平移后的所述当前提示框。
本发明提供了一种提示框显示装置,所述提示框包括箭头和矩形框,所述装置包括:
第一判断模块,用于判断当前提示框在对齐方向上是否超出屏幕的边界,所述对齐方向为所述提示框与目标元素对齐的方向;
偏移模块,用于当所述当前提示框在对齐方向上超出所述屏幕的边界,并进行跳转时,以当前偏移量的相反数作为新的偏移量进行偏移,所述当前偏移量为所述当前提示框在对齐方向上相对于目标元素的偏移量;
第一平移模块,以所述箭头与所述矩形框的相交线为对称轴将偏移后的所述提示框的箭头翻转180度,并在所述对齐方向上向靠近所述目标元素的方向平移第一距离,所述矩形框在所述对齐方向上向远离所述目标元素的方向平移第二距离,形成新的提示框,所述第一距离为所述矩形框在所述对齐方向的长度,所述第二距离为所述箭头在所述对齐方向的长度;
显示模块,用于显示所述新的提示框。
上述提示框显示装置,其中,所述显示模块包括:
第二判断模块,用于判断所述新的提示框在所述对齐方向上是否超出所述屏幕的边界;
显示子模块,当所述新的提示框在所述对齐方向上未超出所述屏幕的边界时,显示所述新的提示框;
恢复模块,用于当所述新的提示窗在所述对齐方向上超出所述屏幕的边界时,恢复所述当前提示框,并剪切所述当前提示窗,使所述提示框不超过所述屏幕的边界。
上述提示框显示装置,其中,所述显示子模块包括:
第三判断模块,用于当所述新的提示框在所述对齐方向上未超出所述屏幕的边界时,判断所述新的提示框在垂直所述对齐方向上是否超出所述屏幕的边界;
第二平移模块,用于当所述新的提示框在垂直所述对齐方向上超出所述边界时,所述新的提示框的箭头在垂直所述对齐方向上平移,使所述箭头指向所述目标元素,并显示平移后的所述新的提示框。
上述提示框显示装置,其中,所述新的提示框的箭头在垂直所述对齐方向上平移的步骤包括:
当所述新的提示框在垂直所述对齐方向的发生跳转时,所述新的提示框的箭头在垂直所述对齐方向上沿着靠近所述超出的边界的方向平移第三距离,所述第三距离的计算公式为:
d=h1-2*|Δh|-h2,
其中,d为所述第三距离,h1为所述矩形框在垂直所述对齐方向上的长度,|Δh|为所述箭头在垂直所述对齐方向上相对于所述当前提示框的对齐点的偏移量的绝对值,h2为所述箭头在垂直所述对齐方向上的长度。
上述提示框显示装置,其中,所述新的提示框的箭头在垂直所述对齐方向上平移的步骤包括:
当所述新的提示框的边缘在垂直所述对齐方向与所述屏幕的边界对齐时,所述新的提示框向远离所述超出的边界方向平移所述超出的距离。
上述提示框显示装置,其中,所述第一判断模块包括:
获取模块,用于获取目标元素的原点相对于屏幕原点的坐标;
确定模块,用于根据所述原点的坐标和所述提示窗的对齐点相对于所述原点的偏移量、提示窗的宽度和高度确定所述提示窗在对齐方向上是否超出所述屏幕的边界。
上述提示框显示装置,其中,所述第一平移模块包括:
箭头平移模块,用于以所述箭头的顶点的坐标沿着所述对齐方向上向靠近所述目标元素的方向平移第四距离得到新的顶点的坐标,所述第四距离为两倍的所述箭头的长度;
箭头生成模块,用于连接所述新的顶点的坐标和所述两个定位点的坐标,形成翻转180度后的箭头。
上述提示框显示装置,其中,所述提示框显示装置还包括:第四判断模块,用于当所述当前提示框在对齐方向上未超出所述屏幕的边界时,判断所述当前提示框在垂直所述对齐方向上是否超出所述屏幕的边界;
所述显示模块还用于当所述当前提示框在垂直所述对齐方向上超出所述屏幕的边界时,所述当前提示框的箭头在垂直所述对齐方向上平移,使所述箭头指向所述目标元素,并显示平移后的所述当前提示框。
本发明通过自动调整提示框的箭头的朝向、提示窗的偏移量,使提示框在超过屏幕边界时仍保持箭头指向提示框,并自适应地调整提示框的偏移量,使提示框与目标元素保持合适的位置,确保正常显示。
附图说明
图1为现有技术中提示框与目标元素的显示界面图;
图2为现有技术中提示框到达屏幕边界时跳转后的显示界面;
图3为本发明实施例中提示框与目标元素的显示界面图;
图4为本发明第一实施例提供的提示框显示方法的流程图;
图5为本发明第二实施例提供的提示框显示方法的流程图;
图6为本发明第三实施例提供的提示框显示方法的流程图;
图7为本发明实施例提供的提示框显示装置的结构框图;
图8为图7中显示模块的结构框图;
图9为图8中显示子模块的结构框图;
图10为本发明另一实施例提供的提示框显示装置的结构框图。
具体实施方式
下面详细描述本发明的实施例,所述实施例的示例在附图中示出,其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的,仅用于解释本发明,而不能理解为对本发明的限制。
参照下面的描述和附图,将清楚本发明的实施例的这些和其他方面。在这些描述和附图中,具体公开了本发明的实施例中的一些特定实施方式,来表示实施本发明的实施例的原理的一些方式,但是应当理解,本发明的实施例的范围不受此限制。相反,本发明的实施例包括落入所附加权利要求书的精神和内涵范围内的所有变化、修改和等同物。
如图3所示,本发明涉及目标元素10及提示框20,所述提示框20包括箭头201和矩形框202。涉及的技术术语:
目标元素的原点(Target origin),表示目标元素上用于定位的参考点,包括第一目标点101和第二目标点102;对齐点(Alignment point),表示提示窗上用于定位的参考点,包括第一参考点203和第二参考点204;对齐方向,表示提示框与目标元素对齐的方向,如水平方向、垂直方向。
其中箭头201将以三角形来表示,其属性包括宽度、高度、朝向、箭头的顶点相对于与提示框对齐点的偏移量(水平偏移量和垂直偏移量)。箭头朝向根据提示窗与目标元素的对齐方式来确定,比如对齐方式是左对齐,箭头朝向则是朝右的。对齐方式和偏移量决定了箭头的具体位置。
矩形框202的属性包括:顶点坐标、宽度、高度。如果矩形为圆角矩形,则还包括矩形角的X轴半径和Y轴半径。
根据提示框20与目标元素10的对齐方式,及提示框20的对齐点相对于目标元素的原点偏移量确定了提示框20的位置,计算出箭头201的一个顶点和两个定位点的坐标,将三个点坐标连接构成三角形的箭头。
本发明中也可以采用WPF(Windows Presentation Foundation,Windows呈现基础)中的路径标记法来生成三角形的箭头,包含起点、线条终点、终点三个信息就可以描述箭头了,这里提到的线条终点是起点沿水平或垂直方向上平移后的终点,比如根据路径标记的语法,如果起点为M200,30,沿水平方向向右平移30的话,那么线条终点就是H230,沿垂直方向向下平移的话,那么线条终点就是V60。因此根据路径标记法字符串“M200,30V60L230,45”来描述箭头的三个顶点。
箭头201和矩形框202构造好后,将箭头201与矩形框202合并,并将相交的边框去掉后,得到最终的提示框20的边框。
当提示框超出屏幕边界时,提示框会自动跳转,保持提示框在屏幕内。以对齐方向为水平方向为例,提示框在水平方向进行跳转的步骤包括步骤S1和步骤S2:
步骤S1,以当前提示框20的第一参考点203为对齐点以所述目标元素的第一目标点101为原点确定所述当前提示框20在对齐方向上相对于所述目标元素10的当前偏移量。其中,所述当前偏移量为提示框的对齐点在水平方向上相对于目标元素的原点的偏移量。
步骤S2,以所述当前提示框20的第二对参考点204为对齐点以所述目标元素的第二目标点102为原点将所述当前提示框20偏移所述当前偏移量。
可以理解的,对齐方向为垂直方向对齐时,当在垂直方向超出屏幕边界时,也会发生跳转。
请参阅图4,为本发明第一实施例中的提示框显示方法的流程图,包括步骤:
步骤S11,判断当前提示框在对齐方向上是否超出屏幕的边界。所述对齐方向为所述提示框与目标元素对齐的方向,如水平方向或垂直方向。
步骤S12,当所述当前提示框在所述对齐方向上超出所述屏幕的边界时,所述当前提示框进行跳转,并以当前偏移量的相反数作为新的偏移量进行偏移。所述当前偏移量为所述当前提示框在对齐方向上相对于目标元素的偏移量。
步骤S13,以所述箭头与所述矩形框的相交线为对称轴将偏移后的所述提示框的箭头翻转180度,并在所述对齐方向上向靠近所述目标元素的方向平移第一距离,所述矩形框在所述对齐方向上向远离所述目标元素的方向平移第二距离,形成新的提示框。所述第一距离为所述矩形框在所述对齐方向的长度,所述第二距离为所述箭头在所述对齐方向的长度。例如,当所述对齐方向为水平方向时,所述第一距离为所述矩形框的宽度,所述第二距离为所述箭头的宽度。当所述对齐方向为垂直方向时,所述第一距离为所述矩形框的高度,所述第二距离为所述箭头的高度。
步骤S14,显示所述新的提示框。
本实施例通过自动调整提示框的箭头的朝向、提示窗的偏移量,使提示框在超过屏幕边界时仍保持箭头指向提示框,并自适应地调整提示框的偏移量,使提示框与目标元素保持合适的位置。
请参阅图5,为本发明第二实施例中的提示框显示方法的流程图,包括步骤S21~S28。
步骤S21,判断当前提示框在对齐方向上是否超出屏幕的边界,当所述当前提示框在所述对齐方向上超出所述屏幕的边界时执行步骤S22,否则执行步骤S29。所述对齐方向为所述提示框与目标元素对齐的方向,如水平方向或垂直方向。
步骤S22,在所述对齐方向上调整所述当前提示框,形成新的提示框。该步骤具体包括:
步骤S221,所述当前提示框进行跳转,并以所述当前偏移量的相反数作为新的偏移量进行偏移。
步骤S222,以所述箭头与所述矩形框的相交线为对称轴将偏移后的所述提示框的箭头翻转180度,并在所述对齐方向上向靠近所述目标元素的方向平移第一距离,所述矩形框在所述对齐方向上向远离所述目标元素的方向平移第二距离,形成新的提示框。所述第一距离为所述矩形框在所述对齐方向的长度,所述第二距离为所述箭头在所述对齐方向的长度。
上述步骤中,所述以所述箭头与所述矩形框的相交线为对称轴将偏移后的所述提示框的箭头翻转180度的步骤包括:
以所述箭头的顶点的坐标沿着所述对齐方向上向靠近所述目标元素的方向平移第四距离得到新的顶点的坐标,所述第四距离为两倍的所述箭头的长度;
连接所述新的顶点的坐标和所述两个定位点的坐标,形成翻转180度后的箭头。
需指出的是,当对齐方向为水平方向时,第四距离为箭头的宽度,当对齐方向时垂直方向时,第四距离为箭头的高度。
步骤S23,判断所述新的提示框在所述对齐方向上是否超出所述屏幕的边界,当所述新的提示框在所述对齐方向上未超出屏幕的边界时执行步骤S24,否则执行步骤S25。
步骤S24,判断所述新的提示框在垂直所述对齐方向上是否超出屏幕的边界,当所述新的提示框在垂直所述对齐方向上超出所述边界时执行步骤S25,否则执行步骤S27。
步骤S25,使所述新的提示框的箭头在垂直所述对齐方向上平移,得到调整后的提示框,并显示所述调整后的提示框。
步骤S26,恢复所述当前提示框,并剪切所述当前提示窗,使所述提示框不超过所述屏幕的边界。
步骤S27,显示所述新的提示框。
步骤S28,判断所述当前提示框在垂直所述对齐方向上是否超出所述边界,当所述当前提示框在垂直所述对齐方向上超出所述边界时执行步骤S29。
步骤S29,所述当前提示框的箭头在垂直所述对齐方向上平移,使所述箭头指向所述目标元素,并显示平移后的当前提示框。
上述步骤S25和S29中,当检测到提示框在垂直对齐方向上超出屏幕的边界时,分两种情况。
第一种情况,当提示框在垂直所述对齐方向的发生跳转时,提示框的箭头在垂直所述对齐方向上沿着靠近所述超出的边界的方向平移第三距离,所述第三距离的计算公式为:
d=h1-2*|Δh|-h2,
其中,d为所述第三距离,h1为所述矩形框在垂直所述对齐方向上的长度,|Δh|为所述箭头在垂直所述对齐方向上相对于所述当前提示框的对齐点的偏移量的绝对值,h2为所述箭头在垂直所述对齐方向上的长度。
第一种情况中,提示框在垂直所述对齐方向的发生跳转,即垂直所述对齐方向的对齐点和目标元素的原点都发生变化。如以水平对齐方向为例,当提示框超出屏幕的下边界时,对齐点由提示框的右上角变为右下角,具体过程参照步骤S1和步骤S2中水平方向跳转的情况,本实施例中不再赘述。
第二种情况,当提示框的边缘在垂直所述对齐方向上与所述屏幕的边界对齐时,所述提示框向远离所述超出的边界方向平移所述超出的距离。
第二种情况中,提示框不会发生跳转,但是会与屏幕的边界对齐,即提示框整体平移了超出的部分,这样可能导致提示框的箭头没有指向目标元素。为了解决这一问题,需要将提示框的箭头向远离所述超出的边界方向平移所述超出屏幕的边框的距离。
进一步的,判断提示框是否超出所述屏幕的边界的步骤包括:
获取目标元素的原点相对于屏幕原点的坐标;
根据所述原点的坐标和所述提示窗的对齐点相对于所述原点的偏移量、提示窗的宽度和高度确定所述提示窗是否超出所述屏幕的边界。
本实施例中,先判断提示框在对齐方向是否超过屏幕边界,当超出屏幕边界时,调整提示框的箭头朝向和相对于目标元素的偏移量,使提示框的箭头始终朝向目标元素,且与目标元素保持合适的偏移。再判断新生产的提示框在垂直对齐方向上是否超出屏幕的边界,当超出屏幕的边界时,调整箭头的位置,使箭头保持指向目标元素。
为了更好的理解本发明的技术内容,下面将以具体的实施方式说明本发明的这些和其他方面。设定目标元素为一个按钮(Button),提示窗(popup)与目标元素的对齐方向为水平方向,如左对齐(Left),提示框的第一参考点为对齐点。对齐点相对于目标元素的原点的垂直偏移量为-36,水平偏移量为-10,即提示框相在对齐方向上相对于目标元素的偏移量为-10。提示框的矩形框的宽度w1为200,高度h1为300;提示框的箭头宽度w2为30、高度h2为30、箭头顶点相对于提示框对齐点的垂直偏移量Δh为-30。上述数值的单位均为像素点。
请参阅图6,为本发明第三实施例中的提示框显示方法的流程图,包括步骤:
步骤S31,判断提示窗是否超出屏幕的左边界。
步骤S32,当提示窗超出屏幕的左边界则提示框跳转使其在屏幕内,并将所述跳转后的提示框以所述目标元素的偏移量的相反数作为新的偏移量进行偏移。
判断当前提示窗的边界是否超出屏幕边界的计算过程为:
(1)获取目标原点相对于屏幕原点的坐标;
(2)根据目标原点的坐标和提示窗的对齐点相对于目标原点的偏移量、提示窗的宽度和高度,计算得到提示窗左上角的参考点的坐标;
(3)根据提示框左上角的参考点的坐标和提示框的宽度及高度就确定提示窗是否超出屏幕的边界。
由于提示框的矩形框跳转至参考元素的右侧了,目标元素的原点及提示框的对齐点均改变。如果提示框相对于目标元素的水平偏移量不改变的话,提示框会与目标元素部分重叠,影响显示。所以要对水平偏移量取反,即新的水平偏移量为10。
步骤S33,以所述箭头与所述矩形框的相交线为对称轴将偏移后的所述提示框的箭头翻转180度,并将所述箭头向左平移第一距离,将所述矩形框向右平移第二距离,形成新的提示框。所述第一距离为所述矩形框的宽度w1即200,所述第二距离为所述箭头的宽度w2即30。
步骤S34,判断所述新的提示框在垂直方向上是否超出屏幕的边界。
步骤S35,当新的提示窗超出了屏幕的下边界时,箭头往下偏移第三距离。该步骤中,箭头偏移第三距离的计算公式为:
d=h1-2*|Δh|-h2,
即,d=300-2*30-30=210
步骤S36,当新的提示窗超出了屏幕的上边界时,所述新的提示框向屏幕的上边界方向平移所述超出的距离。
需要说明的是,当所述新的提示框在水平方向上超出屏幕的边界时,提示框不跳转,将当前提示框剪切后显示,使所述提示框不超过所述屏幕的边界。
请参阅图7至图10,为本发明实施例中的提示框显示装置,所述提示框包括箭头和矩形框。如图7所示,所述装置包括:
第一判断模块30,用于判断当前提示框在对齐方向上是否超出屏幕的边界,所述对齐方向为所述提示框与目标元素对齐的方向;
偏移模块31,用于当所述当前提示框在对齐方向上超出所述屏幕的边界,并进行跳转时,以当前偏移量的相反数作为新的偏移量进行偏移,所述当前偏移量为所述当前提示框在对齐方向上相对于目标元素的偏移量;
第一平移模块32,以所述箭头与所述矩形框的相交线为对称轴将偏移后的所述提示框的箭头翻转180度,并在所述对齐方向上向靠近所述目标元素的方向平移第一距离,所述矩形框在所述对齐方向上向远离所述目标元素的方向平移第二距离,形成新的提示框,所述第一距离为所述矩形框在所述对齐方向的长度,所述第二距离为所述箭头在所述对齐方向的长度;
显示模块33,用于显示所述新的提示框。
如图8所示,进一步的,上述显示模块33包括:
第二判断模块331,用于判断所述新的提示框在所述对齐方向上是否超出所述屏幕的边界;
显示子模块332,当所述新的提示框在所述对齐方向上未超出所述屏幕的边界时,显示所述新的提示框;
恢复模块333,用于当所述新的提示窗在所述对齐方向上超出所述屏幕的边界时,恢复所述当前提示框,并剪切所述当前提示窗,使所述提示框不超过所述屏幕的边界。
如图9所示,进一步的,上述显示子模块332包括:
第三判断模块3321,用于当所述新的提示框在所述对齐方向上未超出所述屏幕的边界时,判断所述新的提示框在垂直所述对齐方向上是否超出所述屏幕的边界;
第二平移模块3322,用于当所述新的提示框在垂直所述对齐方向上超出所述边界时,所述新的提示框的箭头在垂直所述对齐方向上平移,使所述箭头指向所述目标元素,并显示平移后的所述新的提示框。
一方面,当所述新的提示框在垂直所述对齐方向的发生跳转时,所述新的提示框的箭头在垂直所述对齐方向上沿着靠近所述超出的边界的方向平移第三距离,所述第三距离的计算公式为:
d=h1-2*|Δh|-h2,
其中,d为所述第三距离,h1为所述矩形框在垂直所述对齐方向上的长度,|Δh|为所述箭头在垂直所述对齐方向上相对于所述当前提示框的对齐点的偏移量的绝对值,h2为所述箭头在垂直所述对齐方向上的长度。
另一方面,当所述新的提示框的边缘在垂直所述对齐方向与所述屏幕的边界对齐时,所述新的提示框向远离所述超出的边界方向平移所述超出的距离。
进一步的,上述第一判断模块30包括:
获取模块,用于获取目标元素的原点相对于屏幕原点的坐标;
确定模块,用于根据所述原点的坐标和所述提示窗的对齐点相对于所述原点的偏移量、提示窗的宽度和高度确定所述提示窗在对齐方向上是否超出所述屏幕的边界。
进一步的,所述第一平移模块32包括:
箭头平移模块,用于以所述箭头的顶点的坐标沿着所述对齐方向上向靠近所述目标元素的方向平移第四距离得到新的顶点的坐标,所述第四距离为两倍的所述箭头的长度;
箭头生成模块,用于连接所述新的顶点的坐标和所述两个定位点的坐标,形成翻转180度后的箭头。
如图10所示,本发明另一实施例中,所述提示框显示装置还包括:第四判断模块34,用于当所述当前提示框在对齐方向上未超出所述屏幕的边界时,判断所述当前提示框在垂直所述对齐方向上是否超出所述屏幕的边界;
所示显示模块33还用于当所述当前提示框在垂直所述对齐方向上超出所述屏幕的边界时,所述当前提示框的箭头在垂直所述对齐方向上平移,使所述箭头指向所述目标元素,并显示平移后的所述当前提示框。
本实施例通过自动调整提示框的箭头的朝向、提示窗的偏移量,使提示框在超过屏幕边界时仍保持箭头指向提示框,并自适应地调整提示框的偏移量,使提示框与目标元素保持合适的位置。
在本说明书的描述中,参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中,对上述术语的示意性表述不一定指的是相同的实施例或示例。而且,描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合。
尽管已经示出和描述了本发明的实施例,本领域的普通技术人员可以理解:在不脱离本发明的原理和宗旨的情况下可以对这些实施例进行多种变化、修改、替换和变型,本发明的范围由权利要求及其等同物限定。
Claims (16)
1.一种提示框显示方法,所述提示框包括箭头和矩形框,其特征在于,所述方法包括步骤:
判断当前提示框在对齐方向上是否超出屏幕的边界,所述对齐方向为所述提示框与目标元素对齐的方向;
当所述当前提示框在所述对齐方向上超出所述屏幕的边界,并进行跳转时,以当前偏移量的相反数作为新的偏移量进行偏移,所述当前偏移量为所述当前提示框在对齐方向上相对于目标元素的偏移量;
以所述箭头与所述矩形框的相交线为对称轴将偏移后的所述提示框的箭头翻转180度,并在所述对齐方向上向靠近所述目标元素的方向平移第一距离,所述矩形框在所述对齐方向上向远离所述目标元素的方向平移第二距离,形成新的提示框,所述第一距离为所述矩形框在所述对齐方向的长度,所述第二距离为所述箭头在所述对齐方向的长度;
显示所述新的提示框。
2.如权利要求1所述的方法,其特征在于,所述显示所述新的提示框的步骤包括:
判断所述新的提示框在所述对齐方向上是否超出所述屏幕的边界;
当所述新的提示框在所述对齐方向上未超出所述屏幕的边界时,显示所述新的提示框;
当所述新的提示窗在所述对齐方向上超出所述屏幕的边界时,恢复所述当前提示框,并剪切所述当前提示窗,使所述提示框不超过所述屏幕的边界。
3.如权利要求2所述的方法,其特征在于,当所述新的提示框在所述对齐方向上未超出所述屏幕的边界时,显示所述新的提示框的步骤包括:
当所述新的提示框在所述对齐方向上未超出所述屏幕的边界时,判断所述新的提示框在垂直所述对齐方向上是否超出所述屏幕的边界;
当所述新的提示框在垂直所述对齐方向上超出所述边界时,所述新的提示框的箭头在垂直所述对齐方向上平移,使所述箭头指向所述目标元素,并显示平移后的所述新的提示框。
4.如权利要求3所述的方法,其特征在于,所述新的提示框的箭头在垂直所述对齐方向上平移的步骤包括:
当所述新的提示框在垂直所述对齐方向的发生跳转时,所述新的提示框的箭头在垂直所述对齐方向上沿着靠近所述超出的边界的方向平移第三距离,所述第三距离的计算公式为:
d=h1-2*|Δh|-h2,
其中,d为所述第三距离,h1为所述矩形框在垂直所述对齐方向上的长度,|Δh|为所述箭头在垂直所述对齐方向上相对于所述当前提示框的对齐点的偏移量的绝对值,h2为所述箭头在垂直所述对齐方向上的长度。
5.如权利要求3所述的方法,其特征在于,所述新的提示框的箭头在垂直所述对齐方向上平移的步骤包括:
当所述新的提示框的边缘在垂直所述对齐方向与所述屏幕的边界对齐时,所述新的提示框向远离所述超出的边界方向平移所述超出的距离。
6.如权利要求1所述的方法,其特征在于,所述判断当前提示框在对齐方向上是否超出所述屏幕的边界的步骤包括:
获取目标元素的原点相对于屏幕原点的坐标;
根据所述原点的坐标和所述提示窗的对齐点相对于所述原点的偏移量、提示窗的宽度和高度确定所述提示窗在对齐方向上是否超出所述屏幕的边界。
7.如权利要求1所述的方法,其特征在于,所述箭头包括一个顶点和两个位于所述提示框的边框上的定位点,所述以所述箭头与所述矩形框的相交线为对称轴将偏移后的所述提示框的箭头翻转180度的步骤包括:
将所述箭头的顶点的坐标沿着所述对齐方向上向靠近所述目标元素的方向平移第四距离得到新的顶点的坐标,所述第四距离为两倍的所述箭头的长度;
连接所述新的顶点的坐标和所述两个定位点的坐标,形成翻转180度后的箭头。
8.如权利要求1所述的方法,其特征在于,所述判断当前提示框在对齐方向上是否超出所述屏幕的边界之后还包括步骤:
当所述当前提示框在对齐方向上未超出所述屏幕的边界时,判断所述当前提示框在垂直所述对齐方向上是否超出所述屏幕的边界;
当所述当前提示框在垂直所述对齐方向上超出所述屏幕边界时,所述当前提示框的箭头在垂直所述对齐方向上平移,使所述箭头指向所述目标元素,并显示平移后的所述当前提示框。
9.一种提示框显示装置,所述提示框包括箭头和矩形框,其特征在于,所述装置包括:
第一判断模块,用于判断当前提示框在对齐方向上是否超出屏幕的边界,所述对齐方向为所述提示框与目标元素对齐的方向;
偏移模块,用于当所述当前提示框在对齐方向上超出所述屏幕的边界,并进行跳转时,以当前偏移量的相反数作为新的偏移量进行偏移,所述当前偏移量为所述当前提示框在对齐方向上相对于目标元素的偏移量;
第一平移模块,以所述箭头与所述矩形框的相交线为对称轴将偏移后的所述提示框的箭头翻转180度,并在所述对齐方向上向靠近所述目标元素的方向平移第一距离,所述矩形框在所述对齐方向上向远离所述目标元素的方向平移第二距离,形成新的提示框,所述第一距离为所述矩形框在所述对齐方向的长度,所述第二距离为所述箭头在所述对齐方向的长度;
显示模块,用于显示所述新的提示框。
10.如权利要求9所述的提示框显示装置,其特征在于,所述显示模块包括:
第二判断模块,用于判断所述新的提示框在所述对齐方向上是否超出所述屏幕的边界;
显示子模块,当所述新的提示框在所述对齐方向上未超出所述屏幕的边界时,显示所述新的提示框;
恢复模块,用于当所述新的提示窗在所述对齐方向上超出所述屏幕的边界时,恢复所述当前提示框,并剪切所述当前提示窗,使所述提示框不超过所述屏幕的边界。
11.如权利要求10所述的提示框显示装置,其特征在于,所述显示子模块包括:
第三判断模块,用于当所述新的提示框在所述对齐方向上未超出所述屏幕的边界时,判断所述新的提示框在垂直所述对齐方向上是否超出所述屏幕的边界;
第二平移模块,用于当所述新的提示框在垂直所述对齐方向上超出所述边界时,所述新的提示框的箭头在垂直所述对齐方向上平移,使所述箭头指向所述目标元素,并显示平移后的所述新的提示框。
12.如权利要求11所述的提示框显示装置,其特征在于,所述新的提示框的箭头在垂直所述对齐方向上平移的步骤包括:
当所述新的提示框在垂直所述对齐方向的发生跳转时,所述新的提示框的箭头在垂直所述对齐方向上沿着靠近所述超出的边界的方向平移第三距离,所述第三距离的计算公式为:
d=h1-2*|Δh|-h2,
其中,d为所述第三距离,h1为所述矩形框在垂直所述对齐方向上的长度,|Δh|为所述箭头在垂直所述对齐方向上相对于所述当前提示框的对齐点的偏移量的绝对值,h2为所述箭头在垂直所述对齐方向上的长度。
13.如权利要求11所述的提示框显示装置,其特征在于,所述新的提示框的箭头在垂直所述对齐方向上平移的步骤包括:
当所述新的提示框的边缘在垂直所述对齐方向与所述屏幕的边界对齐时,所述新的提示框向远离所述超出的边界方向平移所述超出的距离。
14.如权利要求9所述的提示框显示装置,其特征在于,所述第一判断模块包括:
获取模块,用于获取目标元素的原点相对于屏幕原点的坐标;
确定模块,用于根据所述原点的坐标和所述提示窗的对齐点相对于所述原点的偏移量、提示窗的宽度和高度确定所述提示窗在对齐方向上是否超出所述屏幕的边界。
15.如权利要求9所述的提示框显示装置,其特征在于,所述第一平移模块包括:
箭头平移模块,用于以所述箭头的顶点的坐标沿着所述对齐方向上向靠近所述目标元素的方向平移第四距离得到新的顶点的坐标,所述第四距离为两倍的所述箭头的长度;
箭头生成模块,用于连接所述新的顶点的坐标和所述两个定位点的坐标,形成翻转180度后的箭头。
16.如权利要求9所述的提示框显示装置,其特征在于,所述提示框显示装置还包括:第四判断模块,用于当所述当前提示框在对齐方向上未超出所述屏幕的边界时,判断所述当前提示框在垂直所述对齐方向上是否超出所述屏幕的边界;
所述显示模块还用于当所述当前提示框在垂直所述对齐方向上超出所述屏幕的边界时,所述当前提示框的箭头在垂直所述对齐方向上平移,使所述箭头指向所述目标元素,并显示平移后的所述当前提示框。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201611138092.5A CN106802793B (zh) | 2016-12-12 | 2016-12-12 | 提示框显示方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201611138092.5A CN106802793B (zh) | 2016-12-12 | 2016-12-12 | 提示框显示方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN106802793A true CN106802793A (zh) | 2017-06-06 |
CN106802793B CN106802793B (zh) | 2020-03-10 |
Family
ID=58984052
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201611138092.5A Active CN106802793B (zh) | 2016-12-12 | 2016-12-12 | 提示框显示方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106802793B (zh) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107765957A (zh) * | 2017-09-04 | 2018-03-06 | 武汉票据交易中心有限公司 | 一种下拉菜单及其箭头的显示控制方法及系统 |
CN108279829A (zh) * | 2018-01-17 | 2018-07-13 | 链家网(北京)科技有限公司 | Android系统提示窗显示的方法及装置 |
CN110399443A (zh) * | 2019-07-22 | 2019-11-01 | 上海图聚智能科技股份有限公司 | 地图编辑方法、装置、移动平台及存储介质 |
CN110989879A (zh) * | 2019-11-08 | 2020-04-10 | 东软集团股份有限公司 | 辅助线提示方法、装置、可读存储介质及电子设备 |
CN112199005A (zh) * | 2020-10-22 | 2021-01-08 | Tcl通讯(宁波)有限公司 | 内容显示方法、装置、存储介质及移动终端 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101408831A (zh) * | 2007-09-28 | 2009-04-15 | 奥多比公司 | 自动转变的图形用户界面 |
CN104077056A (zh) * | 2014-06-27 | 2014-10-01 | 广州视睿电子科技有限公司 | 屏幕显示页面的平移方法和系统 |
US20140298186A1 (en) * | 2013-03-29 | 2014-10-02 | International Business Machines Corporation | Adjusting information prompting in input method |
CN104407876A (zh) * | 2014-12-15 | 2015-03-11 | 北京国双科技有限公司 | 显示标注控件的方法及装置 |
-
2016
- 2016-12-12 CN CN201611138092.5A patent/CN106802793B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101408831A (zh) * | 2007-09-28 | 2009-04-15 | 奥多比公司 | 自动转变的图形用户界面 |
US20140298186A1 (en) * | 2013-03-29 | 2014-10-02 | International Business Machines Corporation | Adjusting information prompting in input method |
CN104077056A (zh) * | 2014-06-27 | 2014-10-01 | 广州视睿电子科技有限公司 | 屏幕显示页面的平移方法和系统 |
CN104407876A (zh) * | 2014-12-15 | 2015-03-11 | 北京国双科技有限公司 | 显示标注控件的方法及装置 |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107765957A (zh) * | 2017-09-04 | 2018-03-06 | 武汉票据交易中心有限公司 | 一种下拉菜单及其箭头的显示控制方法及系统 |
CN107765957B (zh) * | 2017-09-04 | 2019-12-31 | 武汉票据交易中心有限公司 | 一种下拉菜单及其箭头的显示控制方法及系统 |
CN108279829A (zh) * | 2018-01-17 | 2018-07-13 | 链家网(北京)科技有限公司 | Android系统提示窗显示的方法及装置 |
CN110399443A (zh) * | 2019-07-22 | 2019-11-01 | 上海图聚智能科技股份有限公司 | 地图编辑方法、装置、移动平台及存储介质 |
CN110989879A (zh) * | 2019-11-08 | 2020-04-10 | 东软集团股份有限公司 | 辅助线提示方法、装置、可读存储介质及电子设备 |
CN110989879B (zh) * | 2019-11-08 | 2021-04-09 | 东软集团股份有限公司 | 辅助线提示方法、装置、可读存储介质及电子设备 |
CN112199005A (zh) * | 2020-10-22 | 2021-01-08 | Tcl通讯(宁波)有限公司 | 内容显示方法、装置、存储介质及移动终端 |
Also Published As
Publication number | Publication date |
---|---|
CN106802793B (zh) | 2020-03-10 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106802793A (zh) | 提示框显示方法及装置 | |
CN106558026B (zh) | 偏离用户界面 | |
JP4895211B2 (ja) | 表示処理装置及び表示制御方法 | |
CN106493042A (zh) | 点胶方法及点胶系统 | |
US7310780B2 (en) | Methods, systems and computer program products for visually tethering related graphical objects | |
CN103631419B (zh) | 基于遥控触摸板的光标定位方法及系统 | |
US20150109209A1 (en) | Method, Air Mouse, and Set Top Box for Controlling Air Mouse | |
US8467952B2 (en) | Map generating device, and memory medium storing map generating program | |
CN102473322A (zh) | 对象选择装置、对象选择程序及对象选择方法 | |
CN106488063B (zh) | 显示装置 | |
US20140278088A1 (en) | Navigation Device | |
CN103021262A (zh) | 地图标注的绘制处理方法和系统 | |
CN105892630A (zh) | 列表内容显示方法及装置 | |
KR101853127B1 (ko) | 구동형 마킹 시스템, 구동형 마킹 장치의 제어방법 및 컴퓨터 판독 가능한 기록매체 | |
CN103942524A (zh) | 手势辨识模块及手势辨识方法 | |
CN104331186A (zh) | 触摸屏书写区域的处理方法和系统 | |
CN111441810A (zh) | 一种确定四柱式液压支架工作状态的方法 | |
CN106643673A (zh) | 一种基于基线的地铁隧道水平位移变形监测方法 | |
CN106646973A (zh) | 监控标识码偏移量的方法 | |
US20130162562A1 (en) | Information processing device and non-transitory recording medium storing program | |
CN113137970A (zh) | 小程序ar导航系统 | |
US20160139693A9 (en) | Electronic apparatus, correction method, and storage medium | |
CN111605974A (zh) | 缓倾斜工作面刮板输送机上窜下滑判断系统及方法 | |
Rossolenko | Menisci masses and weights in Stepanov (EFG) technique: ribbon, rod, tube | |
CN105823476B (zh) | 电子装置及目标物的显示方法 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |