一种弹框显示的方法和设备与流程

文档序号:12176383阅读:142来源:国知局
一种弹框显示的方法和设备与流程

本申请涉及网络技术领域,特别是涉及一种弹框显示的方法和设备。



背景技术:

目前的web(World Wide Web,万维网)页面弹框是一种常见的显示方式,例如:输入法弹框就是一种常见的弹框,它会在对当前文本框进行输入时的光标下方进行弹框显示,以帮助用户快速识别输入的内容是否正确,如图1所示,用户可以根据输入法弹框中显示的内容判断其输入的内容是否正确。

在实现本申请的过程中,现有技术至少存在以下问题:

在使用输入法弹框进行输入时,输入法弹框会覆盖到页面其他弹框的内容,使用户无法看到其他弹框的内容,从而不能保证用户输入内容的正确性,并影响用户工作效率,用户体验不好。



技术实现要素:

本申请的目的在于提供一种弹框显示的方法和设备,通过调整与当前文本框相关联的弹框的位置,使与文本输入框相关联的第一弹框的弹框位置和第二弹框中显示的信息元素的位置不在重叠,从而保证了用户输入内容的正确性,提高了用户的工作效率。

本申请的技术方案如下:

一种弹框显示的方法,所述方法包括:

设备终端获取与文本输入框相关联的第一弹框的弹框位置和第二弹框中显示的信息元素的位置;

所述设备终端根据所述第一弹框的弹框位置和所述第二弹框中显示的信息元素的位置,判断所述第一弹框的弹框和所述第二弹框中显示的信息元素是否存在重叠;

如果存在,所述设备终端调整所述第一弹框的弹框位置或所述第二弹框的弹框位置,以使所述第一弹框的弹框和所述第二弹框中显示的信息元素不再重叠。

所述第二弹框中显示的信息元素为根据用户在所述文本输入框中输入的信息产生的推荐词条,所述第二弹框为所述推荐词条的显示区域;所述第一弹框为所述用户在所述文本输入框中输入信息时所采用的输入法的提示输入显示区域。

所述设备终端获取与当前文本框相关联的第一弹框的弹框位置和第二弹框中显示的信息元素的位置,具体为:

所述设备终端获取与当前文本框相关联的所述第一弹框的弹框位置的坐标集合和第二弹框中显示的信息元素的位置的坐标集合;

所述设备终端根据所述第一弹框的弹框位置和所述第二弹框中显示的信息元素的位置,判断所述第一弹框的弹框和所述第二弹框中显示的信息元素是否存在重叠,具体为:

所述设备终端根据所述第一弹框的弹框位置的坐标集合与所述第二弹框中显示的信息元素的位置的坐标集合是否存在交集,判断所述第一弹框的弹框和所述第二弹框中的信息元素是否存在重叠。

所述设备终端调整所述第一弹框的弹框位置或所述第二弹框的弹框位置,以使所述第一弹框的弹框和所述第二弹框中显示的信息元素不再重叠,具体为:

所述设备终端根据所述第一弹框的弹框位置的坐标集合与所述第二弹框中显示的信息元素的位置的坐标集合生成第一调整距离;

所述设备终端根据所述第一调整距离调整所述第一弹框的弹框位置或所述第二弹框的弹框位置,以使所述第一弹框的弹框位置的坐标集合与所述第二弹框中的信息元素的位置的坐标集合不再有交集。

所述设备终端调整所述第一弹框的弹框位置或所述第二弹框的弹框位置,以使所述第一弹框的弹框和所述第二弹框中显示的信息元素不再重叠,还具体为:

所述设备终端获取所述第二弹框的弹框位置的坐标集合;

所述设备终端根据所述第一弹框的弹框位置的坐标集合与所述第二弹框的弹框坐标集合生成第二调整距离;

所述设备终端根据所述第二调整距离调整所述第一弹框的弹框位置或所述第二弹框的弹框位置,以使所述第一弹框的弹框位置的坐标集合与所述第二弹框的弹框位置的坐标集合不再有交集。

一种设备终端,所述设备终端包括:

