CN111580657A - 一种基于地图页面的手势交互方法和装置 - Google Patents
一种基于地图页面的手势交互方法和装置 Download PDFInfo
- Publication number
- CN111580657A CN111580657A CN202010385135.XA CN202010385135A CN111580657A CN 111580657 A CN111580657 A CN 111580657A CN 202010385135 A CN202010385135 A CN 202010385135A CN 111580657 A CN111580657 A CN 111580657A
- Authority
- CN
- China
- Prior art keywords
- map
- page
- transparency
- elements
- user
- 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
- 238000000034 method Methods 0.000 title claims abstract description 35
- 230000003993 interaction Effects 0.000 title claims abstract description 22
- 230000004044 response Effects 0.000 claims description 5
- 238000004590 computer program Methods 0.000 claims description 3
- 230000008569 process Effects 0.000 abstract description 8
- 230000000694 effects Effects 0.000 description 2
- 230000000007 visual effect Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000010586 diagram Methods 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 239000000725 suspension Substances 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/017—Gesture based interaction, e.g. based on a set of recognized hand gestures
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction 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/04845—Interaction 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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction 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/0488—Interaction 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
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
技术领域
本发明涉及地图领域,尤其涉及一种基于地图页面的手势交互方法和装置。
背景技术
基于共享汽车的用户使用场景和业务特性,在用户找车环节页面主体为地图,用户需要基于自己的定位在周边找到网点及车辆,这就需要用户和地图产生频繁且较复杂的手势操作,而页面的用户体验主要就取决于用户操作地图时的交互体验。用户开始滑动地图时,图上悬浮元素过多,会导致用户找网点时视觉遮挡,因此,需要隐藏页面上的部分页面元素。而需要再次显示页面元素,用户操作成本较高,极大的影响了用户的使用体验。
发明内容
鉴于上述问题,提出了本发明以便提供克服上述问题或者至少部分地解决上述问题的一种基于地图页面的手势交互方法和装置。
根据第一方面,提供了一种基于地图页面的手势交互方法,包括:显示地图页面,所述地图页面上包括地图元素和非地图元素;响应于用户在地图元素上的滑动操作,将所述非地图元素的透明度调低至预设值。
根据一种可能的设计,在将所述非地图元素的透明度调低至预设值之后,还包括:响应于用户的手指在滑动操作后未离开屏幕,所述非地图元素的透明度始终保持预设值。
根据一种可能的设计,在将所述非地图元素的透明度调低至预设值之后,还包括:响应于手指停止滑动并手指离开屏幕后,以及在预设时间间隔内没有再次触摸时,恢复非地图元素的原有透明度。
根据一种可能的设计,预设值为30%。
根据第二方面,提供了一种基于地图页面的手势交互装置,包括:显示模块,用于显示地图页面,所述地图页面上包括地图元素和非地图元素;处理模块,用于响应于用户在地图元素上的滑动操作,将所述非地图元素的透明度调低至预设值。
根据一种可能的设计,所述处理模块还用于:响应于用户的手指在滑动操作后未离开屏幕,所述非地图元素的透明度始终保持预设值。
根据一种可能的设计,所述处理模块还用于;响应于手指停止滑动并手指离开屏幕后,以及在预设时间间隔内没有再次触摸时,恢复非地图元素的原有透明度。
根据一种可能的设计,预设值为30%。
根据第三方面,提供了一种计算机可读存储介质,其上存储有计算机程序,当所述计算机程序在计算机中执行时,令计算机执行第一方面所述的方法或者第一方面的任意一种可能的设计中所述的方法。
根据第四方面,提供了一种计算设备,包括存储器和处理器,所述存储器中存储有可执行代码,所述处理器执行所述可执行代码时,实现第一方面所述的方法或者第一方面的任意一种可能的设计中所述的方法。
本发明的有益效果:
省略了滑动地图时隐藏以及再次显示非地图元素的过程,扩大了滑动地图过程中用户对地图的可视区域,优化了用户的使用过程,极大的提升了用户的使用体验。
附图说明
为了更清楚地说明本发明实施例的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其它的附图。
图1为本发明实施例提供的一种基于地图页面的手势交互方法的流程示意图;
图2为本发明实施例提供的另一种基于地图页面的手势交互方法的流程示意图;
图3为本发明实施例提供的另一种基于地图页面的手势交互方法的流程示意图;
图4为非地图元素显示的页面示意图;
图5为非地图元素隐藏的页面示意图;
图6为本发明实施例提供的一种基于地图页面的手势交互装置的结构示意图。
具体实施方式
本发明的说明书实施例和权利要求书及附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元。方法、***、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
在对本申请实施例进行详细地解释说明之前,先对本申请实施例涉及到的一些缩略语和术语进行介绍。
隐藏:指代某元素的透明度调整后显示出的半透明或者透明状态,以显示出被该元素遮挡的一些元素,并非完全的看不见该元素。
地图元素,指地图数据的表现层信息及附着在地图数据表现层信息之上的元素。
作为一个示例,表现层信息包括街道、地点等,附着在地图数据表现层信息之上的元素包括用户当前位置、导航路线、网点位置等。
非地图元素,指页面内独立于地图数据表现层信息之外的其他页面元素。
作为一个示例,非地图元素可以是标题栏、tab栏、banner位、悬浮按钮、悬浮窗体等。
下面结合附图和实施例,对本发明的技术方案做进一步的详细描述。
如图1,本发明实施例提供一种基于地图页面的手势交互方法,包括:
步骤S1,显示地图页面,所述地图页面上包括地图元素和非地图元素。
参考图4,页面上显示着地图元素,如“8号线”、“北清路”、“西三旗桥”,以及非地图元素,如“GO”标志,“车辆已消毒”标志,出租类型“特惠车”、“整租”、“日租”、“分时”、“房车”,很明显,这些非地图元素遮挡了一部分地图,比如非地图元素“车辆已消毒”遮挡住了地图元素“三旗百汇商品城”,这些非地图元素非常影响对地图的查看。
步骤S2,响应于用户在地图元素上的滑动操作,将所述非地图元素的透明度调低至预设值。
示例性的,透明度调低至30%,应当理解,可根据两部分色值的实际情况对透明度进行灵活调整。
当用户的手指在地图页面上滑动时,***直接将非地图元素的透明度降低,显示出被非地图元素遮挡的地图元素,比如图5中,“GO”标志变成透明状态,原本被遮挡的“西三旗”标志也被显示出来,在查看地图的同时即可完成隐藏非地图元素,显示地图元素的效果。
如图2,在步骤S2之后,还包括:
步骤S3,响应于用户的手指在滑动操作后未离开屏幕,所述非地图元素的透明度始终保持预设值。
只要用户想查看地图,手指一直触摸屏幕,就可以保持非地图元素隐藏的效果。
如图3,在步骤S2之后,还包括:
步骤S4,响应于手指停止滑动并手指离开屏幕后,以及在预设时间间隔内没有再次触摸时,恢复非地图元素的原有透明度。
用户只需要停止滑动并且手指离开屏幕,即可恢复被隐藏的非地图元素,恢复到原始页面,优化了用户切换页面的操作,极大的提升了用户的使用体验。
如图6,还提供一种基于地图页面的手势交互装置,包括:
显示模块5901,用于显示地图页面,所述地图页面上包括地图元素和非地图元素。
处理模块5902,用于响应于用户在地图元素上的滑动操作,将所述非地图元素的透明度调低至预设值。
根据一种可能的实施例,所述处理模块还用于:响应于用户的手指在滑动操作后未离开屏幕,所述非地图元素的透明度始终保持预设值。
根据一种可能的实施例,所述处理模块还用于;响应于手指停止滑动并手指离开屏幕后,以及在预设时间间隔内没有再次触摸时,恢复非地图元素的原有透明度。
根据一种可能的实施例,预设值为30%。
根据另一方面的实施例,还提供一种计算机可读存储介质,其上存储有计算机程序,当所述计算机程序在计算机中执行时,令计算机执行结合如图1-3所述的方法。
根据再一方面的实施例,还提供一种计算设备,包括存储器和处理器,所述存储器中存储有可执行代码,所述处理器执行所述可执行代码时,实现如图1-3所述的方法。
以上的具体实施方式,对本发明的目的、技术方案和有益效果进行了进一步详细说明,所应理解的是,以上仅为本发明的具体实施方式而已,并不用于限定本发明的保护范围,凡在本发明的精神和原则之内,所做的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (10)
1.一种基于地图页面的手势交互方法,其特征在于,包括:
显示地图页面,所述地图页面上包括地图元素和非地图元素;
响应于用户在地图元素上的滑动操作,将所述非地图元素的透明度调低至预设值。
2.根据权利要求1所述的基于地图页面的手势交互方法,其特征在于,在将所述非地图元素的透明度调低至预设值之后,还包括:
响应于用户的手指在滑动操作后未离开屏幕,所述非地图元素的透明度始终保持预设值。
3.根据权利要求1所述的基于地图页面的手势交互方法,其特征在于,在将所述非地图元素的透明度调低至预设值之后,还包括:
响应于手指停止滑动并手指离开屏幕后,以及在预设时间间隔内没有再次触摸时,恢复非地图元素的原有透明度。
4.根据权利要求1所述的基于地图页面的手势交互方法,其特征在于,所述预设值为30%。
5.一种基于地图页面的手势交互装置,其特征在于,包括:
显示模块,用于显示地图页面,所述地图页面上包括地图元素和非地图元素;
处理模块,用于响应于用户在地图元素上的滑动操作,将所述非地图元素的透明度调低至预设值。
6.根据权利要求5所述的基于地图页面的手势交互装置,其特征在于,所述处理模块还用于:
响应于用户的手指在滑动操作后未离开屏幕,所述非地图元素的透明度始终保持预设值。
7.根据权利要求5所述的基于地图页面的手势交互装置,其特征在于,所述处理模块还用于;
响应于手指停止滑动并手指离开屏幕后,以及在预设时间间隔内没有再次触摸时,恢复非地图元素的原有透明度。
8.根据权利要求5所述的基于地图页面的手势交互装置,其特征在于,所述预设值为30%。
9.一种计算机可读存储介质,其上存储有计算机程序,当所述计算机程序在计算机中执行时,令计算机执行权利要求1-4中任一项的所述的方法。
10.一种计算设备,包括存储器和处理器,其特征在于,所述存储器中存储有可执行代码,所述处理器执行所述可执行代码时,实现权利要求1-4中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010385135.XA CN111580657A (zh) | 2020-05-09 | 2020-05-09 | 一种基于地图页面的手势交互方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010385135.XA CN111580657A (zh) | 2020-05-09 | 2020-05-09 | 一种基于地图页面的手势交互方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN111580657A true CN111580657A (zh) | 2020-08-25 |
Family
ID=72115261
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010385135.XA Pending CN111580657A (zh) | 2020-05-09 | 2020-05-09 | 一种基于地图页面的手势交互方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111580657A (zh) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106503067A (zh) * | 2016-09-29 | 2017-03-15 | 百度在线网络技术(北京)有限公司 | 电子地图的展现方法及装置 |
CN107014393A (zh) * | 2017-05-24 | 2017-08-04 | 刘兴丹 | 一种图像地图导航的方法、装置 |
CN108460031A (zh) * | 2017-02-17 | 2018-08-28 | 北京嘀嘀无限科技发展有限公司 | 数据信息的展示方法及装置 |
CN109725802A (zh) * | 2018-12-17 | 2019-05-07 | 浙江口碑网络技术有限公司 | 页面交互方法及装置 |
US20190327683A1 (en) * | 2010-07-26 | 2019-10-24 | Seven Networks, Llc | Optimizing mobile network traffic coordination across multiple applications running on a mobile device |
-
2020
- 2020-05-09 CN CN202010385135.XA patent/CN111580657A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20190327683A1 (en) * | 2010-07-26 | 2019-10-24 | Seven Networks, Llc | Optimizing mobile network traffic coordination across multiple applications running on a mobile device |
CN106503067A (zh) * | 2016-09-29 | 2017-03-15 | 百度在线网络技术(北京)有限公司 | 电子地图的展现方法及装置 |
CN108460031A (zh) * | 2017-02-17 | 2018-08-28 | 北京嘀嘀无限科技发展有限公司 | 数据信息的展示方法及装置 |
CN107014393A (zh) * | 2017-05-24 | 2017-08-04 | 刘兴丹 | 一种图像地图导航的方法、装置 |
CN109725802A (zh) * | 2018-12-17 | 2019-05-07 | 浙江口碑网络技术有限公司 | 页面交互方法及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109388467B (zh) | 地图信息显示方法、装置、计算机设备及存储介质 | |
US20200049526A1 (en) | Devices and methods for comparing and selecting alternative navigation routes | |
CN109074376B (zh) | 绘图接口中的上下文墨迹标注 | |
ES2702718T3 (es) | Interacción basada en superposición con contenido representado | |
US8976202B2 (en) | Method for controlling the display of a portable computing device | |
US20180246635A1 (en) | Generating user interfaces combining foreground and background of an image with user interface elements | |
JP7032277B2 (ja) | アイテム選択の曖昧性を解消するためのシステムおよび方法 | |
CN101726313B (zh) | 具有简化显示模式的导航***及其显示方法 | |
US20120317476A1 (en) | Digital Content Enhancement Platform | |
US7324897B2 (en) | Using route narrative symbols | |
US20080055257A1 (en) | Touch-Sensitive Interface Operating System | |
WO2011112395A1 (en) | Map spotlights | |
US20180246624A1 (en) | Customizing tabs using visual modifications | |
JP4419195B2 (ja) | 車両用表示システム | |
CN111580657A (zh) | 一种基于地图页面的手势交互方法和装置 | |
CN111824178A (zh) | 一种仪表控制方法、控制***、汽车以及计算机存储介质 | |
CN103325360B (zh) | 一种字段式lcd显示方法 | |
JP2009025972A (ja) | 情報表示装置、情報表示方法及び情報表示プログラム | |
CN106372070A (zh) | 一种图形界面中数据的展示方法及装置 | |
CN106503067A (zh) | 电子地图的展现方法及装置 | |
CN105893336B (zh) | 一种文本显示方法和终端 | |
JPH03113312A (ja) | 車載用ナビゲーション装置 | |
CN112861042A (zh) | 一种信息显示方法、装置、设备和可读介质 | |
CN112132302A (zh) | 车辆预约处理方法、装置、电子设备及存储介质 | |
CN112214559A (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 | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200825 |