CN111580657A - Gesture interaction method and device based on map page - Google Patents
Gesture interaction method and device based on map page 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
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
Abstract
The invention relates to a gesture interaction method and device based on a map page, wherein the gesture interaction method based on the map page comprises the following steps: displaying a map page, wherein the map page comprises map elements and non-map elements; and responding to the sliding operation of the user on the map element, and turning down the transparency of the non-map element to a preset value. The method and the device for displaying the non-map elements on the sliding map omit the processes of hiding and displaying the non-map elements again when the sliding map is used, enlarge the visible area of the user to the map in the sliding map process, optimize the use process of the user and greatly improve the use experience of the user.
Description
Technical Field
The invention relates to the field of maps, in particular to a gesture interaction method and device based on a map page.
Background
Based on the use scene and the service characteristics of a user sharing an automobile, a page main body is a map in the automobile searching link of the user, the user needs to find a website and an automobile around based on own positioning, so that the user and the map need to generate frequent and complex gesture operation, and the user experience of the page mainly depends on the interactive experience of the user when the user operates the map. When a user starts to slide a map, too many suspension elements on the map cause visual occlusion when the user finds a website, and therefore, partial page elements on a page need to be hidden. And the page elements need to be displayed again, so that the operation cost of the user is high, and the use experience of the user is greatly influenced.
Disclosure of Invention
In view of the above, the present invention is proposed to provide a map page based gesture interaction method and apparatus that overcomes or at least partially solves the above problems.
According to a first aspect, a gesture interaction method based on a map page is provided, which includes: displaying a map page, wherein the map page comprises map elements and non-map elements; and responding to the sliding operation of the user on the map element, and turning down the transparency of the non-map element to a preset value.
According to one possible design, after turning the transparency of the non-map element down to a preset value, the method further includes: and responding to the condition that the finger of the user does not leave the screen after the sliding operation, and the transparency of the non-map element is always kept at the preset value.
According to one possible design, after turning the transparency of the non-map element down to a preset value, the method further includes: and restoring the original transparency of the non-map elements in response to the finger stopping sliding and the finger leaving the screen and when the finger does not touch again within a preset time interval.
According to one possible design, the preset value is 30%.
According to a second aspect, a map page-based gesture interaction device is provided, which includes: the display module is used for displaying a map page, and the map page comprises map elements and non-map elements; and the processing module is used for responding to the sliding operation of the user on the map element and reducing the transparency of the non-map element to a preset value.
According to one possible design, the processing module is further configured to: and responding to the condition that the finger of the user does not leave the screen after the sliding operation, and the transparency of the non-map element is always kept at the preset value.
According to one possible design, the processing module is further configured to; and restoring the original transparency of the non-map elements in response to the finger stopping sliding and the finger leaving the screen and when the finger does not touch again within a preset time interval.
According to one possible design, the preset value is 30%.
According to a third aspect, there is provided a computer readable storage medium having stored thereon a computer program which, when executed on a computer, causes the computer to perform the method of the first aspect or any one of the possible designs of the first aspect.
According to a fourth aspect, there is provided a computing device comprising a memory having stored therein executable code and a processor that, when executing the executable code, performs the method of the first aspect or any one of the possible designs of the first aspect.
The invention has the beneficial effects that:
the process of hiding and displaying non-map elements again in the sliding map process is omitted, the visual area of the user to the map in the sliding map process is enlarged, the using process of the user is optimized, and the using experience of the user is greatly improved.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the drawings needed to be used in the description of the embodiments are briefly introduced below, and it is obvious that the drawings in the following description are only some embodiments of the present invention, and it is obvious for those skilled in the art to obtain other drawings based on these drawings without creative efforts.
Fig. 1 is a schematic flowchart of a gesture interaction method based on a map page according to an embodiment of the present invention;
FIG. 2 is a schematic flowchart of another gesture interaction method based on a map page according to an embodiment of the present invention;
FIG. 3 is a schematic flowchart of another gesture interaction method based on a map page according to an embodiment of the present invention;
FIG. 4 is a schematic illustration of a page displayed by a non-map element;
FIG. 5 is a schematic view of a hidden page of non-map elements;
fig. 6 is a schematic structural diagram of a gesture interaction apparatus based on a map page according to an embodiment of the present invention.
Detailed Description
The terms "first," "second," and the like in the description and in the claims and in the drawings of the present invention are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. Furthermore, the terms "comprises" and "comprising," as well as any variations thereof, are intended to cover a non-exclusive inclusion, such as a list of steps or elements. A method, system, article, or apparatus is not necessarily limited to those steps or elements explicitly listed, but may include other steps or elements not explicitly listed or inherent to such process, system, article, or apparatus.
Before explaining the embodiments of the present application in detail, some abbreviations and terms referred to in the embodiments of the present application will be introduced.
Hiding: refers to a translucent or transparent state displayed after the transparency of an element is adjusted, so as to display some elements which are blocked by the element, but not completely invisible.
The map element refers to the presentation layer information of the map data and the element attached to the presentation layer information of the map data.
As one example, the presentation layer information includes streets, places, etc., and the elements attached on top of the map data presentation layer information include a user's current location, a navigation route, a website location, etc.
Non-map elements refer to elements of the page that are independent of the map data presentation layer information.
As one example, the non-map elements may be a title bar, tab bar, banner bit, hover button, hover form, and the like.
The technical solution of the present invention is further described in detail with reference to the accompanying drawings and embodiments.
As shown in fig. 1, an embodiment of the present invention provides a gesture interaction method based on a map page, including:
step S1, displaying a map page, wherein the map page comprises map elements and non-map elements.
Referring to fig. 4, map elements such as "8 th line", "north clear road", "west three flag bridge", and non-map elements such as "GO" mark, "vehicle disinfected" mark, rental types "special car", "full rental", "day rental", "time sharing", and "car as a house" are displayed on the page, and it is obvious that these non-map elements block a part of the map, for example, the non-map elements "vehicle disinfected" block the map element "three flag hundred hui city", and these non-map elements greatly affect the view of the map.
And step S2, responding to the sliding operation of the user on the map element, and turning down the transparency of the non-map element to a preset value.
Illustratively, the transparency is adjusted to be as low as 30%, and it should be understood that the transparency can be flexibly adjusted according to the actual situation of the two-part color values.
When the fingers of the user slide on the map page, the system directly reduces the transparency of the non-map elements, and displays the map elements shielded by the non-map elements, for example, in fig. 5, the 'GO' mark is changed into a transparent state, and the originally shielded 'three-west' mark is also displayed, so that the effect of hiding the non-map elements and displaying the map elements can be achieved while viewing the map.
As shown in fig. 2, after step S2, the method further includes:
and step S3, responding to the situation that the finger of the user does not leave the screen after the sliding operation, and keeping the transparency of the non-map element at a preset value all the time.
As long as the user wants to view the map, the finger always touches the screen, and the effect of hiding the non-map elements can be kept.
As shown in fig. 3, after step S2, the method further includes:
and step S4, responding to the situation that the finger stops sliding and leaves the screen and the original transparency of the non-map elements is recovered when the finger does not touch again within the preset time interval.
The hidden non-map elements can be recovered to the original page only by stopping sliding and enabling the fingers to leave the screen, so that the operation of switching the page by the user is optimized, and the use experience of the user is greatly improved.
As shown in fig. 6, there is also provided a gesture interaction apparatus based on a map page, including:
the display module 5901 is configured to display a map page, where the map page includes map elements and non-map elements.
And the processing module 5902 is used for responding to a sliding operation of the user on the map element, and turning down the transparency of the non-map element to a preset value.
According to a possible embodiment, the processing module is further configured to: and responding to the condition that the finger of the user does not leave the screen after the sliding operation, and the transparency of the non-map element is always kept at the preset value.
According to a possible embodiment, the processing module is further configured to; and restoring the original transparency of the non-map elements in response to the finger stopping sliding and the finger leaving the screen and when the finger does not touch again within a preset time interval.
According to a possible embodiment, the preset value is 30%.
According to an embodiment of another aspect, there is also provided a computer-readable storage medium having stored thereon a computer program which, when executed in a computer, causes the computer to perform the method as described in connection with fig. 1-3.
According to an embodiment of yet another aspect, there is also provided a computing device comprising a memory and a processor, the memory having stored therein executable code, the processor, when executing the executable code, implementing the method of fig. 1-3.
The above embodiments are provided to further explain the objects, technical solutions and advantages of the present invention in detail, it should be understood that the above embodiments are merely exemplary embodiments of the present invention and are not intended to limit the scope of the present invention, and any modifications, equivalents, improvements and the like made within the spirit and principle of the present invention should be included in the scope of the present invention.
Claims (10)
1. A gesture interaction method based on a map page is characterized by comprising the following steps:
displaying a map page, wherein the map page comprises map elements and non-map elements;
and responding to the sliding operation of the user on the map element, and turning down the transparency of the non-map element to a preset value.
2. The map page-based gesture interaction method according to claim 1, further comprising, after turning the transparency of the non-map element down to a preset value:
and responding to the condition that the finger of the user does not leave the screen after the sliding operation, and the transparency of the non-map element is always kept at the preset value.
3. The map page-based gesture interaction method according to claim 1, further comprising, after turning the transparency of the non-map element down to a preset value:
and restoring the original transparency of the non-map elements in response to the finger stopping sliding and the finger leaving the screen and when the finger does not touch again within a preset time interval.
4. The map page-based gesture interaction method according to claim 1, wherein the preset value is 30%.
5. A gesture interaction device based on a map page is characterized by comprising:
the display module is used for displaying a map page, and the map page comprises map elements and non-map elements;
and the processing module is used for responding to the sliding operation of the user on the map element and reducing the transparency of the non-map element to a preset value.
6. The map page-based gesture interaction device of claim 5, wherein the processing module is further configured to:
and responding to the condition that the finger of the user does not leave the screen after the sliding operation, and the transparency of the non-map element is always kept at the preset value.
7. The map page-based gesture interaction device according to claim 5, wherein the processing module is further configured to;
and restoring the original transparency of the non-map elements in response to the finger stopping sliding and the finger leaving the screen and when the finger does not touch again within a preset time interval.
8. The map page-based gesture interaction device according to claim 5, wherein the preset value is 30%.
9. A computer-readable storage medium, on which a computer program is stored which, when executed in a computer, causes the computer to carry out the method of any one of claims 1-4.
10. A computing device comprising a memory and a processor, wherein the memory has stored therein executable code that, when executed by the processor, implements the method of any of claims 1-4.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010385135.XA CN111580657A (en) | 2020-05-09 | 2020-05-09 | Gesture interaction method and device based on map page |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010385135.XA CN111580657A (en) | 2020-05-09 | 2020-05-09 | Gesture interaction method and device based on map page |
Publications (1)
Publication Number | Publication Date |
---|---|
CN111580657A true CN111580657A (en) | 2020-08-25 |
Family
ID=72115261
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010385135.XA Pending CN111580657A (en) | 2020-05-09 | 2020-05-09 | Gesture interaction method and device based on map page |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111580657A (en) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106503067A (en) * | 2016-09-29 | 2017-03-15 | 百度在线网络技术(北京)有限公司 | The exhibiting method and device of electronic chart |
CN107014393A (en) * | 2017-05-24 | 2017-08-04 | 刘兴丹 | A kind of method of image map navigation, device |
CN108460031A (en) * | 2017-02-17 | 2018-08-28 | 北京嘀嘀无限科技发展有限公司 | The methods of exhibiting and device of data information |
CN109725802A (en) * | 2018-12-17 | 2019-05-07 | 浙江口碑网络技术有限公司 | Page interaction and device |
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/en 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 (en) * | 2016-09-29 | 2017-03-15 | 百度在线网络技术(北京)有限公司 | The exhibiting method and device of electronic chart |
CN108460031A (en) * | 2017-02-17 | 2018-08-28 | 北京嘀嘀无限科技发展有限公司 | The methods of exhibiting and device of data information |
CN107014393A (en) * | 2017-05-24 | 2017-08-04 | 刘兴丹 | A kind of method of image map navigation, device |
CN109725802A (en) * | 2018-12-17 | 2019-05-07 | 浙江口碑网络技术有限公司 | Page interaction and device |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109388467B (en) | Map information display method, map information display device, computer equipment and storage medium | |
US20200049526A1 (en) | Devices and methods for comparing and selecting alternative navigation routes | |
ES2702718T3 (en) | Interaction based on superposition with represented content | |
CN109074376B (en) | Contextual ink labeling in a drawing interface | |
US20140210860A1 (en) | Method for controlling the display of a portable computing device | |
US20130254643A1 (en) | Digital Content Enhancement Platform | |
US20080055257A1 (en) | Touch-Sensitive Interface Operating System | |
JP2020533617A (en) | Dynamically changing the visual properties of indicators on a digital map | |
JP2014056217A (en) | Wearable portable display device, head mounting type display device, display process system, and program | |
WO2011112395A1 (en) | Map spotlights | |
WO2022071917A1 (en) | Document mark-up and navigation using natural language processing | |
CN115185408A (en) | Vehicle-mounted entertainment information display method, device, equipment and medium | |
CN113238688B (en) | Form display method, device, equipment and medium | |
JP4419195B2 (en) | Vehicle display system | |
US20140082548A1 (en) | Electronic device and method for switching desktops | |
CN105808514A (en) | Information processing method and electronic device | |
CN111580657A (en) | Gesture interaction method and device based on map page | |
JP2009025972A (en) | Information display device, information display method and information display program | |
CN106372070A (en) | Method and device for displaying data in graphic interface | |
CN106503067A (en) | The exhibiting method and device of electronic chart | |
CN111038259A (en) | Display control method and device of vehicle-mounted integrated screen, vehicle and storage medium | |
US10380193B2 (en) | Result prominence in search | |
CN111824178A (en) | Instrument control method, control system, automobile and computer storage medium | |
US20140005926A1 (en) | Navigation system efficiently utilizes power by providing instructions to the driver for only the driver selected portion(s) of route | |
CN112132302A (en) | Vehicle reservation processing method and device, electronic equipment and storage medium |
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 |