获取模块,用于获取与文本输入框相关联的第一弹框的弹框位置和第二弹框中显示的信息元素的位置;

判断模块,用于根据所述第一弹框的弹框位置和所述第二弹框中显示的信息元素的位置,判断所述第一弹框的弹框和所述第二弹框中显示的信息元素是否存在重叠;

调整模块,如果所述第一弹框的弹框和所述第二弹框中显示的信息元素存在重叠,用于调整所述第一弹框的弹框位置或所述第二弹框的弹框位置,以使所述第一弹框的弹框和所述第二弹框中显示的信息元素不再重叠。

所述第二弹框中显示的信息元素为根据用户在所述文本输入框中输入的信息产生的推荐词条,所述第二弹框为所述推荐词条的显示区域;所述第一弹框为所述用户在所述文本输入框中输入信息时所采用的输入法的提示输入显示区域。

所述获取模块,具体用于:

获取与当前文本框相关联的所述第一弹框的弹框位置的坐标集合和第二弹框中显示的信息元素的位置的坐标集合;

所述判断模块,具体用于:

根据所述第一弹框的弹框位置的坐标集合与所述第二弹框中显示的信息元素的位置的坐标集合是否存在交集,判断所述第一弹框的弹框和所述第二弹框中的信息元素是否存在重叠。

所述调整模块,具体用于:

根据所述第一弹框的弹框位置的坐标集合与所述第二弹框中显示的信息 元素的位置的坐标集合生成第一调整距离;

根据所述第一调整距离调整所述第一弹框的弹框位置或所述第二弹框的弹框位置,以使所述第一弹框的弹框位置的坐标集合与所述第二弹框中的信息元素的位置的坐标集合不再有交集。

所述调整模块,还具体用于:

获取所述第二弹框的弹框位置的坐标集合;

根据所述第一弹框的弹框位置的坐标集合与所述第二弹框的弹框坐标集合生成第二调整距离;

根据所述第二调整距离调整所述第一弹框的弹框位置或所述第二弹框的弹框位置,以使所述第一弹框的弹框位置的坐标集合与所述第二弹框的弹框位置的坐标集合不再有交集。

一种弹框显示的方法,所述方法包括:

设备终端获取与文本输入框相关联的第一弹框的弹框位置和第二弹框的弹框位置;

所述设备终端根据所述第一弹框的弹框位置和所述第二弹框的弹框位置,判断所述第一弹框的弹框和所述第二弹框的弹框是否存在重叠;

如果存在,所述设备终端调整所述第一弹框的弹框位置或所述第二弹框的弹框位置,以使所述第一弹框的弹框和所述第二弹框的弹框不再重叠。

所述第二弹框为推荐词条的显示区域;所述第一弹框为所述用户在所述文本输入框中输入信息时所采用的输入法的提示输入显示区域。

设备终端获取与文本输入框相关联的第一弹框的弹框位置和第二弹框的弹框位置,具体为:

所述设备终端获取与当前文本框相关联的所述第一弹框的弹框位置的坐标集合和第二弹框的弹框位置的坐标集合;

所述设备终端根据所述第一弹框的弹框位置和所述第二弹框的弹框位置,判断所述第一弹框的弹框和所述第二弹框的弹框是否存在重叠,具体为:

所述设备终端根据所述第一弹框的弹框位置的坐标集合与所述第二弹框的弹框位置的坐标集合是否存在交集,判断所述第一弹框的弹框和所述第二 弹框的弹框是否存在重叠。

所述设备终端调整所述第一弹框的弹框位置或所述第二弹框的弹框位置,以使所述第一弹框的弹框和所述第二弹框的弹框不再重叠,具体为:

所述设备终端根据所述第一弹框的弹框位置的坐标集合与所述第二弹框的弹框位置的坐标集合生成第三调整距离;

所述设备终端根据所述第三调整距离调整所述第一弹框的弹框位置或所述第二弹框的弹框位置,以使所述第一弹框的弹框位置的坐标集合与所述第二弹框的弹框位置的坐标集合不再有交集。

