[go: up one dir, main page]

CN107168630B - 一种终端设备、页面控制装置及页面控制方法 - Google Patents

一种终端设备、页面控制装置及页面控制方法 Download PDF

Info

Publication number
CN107168630B
CN107168630B CN201610127305.8A CN201610127305A CN107168630B CN 107168630 B CN107168630 B CN 107168630B CN 201610127305 A CN201610127305 A CN 201610127305A CN 107168630 B CN107168630 B CN 107168630B
Authority
CN
China
Prior art keywords
area
page
touch
equivalent
response
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
Application number
CN201610127305.8A
Other languages
English (en)
Other versions
CN107168630A (zh
Inventor
王晓振
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Alibaba China Co Ltd
Original Assignee
Guangzhou UCWeb Computer Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Guangzhou UCWeb Computer Technology Co Ltd filed Critical Guangzhou UCWeb Computer Technology Co Ltd
Priority to CN201610127305.8A priority Critical patent/CN107168630B/zh
Publication of CN107168630A publication Critical patent/CN107168630A/zh
Application granted granted Critical
Publication of CN107168630B publication Critical patent/CN107168630B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485Scrolling or panning

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开一种终端设备、页面控制装置及页面控制方法。该终端设备包括:存储器、触摸式显示屏和处理器,所述存储器中存储触摸式显示屏上显示的页面的内容;响应于用户在所述触摸式显示屏上的页面的预定的触发操作,所述处理器执行独立于所述页面显示第二区域,使所述第二区域上的触摸操作与所述第一区域上的对应触摸操作等效的操作;响应于所述第二区域的触摸操作,所述处理器执行对所述第一区域显示的内容进行与响应于所述第一区域的对应触摸操作相同的控制的操作。本发明提供的方案,能在控制页面内容移动时避免遮挡移动的内容,提升浏览体验。

Description

一种终端设备、页面控制装置及页面控制方法
技术领域
本发明涉及移动互联网技术领域,具体涉及一种终端设备、页面控制装置及页面控制方法。
背景技术
目前,随着智能移动终端及浏览器技术的不断普及与发展,使用移动终端浏览器访问互联网逐渐成为一个趋势。而且,随着HTML5(Hyper Text Markup Language 5,超级文本标记语言第五版)技术的进步与普及,在移动终端上的网页页面内容展示也愈加多样化。网页页面内容一般可以包括文字信息、图片信息、音频信息、视频信息等,通过HTML5技术可以实现页面与用户的交互,给用户体验带来了极大的提升。
目前许多页面内容的展示,通常使用的方案是在一屏幕内展现全部内容,近似于应用的“图片+文字介绍”的效果,其优点在于将用户关心的图片内容完整展现,而且用户滚动文字观看文字介绍的时候,由于整体页面高度与手机屏幕相同,因此无论用户如何滚动页面,页面的焦点图片位置都不会发生变化,给用户带来极好的阅读体验。
但是,目前这种页面内容排版方式也有缺陷,即,可滚动区域只有文字内容区域,但文字内容区域一般面积比较小,而且在文字内容区域通过手势操作滚动文字内容时,手指会遮挡部分文字内容,因此会影响浏览体验。
发明内容
为解决上述技术问题,本发明提供一种终端设备、页面控制装置及页面控制方法,能在控制页面内容移动时避免遮挡移动的内容,提升浏览体验。
根据本发明的一个方面,提供一种终端设备,包括:存储器、触摸式显示屏和处理器,
所述存储器中存储触摸式显示屏上显示的页面的内容;
响应于用户在所述触摸式显示屏上的页面的预定的触发操作,所述处理器执行独立于所述页面显示第二区域,使所述第二区域上的触摸操作与所述第一区域上的对应触摸操作等效的操作;
响应于所述第二区域的触摸操作,所述处理器执行对所述第一区域显示的内容进行与响应于所述第一区域的对应触摸操作相同的控制的操作。
优选的,所述处理器响应于所述第二区域的触摸操作,执行通过将所述第二区域的触摸坐标转换为所述第一区域的等效坐标对所述第一区域显示的内容进行与响应于所述第一区域的对应触摸操作相同的控制的操作。
根据本发明的另一方面,提供一种页面控制装置,包括:
第一处理模块,用于响应于预定的触发操作,独立于所述页面显示第二区域,使所述第二区域上的触摸操作与所述第一区域上的对应触摸操作等效;
第二处理模块,用于响应于所述第二区域的触摸操作,对所述第一区域显示的内容进行与响应于所述第一区域的对应触摸操作相同的控制。
优选的,所述第一处理模块包括:
接收子模块,用于接收在页面第一区域的触发操作;
显示子模块,用于响应于所述接收子模块接收的在页面第一区域的触发操作,独立于所述页面显示第二区域,使所述第二区域上的触摸操作与所述第一区域上的对应触摸操作等效,其中所述第二区域为可拖动的第二区域,或为固定位置的第二区域且所述固定位置位于所述第一区域外。
优选的,所述第一处理模块包括:
接收子模块,用于接收触发操作;
条件确认子模块,用于确定所述接收子模块接收的触发操作为位于可滑动的所述第一区域中的滑动操作,或位于可滑动的所述第一区域中的滑动操作且所述第一区域所属页面高度小于或等于屏幕高度;
显示子模块,用于根据所述条件确认子模块的结果,独立于所述页面显示第二区域,使所述第二区域上的触摸操作与所述第一区域上的对应触摸操作等效。
优选的,所述第二处理模块包括:
接收子模块,用于接收触摸操作;
条件确认子模块,用于确定所述接收子模块接收的触摸操作为位于可滑动的所述第二区域中的滑动操作;
控制处理子模块,用于根据所述条件确认子模块的结果,对所述第一区域显示的内容进行与响应于所述第一区域的对应触摸操作相同的控制。
优选的,所述控制处理子模块包括:
坐标转换子模块,用于将所述第二区域的触摸坐标转换为所述第一区域的等效坐标;
同步处理子模块,用于根据所述坐标转换子模块转换后的所述等效坐标,对所述第一区域显示的内容进行与响应于所述第一区域的对应触摸操作相同的控制。
优选的,所述坐标转换子模块是将所述第二区域的触摸点坐标或触摸轨迹曲线转换为所述第一区域的等效坐标或等效轨迹曲线;所述同步处理子模块是基于所述等效坐标或等效轨迹曲线,对所述第一区域显示的内容进行页面控制操作。
根据本发明的另一方面,提供一种页面控制方法,用于控制页面中第一区域内的内容显示,包括:
响应于预定的触发操作,独立于所述页面显示第二区域,使所述第二区域上的触摸操作与所述第一区域上的对应触摸操作等效;
响应于所述第二区域的触摸操作,对所述第一区域显示的内容进行与响应于所述第一区域的对应触摸操作相同的控制。
优选的,所述预定的触发操作包括:所述页面中第一区域的预定的触发操作。
优选的,所述第二区域为可拖动的第二区域;或,所述第二区域为固定位置的第二区域,其中所述固定位置位于所述第一区域外。
优选的,所述预定的触发操作包括:位于可滑动的所述第一区域中的滑动操作;或,位于可滑动的所述第一区域中的滑动操作且所述第一区域所属页面高度小于或等于屏幕高度。
优选的,所述第二区域的触摸操作包括:位于可滑动的所述第二区域中的滑动操作。
优选的,所述滑动操作包括:向上或向下滚动,或,向左或向右移动。
优选的,所述对所述第一区域显示的内容进行与响应于所述第一区域的对应触摸操作相同的控制包括:
通过将所述第二区域的触摸坐标转换为所述第一区域的等效坐标对所述第一区域显示的内容进行与响应于所述第一区域的对应触摸操作相同的控制。
优选的,所述通过将所述第二区域的触摸坐标转换为所述第一区域的等效坐标对所述第一区域显示的内容进行与响应于所述第一区域的对应触摸操作相同的控制包括:
将所述第二区域的触摸点坐标或触摸轨迹曲线转换为所述第一区域的等效坐标或等效轨迹曲线,基于所述等效坐标或等效轨迹曲线,对所述第一区域显示的内容进行页面控制操作。
可以发现,本发明实施例的技术方案,在浏览网页的页面内容时,根据预定的触发操作,可以独立于页面显示第二区域,使所述第二区域上的触摸操作与页面的第一区域上的对应触摸操作等效,那么在第二区域进行触摸操作时,就可以响应于第二区域的触摸操作,对第一区域显示的内容进行与响应于第一区域的对应触摸操作相同的控制,由于第二区域可以在页面第一区域之外,因此可实现通过第二区域的触摸操作控制页面第一区域内容的移动,避免页面第一区域的内容时被手指遮挡,提升浏览体验。
进一步的,本发明实施例显示的第二区域可以是可拖动的,也可以是固定的,如果是固定的第二区域,只需位于页面第一区域之外就可以避免遮挡,如果是可拖动的,可以显示在页面第一区域之内,再拖动到其他位置即可,或直接显示在页面第一区域之外。
进一步的,本发明实施例为了更精确进行响应,可以在触发操作是位于可滑动的所述第一区域中的滑动操作,或位于可滑动的所述第一区域中的滑动操作且所述第一区域所属页面高度小于或等于屏幕高度时,才独立于页面显示第二区域。
进一步的,本发明实施例可以适用于多种触摸滑动场景,例如向上或向下滚动,或,向左或向右移动等。
附图说明
通过结合附图对本公开示例性实施方式进行更详细的描述,本公开的上述以及其它目的、特征和优势将变得更加明显,其中,在本公开示例性实施方式中,相同的参考标号通常代表相同部件。
图1是根据本发明的一个实施例的一种终端设备的示意性方框图;
图2是根据本发明的一个实施例的一种页面控制装置的示意性方框图;
图3是根据本发明的一个实施例的一种页面控制装置的另一示意性方框图;
图4是根据本发明的一个实施例的一种页面控制方法的示意性流程图;
图5是根据本发明的一个实施例的一种页面控制方法的另一示意性流程图;
图6是根据本发明的一个实施例的一种页面控制方法中独立于页面显示的同步区域示意图。
具体实施方式
下面将参照附图更详细地描述本公开的优选实施方式。虽然附图中显示了本公开的优选实施方式,然而应该理解,可以以各种形式实现本公开而不应被这里阐述的实施方式所限制。相反,提供这些实施方式是为了使本公开更加透彻和完整,并且能够将本公开的范围完整地传达给本领域的技术人员。
本发明提供一种终端设备,能在控制页面内容移动时避免遮挡移动的内容,提升浏览体验。
图1是根据本发明的一个实施例的一种终端设备的示意性方框图。
如图1所示,终端设备10可以包括:存储器11、触摸式显示屏12和处理器13。
存储器11中存储触摸式显示屏上显示的页面的内容;
响应于用户在触摸式显示屏12上的页面的预定的触发操作,处理器13执行独立于页面显示第二区域,使第二区域上的触摸操作与第一区域上的对应触摸操作等效的操作;
响应于第二区域的触摸操作,处理器13执行对第一区域显示的内容进行与响应于第一区域的对应触摸操作相同的控制的操作。
其中,处理器13响应于第二区域的触摸操作,执行通过将第二区域的触摸坐标转换为第一区域的等效坐标对第一区域显示的内容进行与响应于第一区域的对应触摸操作相同的控制的操作。
终端设备10中的处理器13,可以作为一个独立的装置结构,该独立的装置结构可以称为页面控制装置,该页面控制装置可以包括多个子模块,下文将对该页面控制装置结构进行详细说明。
图2是根据本发明的一个实施例的一种页面控制装置的示意性方框图。
如图2所示,一种页面控制装置20可以包括:第一处理模块21、第二处理模块22。
第一处理模块21,用于响应于预定的触发操作,独立于页面显示第二区域,使第二区域上的触摸操作与第一区域上的对应触摸操作等效。
第二处理模块22,用于响应于第二区域的触摸操作,对第一区域显示的内容进行与响应于第一区域的对应触摸操作相同的控制。
可以发现,本发明实施例的技术方案,在浏览网页的页面内容时,根据预定的触发操作,可以独立于页面显示第二区域,使所述第二区域上的触摸操作与页面的第一区域上的对应触摸操作等效,那么在第二区域进行触摸操作时,就可以响应于第二区域的触摸操作,对第一区域显示的内容进行与响应于第一区域的对应触摸操作相同的控制,由于第二区域可以在页面第一区域之外,因此可实现通过第二区域的触摸操作控制页面第一区域内容的移动,避免页面第一区域的内容时被手指遮挡,提升浏览体验。
图3是根据本发明的一个实施例的一种页面控制装置的另一示意性方框图。
如图3所示,一种页面控制装置20可以包括:第一处理模块21、第二处理模块22,该两个模块的功能可参见图2所描述,此处不再赘述。
进一步的,所述第一处理模块21可以包括:接收子模块211、显示子模块212。
接收子模块211,用于接收在页面第一区域的触发操作。
显示子模块212,用于响应于接收子模块211接收的在页面第一区域的触发操作,独立于页面显示第二区域,使第二区域上的触摸操作与第一区域上的对应触摸操作等效,其中第二区域为可拖动的第二区域,或为固定位置的第二区域且固定位置位于第一区域外。
本发明实施例显示的第二区域可以是可拖动的,也可以是固定的,如果是固定的第二区域,只需位于页面第一区域之外就可以避免遮挡,如果是可拖动的,可以显示在页面第一区域之内,再拖动到其他位置即可,或直接显示在页面第一区域之外。
或者,所述第一处理模块21可以包括:接收子模块211、条件确认子模块213、显示子模块212。
接收子模块211,用于接收触发操作。
条件确认子模块213,用于确定接收子模块接收的触发操作为位于可滑动的第一区域中的滑动操作,或位于可滑动的第一区域中的滑动操作且第一区域所属页面高度小于或等于屏幕高度。
显示子模块212,用于根据条件确认子模块213的结果,独立于页面显示第二区域,使第二区域上的触摸操作与第一区域上的对应触摸操作等效。
其中,所述第二处理模块22包括:接收子模块221、条件确认子模块222、控制处理子模块223。
接收子模块221,用于接收触摸操作。
条件确认子模块222,用于确定接收子模块221接收的触摸操作为位于可滑动的第二区域中的滑动操作。
控制处理子模块223,用于根据条件确认子模块222的结果,对第一区域显示的内容进行与响应于第一区域的对应触摸操作相同的控制。
其中,所述控制处理子模块223包括:坐标转换子模块2231、同步处理子模块2232。
坐标转换子模块2231,用于将第二区域的触摸坐标转换为所述第一区域的等效坐标。
同步处理子模块2232,用于根据坐标转换子模块2231转换后的等效坐标,对第一区域显示的内容进行与响应于第一区域的对应触摸操作相同的控制。
其中,坐标转换子模块2231是将第二区域的触摸点坐标或触摸轨迹曲线转换为第一区域的等效坐标或等效轨迹曲线;同步处理子模块2232是基于等效坐标或等效轨迹曲线,对第一区域显示的内容进行页面控制操作。
图4是根据本发明的一个实施例的一种页面控制方法的示意性流程图。
如图4所示,在步骤401中,页面控制装置的第一处理模块响应于预定的触发操作,独立于所述页面显示第二区域,使所述第二区域上的触摸操作与所述第一区域上的对应触摸操作等效。
上述的页面控制装置,可以设于浏览器中,控制页面的浏览。
该步骤中,预定的触发操作可以包括:所述页面中第一区域的预定的触发操作。该步骤中,第二区域可以为可拖动的第二区域;或,第二区域为固定位置的第二区域,其中固定位置位于第一区域外。
也就是说,显示的第二区域可以是可拖动的,也可以是固定的,如果是固定的第二区域,只需位于页面第一区域之外就可以避免遮挡,如果是可拖动的,可以显示在页面第一区域之内,再拖动到其他位置即可,或直接显示在页面第一区域之外。
该步骤中,预定的触发操作还可以包括:位于可滑动的第一区域中的滑动操作;或,位于可滑动的第一区域中的滑动操作且第一区域所属页面高度小于或等于屏幕高度。
在步骤402中,页面控制装置的第二处理模块响应于所述第二区域的触摸操作,对所述第一区域显示的内容进行与响应于所述第一区域的对应触摸操作相同的控制。
其中,第二区域的触摸操作可以包括:位于可滑动的所述第二区域中的滑动操作。滑动操作可以包括:向上或向下滚动,或,向左或向右移动,也就是说,本发明实施例方案可以适用于多种场景,包括在页面滚动浏览等。
其中,对第一区域显示的内容进行与响应于第一区域的对应触摸操作相同的控制可以包括:通过将第二区域的触摸坐标转换为第一区域的等效坐标对第一区域显示的内容进行与响应于第一区域的对应触摸操作相同的控制,例如,将所述第二区域的触摸点坐标或触摸轨迹曲线转换为所述第一区域的等效坐标或等效轨迹曲线,基于所述等效坐标或等效轨迹曲线,对所述第一区域显示的内容进行页面控制操作。
可以发现,本发明实施例的技术方案,在浏览网页的页面内容时,根据预定的触发操作,可以独立于页面显示第二区域,使所述第二区域上的触摸操作与页面的第一区域上的对应触摸操作等效,那么在第二区域进行触摸操作时,就可以响应于第二区域的触摸操作,对第一区域显示的内容进行与响应于第一区域的对应触摸操作相同的控制,由于第二区域可以在页面第一区域之外,因此可实现通过第二区域的触摸操作控制页面第一区域内容的移动,避免页面第一区域的内容时被手指遮挡,提升浏览体验。
图5是根据本发明的一个实施例的一种页面控制方法的另一示意性流程图。
图5相对于图4更详细描述了本发明实施例的技术方案。该实施例可以独立于页面生成一个可拖动的第二区域例如同步区域进行显示,该同步区域可以浮动于页面的第一区域例如可滚动区域之上,或浮动于页面的其他位置,该同步区域的一切滚动操作会同步到可滚动区域。
如图5所示,在步骤501中,页面控制装置的第一处理模块接收在页面第一区域的预定的触发操作。
该页面第一区域可以是页面中的可滑动区域,例如是可上下滚动的可滚动区域,或可左右移动的平移区域。该可滑动区域可以是例如文字内容区域。
需说明的是,该步骤是以触发操作发生在第一区域举例说明但不局限于此,可以是在页面的其他位置。
该触发操作可以是上下滚动的滚动操作,或左右移动的平移操作。本实施例是以页面第一区域为可滚动区域举例说明但不局限于此。
在步骤502中,第一处理模块响应于预定的触发操作,独立于页面显示第二区域,使第二区域上的触摸操作与所述第一区域上的对应触摸操作等效。
本发明实施例所说的预定的触发操作,可以包括:位于可滑动的第一区域中的滑动操作;或,位于可滑动的第一区域中的滑动操作且第一区域所属页面高度小于或等于屏幕高度。需说明的是,除了滑动操作,也可以是其他操作例如点击操作等。
以下以第一区域为可滚动区域、触发操作为滑动操作为例说明对触发操作的判断过程但不局限于此:
接收到滑动操作后,首先判断接收的滑动操作所在的区域是否是可滚动区域,如不是可滚动区域,不进行响应;如是可滚动区域,进一步判断可滚动区域所属页面的高度是否小于或等于屏幕高度,如不小于或等于屏幕高度,不进行响应,如是小于或等于屏幕高度,则独立于页面生成浮动在页面上层的可滚动的同步区域。
如果页面高度大于屏幕高度,在可滚动区域外做滑动操作时,此时可能就需要滚动整个页面。如果此时依然生成浮动的同步区域,那么所有的滑动操作都可能被浮动的同步区域接收用于响应可滚动区域,这时页面可能就无法滑动。因此可以在可滚动区域所属页面的高度小于或等于屏幕高度时,生成浮动的同步区域进行显示。
需说明的是,上述所说的可滚动的同步区域,是由浏览器生成的区域而非页面自身的区域。在可滚动的同步区域内所产生的滚动操作将会同步到页面内的可滚动区域内,带动页面内的可滚动区域的内容的滚动。
该步骤生成的同步区域可参见图6所示,图6是根据本发明的一个实施例的一种页面控制方法中独立于页面显示的同步区域示意图。图中显示的第二区域即同步区域601可以是可拖动的,也可以是固定的,如果是固定的第二区域,只需位于页面第一区域之外就可以避免遮挡,如果是可拖动的,可以显示在页面第一区域之内,再拖动到其他位置即可,或直接显示在页面第一区域之外。
在步骤503中,页面控制装置的第二处理模块接收在所述第二区域的触摸操作。
第二区域的触摸操作可以包括:位于可滑动的第二区域中的滑动操作。滑动操作可以包括:向上或向下滚动,或,向左或向右移动等。
在步骤504中,第二处理模块响应于所述第二区域的触摸操作,对所述第一区域显示的内容进行与响应于所述第一区域的对应触摸操作相同的控制。
该步骤可以通过将第二区域的触摸坐标转换为第一区域的等效坐标对第一区域显示的内容进行与响应于第一区域的对应触摸操作相同的控制,例如,将所述第二区域的触摸点坐标或触摸轨迹曲线转换为所述第一区域的等效坐标或等效轨迹曲线,基于所述等效坐标或等效轨迹曲线,对所述第一区域显示的内容进行页面控制操作。
以下内容以该步骤的触摸操作以滚动操作为例说明但不局限于此。
接收到滚动操作后,首先判断接收的滚动事件是否发生在同步区域,如不是发生在同步区域,不进行响应;如是发生在同步区域,则将同步区域的滚动事件坐标转换为实际滚动区域坐标(即将同步区域(第二区域)的触摸坐标转换为可滚动区域(第一区域)的等效坐标)后,再传递滚动事件进行响应。
假设网页页面的可滚动区域的绝对坐标x0,y0(相对于整个页面的绝对坐标),生成的同步区域记录可滚动区域的坐标x0,y0,且同步区域被用户拖动后,同步区域的坐标为x1,y1,同步区域的宽高为w,h,则上述将同步区域的滚动事件坐标转换为实际滚动区域坐标再传递滚动事件的过程包括:
1)检测到用户滚动页面,生成滚动事件。
2)确认出滚动事件的坐标(ex,ey)符合以下条件:x1<ex<x1+w且y1<ey<y1+h,则认为滚动事件发生在同步区域内。
3)将滚动事件的坐标转换为滚动区域的坐标,即ex1=x0+ex,ey0=y0+ey。
4)传递包含转换后的坐标的滚动事件。
那么,可滚动区域根据传递的滚动事件中转换后的坐标,将滚动区域的位置进行同步,即将可滚动区域的绝对坐标x0在水平方向即x轴移动ex,将y0在垂直方向即y轴移动。可以发现,由于在滚动时对滚动区域不产生遮挡,因此可以使用户的浏览体验更好。
以下进一步通过一个应用实施例进行说明。
假设用户打开一个页面,该页面含有可滚动区域,当检测到用户手指落在可滚动区域内,则浏览器再独立于页面生成一个同步区域,用户可以将同步区域拖动到操作时不影响滚动页面的位置,那么后续用户在同步区域内的滚动操作,将会直接同步到可滚动区域内,即可滚动区域的内容会跟随在同步区域的滚动操作而滚动,这样就不会在滚动时对滚动区域产生遮挡。
需说明的是,本发明实施例所说的预定的触发操作,还可以是例如特定位置/特定时长/特定方式的特定动作,或者是移动终端的某个按键的特定操作等,通过这些特定动作或特定操作,指定一个第二区域,使第二区域的操作与第一区域的操作对应。而且,两个区域中的操作也可以不相同,例如可以是第二区域中点击某个部位产生第一区域中向某个区域滑动的效果。另外,在第二区域中的操作除了滑动操作,还可以是例如翻页、关闭、取消文字显示等。
综上所述,本发明实施例的技术方案,在浏览网页的页面内容时,根据预定的触发操作,可以独立于页面显示第二区域,使所述第二区域上的触摸操作与页面的第一区域上的对应触摸操作等效,那么在第二区域进行触摸操作时,就可以响应于第二区域的触摸操作,对第一区域显示的内容进行与响应于第一区域的对应触摸操作相同的控制,由于第二区域可以在页面第一区域之外,因此可实现通过第二区域的触摸操作控制页面第一区域内容的移动,避免页面第一区域的内容时被手指遮挡,提升浏览体验。
进一步的,本发明实施例显示的第二区域可以是可拖动的,也可以是固定的,如果是固定的第二区域,只需位于页面第一区域之外就可以避免遮挡,如果是可拖动的,可以显示在页面第一区域之内,再拖动到其他位置即可,或直接显示在页面第一区域之外。
上文中已经参考附图详细描述了根据本发明的技术方案。
此外,根据本发明的方法还可以实现为一种计算机程序,该计算机程序包括用于执行本发明的上述方法中限定的上述各步骤的计算机程序代码指令。或者,根据本发明的方法还可以实现为一种计算机程序产品,该计算机程序产品包括计算机可读介质,在该计算机可读介质上存储有用于执行本发明的上述方法中限定的上述功能的计算机程序。本领域技术人员还将明白的是,结合这里的公开所描述的各种示例性逻辑块、模块、电路和算法步骤可以被实现为电子硬件、计算机软件或两者的组合。
附图中的流程图和框图显示了根据本发明的多个实施例的系统和方法的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分,所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标记的功能也可以以不同于附图中所标记的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
以上已经描述了本发明的各实施例,上述说明是示例性的,并非穷尽性的,并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择,旨在最好地解释各实施例的原理、实际应用或对市场中的技术的改进,或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。

