CN104778198B - 一种移动终端页面信息的查看方法和装置 - Google Patents
一种移动终端页面信息的查看方法和装置 Download PDFInfo
- Publication number
- CN104778198B CN104778198B CN201410849871.0A CN201410849871A CN104778198B CN 104778198 B CN104778198 B CN 104778198B CN 201410849871 A CN201410849871 A CN 201410849871A CN 104778198 B CN104778198 B CN 104778198B
- Authority
- CN
- China
- Prior art keywords
- page
- page layer
- sliding
- sliding operation
- layer
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 47
- 238000004364 calculation method Methods 0.000 claims description 11
- 230000000694 effects Effects 0.000 claims description 9
- 238000001514 detection method Methods 0.000 claims description 8
- 230000006870 function Effects 0.000 description 20
- 238000010586 diagram Methods 0.000 description 4
- 238000004590 computer program Methods 0.000 description 2
- 230000000750 progressive effect Effects 0.000 description 1
Images
Landscapes
- Telephone Function (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种移动终端页面信息的查看。所述方法包括:在移动终端展示目标页面,所述目标页面由第一页面层和覆盖部分所述第一页面层的第二页面层构成;跟踪用户在所述第二页面层的滑动操作,并检测所述滑动操作的滑动信息;根据所述滑动操作的滑动信息调整所述第二页面层在所述第一页面层的覆盖位置,以查看所述第一页面层中被所述第二页面层覆盖的页面内容。与背景技术相比,本发明可以将需要同时查看和比较的内容置于两个页面层中,无需打开新的页面,避免增加了用户终端和服务器的负载,也不会增加网络流量的消耗。
Description
技术领域
本发明涉及移动终端领域,具体涉及一种移动终端页面信息的查看方法,以及和一种移动终端页面信息的查看装置。
背景技术
目前,越来越多的人习惯于利用自己的移动终端,通过无线上网的方式随时随地进行网页浏览。用户在手机查看页面时,往往希望关注更多的内容,而手机往往因为屏幕的局限只能同时查看很小部分的内容。
以交易网页为例,用户在交易时针对交易对象选择交易对象的属性值,根据用户选择的交易对象的属性值反馈其对应的交易数据,用户选择不同的属性值则会获得相应不同的交易数据,因此,如何选择属性值才可以获取相应的交易数据十分重要。用户在当前交易选择属性值时,往往需要参考历史交易,以此作为当前交易中选择交易对象属性值的参考。
用户需要查看历史交易时,需要切换到新的页面中查看历史数据或是重新打开一个新的页面搜索历史数据,无法同时查看和比较当前交易网页与历史数据,并且,打开一个新的网页需要向服务器请求数据,不仅增加了用户终端和服务器的负载,同时会增加网络流量的消耗。
发明内容
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的移动终端页面信息的查看方法和相应的移动终端页面信息的查看装置。
依据本发明的一个方面,提供了一种移动终端页面信息的查看方法,包括:
在移动终端展示目标页面,所述目标页面由第一页面层和覆盖部分所述第一页面层的第二页面层构成;
跟踪用户在所述第二页面层的滑动操作,并检测所述滑动操作的滑动信息;
根据所述滑动操作的滑动信息调整所述第二页面层在所述第一页面层的覆盖位置,以查看所述第一页面层中被所述第二页面层覆盖的页面内容。
可选地,所述滑动信息包括所述滑动操作的滑动距离和/或所述滑动操作的滑动速度。
可选地,所述跟踪用户在所述第二页面层的滑动操作,并检测所述滑动操作的滑动信息包括:
所述移动终端接收用户在所述第二页面层的滑动操作,并记录所述滑动操作在所述第二页面层的运动轨迹和运动时间;
根据记录的运动轨迹和运动时间计算所述滑动操作在所述第二页面层的滑动距离和/或滑动速度。
可选地,所述根据记录的运动轨迹和运动时间计算所述滑动操作在所述第二页面层的滑动距离和/或滑动速度包括:
计算所述运动轨迹在所述第二页面层的纵向方向上的滑动距离;
和/或,将所述运动轨迹和所述运动时间传递给移动终端的操作系统中设置的速度跟踪函数,由所述速度跟踪函数计算所述滑动操作的滑动速度。
可选地,在调整所述第二页面层在所述第一页面层的覆盖位置时,设置所述第二页面层从调整前的覆盖位置以弹动效果滑动到调整后的覆盖位置。
可选地,所述第二页面层覆盖所述第一页面层底端第一预设高度的页面内容,所述滑动操作在纵向方向向下滑动;
当所述滑动操作在所述第二页面层的滑动距离大于第一预设比例的所述第一预设高度时,或所述滑动操作在所述第二页面层的滑动速度大于预设速度阀值时,所述根据所述滑动操作的滑动信息调整所述第二页面层在所述第一页面层的覆盖位置包括:
调整所述第二页面层在所述第一页面层的覆盖位置为覆盖所述第一页面层底端第二预设比例的所述第一预设高度的页面内容,所述第二预设比例小于所述第一预设比例。
可选地,所述第二页面层覆盖所述第一页面层底端第一预设高度的页面内容,所述滑动操作在纵向方向向下滑动;
当所述滑动操作在所述第二页面层的滑动距离不大于第一预设比例且大于第二预设比例的所述第一预设高度时,或所述滑动速度不大于预设速度阀值时,所述根据所述滑动操作的滑动信息调整所述第二页面层在所述第一页面层的覆盖位置包括:
调整所述第二页面层在所述第一页面层的覆盖位置为覆盖所述第一页面层底端第一预设比例的所述第一预设高度的页面内容。
可选地,所述第二页面层覆盖所述第一页面层底端第一预设高度的页面内容,所述第二预设高度小于第一预设高度,所述滑动操作在纵向方向向下滑动;
当所述滑动操作在所述第二页面层的滑动距离不大于第二预设比例的所述第一预设高度时,所述根据所述滑动操作的滑动信息调整所述第二页面层在所述第一页面层的覆盖位置包括:
调整所述第二页面层跟随所述滑动操作在纵向方向移动,并在所述滑动操作结束后将所述第二页面层调整到移动的起点位置。
可选地,所述第二页面层覆盖所述第一页面层底端第二预设高度的页面内容,所述滑动操作在纵向方向向下滑动;
当所述滑动操作在所述第二页面层的滑动距离不大于第一预设比例的所述第二预设高度时,所述根据所述滑动操作的滑动信息调整所述第二页面层在所述第一页面层的覆盖位置包括:
调整所述第二页面层跟随所述滑动操作在纵向方向移动,并在所述滑动操作结束后将所述第二页面层调整到移动的起点位置。
可选地,所述第二页面层覆盖所述第一页面层底端第二预设高度的页面内容,所述滑动操作在纵向方向向下滑动;
当所述滑动操作在所述第二页面层的滑动距离大于第一预设比例的所述第二预设高度时,所述根据所述滑动操作的滑动信息调整所述第二页面层在所述第一页面层的覆盖位置包括:
调整所述第二页面层在所述第一页面层的覆盖位置为覆盖所述第一页面层底端第一预设比例的所述第二预设高度的页面内容。
可选地,所述第二页面层覆盖所述第一页面层底端第三预设高度的页面内容,所述第三预设高度小于第二预设高度,所述滑动操作在纵向方向向上滑动;
当所述滑动操作在所述第二页面层的滑动距离不大于第二预设比例的所述第二页面层的页面总高度时,所述根据所述滑动操作的滑动信息调整所述第二页面层在所述第一页面层的覆盖位置包括:
调整所述第二页面层跟随所述滑动操作在纵向方向移动,并在所述滑动操作结束后将所述第二页面层调整到移动的起点位置。
可选地,所述第二页面层覆盖所述第一页面层底端第三预设高度的页面内容,所述滑动操作在纵向方向向上滑动;
当所述滑动操作在所述第二页面层的滑动距离大于第二预设比例的所述第二页面层的页面总高度时,所述根据所述滑动操作的滑动信息调整所述第二页面层在所述第一页面层的覆盖位置包括:
调整所述第二页面层的覆盖位置为覆盖所述第一页面层底端所述第二页面层的页面总高度的页面内容。
根据本发明的另一个方面,提供了一种移动终端页面信息的查看装置,包括:
页面展示模块,用于在移动终端展示目标页面,所述目标页面由第一页面层和覆盖部分所述第一页面层的第二页面层构成;
滑动检测模块,用于跟踪用户在所述第二页面层的滑动操作,并检测所述滑动操作的滑动信息;
位置调整模块,用于根据所述滑动操作的滑动信息调整所述第二页面层在所述第一页面层的覆盖位置,以查看所述第一页面层中被所述第二页面层覆盖的页面内容。
可选地,所述滑动信息包括所述滑动操作的滑动距离和/或所述滑动操作的滑动速度。
可选地,所述滑动检测模块包括:
滑动操作接收子模块,用于所述移动终端接收用户在所述第二页面层的滑动操作,并记录所述滑动操作在所述第二页面层的运动轨迹和运动时间;
滑动信息计算子模块,用于根据记录的运动轨迹和运动时间计算所述滑动操作在所述第二页面层的滑动距离和/或滑动速度。
可选地,所述滑动信息计算子模块包括:
距离计算子单元,用于计算所述运动轨迹在所述第二页面层的纵向方向上的滑动距离;
和/或,速度计算子单元,用于将所述运动轨迹和所述运动时间传递给移动终端的操作系统中设置的速度跟踪函数,由所述速度跟踪函数计算所述滑动操作的滑动速度。
可选地,所述位置调整模块,具体用于根据所述滑动操作的滑动信息设置所述第二页面层从调整前的覆盖位置以弹动效果滑动到调整后的覆盖位置。
可选地,所述第二页面层覆盖所述第一页面层底端第一预设高度的页面内容,所述滑动操作在纵向方向向下滑动;
当所述滑动操作在所述第二页面层的滑动距离大于第一预设比例的所述第一预设高度时,或所述滑动操作在所述第二页面层的滑动速度大于预设速度阀值时,所述位置调整模块包括:
第一调整子模块,用于调整所述第二页面层在所述第一页面层的覆盖位置为覆盖所述第一页面层底端第二预设比例的所述第一预设高度的页面内容,所述第二预设比例小于所述第一预设比例。
可选地,所述第二页面层覆盖所述第一页面层底端第一预设高度的页面内容,所述滑动操作在纵向方向向下滑动;
当所述滑动操作在所述第二页面层的滑动距离不大于第一预设比例且大于第二预设比例的所述第一预设高度时,或所述滑动速度不大于预设速度阀值时,所述位置调整模块包括:
第二调整子模块,用于调整所述第二页面层在所述第一页面层的覆盖位置为覆盖所述第一页面层底端第一预设比例的所述第一预设高度的页面内容。
可选地,所述第二页面层覆盖所述第一页面层底端第一预设高度的页面内容,所述滑动操作在纵向方向向下滑动;
当所述滑动操作在所述第二页面层的滑动距离不大于第二预设比例的所述第一预设高度时,所述位置调整模块包括:
第三调整子模块,用于调整所述第二页面层跟随所述滑动操作在纵向方向移动,并在所述滑动操作结束后将所述第二页面层调整到移动的起点位置。
可选地,所述第二页面层覆盖所述第一页面层底端第二预设高度的页面内容,所述第二预设高度小于第一预设高度,所述滑动操作在纵向方向向下滑动;
当所述滑动操作在所述第二页面层的滑动距离不大于第一预设比例的所述第二预设高度时,所述位置调整模块包括:
第四调整子模块,用于调整所述第二页面层跟随所述滑动操作在纵向方向移动,并在所述滑动操作结束后将所述第二页面层调整到移动的起点位置。
可选地,所述第二页面层覆盖所述第一页面层底端第二预设高度的页面内容,所述滑动操作在纵向方向向下滑动;
当所述滑动操作在所述第二页面层的滑动距离大于第一预设比例的所述第二预设高度时,所述位置调整模块包括:
第五调整子模块,用于调整所述第二页面层在所述第一页面层的覆盖位置为覆盖所述第一页面层底端第一预设比例的所述第二预设高度的页面内容。
可选地,所述第二页面层覆盖所述第一页面层底端第三预设高度的页面内容,所述第三预设高度小于第二预设高度,所述滑动操作在纵向方向向上滑动;
当所述滑动操作在所述第二页面层的滑动距离不大于第二预设比例的所述第二页面层的页面总高度时,所述位置调整模块包括:
第六调整子模块,用于调整所述第二页面层跟随所述滑动操作在纵向方向移动,并在所述滑动操作结束后将所述第二页面层调整到移动的起点位置。
可选地,所述第二页面层覆盖所述第一页面层底端第三预设高度的页面内容,所述滑动操作在纵向方向向上滑动;
当所述滑动操作在所述第二页面层的滑动距离大于第二预设比例的所述第二页面层的页面总高度时,所述位置调整模块包括:
第七调整子模块,用于调整所述第二页面层的覆盖位置为覆盖所述第一页面层底端所述第二页面层的页面总高度的页面内容。
依据本发明实施例,在移动终端展示由第一页面层和覆盖第一页面层之上的第二页面层构成的目标页面,跟踪用户在所述第二页面层的滑动操作,并检测滑动操作的滑动信息,进一步根据所述滑动操作的滑动信息调整所述第二页面层在所述第一页面层的覆盖位置,不仅可以实现在一个页面中查看两个页面层的内容,还可以根据用户的滑动操作控制第一页面层显示内容的多少。与背景技术相比,本发明实施例可以将需要同时查看和比较的内容置于两个页面层中,无需打开新的页面,避免增加了用户终端和服务器的负载,也不会增加网络流量的消耗。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了根据本发明实施例的一种移动终端页面信息的查看方法流程图;
图2a、图2b、图2c、图2d、图2e、图2f和图2g示出了本发明实施例的一个示例中针对不同的滑动操作展示的页面信息的示意图;
图3示出了根据本发明实施例的一种移动终端页面信息的查看装置结构框图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
参照图1,其示出了根据本发明实施例的一种移动终端页面信息的查看方法实施例的流程图,所述方法具体可以包括:
步骤101、在移动终端展示目标页面,所述目标页面由第一页面层和覆盖部分所述第一页面层的第二页面层构成。
本发明实施例中,目标页面由第一页面层和第二页面层构成,第二页面层覆盖了第一页面层的部分内容。其中,在一个网页中展示叠加的两个页面层可以通过任何可以实现的方案实现,本发明对此并不做限制。
例如,可以通过页面遮罩层技术实现,在页面中设置两个图层,上面的一个图层为“遮罩层”,下面的称“被遮罩层”,一般使用页面遮罩层技术时,这两个图层中只有相重叠的地方才会被显示。也就是说在遮罩层中有对象的地方就是“透明”的,可以看到被遮罩层中的对象,而没有对象的地方就是不透明的,被遮罩层中相应位置的对象是看不见的。为实现第二页面层遮住第一页面层的部分内容,可以设置第二页面层的展示效果为不透明。
具体地,在编写目标页面时定义两个DIV层,使用一个比需要被遮罩的DIV层大一些的另一个DIV层部分覆盖需要被遮罩的DIV层,通过级联样式表CSS定义需要显示的DIV层和遮罩层的样式。其中,通过显示元素的z-index属性控制显示在上方的遮罩层和显示在下方的DIV层在叠加顺序上的上下立体关系,显示在最上面的DIV层的z-index要比遮罩层的z-index大。
其中,第二页面层在第一页面层上覆盖的位置可以根据实际的需求设定,例如覆盖第一页面层的下部或上部,相应展示出未覆盖的第一页面层的上部或下部,或是覆盖第一页面层的左面部分或右面部分,相应展示出未覆盖的第一页面层的右面部分或左面部分,本发明对此并不做限制。
步骤102、跟踪用户在所述第二页面层的滑动操作,并检测所述滑动操作的滑动信息。
移动终端的屏幕设置有感应装置可以感应用户在屏幕上的触摸动作,当触摸动作连续时就形成滑动动作,跟踪用户在第二页面层的滑动操作,进一步检测滑动操作的滑动信息,此处滑动信息可以包括滑动操作的任何属性信息,例如滑动速度、滑动轨迹、滑动起点与滑动终点之间的距离、纵向滑动距离、横向滑动距离、滑动方向、滑动频率等等,可以根据实际需求进行统计,并进一步作为调整第二页面层在第一页面层上覆盖的位置的依据。
步骤103、根据所述滑动操作的滑动信息调整所述第二页面层在所述第一页面层的覆盖位置,以查看所述第一页面层中被所述第二页面层覆盖的页面内容。
根据滑动操作的滑动信息进一步调整第二页面层在第一页面层上覆盖的位置,也即是跟随用户的滑动操作,第一页面层和第二页面层的相对位置发生了变化,第一页面层未被覆盖而显示的部分内容也随之增多或减少。
以通过页面遮罩层实现的目标页面为例,在接收到页面对两个层之间相对位置关系进行调整的操作时,通过JavaScript去控制两个DIV层的样式,具体而言,读取DIV层的元素坐标,并通过重新设置两个层的元素坐标控制其两个DIV层之间的相互位置。
通过本发明实施例,不仅可以实现在一个页面中查看两个页面层的内容,还可以根据用户的滑动操作控制第一页面层显示内容的多少。与背景技术相比,本发明实施例可以将需要同时查看和比较的内容置于两个页面层中,无需打开新的页面,避免增加了用户终端和服务器的负载,也不会增加网络流量的消耗。
本发明实施例中,优选地,所述滑动信息包括所述滑动操作的滑动距离和/或所述滑动操作的滑动速度。
相应优选地,所述步骤102可以包括:
子步骤S11、所述移动终端接收用户在所述第二页面层的滑动操作,并记录所述滑动操作在所述第二页面层的运动轨迹和运动时间;
子步骤S12、根据记录的运动轨迹和运动时间计算所述滑动操作在所述第二页面层的滑动距离和/或滑动速度。
通过记录滑动操作的滑动轨迹和运动时间可以获取滑动操作的滑动距离和滑动速度,滑动距离可以是滑动轨迹的总长度,也可以是滑动轨迹在某一方向上的长度,例如在横向方向的长度或纵向方向的长度,滑动速度为滑动操作在整个滑动轨迹的平均速度,或是滑动轨迹在某一方向上的速度,例如,在横向方向的速度或纵向方向的速度。
进一步优选地,所述子步骤S12可以包括:
子步骤S12-1、计算所述运动轨迹在所述第二页面层的纵向方向上的滑动距离;
和/或,子步骤S12-2、将所述运动轨迹和所述运动时间传递给移动终端的操作系统中设置的速度跟踪函数,由所述速度跟踪函数计算所述滑动操作的滑动速度。
本发明实施例中优选地,第二页面层覆盖第一页面层的上部或下部,通过滑动操作在纵向方向上的滑动距离或滑动速度,来控制第二页面层在纵向方向上在第一页面层的覆盖位置。
滑动操作在纵向方向上的滑动距离可以根据运动轨迹的起点和终点的坐标位置计算,也可以根据滑动轨迹在纵向方向上的长度计算。
滑动操作在纵向方向上的滑动速度可以根据运动轨迹和运动时间确定。具体而言,可以通过计算运动轨迹在纵向方向的滑动距离,进一步除以滑动时间,可以得到滑动速度,也可以通过调用移动终端的操作系统中设置的速度跟踪函数来计算。
速度跟踪函数VelocityTracker主要用跟踪触摸屏事件(flinging事件和其他gestures手势事件)的速率,如下给出了一个VelocityTracker计算速率的示例:
private VelocityTracker mVelocityTracker;//生命变量
//在onTouchEvent(MotionEvent ev)中
if(mVelocityTracker==null){
mVelocityTracker=VelocityTracker.obtain();//获得VelocityTracker类实例
}
mVelocityTracker.addMovement(ev);//将事件加入到VelocityTracker类实例中
//判断当ev事件是MotionEvent.ACTION_UP时:计算速率
final VelocityTracker velocityTracker=mVelocityTracker;
//1000provides pixels per second
velocityTracker.computeCurrentVelocity(1,(float)0.01);//设置maxVelocity值为0.1时,速率大于0.01时,显示的速率都是0.01,速率小于0.01时,显示正常
Log.i("test","velocityTraker"+velocityTracker.getXVelocity());
velocityTracker.computeCurrentVelocity(1000);//设置units的值为1000,意思为一秒时间内运动了多少个像素
Log.i("test","velocityTraker"+velocityTracker.getXVelocity())。
当需要跟踪触摸屏事件的时候使用obtain()方法来来获得VelocityTracker类的一个实例对象,通过computerCurrentVelocity()可以设置单位,1000表示每秒多少像素(pix/second),1代表每微秒多少像素(pix/millisecond)。通过调用事件添加函数addMovement(MotionEvent)将事件Motion event加入到VelocityTracker类实例中,使用computeCurrentVelocity(int units)函数来计算当前的速度,进一步可以使用getXVelocity()函数或getXVelocity()函数获得横向和竖向的速率。在此之前,首先调用computeCurrentVelocity(int)来初始化速率的单位。
本发明实施例中,在调整所述第二页面层在所述第一页面层的覆盖位置时,设置所述第二页面层从调整前的覆盖位置以弹动效果滑动到调整后的覆盖位置。
本发明实施例中,根据第二页面层当前在第一页面层覆盖的位置以及滑动速度或滑动距离,进一步确定滑动后第二页面层在第一页面层上覆盖的位置。
在本发明的一个实施例中,所述第二页面层覆盖所述第一页面层底端第一预设高度的页面内容时,所述滑动操作在纵向方向向下滑动。
进一步,当所述滑动操作在所述第二页面层的滑动距离大于第一预设比例的所述第一预设高度时,或所述滑动操作在所述第二页面层的滑动速度大于预设速度阀值时,所述步骤103包括:
子步骤S21、调整所述第二页面层在所述第一页面层的覆盖位置为覆盖所述第一页面层底端第二预设比例的所述第一预设高度的页面内容,所述第二预设比例小于所述第一预设比例。
相应的,当所述滑动操作在所述第二页面层的滑动距离不大于第一预设比例且大于第二预设比例的所述第一预设高度时,或所述滑动速度不大于预设速度阀值时,所述步骤103包括:
子步骤S22、调整所述第二页面层在所述第一页面层的覆盖位置为覆盖所述第一页面层底端第一预设比例的所述第一预设高度的页面内容。
相应的,当所述滑动操作在所述第二页面层的滑动距离不大于第二预设比例的所述第一预设高度时,所述步骤103包括:
子步骤S23、调整所述第二页面层跟随所述滑动操作在纵向方向移动,并在所述滑动操作结束后将所述第二页面层调整到移动的起点位置。
以上子步骤S21-S23给出了第二页面层从第一页面层底端第一预设高度的位置向下滑动的情况。
所述第一页面层覆盖在第一页面层底端以上第一预设高度的页面内容的位置,当滑动操作从第一预设高度的位置在纵向方向向下滑动时,若滑动距离超出第一预设比例的第一预设高度,则将第二页面层在第一页面层上覆盖的位置向下调动到小于第一预设比例的第二预设比例的第一预设高度。若滑动速度超出预设速度阀值,则将第二页面层在第一页面层上覆盖的位置向下调动到第二预设比例的第一预设高度。
当滑动操作从第一预设高度的位置在纵向方向向下滑动时,若滑动距离未超出第一预设比例且超出第二预设比例的所述第一预设高度,则将第二页面层在第一页面层上覆盖的位置向下调动到第一预设比例的第一预设高度。若滑动速度未超出预设速度阀值,则将第二页面层在第一页面层上覆盖的位置向下调动到第一预设比例的第一预设高度。
当滑动操作从第一预设高度的位置在纵向方向向下滑动时,若滑动距离未超出不大于第二预设比例的所述第一预设高度,则不移动第二页面层的位置,可以是先跟随滑动操作在纵向方向移动,再回到原来的位置。
在本发明的另一个实施例中,所述第二页面层覆盖所述第一页面层底端第二预设高度的页面内容,所述滑动操作在纵向方向向下滑动;
当所述滑动操作在所述第二页面层的滑动距离不大于第一预设比例的所述第二预设高度时,所述步骤103包括:
子步骤S24、调整所述第二页面层跟随所述滑动操作在纵向方向移动,并在所述滑动操作结束后将所述第二页面层调整到移动的起点位置。
当所述滑动操作在所述第二页面层的滑动距离大于第一预设比例的所述第二预设高度时,所述步骤103包括:
子步骤S25、调整所述第二页面层在所述第一页面层的覆盖位置为覆盖所述第一页面层底端第一预设比例的所述第二预设高度的页面内容。
以上子步骤S24-S25给出了第二页面层从第一页面层底端第二预设高度的位置向下滑动的情况。第二预设高度小于第一预设高度,第一预设高度和第二预设高度的具体数值可以根据实际情况确定,本发明对此并不做限制。
当滑动操作从第二预设高度的位置在纵向方向向下滑动时,若滑动距离未超出第一预设比例的所述第二预设高度,则不移动第二页面层的位置,可以是先跟随滑动操作在纵向方向移动,再回到原来的位置。
当滑动操作从第二预设高度的位置在纵向方向向下滑动时,若滑动距离超出第一预设比例的所述第二预设高度,则将第二页面层在第一页面层上覆盖的位置向下调动到第一预设比例的所述第二预设高度。
在本发明的另一个实施例中,所述第二页面层覆盖所述第一页面层底端第三预设高度的页面内容,所述滑动操作在纵向方向向上滑动。
当所述滑动操作在所述第二页面层的滑动距离不大于第二预设比例的所述第二页面层的页面总高度时,所述步骤103包括:
子步骤S26、调整所述第二页面层跟随所述滑动操作在纵向方向移动,并在所述滑动操作结束后将所述第二页面层调整到移动的起点位置。
当所述滑动操作在所述第二页面层的滑动距离大于第二预设比例的所述第二页面层的页面总高度时,所述步骤103包括:
子步骤S27、调整所述第二页面层的覆盖位置为覆盖所述第一页面层底端所述第二页面层的页面总高度的页面内容。
以上子步骤S26-S27给出了第二页面层从第一页面层底端第三预设高度的位置向上滑动的情况。第三预设高度小于第二预设高度,第三预设高度和第二预设高度的具体数值可以根据实际情况确定,本发明对此并不做限制。
当滑动操作从第二预设高度的位置在纵向方向向上滑动时,若滑动距离不大于第二预设比例的所述第二页面层的页面总高度,则不移动第二页面层的位置,可以是先跟随滑动操作在纵向方向移动,再回到原来的位置。
当滑动操作从第二预设高度的位置在纵向方向向上滑动时,若滑动距离大于第二预设比例的所述第二页面层的页面总高度,则将第二页面层覆盖所述第一页面层底端所述第二页面层的页面总高度的页面内容,也即是展示整个第二页面层的完整内容。
需要说明的是,对于前述的方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本发明并不受所描述的动作顺序的限制,因为依据本发明,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作并不一定是本发明所必需的。
为使本领域技术人员更好地理解本发明实施例,以下通过一个具体的示例对本发明实施例所述的移动终端页面信息的查看方案的操作流程进行说明。
参考图2a、图2b、图2c、图2d、图2e、图2f和图2g给出了本发明实施例的一个示例中针对不同的滑动操作展示的页面信息的示意图。
该目标页面为在手机端对双色球彩票交易页面,第一页面层展示了选号面板,第二页面层展示了历史各期的中奖号码。
参见图2a,第二页面层从开始位置向下滑动滑动位置高度不足1/4选号面板,当前滑动无效,恢复到原来位置(开始位置)。参见图2b,第二页面层的滑动位置高度大于半个选号面板或者速度大于5000,滑动到底部。参见图2c,第二页面层的滑动位置高度不大于半个选号面板或者速度不大于5000,否则滑动的1/2选号面板高度。
参见图2d,第二页面层从1/2选号面板位置向下滑动,偏移位置不足1/4选号面板高度,滑动无效,恢复到原来位置(1/2选号面板位置处)。参见图2e,第二页面层从1/2选号面板位置向下滑动,偏移位置大于1/4选号面板高度,滑动到底部。
参见图2f,第二页面层从选号面板底部位置向上滑动,偏移位置没达到1/4选号面板高度,滑动无效,恢复到原来位置(选号面板底部)。参见图2g,第二页面层从选号面板底部位置向上滑动,偏移位置大于1/4选号面板高度,则滑动到顶部,展示出整个选号面板并覆盖住整个历史交易数据。
其中,第二页面层顶端右侧还展示了一个三角形的功能按钮,点开该按钮,则展示第一页面层下方被覆盖的内容,使用户可以看到历史各期的中奖号码,第二页面层向下移动到底端,仅仅展示了部分内容,此时再次点击该按钮,第二页面层向上移动到顶端,覆盖了第一页面层中展示的内容。
基于上述方法实施例的说明,本发明还提供了相应的移动终端页面信息的查看装置实施例,来实现上述方法实施例所述的内容。
参照图3,其示出了根据本发明实施例的一种移动终端页面信息的查看装置的结构框图,包括:
页面展示模块201,用于在移动终端展示目标页面,所述目标页面由第一页面层和覆盖部分所述第一页面层的第二页面层构成。
滑动检测模块202,用于跟踪用户在所述第二页面层的滑动操作,并检测所述滑动操作的滑动信息。
位置调整模块203,用于根据所述滑动操作的滑动信息调整所述第二页面层在所述第一页面层的覆盖位置,以查看所述第一页面层中被所述第二页面层覆盖的页面内容。
本发明实施例中,优选地,所述滑动信息包括所述滑动操作的滑动距离和/或所述滑动操作的滑动速度。
本发明实施例中,优选地,所述滑动检测模块包括:
滑动操作接收子模块,用于所述移动终端接收用户在所述第二页面层的滑动操作,并记录所述滑动操作在所述第二页面层的运动轨迹和运动时间;
滑动信息计算子模块,用于根据记录的运动轨迹和运动时间计算所述滑动操作在所述第二页面层的滑动距离和/或滑动速度。
本发明实施例中,优选地,所述滑动信息计算子模块包括:
距离计算子单元,用于计算所述运动轨迹在所述第二页面层的纵向方向上的滑动距离;
和/或,速度计算子单元,用于将所述运动轨迹和所述运动时间传递给移动终端的操作系统中设置的速度跟踪函数,由所述速度跟踪函数计算所述滑动操作的滑动速度。
本发明实施例中,优选地,所述位置调整模块,具体用于根据所述滑动操作的滑动信息设置所述第二页面层从调整前的覆盖位置以弹动效果滑动到调整后的覆盖位置。
本发明实施例中,优选地,所述第二页面层覆盖所述第一页面层底端第一预设高度的页面内容,所述滑动操作在纵向方向向下滑动;
当所述滑动操作在所述第二页面层的滑动距离大于第一预设比例的所述第一预设高度时,或所述滑动操作在所述第二页面层的滑动速度大于预设速度阀值时,所述位置调整模块包括:
第一调整子模块,用于调整所述第二页面层在所述第一页面层的覆盖位置为覆盖所述第一页面层底端第二预设比例的所述第一预设高度的页面内容,所述第二预设比例小于所述第一预设比例。
本发明实施例中,优选地,所述第二页面层覆盖所述第一页面层底端第一预设高度的页面内容,所述滑动操作在纵向方向向下滑动;
当所述滑动操作在所述第二页面层的滑动距离不大于第一预设比例且大于第二预设比例的所述第一预设高度时,或所述滑动速度不大于预设速度阀值时,所述位置调整模块包括:
第二调整子模块,用于调整所述第二页面层在所述第一页面层的覆盖位置为覆盖所述第一页面层底端第一预设比例的所述第一预设高度的页面内容。
本发明实施例中,优选地,所述第二页面层覆盖所述第一页面层底端第一预设高度的页面内容,所述滑动操作在纵向方向向下滑动;
当所述滑动操作在所述第二页面层的滑动距离不大于第二预设比例的所述第一预设高度时,所述位置调整模块包括:
第三调整子模块,用于调整所述第二页面层跟随所述滑动操作在纵向方向移动,并在所述滑动操作结束后将所述第二页面层调整到移动的起点位置。
本发明实施例中,优选地,所述第二页面层覆盖所述第一页面层底端第二预设高度的页面内容,所述滑动操作在纵向方向向下滑动;
当所述滑动操作在所述第二页面层的滑动距离不大于第一预设比例的所述第二预设高度时,所述位置调整模块包括:
第四调整子模块,用于调整所述第二页面层跟随所述滑动操作在纵向方向移动,并在所述滑动操作结束后将所述第二页面层调整到移动的起点位置。
本发明实施例中,优选地,所述第二页面层覆盖所述第一页面层底端第二预设高度的页面内容,所述滑动操作在纵向方向向下滑动;
当所述滑动操作在所述第二页面层的滑动距离大于第一预设比例的所述第二预设高度时,所述位置调整模块包括:
第五调整子模块,用于调整所述第二页面层在所述第一页面层的覆盖位置为覆盖所述第一页面层底端第一预设比例的所述第二预设高度的页面内容。
本发明实施例中,优选地,所述第二页面层覆盖所述第一页面层底端第三预设高度的页面内容,所述滑动操作在纵向方向向上滑动;
当所述滑动操作在所述第二页面层的滑动距离不大于第二预设比例的所述第二页面层的页面总高度时,所述位置调整模块包括:
第六调整子模块,用于调整所述第二页面层跟随所述滑动操作在纵向方向移动,并在所述滑动操作结束后将所述第二页面层调整到移动的起点位置。
本发明实施例中,优选地,所述第二页面层覆盖所述第一页面层底端第三预设高度的页面内容,所述滑动操作在纵向方向向上滑动;
当所述滑动操作在所述第二页面层的滑动距离大于第二预设比例的所述第二页面层的页面总高度时,所述位置调整模块包括:
第七调整子模块,用于调整所述第二页面层的覆盖位置为覆盖所述第一页面层底端所述第二页面层的页面总高度的页面内容。
依据本发明实施例,在移动终端展示由第一页面层和覆盖第一页面层之上的第二页面层构成的目标页面,跟踪用户在所述第二页面层的滑动操作,并检测滑动操作的滑动信息,进一步根据所述滑动操作的滑动信息调整所述第二页面层在所述第一页面层的覆盖位置,不仅可以实现在一个页面中查看两个页面层的内容,还可以根据用户的滑动操作控制第一页面层显示内容的多少。与背景技术相比,本发明实施例可以将需要同时查看和比较的内容置于两个页面层中,无需打开新的页面,避免增加了用户终端和服务器的负载,也不会增加网络流量的消耗。
对于上述移动终端页面信息的查看装置实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
本说明书中的各个实施例均采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似的部分互相参见即可。
本领域技术人员易于想到的是:上述各个实施例的任意组合应用都是可行的,故上述各个实施例之间的任意组合都是本发明的实施方案,但是由于篇幅限制,本说明书在此就不一一详述了。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的移动终端页面信息的查看设备中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
本发明公开了A1、一种移动终端页面信息的查看方法,包括:
在移动终端展示目标页面,所述目标页面由第一页面层和覆盖部分所述第一页面层的第二页面层构成;
跟踪用户在所述第二页面层的滑动操作,并检测所述滑动操作的滑动信息;
根据所述滑动操作的滑动信息调整所述第二页面层在所述第一页面层的覆盖位置,以查看所述第一页面层中被所述第二页面层覆盖的页面内容。
A2、如A1所述的方法,其中,所述滑动信息包括所述滑动操作的滑动距离和/或所述滑动操作的滑动速度。
A3、如A2所述的方法,其中,所述跟踪用户在所述第二页面层的滑动操作,并检测所述滑动操作的滑动信息包括:
所述移动终端接收用户在所述第二页面层的滑动操作,并记录所述滑动操作在所述第二页面层的运动轨迹和运动时间;
根据记录的运动轨迹和运动时间计算所述滑动操作在所述第二页面层的滑动距离和/或滑动速度。
A4、如A3所述的方法,其中,所述根据记录的运动轨迹和运动时间计算所述滑动操作在所述第二页面层的滑动距离和/或滑动速度包括:
计算所述运动轨迹在所述第二页面层的纵向方向上的滑动距离;
和/或,将所述运动轨迹和所述运动时间传递给移动终端的操作系统中设置的速度跟踪函数,由所述速度跟踪函数计算所述滑动操作的滑动速度。
A5、如A1所述的方法,其中,在调整所述第二页面层在所述第一页面层的覆盖位置时,设置所述第二页面层从调整前的覆盖位置以弹动效果滑动到调整后的覆盖位置。
A6、如A2所述的方法,其中,所述第二页面层覆盖所述第一页面层底端第一预设高度的页面内容,所述滑动操作在纵向方向向下滑动;
当所述滑动操作在所述第二页面层的滑动距离大于第一预设比例的所述第一预设高度时,或所述滑动操作在所述第二页面层的滑动速度大于预设速度阀值时,所述根据所述滑动操作的滑动信息调整所述第二页面层在所述第一页面层的覆盖位置包括:
调整所述第二页面层在所述第一页面层的覆盖位置为覆盖所述第一页面层底端第二预设比例的所述第一预设高度的页面内容,所述第二预设比例小于所述第一预设比例。
A7、如A2所述的方法,其中,所述第二页面层覆盖所述第一页面层底端第一预设高度的页面内容,所述滑动操作在纵向方向向下滑动;
当所述滑动操作在所述第二页面层的滑动距离不大于第一预设比例且大于第二预设比例的所述第一预设高度时,或所述滑动速度不大于预设速度阀值时,所述根据所述滑动操作的滑动信息调整所述第二页面层在所述第一页面层的覆盖位置包括:
调整所述第二页面层在所述第一页面层的覆盖位置为覆盖所述第一页面层底端第一预设比例的所述第一预设高度的页面内容。
A8、如A2所述的方法,其中,所述第二页面层覆盖所述第一页面层底端第一预设高度的页面内容,所述第二预设高度小于第一预设高度,所述滑动操作在纵向方向向下滑动;
当所述滑动操作在所述第二页面层的滑动距离不大于第二预设比例的所述第一预设高度时,所述根据所述滑动操作的滑动信息调整所述第二页面层在所述第一页面层的覆盖位置包括:
调整所述第二页面层跟随所述滑动操作在纵向方向移动,并在所述滑动操作结束后将所述第二页面层调整到移动的起点位置。
A9、如A2所述的方法,其中,所述第二页面层覆盖所述第一页面层底端第二预设高度的页面内容,所述滑动操作在纵向方向向下滑动;
当所述滑动操作在所述第二页面层的滑动距离不大于第一预设比例的所述第二预设高度时,所述根据所述滑动操作的滑动信息调整所述第二页面层在所述第一页面层的覆盖位置包括:
调整所述第二页面层跟随所述滑动操作在纵向方向移动,并在所述滑动操作结束后将所述第二页面层调整到移动的起点位置。
A10、如A2所述的方法,其中,所述第二页面层覆盖所述第一页面层底端第二预设高度的页面内容,所述滑动操作在纵向方向向下滑动;
当所述滑动操作在所述第二页面层的滑动距离大于第一预设比例的所述第二预设高度时,所述根据所述滑动操作的滑动信息调整所述第二页面层在所述第一页面层的覆盖位置包括:
调整所述第二页面层在所述第一页面层的覆盖位置为覆盖所述第一页面层底端第一预设比例的所述第二预设高度的页面内容。
A11、如A2所述的方法,其中,所述第二页面层覆盖所述第一页面层底端第三预设高度的页面内容,所述第三预设高度小于第二预设高度,所述滑动操作在纵向方向向上滑动;
当所述滑动操作在所述第二页面层的滑动距离不大于第二预设比例的所述第二页面层的页面总高度时,所述根据所述滑动操作的滑动信息调整所述第二页面层在所述第一页面层的覆盖位置包括:
调整所述第二页面层跟随所述滑动操作在纵向方向移动,并在所述滑动操作结束后将所述第二页面层调整到移动的起点位置。
A12、如A2所述的方法,其中,所述第二页面层覆盖所述第一页面层底端第三预设高度的页面内容,所述滑动操作在纵向方向向上滑动;
当所述滑动操作在所述第二页面层的滑动距离大于第二预设比例的所述第二页面层的页面总高度时,所述根据所述滑动操作的滑动信息调整所述第二页面层在所述第一页面层的覆盖位置包括:
调整所述第二页面层的覆盖位置为覆盖所述第一页面层底端所述第二页面层的页面总高度的页面内容。
本发明还公开了B13、一种移动终端页面信息的查看装置,包括:
页面展示模块,用于在移动终端展示目标页面,所述目标页面由第一页面层和覆盖部分所述第一页面层的第二页面层构成;
滑动检测模块,用于跟踪用户在所述第二页面层的滑动操作,并检测所述滑动操作的滑动信息;
位置调整模块,用于根据所述滑动操作的滑动信息调整所述第二页面层在所述第一页面层的覆盖位置,以查看所述第一页面层中被所述第二页面层覆盖的页面内容。
B14、如B13所述的装置,其中,所述滑动信息包括所述滑动操作的滑动距离和/或所述滑动操作的滑动速度。
B15、如B14所述的装置,其中,所述滑动检测模块包括:
滑动操作接收子模块,用于所述移动终端接收用户在所述第二页面层的滑动操作,并记录所述滑动操作在所述第二页面层的运动轨迹和运动时间;
滑动信息计算子模块,用于根据记录的运动轨迹和运动时间计算所述滑动操作在所述第二页面层的滑动距离和/或滑动速度。
B16、如B15所述的装置,其中,所述滑动信息计算子模块包括:
距离计算子单元,用于计算所述运动轨迹在所述第二页面层的纵向方向上的滑动距离;
和/或,速度计算子单元,用于将所述运动轨迹和所述运动时间传递给移动终端的操作系统中设置的速度跟踪函数,由所述速度跟踪函数计算所述滑动操作的滑动速度。
B17、如B13所述的装置,其中,所述位置调整模块,具体用于根据所述滑动操作的滑动信息设置所述第二页面层从调整前的覆盖位置以弹动效果滑动到调整后的覆盖位置。
B18、如B14所述的装置,其中,所述第二页面层覆盖所述第一页面层底端第一预设高度的页面内容,所述滑动操作在纵向方向向下滑动;
当所述滑动操作在所述第二页面层的滑动距离大于第一预设比例的所述第一预设高度时,或所述滑动操作在所述第二页面层的滑动速度大于预设速度阀值时,所述位置调整模块包括:
第一调整子模块,用于调整所述第二页面层在所述第一页面层的覆盖位置为覆盖所述第一页面层底端第二预设比例的所述第一预设高度的页面内容,所述第二预设比例小于所述第一预设比例。
B19、如B14所述的装置,其中,所述第二页面层覆盖所述第一页面层底端第一预设高度的页面内容,所述滑动操作在纵向方向向下滑动;
当所述滑动操作在所述第二页面层的滑动距离不大于第一预设比例且大于第二预设比例的所述第一预设高度时,或所述滑动速度不大于预设速度阀值时,所述位置调整模块包括:
第二调整子模块,用于调整所述第二页面层在所述第一页面层的覆盖位置为覆盖所述第一页面层底端第一预设比例的所述第一预设高度的页面内容。
B20、如B14所述的装置,其中,所述第二页面层覆盖所述第一页面层底端第一预设高度的页面内容,所述滑动操作在纵向方向向下滑动;
当所述滑动操作在所述第二页面层的滑动距离不大于第二预设比例的所述第一预设高度时,所述位置调整模块包括:
第三调整子模块,用于调整所述第二页面层跟随所述滑动操作在纵向方向移动,并在所述滑动操作结束后将所述第二页面层调整到移动的起点位置。
B21、如B14所述的装置,其中,所述第二页面层覆盖所述第一页面层底端第二预设高度的页面内容,所述第二预设高度小于第一预设高度,所述滑动操作在纵向方向向下滑动;
当所述滑动操作在所述第二页面层的滑动距离不大于第一预设比例的所述第二预设高度时,所述位置调整模块包括:
第四调整子模块,用于调整所述第二页面层跟随所述滑动操作在纵向方向移动,并在所述滑动操作结束后将所述第二页面层调整到移动的起点位置。
B22、如B14所述的装置,其中,所述第二页面层覆盖所述第一页面层底端第二预设高度的页面内容,所述滑动操作在纵向方向向下滑动;
当所述滑动操作在所述第二页面层的滑动距离大于第一预设比例的所述第二预设高度时,所述位置调整模块包括:
第五调整子模块,用于调整所述第二页面层在所述第一页面层的覆盖位置为覆盖所述第一页面层底端第一预设比例的所述第二预设高度的页面内容。
B23、如B14所述的装置,其中,所述第二页面层覆盖所述第一页面层底端第三预设高度的页面内容,所述第三预设高度小于第二预设高度,所述滑动操作在纵向方向向上滑动;
当所述滑动操作在所述第二页面层的滑动距离不大于第二预设比例的所述第二页面层的页面总高度时,所述位置调整模块包括:
第六调整子模块,用于调整所述第二页面层跟随所述滑动操作在纵向方向移动,并在所述滑动操作结束后将所述第二页面层调整到移动的起点位置。
B24、如B14所述的装置,其中,所述第二页面层覆盖所述第一页面层底端第三预设高度的页面内容,所述滑动操作在纵向方向向上滑动;
当所述滑动操作在所述第二页面层的滑动距离大于第二预设比例的所述第二页面层的页面总高度时,所述位置调整模块包括:
第七调整子模块,用于调整所述第二页面层的覆盖位置为覆盖所述第一页面层底端所述第二页面层的页面总高度的页面内容。
Claims (24)
1.一种移动终端页面信息的查看方法,包括:
在移动终端展示目标页面,所述目标页面由第一页面层和覆盖部分所述第一页面层的第二页面层构成;
跟踪用户在所述第二页面层的滑动操作,并检测所述滑动操作的滑动信息;
根据所述滑动操作的滑动信息调整所述第二页面层在所述第一页面层的覆盖位置,以查看所述第一页面层中被所述第二页面层覆盖的页面内容;
其中,所述滑动操作包括以下任一项:
所述第二页面层覆盖所述第一页面层底端第一预设高度的页面内容,所述滑动操作为纵向方向向下滑动;
所述第二页面层覆盖所述第一页面层底端第二预设高度的页面内容,所述滑动操作为纵向方向向下滑动,所述第二预设高度小于第一预设高度;
所述第二页面层覆盖所述第一页面层底端第三预设高度的页面内容,所述滑动操作为纵向方向向上滑动,所述第三预设高度小于第二预设高度。
2.如权利要求1所述的方法,其中,所述滑动信息包括所述滑动操作的滑动距离和/或所述滑动操作的滑动速度。
3.如权利要求2所述的方法,其中,所述跟踪用户在所述第二页面层的滑动操作,并检测所述滑动操作的滑动信息包括:
所述移动终端接收用户在所述第二页面层的滑动操作,并记录所述滑动操作在所述第二页面层的运动轨迹和运动时间;
根据记录的运动轨迹和运动时间计算所述滑动操作在所述第二页面层的滑动距离和/或滑动速度。
4.如权利要求3所述的方法,其中,所述根据记录的运动轨迹和运动时间计算所述滑动操作在所述第二页面层的滑动距离和/或滑动速度包括:
计算所述运动轨迹在所述第二页面层的纵向方向上的滑动距离;
和/或,将所述运动轨迹和所述运动时间传递给移动终端的操作系统中设置的速度跟踪函数,由所述速度跟踪函数计算所述滑动操作的滑动速度。
5.如权利要求1所述的方法,其中,在调整所述第二页面层在所述第一页面层的覆盖位置时,设置所述第二页面层从调整前的覆盖位置以弹动效果滑动到调整后的覆盖位置。
6.如权利要求2所述的方法,其中,在所述第二页面层覆盖所述第一页面层底端第一预设高度的页面内容,所述滑动操作在纵向方向向下滑动的情况下;
当所述滑动操作在所述第二页面层的滑动距离大于第一预设比例的所述第一预设高度时,或所述滑动操作在所述第二页面层的滑动速度大于预设速度阀值时,所述根据所述滑动操作的滑动信息调整所述第二页面层在所述第一页面层的覆盖位置包括:
调整所述第二页面层在所述第一页面层的覆盖位置为覆盖所述第一页面层底端第二预设比例的所述第一预设高度的页面内容,所述第二预设比例小于所述第一预设比例。
7.如权利要求2所述的方法,其中,在所述第二页面层覆盖所述第一页面层底端第一预设高度的页面内容,所述滑动操作在纵向方向向下滑动的情况下;
当所述滑动操作在所述第二页面层的滑动距离不大于第一预设比例且大于第二预设比例的所述第一预设高度时,或所述滑动速度不大于预设速度阀值时,所述根据所述滑动操作的滑动信息调整所述第二页面层在所述第一页面层的覆盖位置包括:
调整所述第二页面层在所述第一页面层的覆盖位置为覆盖所述第一页面层底端第一预设比例的所述第一预设高度的页面内容。
8.如权利要求2所述的方法,其中,在所述第二页面层覆盖所述第一页面层底端第一预设高度的页面内容,所述滑动操作在纵向方向向下滑动的情况下;
当所述滑动操作在所述第二页面层的滑动距离不大于第二预设比例的所述第一预设高度时,所述根据所述滑动操作的滑动信息调整所述第二页面层在所述第一页面层的覆盖位置包括:
调整所述第二页面层跟随所述滑动操作在纵向方向移动,并在所述滑动操作结束后将所述第二页面层调整到移动的起点位置。
9.如权利要求2所述的方法,其中,在所述第二页面层覆盖所述第一页面层底端第二预设高度的页面内容,所述滑动操作在纵向方向向下滑动的情况下;
当所述滑动操作在所述第二页面层的滑动距离不大于第一预设比例的所述第二预设高度时,所述根据所述滑动操作的滑动信息调整所述第二页面层在所述第一页面层的覆盖位置包括:
调整所述第二页面层跟随所述滑动操作在纵向方向移动,并在所述滑动操作结束后将所述第二页面层调整到移动的起点位置。
10.如权利要求2所述的方法,其中,在所述第二页面层覆盖所述第一页面层底端第二预设高度的页面内容,所述滑动操作在纵向方向向下滑动的情况下;
当所述滑动操作在所述第二页面层的滑动距离大于第一预设比例的所述第二预设高度时,所述根据所述滑动操作的滑动信息调整所述第二页面层在所述第一页面层的覆盖位置包括:
调整所述第二页面层在所述第一页面层的覆盖位置为覆盖所述第一页面层底端第一预设比例的所述第二预设高度的页面内容。
11.如权利要求2所述的方法,其中,在所述第二页面层覆盖所述第一页面层底端第三预设高度的页面内容,所述滑动操作在纵向方向向上滑动的情况下;
当所述滑动操作在所述第二页面层的滑动距离不大于第二预设比例的所述第二页面层的页面总高度时,所述根据所述滑动操作的滑动信息调整所述第二页面层在所述第一页面层的覆盖位置包括:
调整所述第二页面层跟随所述滑动操作在纵向方向移动,并在所述滑动操作结束后将所述第二页面层调整到移动的起点位置。
12.如权利要求2所述的方法,其中,在所述第二页面层覆盖所述第一页面层底端第三预设高度的页面内容,所述滑动操作在纵向方向向上滑动的情况下;
当所述滑动操作在所述第二页面层的滑动距离大于第二预设比例的所述第二页面层的页面总高度时,所述根据所述滑动操作的滑动信息调整所述第二页面层在所述第一页面层的覆盖位置包括:
调整所述第二页面层的覆盖位置为覆盖所述第一页面层底端所述第二页面层的页面总高度的页面内容。
13.一种移动终端页面信息的查看装置,包括:
页面展示模块,用于在移动终端展示目标页面,所述目标页面由第一页面层和覆盖部分所述第一页面层的第二页面层构成;
滑动检测模块,用于跟踪用户在所述第二页面层的滑动操作,并检测所述滑动操作的滑动信息;
位置调整模块,用于根据所述滑动操作的滑动信息调整所述第二页面层在所述第一页面层的覆盖位置,以查看所述第一页面层中被所述第二页面层覆盖的页面内容;
其中,所述滑动操作包括以下任一项:
所述第二页面层覆盖所述第一页面层底端第一预设高度的页面内容,所述滑动操作为纵向方向向下滑动;
所述第二页面层覆盖所述第一页面层底端第二预设高度的页面内容,所述滑动操作为纵向方向向下滑动,所述第二预设高度小于第一预设高度;
所述第二页面层覆盖所述第一页面层底端第三预设高度的页面内容,所述滑动操作为纵向方向向上滑动,所述第三预设高度小于第二预设高度。
14.如权利要求13所述的装置,其中,所述滑动信息包括所述滑动操作的滑动距离和/或所述滑动操作的滑动速度。
15.如权利要求14所述的装置,其中,所述滑动检测模块包括:
滑动操作接收子模块,用于所述移动终端接收用户在所述第二页面层的滑动操作,并记录所述滑动操作在所述第二页面层的运动轨迹和运动时间;
滑动信息计算子模块,用于根据记录的运动轨迹和运动时间计算所述滑动操作在所述第二页面层的滑动距离和/或滑动速度。
16.如权利要求15所述的装置,其中,所述滑动信息计算子模块包括:
距离计算子单元,用于计算所述运动轨迹在所述第二页面层的纵向方向上的滑动距离;
和/或,速度计算子单元,用于将所述运动轨迹和所述运动时间传递给移动终端的操作系统中设置的速度跟踪函数,由所述速度跟踪函数计算所述滑动操作的滑动速度。
17.如权利要求13所述的装置,其中,所述位置调整模块,具体用于根据所述滑动操作的滑动信息设置所述第二页面层从调整前的覆盖位置以弹动效果滑动到调整后的覆盖位置。
18.如权利要求14所述的装置,其中,在所述第二页面层覆盖所述第一页面层底端第一预设高度的页面内容,所述滑动操作在纵向方向向下滑动的情况下;
当所述滑动操作在所述第二页面层的滑动距离大于第一预设比例的所述第一预设高度时,或所述滑动操作在所述第二页面层的滑动速度大于预设速度阀值时,所述位置调整模块包括:
第一调整子模块,用于调整所述第二页面层在所述第一页面层的覆盖位置为覆盖所述第一页面层底端第二预设比例的所述第一预设高度的页面内容,所述第二预设比例小于所述第一预设比例。
19.如权利要求14所述的装置,其中,在所述第二页面层覆盖所述第一页面层底端第一预设高度的页面内容,所述滑动操作在纵向方向向下滑动的情况下;
当所述滑动操作在所述第二页面层的滑动距离不大于第一预设比例且大于第二预设比例的所述第一预设高度时,或所述滑动速度不大于预设速度阀值时,所述位置调整模块包括:
第二调整子模块,用于调整所述第二页面层在所述第一页面层的覆盖位置为覆盖所述第一页面层底端第一预设比例的所述第一预设高度的页面内容。
20.如权利要求14所述的装置,其中,在所述第二页面层覆盖所述第一页面层底端第一预设高度的页面内容,所述滑动操作在纵向方向向下滑动的情况下;
当所述滑动操作在所述第二页面层的滑动距离不大于第二预设比例的所述第一预设高度时,所述位置调整模块包括:
第三调整子模块,用于调整所述第二页面层跟随所述滑动操作在纵向方向移动,并在所述滑动操作结束后将所述第二页面层调整到移动的起点位置。
21.如权利要求14所述的装置,其中,在所述第二页面层覆盖所述第一页面层底端第二预设高度的页面内容,所述滑动操作在纵向方向向下滑动的情况下;
当所述滑动操作在所述第二页面层的滑动距离不大于第一预设比例的所述第二预设高度时,所述位置调整模块包括:
第四调整子模块,用于调整所述第二页面层跟随所述滑动操作在纵向方向移动,并在所述滑动操作结束后将所述第二页面层调整到移动的起点位置。
22.如权利要求14所述的装置,其中,在所述第二页面层覆盖所述第一页面层底端第二预设高度的页面内容,所述滑动操作在纵向方向向下滑动的情况下;
当所述滑动操作在所述第二页面层的滑动距离大于第一预设比例的所述第二预设高度时,所述位置调整模块包括:
第五调整子模块,用于调整所述第二页面层在所述第一页面层的覆盖位置为覆盖所述第一页面层底端第一预设比例的所述第二预设高度的页面内容。
23.如权利要求14所述的装置,其中,在所述第二页面层覆盖所述第一页面层底端第三预设高度的页面内容,所述滑动操作在纵向方向向上滑动的情况下;
当所述滑动操作在所述第二页面层的滑动距离不大于第二预设比例的所述第二页面层的页面总高度时,所述位置调整模块包括:
第六调整子模块,用于调整所述第二页面层跟随所述滑动操作在纵向方向移动,并在所述滑动操作结束后将所述第二页面层调整到移动的起点位置。
24.如权利要求14所述的装置,其中,在所述第二页面层覆盖所述第一页面层底端第三预设高度的页面内容,所述滑动操作在纵向方向向上滑动的情况下;
当所述滑动操作在所述第二页面层的滑动距离大于第二预设比例的所述第二页面层的页面总高度时,所述位置调整模块包括:
第七调整子模块,用于调整所述第二页面层的覆盖位置为覆盖所述第一页面层底端所述第二页面层的页面总高度的页面内容。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410849871.0A CN104778198B (zh) | 2014-12-30 | 2014-12-30 | 一种移动终端页面信息的查看方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410849871.0A CN104778198B (zh) | 2014-12-30 | 2014-12-30 | 一种移动终端页面信息的查看方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104778198A CN104778198A (zh) | 2015-07-15 |
CN104778198B true CN104778198B (zh) | 2020-11-13 |
Family
ID=53619663
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410849871.0A Active CN104778198B (zh) | 2014-12-30 | 2014-12-30 | 一种移动终端页面信息的查看方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104778198B (zh) |
Families Citing this family (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107193445A (zh) * | 2017-06-30 | 2017-09-22 | 上海传英信息技术有限公司 | 移动终端界面切换显示方法及显示装置 |
CN110399063B (zh) * | 2019-07-19 | 2021-01-15 | 口碑(上海)信息技术有限公司 | 页面元素属性的查看方法及装置 |
CN113722598B (zh) * | 2021-09-02 | 2024-05-10 | 上海蒜芽信息科技有限公司 | 航班搜索交互方法、系统、电子设备和存储介质 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103425431A (zh) * | 2013-08-07 | 2013-12-04 | 福州瑞芯微电子有限公司 | 实现多窗口操作的移动终端及方法 |
CN103513912A (zh) * | 2012-06-29 | 2014-01-15 | 中国移动通信集团公司 | 一种界面切换方法及装置 |
CN103809896A (zh) * | 2012-11-15 | 2014-05-21 | 腾讯科技(深圳)有限公司 | 一种页面切换方法及装置 |
Family Cites Families (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8717305B2 (en) * | 2008-03-04 | 2014-05-06 | Apple Inc. | Touch event model for web pages |
KR20130011787A (ko) * | 2011-07-22 | 2013-01-30 | 삼성전자주식회사 | 전자 책 단말기 및 화면 전환 방법 |
CN102955658B (zh) * | 2011-08-25 | 2017-03-22 | 腾讯科技(深圳)有限公司 | 交互界面中的页面切换方法及装置 |
CN103064598A (zh) * | 2012-12-25 | 2013-04-24 | 广东欧珀移动通信有限公司 | 一种目标部件的快速拖动方法和系统 |
US9600595B2 (en) * | 2013-05-21 | 2017-03-21 | International Business Machines Corporation | Modification of windows across multiple displays |
CN103605460B (zh) * | 2013-08-30 | 2017-01-25 | 华为技术有限公司 | 一种手势识别方法和相关终端 |
-
2014
- 2014-12-30 CN CN201410849871.0A patent/CN104778198B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103513912A (zh) * | 2012-06-29 | 2014-01-15 | 中国移动通信集团公司 | 一种界面切换方法及装置 |
CN103809896A (zh) * | 2012-11-15 | 2014-05-21 | 腾讯科技(深圳)有限公司 | 一种页面切换方法及装置 |
CN103425431A (zh) * | 2013-08-07 | 2013-12-04 | 福州瑞芯微电子有限公司 | 实现多窗口操作的移动终端及方法 |
Also Published As
Publication number | Publication date |
---|---|
CN104778198A (zh) | 2015-07-15 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9927946B2 (en) | Method and device for progress control | |
US10310730B2 (en) | Display device for controlling displaying of a window and method of controlling the same | |
CN105739813B (zh) | 用户终端设备及其控制方法 | |
US10845976B2 (en) | Systems and methods for representing data, media, and time using spatial levels of detail in 2D and 3D digital applications | |
CN106415722B (zh) | 音乐正在播放用户界面 | |
EP3241095B1 (en) | Adjusting the display area of application icons at a device screen | |
EP2977881A1 (en) | Method and apparatus of touch control for multi-point touch terminal | |
KR101247991B1 (ko) | 사용자 인터페이스 제어를 위한 카메라 제스처들 | |
US20140282154A1 (en) | Method for processing a compound gesture, and associated device and user terminal | |
CN102981707A (zh) | 自适应区域光标 | |
US20150149889A1 (en) | Displaying page elements | |
US11107291B2 (en) | Traversing photo-augmented information through depth using gesture and UI controlled occlusion planes | |
CN115134649B (zh) | 用于在视频内容内呈现交互式元素的方法和系统 | |
CN104778198B (zh) | 一种移动终端页面信息的查看方法和装置 | |
CN104102418A (zh) | 一种移动终端浏览器中输入框目标位置定位方法及装置 | |
CN104106031A (zh) | 用于视觉用户接口的光标控制 | |
KR20160086132A (ko) | 디스플레이 장치 및 그 동작 방법 | |
CN107885413A (zh) | 图标对齐方法及装置 | |
CN106605188A (zh) | 信息处理设备、信息处理方法和程序 | |
CN113409180A (zh) | 图像处理方法、装置、电子设备及计算机存储介质 | |
US20140325427A1 (en) | Electronic device and method of adjusting display scale of images | |
CN112051746B (zh) | 获取服务的方法以及装置 | |
CN112306335A (zh) | 图片的展示方法及装置 | |
US20240143346A1 (en) | Methods, systems, and media for generating modified user engagement signals based on obstructing layers in a user interface | |
TW201118661A (en) | Track input device and processing method thereof |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
EXSB | Decision made by sipo to initiate substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant | ||
TR01 | Transfer of patent right | ||
TR01 | Transfer of patent right |
Effective date of registration: 20240104 Address after: 100088 room 112, block D, 28 new street, new street, Xicheng District, Beijing (Desheng Park) Patentee after: BEIJING QIHOO TECHNOLOGY Co.,Ltd. Address before: 100088 room 112, block D, 28 new street, new street, Xicheng District, Beijing (Desheng Park) Patentee before: BEIJING QIHOO TECHNOLOGY Co.,Ltd. Patentee before: Qizhi software (Beijing) Co.,Ltd. |