一种设备终端,所述设备终端包括:

获取模块,用于获取与文本输入框相关联的第一弹框的弹框位置和第二弹框的弹框位置;

判断模块,用于根据所述第一弹框的弹框位置和所述第二弹框的弹框位置,判断所述第一弹框的弹框和所述第二弹框的弹框是否存在重叠;

调整模块,如果所述第一弹框的弹框和所述第二弹框的弹框存在重叠,用于调整所述第一弹框的弹框位置或所述第二弹框的弹框位置,以使所述第一弹框的弹框和所述第二弹框的弹框不再重叠。

所述第二弹框为推荐词条的显示区域;所述第一弹框为所述用户在所述文本输入框中输入信息时所采用的输入法的提示输入显示区域。

所述获取模块,具体用于:

获取与当前文本框相关联的所述第一弹框的弹框位置的坐标集合和第二弹框的弹框位置的坐标集合;

所述判断模块,具体用于:

根据所述第一弹框的弹框位置的坐标集合与所述第二弹框的弹框位置的坐标集合是否存在交集,判断所述第一弹框的弹框和所述第二弹框的弹框是否存在重叠。

所述调整模块,具体用于:

根据所述第一弹框的弹框位置的坐标集合与所述第二弹框的弹框位置的坐标集合生成第三调整距离;

根据所述第三调整距离调整所述第一弹框的弹框位置或所述第二弹框的弹框位置,以使所述第一弹框的弹框位置的坐标集合与所述第二弹框的弹框位置的坐标集合不再有交集。

本申请通过获取与文本输入框相关联的第一弹框的弹框位置和第二弹框中显示的信息元素的位置判断所述第一弹框的弹框和所述第二弹框中显示的信息元素是否存在重叠,如果存在,所述设备终端调整所述第一弹框的弹框位置或所述第二弹框的弹框位置,以使所述第一弹框的弹框和所述第二弹框中显示的信息元素不再重叠,从而保证了用户输入内容的正确性,提高了用户的工作效率,用户体验好。

附图说明

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

图1为本申请实施例中的一种弹框显示示意图;

图2为本申请实施例中的一种弹框显示流程图之一;

图3为本申请实施例中的一种弹框显示流程图之二;

图4为本申请实施例中的一种调整后的弹框显示示意图;

图5为本申请实施例中一种设备终端结构示意图之一

图6为本申请实施例中一种设备终端结构示意图之二。

具体实施方式

下面将结合本申请中的附图,对本申请中的技术方案进行清楚、完整的描述,显然,所描述的实施例是本申请的一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员获得的其他实施例,都属于本申请保护的范围。

如图2所示,为本申请一种弹框显示的流程图,所述方法包括以下步骤:

步骤201,设备终端获取与文本输入框相关联的第一弹框的弹框位置和第 二弹框中显示的信息元素的位置。

所述第一弹框为所述用户在所述文本输入框中输入信息时所采用的输入法的提示输入显示区域,还可以为用户在当前文本框输入时产生的可以在设备终端上形成覆盖的显示区域,具体的所述第一弹框如图1所示的3,所述第二弹框中显示的信息元素为根据用户在所述文本输入框中输入的信息产生的推荐词条,所述第二弹框为所述推荐词条的显示区域,具体的所述第二弹框如图1所示的2,所述第二弹框中显示的信息元素具体可以为如图1所示的第二弹框中的文字。

其中,所述第一弹框的显示层在所述第二弹框的显示层之上。

所述第一弹框的显示层在所述第二弹框的显示层之上表示如果发生弹框重叠现象,那么所述第一弹框覆盖在第二弹框之上,如图1所示的一种弹框显示示意图,1为当前文本输入框,2和3为与当前文本框相关联的弹框,具体的,2为推荐词条的显示区域,即第二弹框的显示区域,其中的文字为所述第二弹框中显示的信息元素,3为在文本输入框输入信息时采用的输入法的提示输入显示区域,即第一弹框的显示区域。

所述设备终端获取与当前文本框相关联的第一弹框的弹框位置和第二弹框中显示的信息元素的位置,具体为:

所述设备终端获取与当前文本框相关联的所述第一弹框的弹框位置的坐标集合和第二弹框中显示的信息元素的位置的坐标集合。

设备终端的显示屏幕有相应的坐标系,弹框是根据所述坐标系在屏幕上进行显示的。一个弹框是由信息元素组成的,信息元素构成了弹框中显示的内容,弹框中的信息元素也是根据所述坐标系在屏幕上进行显示的。一个弹框覆盖了屏幕中的一部分,弹框的位置对应了一个坐标集合,弹框对应的坐标集合能够反映所述弹框的位置,弹框中的信息元素同样覆盖了屏幕中的一部分,弹框中的信息元素也对应了一个坐标集合,弹框中的信息元素的坐标集合能够反映所述弹框中的信息元素的位置。

步骤202,所述设备终端根据所述第一弹框的弹框位置和所述第二弹框中显示的信息元素的位置,判断所述第一弹框的弹框和所述第二弹框中显示的 信息元素是否存在重叠,如果存在,执行步骤203;如果不存在,则结束流程。

所述设备终端根据所述第一弹框的弹框位置和所述第二弹框中显示的信息元素的位置,判断所述第一弹框的弹框和所述第二弹框中显示的信息元素是否存在重叠,具体为:

所述设备终端根据所述第一弹框的弹框位置的坐标集合与所述第二弹框中显示的信息元素的位置的坐标集合是否存在交集,判断所述第一弹框的弹框和所述第二弹框中的信息元素是否存在重叠。

所述第一弹框的位置的坐标集合与所述第二弹框中的显示的信息元素的位置的坐标集合存在交集表明所述第一弹框与所第二弹框中显示的信息元素有重叠的部分,会使用户无法看清第二弹框中显示的信息元素。

具体如图1所示,由于页面上的内容是基于html(Hypertext Markup Language,超文本标记语言)生成的,页面中的第一弹框和第二弹框是基于div(一种html标签,用于把文档分割为独立的、不同的部分)或iframe(一种html标签,作用是显示文档中的文档,或者浮动的框架)生成的,因此,在第一弹框形成后检测第一弹框的框架所在区域中是否存在除所述第一弹框的html元素之外的其他弹框的html元素就可以判断出所述第一弹框对所述第二弹框中的html元素形成覆盖和重叠,即所述第一弹框的弹框对所述第二弹框中显示的信息元素行程遮挡。

步骤203,所述设备终端调整所述第一弹框的弹框位置或所述第二弹框的弹框位置,以使所述第一弹框的弹框和所述第二弹框中显示的信息元素不再重叠。

所述设备终端调整所述第一弹框的弹框位置或所述第二弹框的弹框位置,以使所述第一弹框的弹框和所述第二弹框中显示的信息元素不再重叠,具体为:

所述设备终端根据所述第一弹框的弹框位置的坐标集合与所述第二弹框中显示的信息元素的位置的坐标集合生成第一调整距离;

所述设备终端根据所述第一调整距离调整所述第一弹框的弹框位置或所述第二弹框的弹框位置,以使所述第一弹框的弹框位置的坐标集合与所述第 二弹框中的信息元素的位置的坐标集合不再有交集。

其中,所述第一调整距离具体可以为所述第一弹框的弹框位置和所述第二弹框中的信息元素不再重叠的最短调整距离,当然所述第一调整距离还可以为所述第一弹框的弹框位置和所述第二弹框中的信息元素不再重叠的其他调整距离,具体的调整距离可以根据实际情况和需要确定,但是所有使所述第一弹框的弹框位置和所述第二弹框中的信息元素不再重叠的调整距离均属于本申请的保护范围。

具体的,所述设备终端根据所述第一弹框的位置的边界坐标集合与所述第二弹框中显示的信息元素的位置的边界坐标集合生成一个调整向量,所述设备终端根据所述调整向量调整所述第一弹框的位置或所述第二弹框的位置,以使所述第一弹框的位置的坐标集合和所述第二弹框中显示的信息元素的位置坐标集合不再有交集。

