CN106569651A - 一种页面弹出层位置的定位方法及装置 - Google Patents
一种页面弹出层位置的定位方法及装置 Download PDFInfo
- Publication number
- CN106569651A CN106569651A CN201510647171.8A CN201510647171A CN106569651A CN 106569651 A CN106569651 A CN 106569651A CN 201510647171 A CN201510647171 A CN 201510647171A CN 106569651 A CN106569651 A CN 106569651A
- Authority
- CN
- China
- Prior art keywords
- page
- ejection layer
- displaing coordinate
- display
- indication range
- 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.)
- Pending
Links
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种页面弹出层位置的定位方法及装置,涉及计算机技术领域,解决了页面弹出层在弹出显示时,由于其边界超出页面的显示范围而造成页面出现滚动条以及弹出层无法完全显示在页面中的问题。本发明主要的技术方案为:获取页面的显示范围,所述页面中包含有至少一个弹出层;在所述弹出层弹出显示前,获取所述弹出层显示在所述页面中的显示坐标;根据所述显示坐标,计算所述弹出层的显示范围;判断所述弹出层的显示范围是否在所述页面的显示范围内;若不在所述页面的显示范围内,则调整所述弹出层在所述页面中的显示坐标,使得所述弹出层在弹出显示后可以完全显示在所述页面的显示范围内。本发明主要用于调整页面内弹出层的位置。
Description
技术领域
本发明涉及计算机技术领域,尤其涉及一种页面弹出层位置的定位方法及装置。
背景技术
在网页上,由于界面大小及美观要求的原因,有些功能菜单需要先隐藏,在激活时再弹出或扩展显示。当这些功能菜单以弹出层的方式显示后,为了整体显示的美观与协调,以及突出弹出层与触发该页面的信息框或按钮的视觉关联性,弹出层的位置一般是跟随着触发该弹出层的信息框或按钮的位置进行弹出显示。在一些特殊的情况下,比如触发按钮的位置非常靠近页面的右侧显示边缘,而弹出层弹出规则是以其左边缘与按钮的左边缘对齐,并且该弹出层的显示宽度又大于该按钮左边缘到页面右边缘的宽度,这时,在弹出层被触发显示时就无法完全显示在该页面中,导致该页面下方出现滚动条,需要用户拖动滚动条后,将弹出层完全地展示出来。这样不仅影响了页面整体的显示效果,也增加了用户的操作步骤,使用户无法直接对弹出层中的内容进行操作,影响用户的操作体验。
发明内容
有鉴于此,本发明提供一种页面弹出层位置的定位方法及装置,能够解决页面弹出层在弹出显示时,由于其边界超出页面的显示范围而造成页面出现滚动条以及弹出层无法完全显示在页面中的问题。
依据本发明的一个方面,提出了一种页面弹出层位置的定位方法,该方法包括:
获取页面的显示范围,所述页面中包含有至少一个弹出层;
在所述弹出层弹出显示前,获取所述弹出层显示在所述页面中的显示坐标;
根据所述显示坐标,计算所述弹出层的显示范围;
判断所述弹出层的显示范围是否在所述页面的显示范围内;
若不在所述页面的显示范围内,则调整所述弹出层在所述页面中的显示坐标,使得所述弹出层在弹出显示后可以完全显示在所述页面的显示范围内。
依据本发明的另一个方面,提出了一种页面弹出层位置的定位装置,该装置包括:
第一获取单元,用于获取页面的显示范围,所述页面中包含有至少一个弹出层;
第二获取单元,用于在所述弹出层弹出显示前,获取所述弹出层显示在所述页面中的显示坐标;
计算单元,用于根据所述第二获取单元获取的显示坐标,计算所述弹出层的显示范围;
判断单元,用于判断所述计算单元得出的弹出层的显示范围是否在所述第一获取单元获取的页面的显示范围内;
调整单元,用于在所述判断单元判断所述弹出层不在所述页面的显示范围内时,调整所述弹出层在所述页面中的显示坐标,使得所述弹出层在弹出显示后可以完全显示在所述页面的显示范围内。
本发明所采用的一种页面弹出层位置的定位方法及装置,是在有弹出层的页面中,通过获取该页面中弹出层的显示坐标,在该弹出层弹出显示前,按照弹出层弹出的显示规则判断该弹出层在弹出显示后其显示的范围是否会超出原页面的显示范围,如果超出了显示范围,就调整该弹出层在页面中显示的坐标值,使其显示范围最终能够落在原页面的显示范围内。与现有技术相比,本发明通过调整弹出层显示的位置,避免了因为弹出层的显示范围超出页面的显示范围而在页面中出现滚动条的情况出现,从而保证了页面整体的美观性,也使得用户可以直接对弹出层中的内容进行阅览和操作,简化了用户进一步操作的步骤,提升了用户对该页面的整体观感及操作体验。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了本发明实施例提出的一种页面弹出层位置的定位方法的流程图;
图2示出了本发明实施例提出的另一种页面弹出层位置的定位方法的流程图;
图3示出了本发明实施例提出的一种页面弹出层位置的定位装置的组成框图;
图4示出了本发明实施例提出的另一种页面弹出层位置的定位装置的组成框图。
具体实施方式
下面将参照附图更详细地描述本发明公开的示例性实施例。虽然附图中显示了本发明公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本发明公开的范围完整的传达给本领域的技术人员。
本发明实施例提供了一种页面弹出层位置的定位方法,如图1所示,该方法应用在具有弹出层的页面显示装置中,其具体的应用场景不限定是网页页面,或者是其它具有页面显示功能的应用程序,其具体步骤包括:
101、获取页面的显示范围,该页面中包含有至少一个弹出层。
页面的显示范围在通常是指在该页面中可以用来展示内容信息的显示面积,例如,在显示器中打开了一个浏览器,那么浏览器的显示范围就是该浏览器界面在显示器中所占用的显示面积。当该浏览器进行全屏显示的时候,其显示范围等于该显示器的显示尺寸。因此,获取一个页面的显示范围就是获取该页面在显示器中所占用的显示面积,在以显示器的显示屏为基础建立的坐标系中,通过获取该页面相对于显示屏的显示坐标,就可以计算出该页面在显示屏中的显示范围了。需要说明的是,由于显示屏存在着尺寸、分辨的参数差异,因此,同一个页面在不同的显示屏中所得到的显示范围是不同的。
此外,在页面中应该存在有至少一个的弹出层,该弹出层是因为考虑到页面大小以及美观的原因,将部分的功能菜单进行隐藏的结果。页面在正常显示时,是不显示弹出层的,只有在触发显示该弹出层时,弹出层才会进行显示。并且,弹出层的大小、在页面中的显示位置等参数都是在页面制作是预先设置好的,当弹出层的显示条件被触发,该弹出层就会根据预先设置好的规则显示在页面中。
102、在弹出层弹出显示前,获取该弹出层显示在页面中的显示坐标。
根据101中的描述,由于弹出层在显示时都是依据预先设置的规则进行显示的。因此,弹出层相对于页面的弹出位置是固定的,其在页面中的显示坐标就可以通过其预先设定的值来获取。需要说明的是,本实施例中所指的显示坐标的参照系为上述中以显示屏为基础建立的坐标体系,这是为了便于后续中的计算,因此,这里所说的显示坐标也是向对于显示屏而言的显示坐标。
此外,因为本发明所要解决的问题是能够自动调整弹出层的位置。因此,在本步骤中获取弹出层显示坐标的时间点,一定是在该弹出层还没有显示在页面中之前,这样才能达到修改弹出层的显示坐标,使弹出层完全地显示在页面中的效果。
103、根据显示坐标计算弹出层的显示范围。
因为获取到的弹出层显示坐标是相对于显示屏的坐标,所以,通过该显示坐标所计算出的显示范围也是相对于显示屏的显示范围。并且,由于弹出层与页面的都是基于显示屏的坐标体系计算出来的,因此,弹出层与页面的相对位置关系使不变的。
104、判断弹出层的显示范围是否在页面的显示范围内。
在确定了弹出层与页面的显示范围后,则需要判断该弹出层的显示范围是否超出了页面的显示范围。
105、若不在所述页面的显示范围内,则调整弹出层在页面中的显示坐标。
根据104的判断结果,如果弹出层的显示范围没有超出页面的显示范围,即弹出层在显示后可以完全的显示在页面中,则不需要对弹出层的显示参数做修改,只需按照其原有的显示规则进行正常显示即可。而当弹出层的显示范围超出了页面的显示范围时,则需要对弹出层的显示坐标进行调整,并判断调整后的弹出层显示范围是否落在了页面的显示范围内,通过反复的调整、判断后,最终会获得一组新的弹出层显示坐标,并且将弹出层原有的显示坐标修改为新的显示坐标。根据该显示坐标,弹出层将完整的显示在页面当中。从而避免了页面因为弹出层超出了其显示的范围而出现滚动条的情况。
需要说明的是,本实施例中,改变弹出层的显示坐标只是对弹出层位置的改变,而不是通过对弹出层显示范围的缩放来达到完整显示弹出层效果的。
结合上述的实现方式可以看出,本发明实施例所采用的一种页面弹出层位置的定位方法,是在有弹出层的页面中,通过获取该页面中弹出层的显示坐标,在该弹出层弹出显示前,按照弹出层弹出的显示规则判断该弹出层在弹出显示后其显示的范围是否会超出原页面的显示范围,如果超出了显示范围,就调整该弹出层在页面中显示的坐标值,使其显示范围最终能够落在原页面的显示范围内。与现有技术相比,本发明通过调整弹出层显示的位置,避免了因为弹出层的显示范围超出页面的显示范围而在页面中出现滚动条的情况出现,从而保证了页面整体的美观性,也使得用户可以直接对弹出层中的内容进行阅览和操作,简化了用户进一步操作的步骤,提升了用户对该页面的整体观感及操作体验。
为了更加详细地说明上述所提出的方法,本实施例通过具体的应用场景对上述的方法做出进一步说明,尤其需要说明的是,本实施例是应用在弹出层的显示位置跟随触发按键位置的变化而改变的情况下,在触发按键的显示位置靠近页面显示边缘时,弹出层的显示范围就有可能超出页面的显示范围。在这样的情况下,本发明实施例提出的一种页面弹出层位置的定位方法,如图2所示,具体包括:
201、获取页面的显示范围,该页面中包含有至少一个弹出层。
在本实施例的应用场景中,设定弹出层与触发按键的外形为矩形,且弹出层的显示规则为弹出层左边的横坐标与其触发按键左边的横坐标相同,弹出层上边缘的纵坐标与其触发按键下边缘的纵坐标相同,即弹出层左上角的坐标值与触发按键左下角的坐标值相同。这样,弹出层的显示位置就会跟随触发按键位置的移动而移动。
在此步骤中,需要获取页面的显示范围,设定该页面的显示宽度为W1,页面的高度为H1,那么页面的显示范围就可以表示为W1×H1。
202、在弹出层弹出显示前,获取弹出层显示在页面中的显示坐标。
获取弹出层显示在页面中的显示坐标,设定弹出层根据原有规则进行显示的情况下,其左上角的坐标为(X1,Y1),右下角的坐标为(X2,Y2)。其中,X1和X2分别表示弹出层在页面中所在行的坐标;Y1和Y2分别表示弹出层在页面中所在列的坐标。此外,也可以根据不同情况将X1和X2分别表示弹出层在页面中所在列的坐标;Y1和Y2分别表示弹出层在页面中所在行的坐标。
203、根据显示坐标计算弹出层的显示范围。
弹出层的显示范围通过其左上角与右下角的坐标值可以表示为(X2-X1)×(Y1-Y2),其中,(X2-X1)为弹出层的宽度,(Y1-Y2)为弹出层的高度。
204、判断弹出层的显示范围是否大于页面的显示范围。
需要指出的是,在判断弹出层的显示范围是否大于页面的显示范围时,其中所指的显示范围并不是指显示的面积,而是针对特定方向中显示坐标的宽度或长度,比如,在二维界面中,是指页面在横坐标中的宽度或纵坐标的宽度是否大于弹出层在横坐标中的宽度或纵坐标的宽度。
因此,本步骤的判断是为了确保弹出层本身能够完全的显示在页面中,如果弹出的显示宽度本身就大于了页面的显示宽度,那么无论对弹出页面进行如何的位置调整都不能将该弹出层完整的显示在页面中。但是,一般情况下,制作弹出层时,其设置的宽度与高度都不会超出其页面的宽度与高度,因此,该步骤更多的是对弹出层坐标值的检验步骤。
具体的判断方式为,可以当W1-(X2-X1)的值大于0时,继续进行205中的判断,当W1-(X2-X1)的值小于0时,则无需对该弹出层做横向上的平移调整。同样地,可以通过判断H1-(Y1-Y2)的值大于0时,则可以继续进行205中的判断,H1-(Y1-Y2)的值小于0或等于0时,则无需对该弹出层做横向上的平移调整。
205、判断弹出层的显示范围是否在页面的显示范围内。
经过204的判断,确认弹出层能够完全显示在页面中后,将进一步判断该弹出层的显示范围是否在页面的显示范围内,由于弹出层与其触发按键为左对齐的设定模式,根据常识可知,该弹出层的左边必然会在页面的显示范围内,只需判断其右边是否在页面的显示范围外,具体的计算方法为,判断W1-X1-(X2-X1)的值,或者直接判断页面宽度与弹出层右边横坐标的差值,即W1-X2,大于0说明弹出层在横向上位于页面的显示范围内,不需要再进行调整,而小于0或等于0则说明弹出层在横向上超出了页面的显示范围。对于纵坐标的判断原理与横坐标相同,此处不再赘述。
206、若不在所述页面的显示范围内,则调整弹出层在页面中的显示坐标。
经过205的判断,如果弹出层的显示范围超出的了页面的显示范围,那么,将对弹出层的显示位置进行移动调整,直至将弹出层的显示位置移动到页面的显示范围内,并且在确认了新的显示位置后,将获取弹出层新的显示坐标,用以替换原有的弹出层显示坐标。
在确定弹出层的显示坐标前,还需要先获取页面的显示坐标,包括在各个坐标轴方向上的最小显示坐标和最大显示坐标,从而可以确定页面在该坐标系中的显示范围,或者显示空间。在相同的坐标系中,将弹出层在各个坐标轴方向中的最小显示坐标和最大显示坐标之间的区间调整到页面在该方向中最小显示坐标和最大显示坐标之间的区间内。需要说明的是,最小显示坐标和最大显示坐标之间的差值不变,而是整体的平行移动。
在本实施例中,针对上述横向的显示范围超出页面的例子,给出了两两种调整方法,一种是将弹出层显示范围超出部分的外边缘平行移动至与页面显示范围的边缘重合,即将弹出层向左平移,使弹出层的右下角的坐标(X3,Y2),其中,X3=X2-W1。得出右下角的坐标后,根据弹出层的宽度就可以得出其左上角的坐标(X4,Y1),其中,X4=X1-W1。再将(X1,Y1)修改成(X4,Y1),将(X2,Y2)修改成(X3,Y2),弹出层在触发按键被触发后,将以新的坐标点进行定位,同时在横向上完整的显示在页面的显示范围中。
另一种是将弹出层横向平移,并将弹出层右侧的边缘与触发按键的右侧边缘向对齐,在这种方式中,还需要另外获取触发按键的对角的坐标点,计算出该触发按键的宽度,设定为W2。那么,该触发按键右边的横坐标X5=X1+W2,从而得出弹出层右下角的坐标(X5,Y2),再计算出相应的坐上角横坐标,并将相应的坐标值替换掉原有的(X1,Y1),(X2,Y2)。
以上两种的移动方式其原理相同,区别在于将弹出层向右移动的值不同,以及弹出层在显示后的效果不一样,以此原理,还可以判断将弹出层宽度的中心与触发按键宽度的中心对齐显示,前提示弹出层可以完全的显示在页面的显示范围中即可。因此,对于上述两种方式的选择将完全取决于设计人员对于显示美观程度的偏好。
需要说明的是,上述的调整方式仅是针对弹出层是相对触发按键左对齐,且显示在触发按键下方的情况举例,而对于其他的对齐方式,或是显示位置的变化,均可以通过对上述计算方法的对应变换来判断弹出层是否超出了页面的显示范围,并且计算其平移进页面显示范围后的显示坐标。因此,对于其他形式的弹出层位置跟随触发按键位置显示的例子就不再此一一赘述了。
此外,上述的确定弹出层位置的方式主要是根据预定的算法来确定弹出的具体位置,是一种被动的自定位方式。为了能够向用户提供更好的操作体验以及更高的操作自由度,本实施例还提供一种可以由用户自定义弹出层显示坐标的弹出显示方式。
该方式是在弹出层被触发弹出时,先在页面中显示一个虚拟显示框,该显示框的大小与弹出层的大小相同,或者也可以略大于弹出层的大小。该虚拟显示框可以由用户自定义具体的显示坐标,例如该显示框能够随着用户鼠标的移动在页面中移动,当鼠标点击确定键后,该显示框的位置就被确定为在该页面中固定的显示位置。此时,将该显示框的显示坐标替换弹出层的显示坐标。弹出层在获取到新的显示坐标后,再根据新的显示坐标进行弹出显示。用户在操作感受上就是由用户触发了弹出层的操作后,会先弹出一个与弹出层大小一致的显示位置框,由用户来调整该框的显示位置,在确定位置后,该显示位置框被弹出框覆盖显示。这种方式能够给用户带来更好的交互体验,由用户确定显示的具体位置。需要说明的是,在该方式中,显示位置框的显示坐标是通过与用户交互获取的,但具体的方式并不限定于使用鼠标、键盘或触控的方式来确定具体的显示坐标。
进一步的,作为对上述方法的实现,本发明实施例提供了一种页面弹出层位置的定位装置,如图3所示,该装置设置在能够进行页面显示的设备中,在本实施例中不限定是个人电脑(Personal Computer,PC)、平板电脑、手机、智能手表等,该装置包括:
第一获取单元31,用于获取页面的显示范围,所述页面中包含有至少一个弹出层。
第二获取单元32,用于在所述弹出层弹出显示前,获取所述弹出层显示在所述页面中的显示坐标。
计算单元33,用于根据所述第二获取单元32获取的显示坐标计算所述弹出层的显示范围。
判断单元34,用于判断所述计算单元33得出的弹出层的显示范围是否在所述第一获取单元31获取的页面的显示范围内。
调整单元35,用于在所述判断单元34判断所述弹出层不在所述页面的显示范围内时,调整所述弹出层在所述页面中的显示坐标,使得所述弹出层在弹出显示后可以完全显示在所述页面的显示范围内。
进一步的,如图4所示,所述装置的判断单元34包括:
第一判断模块341,用于判断所述弹出层的显示范围是否大于所述页面的显示范围;
第二判断模块342,用于在第一判断模块341的判断结果为不大于所述页面的显示范围时,判断所述弹出层的显示范围是否在所述页面的显示范围内。
进一步的,如图4所示,所述调整单元35包括:
获取模块351,用于获得所述弹出层在所述页面中的显示坐标;
判断模块352,用于判断所述获取模块351获取的显示坐标是否在所述页面的显示坐标范围内;
调整模块353,用于当所述判断模块352判断弹出层不在所述页面的显示坐标范围内时,将所述弹出层的显示坐标调整至所述页面的显示坐标范围内。
进一步的,所述调整模块353包括:
获取子模块,用于获得所述页面的显示坐标范围内的最小显示坐标和最大显示坐标;
计算子模块,用于计算所述弹出层的显示坐标与所述最小显示坐标的距离;
所述计算子模块还用于,计算所述弹出层的显示坐标与所述最大显示坐标的距离;
调整子模块,用于在所述页面的显示坐标范围内,根据所述距离,调整所述弹出层的显示坐标。
进一步的,所述调整模块353还包括:
设置子模块,用于在所述弹出层被触发弹出显示后,在所述页面中设置一个可移动的显示位置框,其中,所述显示位置框的显示范围与所述弹出层的显示范围相同;
确定子模块,用于确定所述显示位置框的显示坐标,具体是根据用户的操作进行位置的确定,从而获取具体的显示坐标;
显示子模块,用于将所述弹出层显示在所述显示位置框的显示坐标范围内。
综上所述,本发明实施例所采用的一种页面弹出层位置的定位方法及装置,是在有弹出层的页面中,通过获取该页面中弹出层的显示坐标,在该弹出层弹出显示之前,按照弹出层弹出的显示规则判断该弹出层在弹出显示后其显示的范围是否会超出原页面的显示范围,如果超出了显示范围,就调整该弹出层在页面中显示的坐标值,使其显示范围最终能够落在原页面的显示范围内。与现有技术相比,本发明通过调整弹出层显示的位置,避免了因为弹出层的显示范围超出页面的显示范围而在页面中出现滚动条的情况出现,从而保证了页面整体的美观性,也使得用户可以直接对弹出层中的内容进行阅览和操作,简化了用户进一步操作的步骤,提升了用户对该页面的整体观感及操作体验。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
可以理解的是,上述方法及装置中的相关特征可以相互参考。另外,上述实施例中的“第一”、“第二”等是用于区分各实施例,而并不代表各实施例的优劣。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统,装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的发明名称(如确定网站内链接等级的装置)中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
Claims (10)
1.一种页面弹出层位置的定位方法,其特征在于,所述方法包括:
获取页面的显示范围,所述页面中包含有至少一个弹出层;
在所述弹出层弹出显示前,获取所述弹出层显示在所述页面中的显示坐标;
根据所述显示坐标,计算所述弹出层的显示范围;
判断所述弹出层的显示范围是否在所述页面的显示范围内;
若不在所述页面的显示范围内,则调整所述弹出层在所述页面中的显示坐标,使得所述弹出层在弹出显示后可以完全显示在所述页面的显示范围内。
2.根据权利要求1所述的方法,其特征在于,所述判断所述弹出层的显示范围是否在所述页面的显示范围内包括:
判断所述弹出层的显示范围是否大于所述页面的显示范围;
若不大于所述页面的显示范围,则判断所述弹出层的显示范围是否在所述页面的显示范围内。
3.根据权利要求1或2所述的方法,其特征在于,所述调整所述弹出层在所述页面中的显示坐标包括:
获得所述弹出层在所述页面中的显示坐标;
判断所述显示坐标是否在所述页面的显示坐标范围内;
当所述弹出层不在所述页面的显示坐标范围内时,将所述弹出层的显示坐标调整至所述页面的显示坐标范围内。
4.根据权利要求3所述的方法,其特征在于,所述将所述弹出层的显示坐标调整至所述页面的显示坐标范围内包括:
获得所述页面的显示坐标范围内的最小显示坐标和最大显示坐标;
分别计算所述弹出层的显示坐标与所述最小显示坐标和所述最大显示坐标的距离;
在所述页面的显示坐标范围内,根据所述距离,调整所述弹出层的显示坐标。
5.根据权利要求3所述的方法,其特征在于,将所述弹出层的显示坐标调整为所述页面的显示坐标范围内包括:
在所述弹出层被触发弹出显示后,在所述页面中显示一个可移动的显示位置框,所述显示位置框的显示范围与所述弹出层的显示范围相同;
确定所述显示位置框的显示坐标;
将所述弹出层显示在所述显示位置框的显示坐标范围内。
6.一种页面弹出层位置的定位装置,其特征在于,所述装置包括:
第一获取单元,用于获取页面的显示范围,所述页面中包含有至少一个弹出层;
第二获取单元,用于在所述弹出层弹出显示前,获取所述弹出层显示在所述页面中的显示坐标;
计算单元,用于根据所述第二获取单元获取的显示坐标,计算所述弹出层的显示范围;
判断单元,用于判断所述计算单元得出的弹出层的显示范围是否在所述第一获取单元获取的页面的显示范围内;
调整单元,用于在所述判断单元判断所述弹出层不在所述页面的显示范围内时,调整所述弹出层在所述页面中的显示坐标,使得所述弹出层在弹出显示后可以完全显示在所述页面的显示范围内。
7.根据权利要求6所述的装置,其特征在于,所述装置的判断单元包括:
第一判断模块,用于判断所述弹出层的显示范围是否大于所述页面的显示范围;
第二判断模块,用于当第一判断模块的判断结果为不大于所述页面的显示范围时,判断所述弹出层的显示范围是否在所述页面的显示范围内。
8.根据权利要求6或7所述的装置,其特征在于,所述调整单元包括:
获取模块,用于获得所述弹出层在所述页面中的显示坐标;
判断模块,用于判断所述获取模块获取的显示坐标是否在所述页面的显示坐标范围内;
调整模块,用于当所述判断模块判断弹出层不在所述页面的显示坐标范围内时,将所述弹出层的显示坐标调整至所述页面的显示坐标范围内。
9.根据权利要求8所述的方法,其特征在于,所述调整模块包括:
获取子模块,用于获得所述页面的显示坐标范围内的最小显示坐标和最大显示坐标;
计算子模块,用于计算所述弹出层的显示坐标与所述最小显示坐标的距离;
所述计算子模块还用于,计算所述弹出层的显示坐标与所述最大显示坐标的距离;
调整子模块,用于在所述页面的显示坐标范围内,根据所述距离,调整所述弹出层的显示坐标。
10.根据权利要求8所述的方法,其特征在于,所述调整模块包括:
设置子模块,用于在所述弹出层被触发弹出显示后,在所述页面中设置一个可移动的显示位置框,其中,所述显示位置框的显示范围与所述弹出层的显示范围相同;
确定子模块,用于确定所述显示位置框的显示坐标;
显示子模块,用于将所述弹出层显示在所述显示位置框的显示坐标范围内。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510647171.8A CN106569651A (zh) | 2015-10-08 | 2015-10-08 | 一种页面弹出层位置的定位方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510647171.8A CN106569651A (zh) | 2015-10-08 | 2015-10-08 | 一种页面弹出层位置的定位方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN106569651A true CN106569651A (zh) | 2017-04-19 |
Family
ID=58507670
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510647171.8A Pending CN106569651A (zh) | 2015-10-08 | 2015-10-08 | 一种页面弹出层位置的定位方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106569651A (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108664310A (zh) * | 2018-05-22 | 2018-10-16 | 平安科技(深圳)有限公司 | 显示框处理方法、装置、计算机设备和存储介质 |
CN110427147A (zh) * | 2019-07-19 | 2019-11-08 | 无线生活(杭州)信息科技有限公司 | 一种页面位置定位方法及装置 |
CN111797344A (zh) * | 2020-07-09 | 2020-10-20 | 平安国际智慧城市科技股份有限公司 | 页面跳转显示方法、装置、计算机设备及存储介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1658150A (zh) * | 2004-02-06 | 2005-08-24 | 微软公司 | 在已改变取向的显示器上自动显示视窗内容的方法和系统 |
CN103399711A (zh) * | 2013-08-21 | 2013-11-20 | 珠海市魅族科技有限公司 | 一种弹出式窗口的显示控制方法及终端 |
CN103530026A (zh) * | 2013-10-31 | 2014-01-22 | 北京国双科技有限公司 | 网页弹出框定位方法和装置 |
CN103677493A (zh) * | 2012-09-06 | 2014-03-26 | 腾讯科技(深圳)有限公司 | 弹出窗显示方法和装置 |
EP2796975A1 (en) * | 2013-04-24 | 2014-10-29 | Samsung Electronics Co., Ltd | Screen control method and electronic device thereof |
-
2015
- 2015-10-08 CN CN201510647171.8A patent/CN106569651A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1658150A (zh) * | 2004-02-06 | 2005-08-24 | 微软公司 | 在已改变取向的显示器上自动显示视窗内容的方法和系统 |
CN103677493A (zh) * | 2012-09-06 | 2014-03-26 | 腾讯科技(深圳)有限公司 | 弹出窗显示方法和装置 |
EP2796975A1 (en) * | 2013-04-24 | 2014-10-29 | Samsung Electronics Co., Ltd | Screen control method and electronic device thereof |
CN103399711A (zh) * | 2013-08-21 | 2013-11-20 | 珠海市魅族科技有限公司 | 一种弹出式窗口的显示控制方法及终端 |
CN103530026A (zh) * | 2013-10-31 | 2014-01-22 | 北京国双科技有限公司 | 网页弹出框定位方法和装置 |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108664310A (zh) * | 2018-05-22 | 2018-10-16 | 平安科技(深圳)有限公司 | 显示框处理方法、装置、计算机设备和存储介质 |
CN110427147A (zh) * | 2019-07-19 | 2019-11-08 | 无线生活(杭州)信息科技有限公司 | 一种页面位置定位方法及装置 |
CN110427147B (zh) * | 2019-07-19 | 2021-06-04 | 无线生活(杭州)信息科技有限公司 | 一种页面位置定位方法及装置 |
CN111797344A (zh) * | 2020-07-09 | 2020-10-20 | 平安国际智慧城市科技股份有限公司 | 页面跳转显示方法、装置、计算机设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104102418B (zh) | 一种移动终端浏览器中输入框目标位置定位方法及装置 | |
US7956869B1 (en) | Proximity based transparency of windows aiding in obscured window selection | |
CN103034430B (zh) | 虚拟触觉回馈方法及其电子装置 | |
US8621422B1 (en) | Environment for responsive graphical designs | |
CN103620526B (zh) | 在计算机视觉应用中扩展交互半径的手势控制型技术 | |
US20130111334A1 (en) | Electronic device and page processing method thereof | |
CN105205780B (zh) | 图片裁剪方法和装置 | |
CN103019516B (zh) | 用于显示页面的方法和设备 | |
JP2016529635A (ja) | 凝視制御インターフェース方法およびシステム | |
CN102662566A (zh) | 屏幕内容放大显示方法及终端 | |
US20150199075A1 (en) | Adjusting sizes of attached windows | |
US20140115534A1 (en) | Interaction method and apparatus for electronic devices | |
CN107273000B (zh) | 一种智能示波器的屏幕多分辨率适配方法 | |
US9946806B2 (en) | Exporting responsive designs from a graphical design tool | |
EP3108331B1 (de) | Anwenderschnittstelle und verfahren zum berührungslosen bedienen eines in hardware ausgestalteten bedienelementes in einem 3d-gestenmodus | |
CN106569651A (zh) | 一种页面弹出层位置的定位方法及装置 | |
CN104238887B (zh) | 常用应用程序的图标查找方法和装置 | |
CN103324390B (zh) | 用于页面浏览的交互方法、浏览器装置以及移动终端 | |
DE102014002984A1 (de) | Gestenvollendungspfadanzeige für gestenbasierte Tastaturen | |
CN107657591A (zh) | 一种图像处理方法及移动终端 | |
CN106126094A (zh) | 一种亮度调节方法及终端 | |
CN103365541A (zh) | 展示窗口的方法及终端 | |
CN107704147A (zh) | 功能控件的响应终端、方法及计算机可读存储介质 | |
CN103064691A (zh) | 制作电子设备桌面图标的方法和装置 | |
CN106681604A (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 | ||
CB02 | Change of applicant information | ||
CB02 | Change of applicant information |
Address after: 100083 No. 401, 4th Floor, Haitai Building, 229 North Fourth Ring Road, Haidian District, Beijing Applicant after: Beijing Guoshuang Technology Co.,Ltd. Address before: 100086 Cuigong Hotel, 76 Zhichun Road, Shuangyushu District, Haidian District, Beijing Applicant before: Beijing Guoshuang Technology Co.,Ltd. |
|
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20170419 |