CN103995660B - 触屏浏览器切换窗口的方法及装置 - Google Patents
触屏浏览器切换窗口的方法及装置 Download PDFInfo
- Publication number
- CN103995660B CN103995660B CN201310054297.5A CN201310054297A CN103995660B CN 103995660 B CN103995660 B CN 103995660B CN 201310054297 A CN201310054297 A CN 201310054297A CN 103995660 B CN103995660 B CN 103995660B
- Authority
- CN
- China
- Prior art keywords
- touch screen
- slide
- window
- switch
- multiwindow
- 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
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明提出一种触屏浏览器切换窗口的方法及装置,其方法包括以下步骤:监测触控屏上预设的多窗口图标的接触操作;当监测到所述多窗口图标的接触操作时,接收触控屏上由所述多窗口图标开始的滑动操作,所述滑动操作包括保持与触控屏持续接触的同时所述接触的移动;根据所述滑动操作的移动方向切换相应的窗口页面。本发明通过滑动操作来直接切换浏览器窗口页面,无需进入多窗口的界面,操作简单,只通过一步动作就完成切换窗口的页面,提高了用户通过手机进行网络浏览的效率。
Description
技术领域
本发明涉及计算机技术领域,特别涉及一种触屏浏览器切换窗口的方法及装置。
背景技术
目前,用于阅读、存取数据的移动通信终端已经成为现代信息社会中的重要工具。一般用户习惯了在电脑上多窗口浏览的高效体验,但在使用手机等移动终端进行网页浏览时,由于终端本身的硬件以及使用环境的限制,使得在利用移动终端进行上网体验时多窗口切换比较繁琐,不够直观。
对于使用触屏手机的用户来说,在浏览器打开的多个浏览页面进行多窗口的切换时,需要点击专门的窗口按键以进入到多窗口的界面,从而再进行多窗口的选择,并切换到另外一个页面。而需要关闭某个窗口时,同样需要进入前述多窗口的界面,然后选择相应的页面进行关闭。可见无论是窗口的切换,还是窗口的关闭,均要执行多步操作,非常不便。
而且,大部分使用高端手机(大屏、触摸)的用户普遍都有使用PC浏览器多窗口的认知和习惯,手机浏览过程中窗口切换的繁琐尤其使用户苦恼,妨碍用户通过手机进行网络浏览的效率。
在高端手机中,屏幕和触摸功能都足够支撑更好的多窗口体验,但一般的浏览器是直接移植PC浏览器的多窗口操作模式,欠缺手机平台的特性融合,因此需要一种能够和手机平台的特性融合的使多窗口操作更加便捷的终端浏览解决方案。
发明内容
本发明的目的是提供一种触屏浏览器切换窗口的方法及装置,以解决现有技术中移动终端浏览网页时多窗口切换时操作繁琐的问题。
本发明提出一种触屏浏览器切换窗口的方法,包括以下步骤:
监测触控屏上预设的多窗口图标的接触操作;
当监测到所述多窗口图标的接触操作时,接收触控屏上由所述多窗口图标开始的滑动操作,所述滑动操作包括保持与触控屏持续接触的同时所述接触的移动;
根据所述滑动操作的移动方向切换相应的窗口页面。
本发明还提出一种触屏浏览器切换窗口的装置,包括:
监测模块,用于监测触控屏上预设的多窗口图标的接触操作;
滑动操作接收模块,当监测到所述多窗口图标的接触操作时,接收触控屏上由所述多窗口图标开始的滑动操作,所述滑动操作包括保持与触控屏持续接触的同时所述接触的移动;
切换模块,根据所述滑动操作的移动方向切换相应的窗口页面。
相对于现有技术,本发明的有益效果是:
本发明通过滑动操作来直接切换浏览器窗口页面,无需进入多窗口的界面,操作简单,只通过一步动作就完成切换窗口的页面,提高了用户通过手机进行网络浏览的效率。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其他目的、特征和优点能够更明显易懂,以下特举较佳实施例,并配合附图,详细说明如下。
附图说明
图1为本发明实施例的一种触屏浏览器切换窗口的方法流程图;
图2为本发明实施例的一种浏览界面的示意图;
图3为本发明实施例的一种向左滑动的范围示意图;
图4为本发明实施例的一种向右滑动的范围示意图;
图5为本发明实施例的一种向上滑动的范围示意图;
图6为本发明实施例的另一种触屏浏览器切换窗口的方法流程图;
图7为本发明实施例的一种触屏浏览器切换窗口的装置的结构图;
图8为本发明实施例的一种切换模块的结构图。
具体实施方式
为更进一步阐述本发明达成预定发明目的所采取的技术手段及功效,以下结合附图及较佳实施例,对依据本发明提出的触屏浏览器切换窗口的方法及装置其具体实施方式、方法、步骤及功效,详细说明如后。
有关本发明的前述及其他技术内容、特点及功效,在以下配合参考图式的较佳实施例详细说明中将可清楚的呈现。通过具体实施方式的说明,当可对本发明为达成预定目的所采取的技术手段及功效得以更加深入且具体的了解,然而所附图式仅是提供参考与说明之用,并非用来对本发明加以限制。
请参见图1,其为本发明实施例的一种触屏浏览器切换窗口的方法流程图,其包括以下步骤:
S11,监测触控屏上预设的多窗口图标的接触操作。
通过触控屏浏览页面时,通常都可以通过在浏览器界面上滑动来移动页面内容,而为了使本发明切换窗口的滑动操作不与浏览页面内容时的滑动操作相冲突,本发明以滑动操作的起始位置是否在多窗口图标上作为判断标准,只有起始位置在多窗口图标上,才识别为切换窗口的滑动操作。
触控屏上多窗口图标的位置可以根据实际需要来设定,通常设置在浏览器界面的边缘。请结合参见图2,其中多窗口图标位于浏览器触控屏的右下角。
可以利用浏览器内置的事件检测功能来对多窗口图标上的接触操作进行监测。具体来说,当用户手指接触触控屏时,浏览器内置的监测控件会自动生成该接触操作的事件对象,事件对象中包含了与该接触操作对应的参数值(包括接触的位置、接触的时间等),然后就可以确定该接触是否发生在多窗口图标的位置。
S12,当监测到所述多窗口图标的接触操作时,接收触控屏上由所述多窗口图标开始的滑动操作。所述滑动操作包括保持与触控屏持续接触的同时所述接触的移动。
结合参见图2,其中向上、向左、向右三个箭头轨迹代表三个方向滑动操作产生的轨迹,其起始位置均处在多窗口图标上,因而都是切换窗口的滑动操作。
S13,根据所述滑动操作的移动方向切换相应的窗口页面。
每个窗口页面的面板组件都有相对应的页面封装对象(WebViewAutoSwitcher),可以对各个窗口页面的页面封装对象进行编号,从而通过调用不同编号的页面封装对象即可实现窗口页面的切换。
本发明切换窗口页面的方式优选以下三种:(1)切换到前一窗口页面(前一编号的窗口页面);(2)切换到后一窗口页面(后一编号的窗口页面);(3)关闭当前窗口页面(若有后一窗口页面,自动切换到后一窗口页面)。
与之相对应的,可以通过第一方向、第二方向、第三方向三个滑动操作的方向来分别选择上述三种切换窗口页面的方式。根据使用者的习惯,优选定义第一方向为平行于触控屏底边向左的方向,第二方向为平行于触控屏底边向右的方向,第三方向为垂直于触控屏底边向上的方向。也即是,向左滑动时,切换到前一窗口页面;向右滑动时,切换到后一窗口页面;向上滑动时,关闭当前窗口页面。特别的,在进行窗口页面的切换时,如果切换无法完成(如要对第一个窗口页面向前切换,或要对最后一个窗口页面向后切换,或关闭最后一个窗口页面等),由于无法切换到前一个或后一个窗口页面,可以设置浏览器界面发生轻微的抖动,以反馈给用户切换无法完成的信息。
当然,使用者的滑动操作的方向很难是与触控屏底边平行或垂直的,因而可以预设一个偏离角度,请参见图3~图5,只要向左滑动的方向与水平方向之间的偏离角度在预设范围内、向右滑动的方向与水平方向之间的偏离角度在预设范围内、或者向上滑动的方向与竖直方向之间的偏离角度在预设范围内,则可以分别判定该滑动操作是要切换到前一窗口页面、后一窗口页面、或者关闭当前页面。而偏离角度的大小可以根据需要来设定,如20度、30度等。
值得注意的是,前述的三种滑动切换窗口页面的方式仅为较佳的实施方式,本发明可以根据实际需要进行调整,例如仅设置切换到前一窗口页面和切换到后一窗口页面两种方式、改变滑动方向对切换窗口页面的判定标准(向左、向右滑动分别切换前一、后一窗口页面、向上滑动关闭当前窗口页面)等。
请参见图6,其为本发明实施例的一种触屏浏览器切换窗口的方法流程图,其包括以下步骤:
S61,监测触控屏上预设的多窗口图标的接触操作。
S62,当监测到所述多窗口图标的接触操作时,接收触控屏上由所述多窗口图标开始的滑动操作。所述滑动操作包括保持与触控屏持续接触的同时所述接触的移动。
S63,根据滑动操作的起点和终点之间矢量连线确定其移动方向。
具体来说,利用浏览器内置的监测控件所获得的滑动操作的事件对象,可以获得该滑动操作轨迹的起点和终点的参数坐标,它们之间的矢量连线方向即为滑动操作的方向。使用者在浏览器界面的滑动有时会带有一定的弧度或角度而并不是直线,本实施例只通过滑动操作的起点和终点位置来判断滑动操作的方向,这样也避免了操作误差,提高了系统识别能力。
S64,根据所述滑动操作的移动方向切换相应的窗口页面。
本发明通过滑动操作来直接切换浏览器窗口页面,无需进入多窗口的界面,操作简单,只通过一步动作就完成切换窗口的页面,提高了用户通过手机进行网络浏览的效率。
本发明还提出一种触屏浏览器切换窗口的装置,请参见图7,其包括监测模块71、滑动操作接收模块72以及切换模块73,滑动操作接收模块72分别与监测模块71及切换模块73相连。
监测模块71用于监测触控屏上预设的多窗口图标的接触操作。触控屏上多窗口图标的位置可以根据实际需要来设定,通常设置在浏览器界面的边缘。具体来说,当用户手指接触触控屏时,浏览器内置的监测控件会自动生成该接触操作的事件对象,事件对象中包含了与该接触操作对应的参数值(包括接触的位置、接触的时间等),然后监测模块71就可以根据该接触操作的事件对象,来确定该接触是否发生在多窗口图标的位置。
当监测模块71监测到用户对触控屏上多窗口图标的接触操作时,滑动操作接收模块72会接收触控屏上由所述多窗口图标开始的滑动操作,所述滑动操作包括保持与触控屏持续接触的同时所述接触的移动。
切换模块73用于在滑动操作接收模块72接收到由多窗口图标开始的滑动操作后,根据所述滑动操作的移动方向切换相应的窗口页面。所述滑动操作的移动方向优选根据滑动操作的起点和终点之间矢量连线的方向进行确定,从而可以避免滑动轨迹中带有的弧度或角度所造成的操作误差,提高了识别能力。
请参见图8,切换模块73可以进一步包括第一切换单元731、第二切换单元732以及第三切换单元733,三个切换单元分别对应三种切换方式。第一切换单元731用于当所述滑动操作的移动方向与第一方向的偏离角度在预设范围内,将前一窗口页面切换到浏览器界面。第二切换单元732用于当所述滑动操作的移动方向与第二方向的偏离角度在预设范围内,将后一窗口页面切换到浏览器界面。第三切换单元733用于当所述滑动操作的移动方向与第三方向的偏离角度在预设范围内,则关闭当前窗口页面。所述第一方向优选为平行于触控屏底边向左的方向,所述第二方向优选为平行于触控屏底边向右的方向。所述第三方向优选为垂直于触控屏底边向上的方向。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到本发明实施例可以通过硬件实现,也可以借助软件加必要的通用硬件平台的方式来实现。基于这样的理解,本发明实施例的技术方案可以以软件产品的形式体现出来,该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM,U盘,移动硬盘等)中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或网络设备等)执行本发明实施例各个实施场景所述的方法。
以上所述,仅是本发明的较佳实施例而已,并非对本发明作任何形式上的限制,虽然本发明已以较佳实施例揭露如上,然而并非用以限定本发明,任何熟悉本专业的技术人员,在不脱离本发明技术方案范围内,当可利用上述揭示的技术内容作出些许更动或修饰为等同变化的等效实施例,但凡是未脱离本发明技术方案内容,依据本发明的技术实质对以上实施例所作的任何简单修改、等同变化与修饰,均仍属于本发明技术方案的范围内。
Claims (8)
1.一种触屏浏览器切换窗口的方法,其特征在于,包括以下步骤:
监测触控屏上预设的多窗口图标的接触操作;
当监测到所述多窗口图标的接触操作时,接收触控屏上由所述多窗口图标开始的滑动操作,所述滑动操作包括保持与触控屏持续接触的同时所述接触的移动;
根据所述滑动操作的移动方向切换相应的窗口页面;所述根据所述滑动操作的移动方向切换相应的窗口的步骤包括:
当所述滑动操作的移动方向与第一方向的偏离角度在预设范围内,则切换到前一窗口页面;
当所述滑动操作的移动方向与第二方向的偏离角度在预设范围内,则切换到后一窗口页面;
当所述滑动操作的移动方向与第三方向的偏离角度在预设范围内,则关闭当前窗口页面。
2.如权利要求1所述的触屏浏览器切换窗口的方法,其特征在于,所述根据所述滑动操作的移动方向切换相应的窗口的步骤中,所述移动方向根据滑动操作的起点和终点之间矢量连线的方向进行确定。
3.如权利要求1所述的触屏浏览器切换窗口的方法,其特征在于,所述第一方向为平行于触控屏底边向左的方向,所述第二方向为平行于触控屏底边向右的方向。
4.如权利要求3所述的触屏浏览器切换窗口的方法,其特征在于,所述第三方向为垂直于触控屏底边向上的方向。
5.一种触屏浏览器切换窗口的装置,其特征在于,包括:
监测模块,用于监测触控屏上预设的多窗口图标的接触操作;
滑动操作接收模块,当监测到所述多窗口图标的接触操作时,接收触控屏上由所述多窗口图标开始的滑动操作,所述滑动操作包括保持与触控屏持续接触的同时所述接触的移动;
切换模块,根据所述滑动操作的移动方向切换相应的窗口页面;
所述切换模块进一步包括:
第一切换单元,用于当所述滑动操作的移动方向与第一方向的偏离角度在预设范围内,将前一窗口页面切换到浏览器界面;
第二切换单元,用于当所述滑动操作的移动方向与第二方向的偏离角度在预设范围内,将后一窗口页面切换到浏览器界面;
第三切换单元,用于当所述滑动操作的移动方向与第三方向的偏离角度在预设范围内,则关闭当前窗口页面。
6.如权利要求5所述的触屏浏览器切换窗口的装置,其特征在于,所述滑动操作的移动方向根据滑动操作的起点和终点之间矢量连线的方向进行确定。
7.如权利要求5所述的触屏浏览器切换窗口的装置,其特征在于,所述第一方向为平行于触控屏底边向左的方向,所述第二方向为平行于触控屏底边向右的方向。
8.如权利要求5所述的触屏浏览器切换窗口的装置,其特征在于,所述第三方向为垂直于触控屏底边向上的方向。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310054297.5A CN103995660B (zh) | 2013-02-20 | 2013-02-20 | 触屏浏览器切换窗口的方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310054297.5A CN103995660B (zh) | 2013-02-20 | 2013-02-20 | 触屏浏览器切换窗口的方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN103995660A CN103995660A (zh) | 2014-08-20 |
CN103995660B true CN103995660B (zh) | 2018-08-03 |
Family
ID=51309841
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201310054297.5A Active CN103995660B (zh) | 2013-02-20 | 2013-02-20 | 触屏浏览器切换窗口的方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN103995660B (zh) |
Families Citing this family (16)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105183336A (zh) * | 2015-06-05 | 2015-12-23 | 努比亚技术有限公司 | 一种多媒体界面的切换方法及终端 |
CN105068734A (zh) * | 2015-08-20 | 2015-11-18 | 广东欧珀移动通信有限公司 | 一种终端的滑动控制方法及装置 |
CN105224225B (zh) * | 2015-09-23 | 2019-05-03 | 百度在线网络技术(北京)有限公司 | 详情页的切换方法及装置 |
CN109697263A (zh) * | 2015-12-21 | 2019-04-30 | 北京奇虎科技有限公司 | 页面切换方法及装置 |
CN105739782A (zh) * | 2016-01-30 | 2016-07-06 | 深圳天珑无线科技有限公司 | 通过压力触控技术快速切换应用的方法、系统和电子设备 |
CN105975152B (zh) * | 2016-04-27 | 2020-05-05 | 维沃移动通信有限公司 | 基于指纹的应用程序调用方法和移动终端 |
CN105930089B (zh) * | 2016-05-31 | 2019-04-09 | 维沃移动通信有限公司 | 一种切换移动终端显示界面的方法及移动终端 |
CN106293405B (zh) * | 2016-07-26 | 2022-03-08 | 北京小米移动软件有限公司 | 页面移动的方法和装置 |
CN106325873A (zh) * | 2016-08-26 | 2017-01-11 | 乐视控股(北京)有限公司 | 多窗口页面显示处理方法及装置 |
CN106445274A (zh) * | 2016-08-26 | 2017-02-22 | 乐视控股(北京)有限公司 | 多窗口页面显示处理方法及装置 |
CN106776683A (zh) * | 2016-10-28 | 2017-05-31 | 努比亚技术有限公司 | 一种浏览器窗口切换方法及终端 |
CN106990907A (zh) * | 2017-04-05 | 2017-07-28 | 深圳天珑无线科技有限公司 | 一种更改应用皮肤的方法及装置 |
CN107256118A (zh) * | 2017-04-28 | 2017-10-17 | 珠海市魅族科技有限公司 | 一种页面控制方法和装置 |
CN108363525B (zh) * | 2018-02-01 | 2020-12-11 | 阿里巴巴(中国)有限公司 | 一种响应网页中用户手势操作的方法、装置和终端设备 |
WO2020087314A1 (zh) * | 2018-10-31 | 2020-05-07 | 深圳市大疆创新科技有限公司 | 用户界面显示方法、终端设备及存储介质 |
CN113835839A (zh) * | 2021-09-27 | 2021-12-24 | 湖南小算科技信息有限公司 | 一种虚拟机切换方法 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102707884A (zh) * | 2012-05-02 | 2012-10-03 | 华为终端有限公司 | 显示互动工具的方法、互动数据收集方法和终端 |
CN102799381A (zh) * | 2012-07-13 | 2012-11-28 | 优视科技有限公司 | 浏览器窗口的处理方法及装置 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070136372A1 (en) * | 2005-12-12 | 2007-06-14 | Proctor Lee M | Methods of quality of service management and supporting apparatus and readable medium |
-
2013
- 2013-02-20 CN CN201310054297.5A patent/CN103995660B/zh active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102707884A (zh) * | 2012-05-02 | 2012-10-03 | 华为终端有限公司 | 显示互动工具的方法、互动数据收集方法和终端 |
CN102799381A (zh) * | 2012-07-13 | 2012-11-28 | 优视科技有限公司 | 浏览器窗口的处理方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN103995660A (zh) | 2014-08-20 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103995660B (zh) | 触屏浏览器切换窗口的方法及装置 | |
KR101527827B1 (ko) | 분할스크린 디스플레이 방법 및 장치, 및 이의 전자 장치 | |
KR101735902B1 (ko) | 터치 스크린 장치에 사용되는 사용자 인터페이스의 인터랙션 방법, 장치, 터치 스크린 장치, 프로그램 및 기록매체 | |
EP3091426B1 (en) | User terminal device providing user interaction and method therefor | |
EP2763016B1 (en) | Scrolling method and electronic device thereof | |
CN102662557A (zh) | 移动终端和解锁方法 | |
CN104750400A (zh) | 终端界面的优化操作方法和装置 | |
CN107704157B (zh) | 一种多屏界面操作方法、装置及存储介质 | |
CN103076973A (zh) | 一种窗口切换方法、系统及智能终端 | |
CN106354404B (zh) | 页面操作方法及装置 | |
CN104866188A (zh) | 一种显示界面的调整方法 | |
EP2864858B1 (en) | Apparatus including a touch screen and screen change method thereof | |
CN104714748A (zh) | 控制电子设备屏幕的方法和装置 | |
CN105487705A (zh) | 移动终端、输入处理方法及用户设备 | |
CN108108078B (zh) | 电子设备、显示控制方法及相关产品 | |
CN104267812B (zh) | 一种信息处理方法及电子设备 | |
CN105426055A (zh) | 一种终端设备应用图标的移动方法及装置 | |
CN108334267A (zh) | 一种光标移动方法、系统及终端设备 | |
CN105630595A (zh) | 一种信息处理方法及电子设备 | |
CN105302459B (zh) | 终端的单手控制方法及装置 | |
CN106354405A (zh) | 窗口控制方法及装置 | |
US20230091771A1 (en) | Device Control Method, Storage Medium, and Non-Transitory Computer-Readable Electronic Device | |
CN104750356A (zh) | 一种移动终端 | |
KR102117450B1 (ko) | 디스플레이 장치 및 그 제어 방법 | |
CN109032441B (zh) | 一种界面的管理方法、装置、设备和存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into 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: 20221207 Address after: 1402, Floor 14, Block A, Haina Baichuan Headquarters Building, No. 6, Baoxing Road, Haibin Community, Xin'an Street, Bao'an District, Shenzhen, Guangdong 518100 Patentee after: Shenzhen Yayue Technology Co.,Ltd. Address before: 2, 518044, East 403 room, SEG science and Technology Park, Zhenxing Road, Shenzhen, Guangdong, Futian District Patentee before: TENCENT TECHNOLOGY (SHENZHEN) Co.,Ltd. |