所述设备终端在对弹框进行调整时,可以单独调整其中一个弹框,也可以对两个弹框同时进行调整。

当根据第一调整距离进行调整后,由于第一弹框的弹框位置和第二弹框中显示的信息元素会随着在文本框中输入的内容发生改变,第一弹框的弹框位置的覆盖区域可能会再次覆盖第二弹框中显示的信息元素,设备终端再次根据第一弹框的弹框位置的坐标集合和第二弹框中显示的信息元素的位置的坐标集合来时时调整第一弹框的弹框位置或第二弹框的弹框位置,通过上述的调整方法能够在保证第一弹框不覆盖第二弹框中显示的信息元素的前提下,尽量减小所述第一弹框和所述第二弹框占用设备终端显示屏的总面积。

通过第一调整距离进行调整的方法需要根据第一弹框的弹框位置和第二弹框中显示的信息元素的位置时时的进行调整,这样会产生大量的计算,在计算时会占用设备终端的资源,因此,本申请还提出了通过第二调整距离的调整方法来调整所述第一弹框或所述第二弹框,以使所述第一弹框或所述第二弹框只进行一次调整就可以避免再次发生一弹框的弹框位置和第二弹框中显示的信息元素的位置发生重叠的显现,具体方法如下:

所述设备终端调整所述第一弹框的弹框位置或所述第二弹框的弹框位 置,以使所述第一弹框的弹框和所述第二弹框中显示的信息元素不再重叠,还具体为:

所述设备终端获取所述第二弹框的弹框位置的坐标集合;

所述设备终端根据所述第一弹框的弹框位置的坐标集合与所述第二弹框的弹框坐标集合生成第二调整距离;

所述设备终端根据所述第二调整距离调整所述第一弹框的弹框位置或所述第二弹框的弹框位置,以使所述第一弹框的弹框位置的坐标集合与所述第二弹框的弹框位置的坐标集合不再有交集。

其中,所述第二调整距离可以为所述第一弹框的弹框位置和所述第二弹框中的弹框不再重叠的最短调整距离,当然所述第二调整距离还可以为所述第一弹框的弹框位置和所述第二弹框的弹框位置不再重叠的其他调整距离,具体的调整距离可以根据实际情况和需要确定,但是所有使所述第一弹框的弹框位置和所述第二弹框的弹框位置不再重叠的调整距离均属于本申请的保护范围。

具体的,所述设备终端根据所述第一弹框的弹框位置的边界坐标集合与所述第二弹框的弹框位置的边界坐标集合生成一个调整向量,所述设备终端根据所述调整向量调整所述第一弹框的弹框位置或所述第二弹框的弹框位置,以使所述第一弹框的弹框位置的坐标集合和所述第二弹框的弹框位置坐标集合不再有交集。

通过上述方法无论文本框中输入的信息发生何种变化,第一弹框和第二弹框都不会再有覆盖现象,只需对第一弹框或第二弹框进行一次调整就能避免第一弹框和第二弹框再次出现覆盖、重叠现象,因此不需要在第一弹框和第二弹框的位置发生变化后,再次判断第一弹框和第二弹框的位置坐标是否存在交集,能够使设备终端避免由于弹框位置发生变化所带来的大量计算。

本申请通过获取与文本输入框相关联的第一弹框的弹框位置和第二弹框中显示的信息元素的位置判断所述第一弹框的弹框和所述第二弹框中显示的信息元素是否存在重叠,如果存在,所述设备终端调整所述第一弹框的弹框位置或所述第二弹框的弹框位置,以使所述第一弹框的弹框和所述第二弹框 中显示的信息元素不再重叠,从而保证了用户输入内容的正确性,提高了用户的工作效率,用户体验好。