Claims (13)

1.一种终端设备,其特征在于,包括:存储器、触摸式显示屏和处理器,
所述存储器中存储触摸式显示屏上显示的页面的内容;
响应于用户在所述触摸式显示屏上的页面的预定的触发操作,所述处理器判断接收的触发操作所在的区域是否为第一区域,所述第一区域为可滚动区域,在判定是所述第一区域的情况下,进一步判断所述第一区域所属页面的高度是否小于或等于屏幕高度,在判定所述高度小于或等于屏幕高度的情况下,执行独立于所述页面显示第二区域,使所述第二区域上的触摸操作与所述第一区域上的滚动操作等效的操作;
响应于所述第二区域的触摸操作,所述处理器执行对所述第一区域显示的内容进行与响应于所述第一区域的滚动操作相同的控制的操作。
2.根据权利要求1所述的终端设备,其特征在于:
所述处理器响应于所述第二区域的触摸操作,执行通过将所述第二区域的触摸坐标转换为所述第一区域的等效坐标对所述第一区域显示的内容进行与响应于所述第一区域的滚动操作相同的控制的操作。
3.一种页面控制装置,其特征在于,包括:
第一处理模块,用于响应于预定的触发操作,判断接收的触发操作所在的区域是否为第一区域,所述第一区域为可滚动区域,在判定是所述第一区域的情况下,进一步判断所述第一区域所属页面的高度是否小于或等于屏幕高度,在判定所述高度小于或等于屏幕高度的情况下,独立于所述页面显示第二区域,使所述第二区域上的触摸操作与所述第一区域上的滚动操作等效;
第二处理模块,用于响应于所述第二区域的触摸操作,对所述第一区域显示的内容进行与响应于所述第一区域的滚动操作相同的控制。
4.根据权利要求3所述的装置,其特征在于,所述第一处理模块包括:
接收子模块,用于接收在页面第一区域的触发操作;
显示子模块,用于响应于所述接收子模块接收的在页面第一区域的触发操作,独立于所述页面显示第二区域,使所述第二区域上的触摸操作与所述第一区域上的滚动操作等效,其中所述第二区域为可拖动的第二区域,或为固定位置的第二区域且所述固定位置位于所述第一区域外。
5.根据权利要求3所述的装置,其特征在于,所述第二处理模块包括:
接收子模块,用于接收触摸操作;
条件确认子模块,用于确定所述接收子模块接收的触摸操作为位于可滑动的所述第二区域中的滑动操作;
控制处理子模块,用于根据所述条件确认子模块的结果,对所述第一区域显示的内容进行与响应于所述第一区域的滚动操作相同的控制。
6.根据权利要求5所述的装置,其特征在于,所述控制处理子模块包括:
坐标转换子模块,用于将所述第二区域的触摸坐标转换为所述第一区域的等效坐标;
同步处理子模块,用于根据所述坐标转换子模块转换后的所述等效坐标,对所述第一区域显示的内容进行与响应于所述第一区域的滚动操作相同的控制。
7.根据权利要求6所述的装置,其特征在于:
所述坐标转换子模块是将所述第二区域的触摸点坐标或触摸轨迹曲线转换为所述第一区域的等效坐标或等效轨迹曲线;
所述同步处理子模块是基于所述等效坐标或等效轨迹曲线,对所述第一区域显示的内容进行页面控制操作。
8.一种页面控制方法,用于控制页面中第一区域内的内容显示,所述第一区域为可滚动区域,其特征在于,包括:
响应于预定的触发操作,判断接收的触发操作所在的区域是否为所述第一区域;
在判定是所述第一区域的情况下,进一步判断所述第一区域所属页面的高度是否小于或等于屏幕高度;
在判定所述高度小于或等于屏幕高度的情况下,独立于所述页面显示第二区域,使所述第二区域上的触摸操作与所述第一区域上的滚动操作等效;
响应于所述第二区域的触摸操作,对所述第一区域显示的内容进行与响应于所述第一区域的滚动操作相同的控制。
9.根据权利要求8所述的方法,其特征在于:
所述第二区域为可拖动的第二区域;或,
所述第二区域为固定位置的第二区域,其中所述固定位置位于所述第一区域外。
10.根据权利要求8所述的方法,其特征在于,所述第二区域的触摸操作包括:位于可滑动的所述第二区域中的滑动操作。
11.根据权利要求10所述的方法,其特征在于,所述滑动操作包括:向上或向下滚动,或,向左或向右移动。
12.根据权利要求8所述的方法,其特征在于,所述对所述第一区域显示的内容进行与响应于所述第一区域的滚动操作相同的控制包括:
通过将所述第二区域的触摸坐标转换为所述第一区域的等效坐标对所述第一区域显示的内容进行与响应于所述第一区域的滚动操作相同的控制。
13.根据权利要求12所述的方法,其特征在于,所述通过将所述第二区域的触摸坐标转换为所述第一区域的等效坐标对所述第一区域显示的内容进行与响应于所述第一区域的滚动操作相同的控制包括:
将所述第二区域的触摸点坐标或触摸轨迹曲线转换为所述第一区域的等效坐标或等效轨迹曲线,基于所述等效坐标或等效轨迹曲线,对所述第一区域显示的内容进行页面控制操作。
CN201610127305.8A 2016-03-07 2016-03-07 一种终端设备、页面控制装置及页面控制方法 Active CN107168630B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610127305.8A CN107168630B (zh) 2016-03-07 2016-03-07 一种终端设备、页面控制装置及页面控制方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610127305.8A CN107168630B (zh) 2016-03-07 2016-03-07 一种终端设备、页面控制装置及页面控制方法

