CN106020628B - A kind of tab bar and menu bar show condition control method - Google Patents
A kind of tab bar and menu bar show condition control method Download PDFInfo
- Publication number
- CN106020628B CN106020628B CN201610406818.2A CN201610406818A CN106020628B CN 106020628 B CN106020628 B CN 106020628B CN 201610406818 A CN201610406818 A CN 201610406818A CN 106020628 B CN106020628 B CN 106020628B
- Authority
- CN
- China
- Prior art keywords
- bar
- tab
- tab bar
- menu
- menu bar
- 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
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/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
-
- 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
The invention discloses a kind of tab bars and menu bar to show condition control method, including main viewing area, tab bar and menu bar, when sliding certain distance towards tab bar in main viewing area simultaneously with two fingers, tab bar and menu bar will successively be hidden, when two fingers are slided backwards to tab bar, tab bar and menu bar will successively show;When tab bar, which is in, shows state, when singly referring to the upward sliding in main viewing area, menu bar is hidden;When singly referring to the slide downward in main viewing area, menu bar shows;When the content idler wheel of main viewing area is to bottom, menu bar shows;It is any singly to refer to the equal Remove Menu Bar of operation when tab bar is in hidden state.This tab bar and menu bar show that condition control method has many advantages, such as that easy to use, efficient stable, user experience are good.
Description
Technical field
The present invention relates to a kind of tab bars and menu bar to show condition control method, belongs to software system interface control neck
Domain, according to its feature, we are named as " refer to hide appearance method " more, this input mode be suitable for software interface tab bar and
Menu bar hide and show, particularly suitable for touch panel device.
Background technique
There are the various methods hidden and show tab bar and menu bar, common layer-by-layer bullet in current software system
Window shows menu method, clicks ghost icon and shows hide menu method, page slide trigger, which is hidden, shows menu method.Layer-by-layer pop-up
Mode cannot hide outermost menu, and ghost icon can be triggered accidentally when playing the application such as game, page slide trigger
Might not be matched with the demand of user.On the small screen devices such as mobile phone, the space of screen is very valuable, and the page is most
It needs to enter by label or switch;Common menu also very easily should be intended to show by user;But it is already present at present to set
Meter is not able to satisfy the requirement of user.
Summary of the invention
Not aspect is hidden and shown in order to solve existing software tab bar and menu bar, is not able to satisfy user in different scenes
Under demand, refer to that the methods of tab bar and menu bar are hidden and shown to sliding screens the present invention provides a kind of with more.
The technical measures implementing above-mentioned purpose of the present invention and using are as described below:
A kind of tab bar and menu bar show condition control method, including main viewing area, tab bar and menu bar menu bar
And operation window;Tab bar is located at the side of main viewing area, and menu bar is located at the other side of main viewing area;Two fingers are in main viewing area
When backwards to or towards tab bar sliding certain distance, tab bar and menu bar show, and two fingers are toward or away from tab bar sliding one
When set a distance, tab bar and menu bar are hidden.
Further, two fingers must could trigger tab bar and menu simultaneously towards or backwards to tab bar sliding certain distance
Column hides or shows event;Amplification or rotation two fingers cannot trigger.
Further, when the tab bar, which is in, shows state, when singly referring to the upward sliding in main viewing area, menu
Column hides;When singly referring to the slide downward in main viewing area, menu bar shows;When the content idler wheel of main viewing area is to bottom, dish
Single column shows;It is any singly to refer to the equal Remove Menu Bar of operation when tab bar is in hidden state.
Further, if tab bar is multi-level structure, two fingers are first hidden most upper towards tab bar sliding certain distance
The tab bar of layer continues sliding and hides next layer of tab bar again, and menu bar follows the last layer tab bar to hide;Two fingers are backwards to mark
When signing column sliding certain distance, undermost tab bar and menu bar are first shown, continue sliding and show one layer of tab bar again.
Further, another embodiment of the present invention is additionally provided with full frame mark screen switch key, clicks when being switched to full frame state,
By the status display column of concealing device while hiding hiding tab bar and menu bar;When switching back into mark screen state, hiding
Hide tab bar and the not status display column of concealing device when menu bar.
Further, another embodiment of the present invention, system set interface are equipped with the full frame state of transverse screen automatic opening and set
Option is set, it, will be automatically into full frame state when equipment enters transverse screen state after choosing this to be arranged;Cancel then horizontal after the option
Screen will not be automatically into full frame state.Further, another embodiment of the present invention, system set interface are additionally provided with no touch
Auto-hiding Menu in Designing column and tab bar option, N can customize input after N seconds, and after choosing this to be arranged, user does not touch screen N
After second, menu bar and tab bar are hidden automatically.
Further, one more embodiment of the present invention triggers by the way of referring to and slide together using three and hides and show label
The event on column and menu bar.
From These characteristics it is found that the present invention program has the following advantages compared with existing technical solution:
1, it is slided using two fingers, tab bar and menu bar can with fast and flexible be hidden and show, for multi-layer label
Column, which can be realized very simply, successively to be hidden and shows.
2, after hiding tab bar, can to avoid singly refer to operate caused by tab bar and menu bar hide and show event.
3, can flexibly set whether concealing device status bar.
4, full frame state is automatically turned on when can flexibly set transverse screen.
5, no touch Auto-hiding Menu in Designing column after a certain period of time can be flexibly set.
As can be seen above, a kind of tab bar of the invention and menu bar show condition control method and prior art phase
Than, have it is simple and quick, be arranged it is versatile and flexible, the advantages that avoiding maloperation, the user demand under different scenes can be suitble to.
Detailed description of the invention
Fig. 1 is the schematic diagram that the downslide of one embodiment of the invention two fingers shows tab bar and menu bar;
Fig. 2 is the schematic diagram of sliding hiding tab bar and menu bar in Fig. 1 embodiment two fingers;
Fig. 3 is that Fig. 1 embodiment tab bar shows state and places an order and refers to the schematic diagram on upper sliding hide menu column;
Fig. 4 shows for Fig. 1 embodiment tab bar and shows showing for menu bar when main viewing area content is rolled to bottom under state
It is intended to;
Fig. 5 is that Fig. 1 embodiment tab bar shows state and places an order and refers to glide and show the schematic diagram of menu bar;
Fig. 6 be Fig. 1 embodiment tab bar hidden state place an order finger slide up and down the schematic diagram that cannot show menu bar;
Fig. 7 is the schematic diagram that the downslide of another embodiment of the present invention two fingers shows multilayer labels column;
Fig. 8 is the schematic diagram of sliding successively hiding tab bar in Fig. 7 embodiment two fingers.
Fig. 9 is the schematic diagram that the present invention one is equipped with full frame mark screen handoff functionality embodiment;
Figure 10 is the schematic diagram of further embodiment of this invention setting options;
Figure 11 is the signal that yet another embodiment of the invention is hidden and shown tab bar and menu bar using three finger slide triggers
Figure.
Specific embodiment
The principle of the present invention is further described presently in connection with preferred embodiment shown in the drawings.
By Fig. 1 and Fig. 2 it is found that the present invention is mainly made of main viewing area 1, tab bar 2 and menu bar 3, tab bar 2 is located at
The side of main viewing area 1, menu bar 3 are located at the other side of main viewing area 1;Two fingers are in main viewing area 1 backwards to or towards label
When column 2 slides certain distance, tab bar 2 and menu bar 3 show, when two fingers slide certain distance toward or away from tab bar 2, mark
It signs column 2 and menu bar 3 is hidden.
By Fig. 1 and Fig. 2 it is found that two fingers must could trigger tab bar simultaneously towards or backwards to tab bar sliding certain distance
2 and menu bar 3 hide or show event;Amplification or rotation two fingers cannot trigger.
By Fig. 3, Fig. 4, Fig. 5 and Fig. 6 it is found that singly referring in main viewing area 1 upwards when tab bar 2 is in and shows state
When sliding, menu bar 3 is hidden;When singly referring to the slide downward in main viewing area 1, menu bar 3 shows;When the content of main viewing area is rolled
When taking turns to bottom, menu bar 3 shows;It is any singly to refer to the equal Remove Menu Bar of operation when tab bar 2 is in hidden state.
By Fig. 7 and Fig. 8 it is found that of the invention another there are the embodiment of the tab bar 2 of multi-layer, two fingers are towards tab bar
The tab bar that certain distance first hides top layer is slided, continues sliding and hides next layer of tab bar again, menu bar 3 follows last
Layer tab bar is hidden;When two fingers slide certain distance backwards to tab bar 2, undermost tab bar 2 and menu bar 3 are first shown, after
Continuous sliding shows one layer of tab bar again.
As shown in Figure 9, another embodiment of the present invention is additionally provided with full frame mark screen switch key 4, clicks and is switched to full frame state
When, by the status display column 7 of concealing device while hiding hiding tab bar 2 and menu bar 3;When switching back into mark screen state,
The not status display column of concealing device when hiding hiding tab bar 2 and menu bar 3.
As shown in Figure 10, another embodiment of the present invention, system set interface are equipped with transverse screen and automatically turn on full frame state
Setting options 5 will be automatically into full frame state when equipment enters transverse screen state after choosing this to be arranged;After cancelling the option
Then transverse screen will not be automatically into full frame state.
As shown in Figure 10, another embodiment of the present invention, system set interface are hidden automatically after being additionally provided with no touch N seconds
Menu bar and tab bar option 6, N can customize input, after choosing this to be arranged, after user does not touch screen N seconds, and menu bar 3
It is hidden automatically with tab bar 2.
As shown in Figure 11, one more embodiment of the present invention triggers by the way of referring to and slide together using three and hides and show mark
Sign the event on column 2 and menu bar 3.
Compared with the prior art, a kind of tab bar of the present invention and menu bar show condition control method and existing skill
Art is compared, have it is simple and quick, be arranged it is versatile and flexible, avoid maloperation, the user demand etc. that can be suitble under different scenes
Advantage.
The present invention only illustrates some preferred embodiments in the present specification, is not to limit it.The professional technician
Design and spirit can make various variations in detail or change according to the present invention, for example, tab bar and menu bar
Hide and show addition animation effect etc..Therefore these should be belonged to the scope of protection of the present invention.
Claims (6)
1. a kind of tab bar and menu bar show condition control method, including main viewing area (1), tab bar (2) and menu bar
(3), it is characterised in that: the tab bar (2) is located at the side of main viewing area (1), and menu bar (3) is located at main viewing area (1)
The other side;When two fingers are slided in main viewing area (1) toward or away from tab bar (2), tab bar (2) and menu bar (3) are hidden
Hiding, when two fingers are backwards to or towards tab bar (2) sliding, tab bar (2) and menu bar (3) show;Two fingers must simultaneously towards or
The hiding of tab bar (2) could be triggered backwards to tab bar sliding certain distance or shows event;Amplification or rotation two fingers cannot
Triggering;When tab bar (2), which are in, shows state, singly refer in main viewing area (1) interior upward sliding, menu bar (3) is hidden, single
Refer in main viewing area (1) interior slide downward, menu bar (3) shows;When the content idler wheel of main viewing area is to bottom, menu bar
(3) show;It is any singly to refer to the equal Remove Menu Bar of operation when tab bar (2) is in hidden state.
2. tab bar according to claim 1 and menu bar show condition control method, it is characterised in that: if tab bar
(2) be multi-level structure when, two fingers towards tab bar sliding certain distance first hide top layer tab bar, continue sliding it is hidden again
Next layer of tab bar is hidden, menu bar (3) follows the last layer tab bar to hide;Two fingers slide certain distance backwards to tab bar (2)
When, it first shows undermost tab bar (2) and menu bar (3), continues sliding and show one layer of tab bar again.
3. tab bar according to claim 1 and menu bar show condition control method, it is characterised in that: be additionally provided with full frame
Mark screen switch key (4) is clicked when being switched to full frame state, will be hidden while hiding hiding tab bar (2) and menu bar (3)
The status display column of equipment;When switching back into mark screen state, the not concealing device when hiding hiding tab bar (2) and menu bar (3)
Status display column.
4. showing condition control method according to tab bar described in claim 1 and menu bar, it is characterised in that: be additionally provided with transverse screen certainly
It is dynamic to open full frame state setting options (5), it, will be automatically into full frame shape when equipment enters transverse screen state after choosing this to be arranged
State;Cancel after the option that then transverse screen will not be automatically into full frame state.
5. tab bar described in claim 1 and menu bar show condition control method, it is characterised in that: be additionally provided with no touch N
Auto-hiding Menu in Designing column and tab bar option (6), N can customize input after second, and after choosing this to be arranged, user does not touch screen
After N seconds, menu bar (3) and tab bar (2) are hidden automatically.
6. tab bar described in claim 1 and menu bar show condition control method, it is characterised in that: refer to using three and slide together
Dynamic mode triggers the event for hiding and showing tab bar (2) and menu bar (3).
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610406818.2A CN106020628B (en) | 2016-06-12 | 2016-06-12 | A kind of tab bar and menu bar show condition control method |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610406818.2A CN106020628B (en) | 2016-06-12 | 2016-06-12 | A kind of tab bar and menu bar show condition control method |
Publications (2)
Publication Number | Publication Date |
---|---|
CN106020628A CN106020628A (en) | 2016-10-12 |
CN106020628B true CN106020628B (en) | 2019-03-26 |
Family
ID=57090201
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610406818.2A Active CN106020628B (en) | 2016-06-12 | 2016-06-12 | A kind of tab bar and menu bar show condition control method |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106020628B (en) |
Families Citing this family (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106502511A (en) * | 2016-10-27 | 2017-03-15 | 中企动力科技股份有限公司 | A kind of menu bar hidden method and device |
CN107463328B (en) * | 2017-07-25 | 2020-03-31 | Oppo广东移动通信有限公司 | Terminal device, virtual key control method and device and storage medium |
CN108108417B (en) * | 2017-12-14 | 2020-07-28 | 携程商旅信息服务(上海)有限公司 | Cross-platform adaptive control interaction method, system, equipment and storage medium |
CN114205524B (en) * | 2018-03-26 | 2023-05-12 | 华为技术有限公司 | Display control method and terminal |
CN113630637B (en) * | 2018-05-10 | 2024-03-01 | 聚好看科技股份有限公司 | Operation interface adjusting method of intelligent television and intelligent television |
CN110231902A (en) * | 2019-06-12 | 2019-09-13 | 珠海格力电器股份有限公司 | A kind of touch panel device event triggering method and device |
CN110764669B (en) * | 2019-10-18 | 2023-06-27 | 上海仪电(集团)有限公司中央研究院 | OpenStack Horizon-class accordion-style-based sidebar implementation method |
CN111290691A (en) * | 2020-01-16 | 2020-06-16 | 北京京东振世信息技术有限公司 | Method and device for operating page, computer equipment and readable storage medium |
Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1940834A (en) * | 2005-09-30 | 2007-04-04 | 鸿富锦精密工业(深圳)有限公司 | Circular menu display device and its display controlling method |
EP2045700A1 (en) * | 2007-10-04 | 2009-04-08 | LG Electronics Inc. | Menu display method for a mobile communication terminal |
CN102307265A (en) * | 2011-09-28 | 2012-01-04 | 魏新成 | Corresponding operation on left-and-right drag and drop by finger at different window areas of touch screen mobile phone |
CN102314298A (en) * | 2010-07-06 | 2012-01-11 | 宏碁股份有限公司 | Electronic device and method for displaying toolbar |
CN103488390A (en) * | 2013-10-12 | 2014-01-01 | 广州市久邦数码科技有限公司 | Function table |
CN103777883A (en) * | 2012-10-22 | 2014-05-07 | 义隆电子股份有限公司 | Cursor control device and control method for starting operating system function menu by using same |
CN104081318A (en) * | 2011-11-30 | 2014-10-01 | 谷歌公司 | Turning on and off full screen mode on a touchscreen |
CN104238901A (en) * | 2013-06-19 | 2014-12-24 | 义隆电子股份有限公司 | Method for opening window control bar by identifying swipe gesture and touch system |
CN105630329A (en) * | 2015-12-17 | 2016-06-01 | 成都品果科技有限公司 | Method and system for generating drop-down hover toolbar in viewfinder interface of camera |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20140013276A1 (en) * | 2012-07-06 | 2014-01-09 | Navico Holding As | Accessing a Marine Electronics Data Menu |
KR102089447B1 (en) * | 2013-06-04 | 2020-03-16 | 삼성전자 주식회사 | Electronic device and method for controlling applications thereof |
-
2016
- 2016-06-12 CN CN201610406818.2A patent/CN106020628B/en active Active
Patent Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1940834A (en) * | 2005-09-30 | 2007-04-04 | 鸿富锦精密工业(深圳)有限公司 | Circular menu display device and its display controlling method |
EP2045700A1 (en) * | 2007-10-04 | 2009-04-08 | LG Electronics Inc. | Menu display method for a mobile communication terminal |
CN102314298A (en) * | 2010-07-06 | 2012-01-11 | 宏碁股份有限公司 | Electronic device and method for displaying toolbar |
CN102307265A (en) * | 2011-09-28 | 2012-01-04 | 魏新成 | Corresponding operation on left-and-right drag and drop by finger at different window areas of touch screen mobile phone |
CN104081318A (en) * | 2011-11-30 | 2014-10-01 | 谷歌公司 | Turning on and off full screen mode on a touchscreen |
CN103777883A (en) * | 2012-10-22 | 2014-05-07 | 义隆电子股份有限公司 | Cursor control device and control method for starting operating system function menu by using same |
CN104238901A (en) * | 2013-06-19 | 2014-12-24 | 义隆电子股份有限公司 | Method for opening window control bar by identifying swipe gesture and touch system |
CN103488390A (en) * | 2013-10-12 | 2014-01-01 | 广州市久邦数码科技有限公司 | Function table |
CN105630329A (en) * | 2015-12-17 | 2016-06-01 | 成都品果科技有限公司 | Method and system for generating drop-down hover toolbar in viewfinder interface of camera |
Also Published As
Publication number | Publication date |
---|---|
CN106020628A (en) | 2016-10-12 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106020628B (en) | A kind of tab bar and menu bar show condition control method | |
CN104679436B (en) | Suspension key and device based on touch screen | |
US10402078B2 (en) | Method and apparatus for interactive movement of displayed content | |
US9772760B2 (en) | Brightness adjustment method and device and electronic device | |
CN104834436B (en) | Method for realizing function keys of touch screen terminal | |
RU2006108515A (en) | SYSTEMS, METHODS AND MACHINE-READABLE MEDIA FOR ACTIVATING THE INTERFACE WITH ELECTRONIC INK OR MANUAL INPUT | |
CN102591584A (en) | Method and system for rapid operation of elements in touch screen type mobile terminal | |
KR20130093043A (en) | Method and mobile device for user interface for touch and swipe navigation | |
JP2012507199A5 (en) | ||
CN106201219A (en) | The quick call method of function of application and system | |
CN106462413A (en) | Systems and methods for multitasking on an electronic device with a touch-sensitive display | |
CN104408385A (en) | Equipment and method for hiding privacy content in terminal | |
CN102880385A (en) | Interface display method and interface display device | |
CN106375601B (en) | Reminding processing method and mobile terminal | |
CN101311891A (en) | Sliding type screen-unblocking method | |
CN103135913A (en) | Method and system of displaying object on screen | |
CN106020698A (en) | Mobile terminal and realization method of single-hand mode | |
CN103197841A (en) | Method and system for browsing pictures and terminal device | |
CN102221922A (en) | Touch system for supporting voice prompt and realization method thereof | |
CN103731534B (en) | Display method and device of shortcut toggles in notification bar | |
CN112506415B (en) | Electronic device and method for electronic device | |
WO2018112924A1 (en) | Information display method, device and terminal device | |
WO2022253182A1 (en) | Communication method and apparatus, electronic device, and readable storage medium | |
CN105892794A (en) | Browser interface display method and device | |
Ackad et al. | Measuring interactivity at an interactive public information display |
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 |