当与文本输入框相关联的第一弹框和第二弹框出现时,所述第一弹框的弹框位置是与所述第二弹框的弹框位置有重叠、覆盖现象的,但是所述第一弹框的弹框位置并没有与所述第二弹框中显示的信息元素的位置有重叠、覆盖现象,但是随着在文本输入框中输入的文字的变化,第二弹框中显示的信息元素所占的位置也会发生变化,在第二弹框中显示的信息元素所占的位置会发生变化后,所述第一弹框的弹框位置可能会对所述第二弹框中显示的信息元素产生重叠、覆盖现象,为了避免这一情况的发生,本申请还提出了一种弹框显示方法,所述方法包括以下步骤:

步骤301,设备终端获取与文本输入框相关联的第一弹框的弹框位置和第二弹框的弹框位置。

设备终端获取与文本输入框相关联的第一弹框的弹框位置和第二弹框的弹框位置,具体为:

所述设备终端获取与当前文本框相关联的所述第一弹框的弹框位置的坐标集合和第二弹框的弹框位置的坐标集合。

其中,所述第二弹框为推荐词条的显示区域;所述第一弹框为所述用户在所述文本输入框中输入信息时所采用的输入法的提示输入显示区域,所述第一弹框的显示层在所述第二弹框的显示层之上。

步骤302,所述设备终端根据所述第一弹框的弹框位置和所述第二弹框的弹框位置,判断所述第一弹框的弹框和所述第二弹框的弹框是否存在重叠。

所述设备终端根据所述第一弹框的弹框位置和所述第二弹框的弹框位置,判断所述第一弹框的弹框和所述第二弹框的弹框是否存在重叠,具体为:

所述设备终端根据所述第一弹框的弹框位置的坐标集合与所述第二弹框的弹框位置的坐标集合是否存在交集,判断所述第一弹框的弹框和所述第二弹框的弹框是否存在重叠。如果存在,表明所述第一弹框的弹框位置对所述第二弹框的弹框位置产生了覆盖、重叠现象,为了避免由于文本输入框中输入的信息发生变化,第一弹框的弹框位置和第二弹框中显示的信息元素位置 也发生变化而引起的第一弹框的弹框位置可能对第二弹框中显示的信息元素位置行程覆盖、重叠现象,则执行步骤303;如果不存在,则结束流程。

步骤303,所述设备终端调整所述第一弹框的弹框位置或所述第二弹框的弹框位置,以使所述第一弹框的弹框和所述第二弹框的弹框不再重叠。

所述设备终端调整所述第一弹框的弹框位置或所述第二弹框的弹框位置,以使所述第一弹框的弹框和所述第二弹框的弹框不再重叠,具体为:

所述设备终端根据所述第一弹框的弹框位置的坐标集合与所述第二弹框的弹框位置的坐标集合生成第三调整距离;

所述设备终端根据所述第三调整距离调整所述第一弹框的弹框位置或所述第二弹框的弹框位置,以使所述第一弹框的弹框位置的坐标集合与所述第二弹框的弹框位置的坐标集合不再有交集。

其中,所述第三调整距离具体可以为所述第一弹框的弹框位置和所述第二弹框的弹框位置不再重叠的最短调整距离,当然所述第三调整距离还可以为所述第一弹框的弹框位置和所述第二弹框的弹框位置不再重叠的其他调整距离,具体的调整距离可以根据实际情况和需要确定,但是所有使所述第一弹框的弹框位置和所述第二弹框的弹框位置不再重叠的调整距离均属于本申请的保护范围。

具体的,所述设备终端根据所述第一弹框的弹框位置的边界坐标集合与所述第二弹框中的弹框位置的边界坐标集合生成一个调整向量,所述设备终端根据所述调整向量调整所述第一弹框的位置或所述第二弹框的位置,以使所述第一弹框的位置的坐标集合和所述第二弹框的弹框位置的坐标集合不再有交集。

所述设备终端在对弹框进行调整时,可以单独调整其中一个弹框,也可以对两个弹框同时进行调整。

由于第二弹框中显示的信息元素不会超出第二弹框的弹框显示区域,根据上方法进行调整后,所述第一弹框的弹框位置就不会再与所述第二弹框的弹框位置发生覆盖、重叠现象,也就不会出现第一弹框的弹框位置遮挡所述第二弹框中显示的信息元素,上述方法通过预先调整的手段,避免了在出现 遮挡所述第二弹框中显示的信息元素之后在调整的情况。