Publications (2)

Publication Number Publication Date
CN107168630A CN107168630A (zh) 2017-09-15
CN107168630B true CN107168630B (zh) 2020-05-05

Family

ID=59849198

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610127305.8A Active CN107168630B (zh) 2016-03-07 2016-03-07 一种终端设备、页面控制装置及页面控制方法

Country Status (1)

Country Link
CN (1) CN107168630B (zh)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111415396B (zh) * 2019-01-08 2024-12-31 腾讯科技(深圳)有限公司 一种图像生成方法、装置和存储介质
CN109947328B (zh) * 2019-03-21 2020-12-08 珠海格力电器股份有限公司 多参数显示方法、装置及空调机组监测设备
CN114115675B (zh) * 2020-08-31 2025-02-07 华为终端有限公司 一种页面滑动的处理方法及相关装置

Family Cites Families (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7366995B2 (en) * 2004-02-03 2008-04-29 Roland Wescott Montague Combination tool that zooms in, zooms out, pans, rotates, draws, or manipulates during a drag
US7441207B2 (en) * 2004-03-18 2008-10-21 Microsoft Corporation Method and system for improved viewing and navigation of content
CN102346662B (zh) * 2010-07-30 2014-08-13 比亚迪股份有限公司 一种移动终端及实现其用户界面滚动的方法
CN102819394B (zh) * 2012-07-27 2016-06-08 东莞宇龙通信科技有限公司 终端和终端操作方法
CN103677556B (zh) * 2012-09-24 2017-06-30 北京三星通信技术研究有限公司 快速定位应用程序的方法及设备
CN102915201B (zh) * 2012-09-17 2015-08-05 广东欧珀移动通信有限公司 一种大屏幕触控手机的单手操作方法
CN103500057A (zh) * 2013-10-08 2014-01-08 百度在线网络技术(北京)有限公司 移动终端及其操控方法和装置
CN103955339A (zh) * 2014-04-25 2014-07-30 华为技术有限公司 一种终端操作方法及终端设备
CN105320432A (zh) * 2015-10-30 2016-02-10 百度在线网络技术(北京)有限公司 一种滚动条的显示方法及装置

Also Published As

Publication number Publication date
CN107168630A (zh) 2017-09-15

Similar Documents

Publication Publication Date Title
CN103955331B (zh) 一种应用程序图标的显示处理方法及装置
JP6613270B2 (ja) タッチ入力カーソル操作
US9898180B2 (en) Flexible touch-based scrolling
AU2016100292B4 (en) Touch input cursor manipulation
CN102760026B (zh) 一种触摸屏界面显示方法、显示装置及一种触摸屏设备
CN104123078B (zh) 输入信息的方法和设备
JP5768457B2 (ja) 電子機器、表示方法及びプログラム
KR20120091783A (ko) 터치스크린 단말기에서 멀티 터치 입력 처리 방법 및 장치
US20130117664A1 (en) Screen display method applicable on a touch screen
CN108668175B (zh) 一种弹幕文字的发布方法及装置
US20140123036A1 (en) Touch screen display process
WO2020000971A1 (zh) 切换全局特效的方法、装置、终端设备及存储介质
CN104063167A (zh) 曲线图显示装置以及曲线图显示方法
EP2756377B1 (en) Virtual viewport and fixed positioning with optical zoom
CN107168630B (zh) 一种终端设备、页面控制装置及页面控制方法
CN106371715B (zh) 实现多条目切换的方法和装置
CN110417984B (zh) 一种在屏幕异形区域实现操作的方法、装置及存储介质
US10318047B2 (en) User interface for electronic device, input processing method, and electronic device
KR101231513B1 (ko) 터치를 이용한 컨텐츠 제어방법, 장치, 이를 위한 기록매체 및 이를 포함하는 사용자 단말
WO2016110259A1 (en) Content acquiring method and apparatus, and user equipment
CN106843698A (zh) 一种交互式滚动条展示方法及电子设备
KR102045959B1 (ko) 입력 신호에 따라 동적으로 메뉴를 표시하는 메뉴 표시 모듈, 방법 및 그에 대한 기록매체
HK1172702B (zh) 一种触摸屏界面显示方法、显示装置及一种触摸屏设备
HK1174119A1 (zh) 一种显示索引图标内容的方法和装置
HK1174119B (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
TR01 Transfer of patent right
TR01 Transfer of patent right

Effective date of registration: 20200713

Address after: 310052 room 508, floor 5, building 4, No. 699, Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province

Patentee after: Alibaba (China) Co.,Ltd.

Address before: 510627 Guangdong city of Guangzhou province Whampoa Tianhe District Road No. 163 Xiping Yun Lu Yun Ping B radio square 14 storey tower

Patentee before: Guangzhou Dongjing Computer Technology Co.,Ltd.

TR01 Transfer of patent right
TR01 Transfer of patent right

Effective date of registration: 20220615

Address after: 510520 Room 303, Room 305, room 307, Room 308, No. 38, Gaopu Road, Tianhe District, Guangzhou City, Guangdong Province

Patentee after: Guangzhou Dongjing Computer Technology Co.,Ltd.

Address before: 310052 room 508, 5th floor, building 4, No. 699 Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province

Patentee before: Alibaba (China) Co.,Ltd.

TR01 Transfer of patent right
TR01 Transfer of patent right

Effective date of registration: 20220829

Address after: 310052 room 554, floor 5, building 3, No. 969, Wenyi West Road, Wuchang Street, Yuhang District, Hangzhou City, Zhejiang Province

Patentee after: Alibaba (China) Co.,Ltd.

Address before: 510520 Room 303, Room 305, room 307, Room 308, No. 38, Gaopu Road, Tianhe District, Guangzhou City, Guangdong Province

Patentee before: Guangzhou Dongjing Computer Technology Co.,Ltd.