为了进一步阐述本申请的技术思想,现结合具体的应用场景,对本申请的技术方案进行说明。

如图1所示,设备终端通过输入法弹框3在文本框1输入信息时,推荐信息弹框2为用户提供相应的推荐信息,设备终端获取输入法弹框3所占位置的坐标集合和推荐信息弹框2的信息元素所占位置的坐标集合,由于获取的输入法弹框3所占位置的坐标集合和推荐信息弹框2的信息元素所占位置的坐标集合存在交集,此时推荐信息弹框2中为用户提供的部分推荐信息会被输入法弹框3遮盖着,使用户无法看到推荐信息弹框2中为用户提供的部分推荐信息。

如果用户输入的信息为文字,且一个文字的长度为单位1,设备终端根据获取输入法弹框3所占位置的坐标集合和推荐信息弹框2的信息元素所占位置的坐标集合判断出需要将输入法弹框3向右移动2个单位或推荐信息弹框2向左平移2个单位距离可以使输入法弹框3不在遮挡推荐信息弹框2中的信息元素,所述设备终端将所述输入法弹框3向右平移2个单位(如图4所示),或将推荐信息弹框2向左平移两个单位距离。

当文本框1输入的信息发生变化时,设备终端再次获取当前的输入法弹框3所占位置的坐标集合和推荐信息弹框2的信息元素所占位置的坐标集合,并判断是否存在交集,如果存在交集,即输入法弹框3或推荐信息弹框2再次发生覆盖现象时,设备终端根据输入法弹框3所占位置的坐标集合和推荐信息弹框2的信息元素所占位置的坐标集合确定输入法弹框3或推荐信息弹框2的最短移动向量,所述设备终端根据所述最短移动向量移动输入法弹框3或推荐信息弹框2以使输入法弹框3和推荐信息弹框2的信息元素不再有覆盖现象。

所述设备终端还可以获取推荐信息弹框2的位置坐标集合和输入法弹框3的位置坐标集合,在判断出推荐信息弹框2的位置坐标集合和输入法弹框3的位置坐标集合存在交集时,所述设备终端根据推荐信息弹框2的位置坐标集合和输入法弹框3的位置坐标集合调整推荐信息弹框2或输入法弹框3的 位置,以使所述推荐信息弹框2和输入法弹框3的位置坐标集合不再有交集。

所述设备终端根据所述推荐信息弹框2和输入法弹框3的位置的坐标进行调整后,无论文本框1中输入的信息发生何种变化,所述推荐信息弹框2和输入法弹框3都不会再有覆盖现象,只需要根据所述推荐信息弹框2和输入法弹框3的位置的坐标对所述推荐信息弹框2和输入法弹框3调整一次就能避免所述推荐信息弹框2和输入法弹框3再次发生覆盖现象,因此不要在推荐信息弹框2和输入法弹框3的位置发生变化时在重新获取相应的位置坐标,并判断坐标是否存在交集,避免了由于再次判断坐标是否存在交集,以及确定移动向量产生的大量计算。

基于与上述方法同样的申请构思,本申请提出了一种设备终端,如图5所述,该设备终端包括:

获取模块51,用于获取与文本输入框相关联的第一弹框的弹框位置和第二弹框中显示的信息元素的位置;

判断模块52,用于根据所述第一弹框的弹框位置和所述第二弹框中显示的信息元素的位置,判断所述第一弹框的弹框和所述第二弹框中显示的信息元素是否存在重叠;

调整模块53,如果所述第一弹框的弹框和所述第二弹框中显示的信息元素存在重叠,用于调整所述第一弹框的弹框位置或所述第二弹框的弹框位置,以使所述第一弹框的弹框和所述第二弹框中显示的信息元素不再重叠。

所述第二弹框中显示的信息元素为根据用户在所述文本输入框中输入的信息产生的推荐词条,所述第二弹框为所述推荐词条的显示区域;所述第一弹框为所述用户在所述文本输入框中输入信息时所采用的输入法的提示输入显示区域。

所述获取模块,具体用于:

获取与当前文本框相关联的所述第一弹框的弹框位置的坐标集合和第二弹框中显示的信息元素的位置的坐标集合;

所述判断模块,具体用于:

根据所述第一弹框的弹框位置的坐标集合与所述第二弹框中显示的信息 元素的位置的坐标集合是否存在交集,判断所述第一弹框的弹框和所述第二弹框中的信息元素是否存在重叠。

所述调整模块,具体用于:

根据所述第一弹框的弹框位置的坐标集合与所述第二弹框中显示的信息元素的位置的坐标集合生成第一调整距离;

根据所述第一调整距离调整所述第一弹框的弹框位置或所述第二弹框的弹框位置,以使所述第一弹框的弹框位置的坐标集合与所述第二弹框中的信息元素的位置的坐标集合不再有交集。

所述调整模块,还具体用于:

获取所述第二弹框的弹框位置的坐标集合;

根据所述第一弹框的弹框位置的坐标集合与所述第二弹框的弹框坐标集合生成第二调整距离;

根据所述第二调整距离调整所述第一弹框的弹框位置或所述第二弹框的弹框位置,以使所述第一弹框的弹框位置的坐标集合与所述第二弹框的弹框位置的坐标集合不再有交集。

本申请通过获取与文本输入框相关联的第一弹框的弹框位置和第二弹框中显示的信息元素的位置判断所述第一弹框的弹框和所述第二弹框中显示的信息元素是否存在重叠,如果存在,所述设备终端调整所述第一弹框的弹框位置或所述第二弹框的弹框位置,以使所述第一弹框的弹框和所述第二弹框中显示的信息元素不再重叠,从而保证了用户输入内容的正确性,提高了用户的工作效率,用户体验好。

基于与上述方法同样的申请构思,本申请还提出了一种设备终端,如图6所述,该设备终端包括:

获取模块61,用于获取与文本输入框相关联的第一弹框的弹框位置和第二弹框的弹框位置;

判断模块62,用于根据所述第一弹框的弹框位置和所述第二弹框的弹框位置,判断所述第一弹框的弹框和所述第二弹框的弹框是否存在重叠;

调整模块63,如果所述第一弹框的弹框和所述第二弹框的弹框存在重叠, 用于调整所述第一弹框的弹框位置或所述第二弹框的弹框位置,以使所述第一弹框的弹框和所述第二弹框的弹框不再重叠。

所述第二弹框为推荐词条的显示区域;所述第一弹框为所述用户在所述文本输入框中输入信息时所采用的输入法的提示输入显示区域。

所述获取模块,具体用于:

获取与当前文本框相关联的所述第一弹框的弹框位置的坐标集合和第二弹框的弹框位置的坐标集合;

所述判断模块,具体用于:

根据所述第一弹框的弹框位置的坐标集合与所述第二弹框的弹框位置的坐标集合是否存在交集,判断所述第一弹框的弹框和所述第二弹框的弹框是否存在重叠。

所述调整模块,具体用于:

根据所述第一弹框的弹框位置的坐标集合与所述第二弹框的弹框位置的坐标集合生成第三调整距离;

根据所述第三调整距离调整所述第一弹框的弹框位置或所述第二弹框的弹框位置,以使所述第一弹框的弹框位置的坐标集合与所述第二弹框的弹框位置的坐标集合不再有交集。

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

以上所述仅是本申请的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本申请原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视本申请的保护范围。

本领域技术人员可以理解实施例中的装置中的模块可以按照实施例描述 进行分布于实施例的装置中,也可以进行相应变化位于不同于本实施例的一个或多个装置中。上述实施例的模块可以集成于一体,也可以分离部署;可以合并为一个模块,也可以进一步拆分成多个子模块。上述本申请实施例序号仅仅为了描述,不代表实施例的优劣。

以上公开的仅为本申请的几个具体实施例,但是,本申请并非局限于此,任何本领域的技术人员能思之的变化都应落入本申请的保护范围。

当前第1页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1