CN103677536B - A kind of System and method for of the Menu realization that breaks away - Google Patents
A kind of System and method for of the Menu realization that breaks away Download PDFInfo
- Publication number
- CN103677536B CN103677536B CN201310728407.1A CN201310728407A CN103677536B CN 103677536 B CN103677536 B CN 103677536B CN 201310728407 A CN201310728407 A CN 201310728407A CN 103677536 B CN103677536 B CN 103677536B
- Authority
- CN
- China
- Prior art keywords
- medial view
- screen
- abscissa value
- central point
- view
- 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
A kind of method that the invention discloses Menu realization that breaks away, described sideslip menu includes that medial view and left hand side, described medial view and screen have identical zero.Described method includes: user slides medial view to the left；Judge whether the abscissa value of medial view central point is less than the abscissa value of screen center；Sentence full screen display medial view medial view to be moved to screen center, or medial view is moved to screen center, to cover left hand side and to be displayed in full screen medial view.The invention also discloses the system of a kind of Menu realization that breaks away.The new System and method for that the present invention provides, its favorable expandability, medial view can be full of whole screen, thus not waste the space of screen.
Description
Technical field
The present invention relates to field of mobile communication, particularly relate to the System and method for of a kind of Menu realization that breaks away.
Background technology
In the exploitation of mobile device APP client, often product design is at first it is considered that navigation menu.Navigation menu is the most important part of all interactive interfaces, and navigation menu to be guaranteed can entirely appropriate the most normally show, and user to be allowed has good operating experience.3 kinds of navigation patterns that APP exploitation is common, i.e. tile list, Shipping Options Page and tree.Each pattern is equipped with different toolbars and control in different system.
Usually, tiling list framework is simple, does not has information level also not have organizational structure, just as card deck.Therefore, tiling list is not suitable for showing multi-page, it is impossible to quickly carry out redirecting page turning.Shipping Options Page, is typically attached to the bottom of screen, and most of pages all can occupy certain screen space all the time, and when functional entrance is too much, this pattern seems heavy impracticable.The function of tonic chord of tree and classification directly switching is cumbersome, and when peer content is too much, user browses and easily produces fatigue.
The problem existed in view of above-mentioned navigation pattern, then creates sideslip menu.Sideslip menu has a panel, and this panel skids off from the left side of key frame or the right, the most in the panel one vertical, independent rolling view of display, this view as the leading boat of program.This design is it is generally required to two views, and one is placed on middle view, i.e. content display panel, the view that when another is to slide, the left side shows, i.e. menu bar panel.But, existing sideslip menu is when showing medial view, and left hand side then can narrow down to below screen, occupy certain position, so that medial view cannot be full of whole screen, thus affects the effect of display.
Summary of the invention
The problem that cannot be full of whole screen in order to solve the medial view of present sideslip menu, the present invention provides a kind of new System and method for, its favorable expandability, and medial view can be full of whole screen, thus not waste the space of screen.
The embodiment of the present invention provides a kind of method of Menu realization that breaks away, and described sideslip menu includes medial view and left hand side, and described medial view and screen have identical zero, and described method includes: user slides medial view to the left；Judge whether the abscissa value of the medial view central point after sliding is less than the abscissa value of screen center；When the abscissa value of medial view central point is less than the abscissa value of screen center, medial view is moved to screen center and sentence full screen display medial view, when the abscissa value of medial view central point is more than or equal to the abscissa value of screen center, medial view is moved to screen center, to cover left hand side and to be displayed in full screen medial view；User slides to the right medial view；Judge the abscissa value of the medial view central point after sliding whether less than the medial view set on the right of screen time central point abscissa value；And when medial view central point abscissa value less than set medial view on the right of screen time central point abscissa value time, medial view is moved to the screen border set, to show left hand side, when medial view central point abscissa value more than or equal to set medial view on the right of screen time central point abscissa value time, the abscissa value of medial view central point is set as the abscissa value of new screen border, and shows left hand side.
The embodiment of the present invention also provides for the system of a kind of Menu realization that breaks away, and described sideslip menu includes medial view and left hand side, and described medial view and screen have identical zero, and described system includes: operation interface, for sliding medial view for user；Analyze module, slide the direction of medial view for analyzing user；Judge module, when user's slip medial view to the left, for judging whether the abscissa value of the medial view central point after sliding is less than the abscissa value of screen center；When user's slip medial view to the right, for judge the abscissa value of the medial view central point after sliding whether less than the medial view set on the right of screen time central point abscissa value；And execution module, when the abscissa value of medial view central point is less than the abscissa value of screen center, medial view is moved to screen center and sentence full screen display medial view, when the abscissa value of medial view central point is more than or equal to the abscissa value of screen center, medial view is moved to screen center, to cover left hand side and to be displayed in full screen medial view；When medial view central point abscissa value less than set medial view on the right of screen time central point abscissa value time, medial view is moved to the screen border set, to show left hand side, when medial view central point abscissa value more than or equal to set medial view on the right of screen time central point abscissa value time, the abscissa value of medial view central point is set as the abscissa value of new screen border, and shows left hand side.
The above embodiment of the present invention can allow medial view be full of whole screen, thus does not waste the space of screen.Further, above-described embodiment can allow developer add conventional navigation feature, other various modes compatible, favorable expandability in a program.
Accompanying drawing explanation
In order to be illustrated more clearly that the embodiment of the present invention or technical scheme of the prior art, the accompanying drawing used required in embodiment or description of the prior art will be briefly described below, apparently, accompanying drawing in describing below is only some embodiments of the present invention, for those of ordinary skill in the art, on the premise of not paying creative work, it is also possible to obtain other accompanying drawing according to these accompanying drawings.
Fig. 1 is the functional block diagram of an example of the system of a kind of Menu realization that breaks away according to embodiments of the present invention.
Fig. 2 is the schematic flow sheet of an example of the method for a kind of Menu realization that breaks away according to embodiments of the present invention.
Detailed description of the invention
Make to describe in more detail further to technical scheme with detailed description of the invention below in conjunction with the accompanying drawings.Obviously, described embodiment is only a part of embodiment of the present invention rather than whole embodiments.Based on the embodiment in the present invention, the every other embodiment that those of ordinary skill in the art are obtained on the premise of not making creative work, all should belong to the scope of protection of the invention.
Fig. 1 is the functional block diagram of an example of a kind of system 100 for the Menu realization that breaks away according to embodiments of the present invention.Described sideslip menu includes medial view and left hand side.Described medial view and screen have identical zero.Specifically, when medial view is slip sideslip menu, it is arranged on the view of centre, i.e. content display panel.When left hand side is slip sideslip menu, the view that the left side shows, i.e. menu bar panel.Usually, first left hand side is added in window, add medial view the most again, consequently, it is possible to medial view covers left hand side, i.e. it is seen that medial view.When left hand side to be shown, carry out in medial view owing to sliding, because medial view is added gesture identification by needs, to change the coordinate of medial view central point when sliding, thus show left hand side.
The system 100 of described sideslip Menu realization includes operating interface 10, analyzing module 20, judge module 30 and perform module 40.
Slide medial view for user in described operation interface 10.
Described analysis module 20 is slided the direction of medial view for analyzing user.In the present embodiment, user slide medial view direction for the left slide or slide to the right.
Described judge module 30 is for when user's slip medial view to the left, for judging whether the abscissa value of the medial view central point after sliding is less than the abscissa value of screen center.And when user's slip medial view to the right, for judge the abscissa value of the medial view central point after sliding whether less than the medial view set on the right of screen time central point abscissa value.
Described execution module 40, for the judged result according to judge module 30, performs display operation, to show medial view or left hand side.Specifically, when user's slip medial view to the left, and when the abscissa value of medial view central point is less than the abscissa value of screen center, medial view is moved to screen center and sentence full screen display medial view.When the abscissa value of medial view central point is more than or equal to the abscissa value of screen center, medial view is moved to screen center, to cover left hand side and to be displayed in full screen medial view.
When user's slip medial view to the right, when medial view central point abscissa value less than set medial view on the right of screen time central point abscissa value time, medial view is moved to the screen border set, to show left hand side, when medial view central point abscissa value more than or equal to set medial view on the right of screen time central point abscissa value time, the abscissa value of medial view central point is set as the abscissa value of new screen border, and shows left hand side.
In the present embodiment, the central point abscissa value when medial view of described setting is on the right of screen is more than the abscissa value of screen center.Central point abscissa value when set medial view is on the right of screen can be set as required, thus when to slip centre view, can according to the medial view of different settings on the right of screen time central point abscissa value, to adjust medial view position on screen.
The system 100 of described sideslip Menu realization can allow medial view be full of whole screen, thus does not waste the space of screen.Further, above-described embodiment can allow developer add conventional navigation feature, other various modes compatible, favorable expandability in a program.
Fig. 1 is the flow chart of an example of a kind of method 200 for the Menu realization that breaks away according to embodiments of the present invention.Described sideslip menu includes medial view and left hand side.Described medial view and screen have identical zero.The method 200 of described sideslip Menu realization comprises the steps:
Step 201: user slides medial view to the left.
Step 202: judge whether the abscissa value of medial view central point is less than the abscissa value of screen center.
Step 203: when the abscissa value of medial view central point is less than the abscissa value of screen center, moves medial view to screen center and sentences full screen display medial view.
Step 204: when the abscissa value of medial view central point is more than or equal to the abscissa value of screen center, medial view is moved to screen center, to cover left hand side and to be displayed in full screen medial view.
Step 205: user slides to the right medial view.
Step 206: judge the abscissa value of medial view central point whether less than the medial view set on the right of screen time central point abscissa value.Central point abscissa value when the medial view of described setting is on the right of screen is more than the abscissa value of screen center.And
Step 207: when medial view central point abscissa value less than set medial view on the right of screen time central point abscissa value time, medial view is moved to set screen border at, to show left hand side；And
Step 208: when medial view central point abscissa value more than or equal to set medial view on the right of screen time central point abscissa value time, the abscissa value of medial view central point is set as the abscissa value of new screen border, and shows left hand side.
The method 100 of described sideslip Menu realization can allow medial view be full of whole screen, thus does not waste the space of screen.Further, above-described embodiment can allow developer add conventional navigation feature, other various modes compatible, favorable expandability in a program.
The above disclosed preferred embodiment being only in the embodiment of the present invention, certainly can not limit the interest field of the present invention, the equivalent variations therefore made according to the claims in the present invention with this, still belong to the scope that the present invention is contained.
Claims (8)
1. the method for the Menu realization that breaks away, it is characterised in that described sideslip menu include medial view with
Left hand side, described medial view and screen have identical zero, and described method includes:
User slides medial view to the left；
Judge whether the abscissa value of the medial view central point after sliding is less than the abscissa value of screen center；
When the abscissa value of medial view central point is less than the abscissa value of screen center, medial view is moved
Move to screen center and sentence full screen display medial view, when medial view central point abscissa value more than or
During equal to the abscissa value of screen center, medial view is moved to screen center, to cover left hand side
And it is displayed in full screen medial view；
User slides to the right medial view；
Judge whether the abscissa value of the medial view central point after sliding is less than the medial view set at screen
Central point abscissa value during the right；And
When medial view central point abscissa value less than set medial view on the right of screen time central point
During abscissa value, medial view is moved to the screen border set, to show left hand side, work as centre
The abscissa value of view central point more than or equal to the medial view set on the right of screen time central point horizontal
During coordinate figure, the abscissa value of medial view central point is set as the abscissa value of new screen border, and
Display left hand side.
2. the method for sideslip Menu realization as claimed in claim 1, it is characterised in that in described setting
Between view on the right of screen time central point abscissa value more than the abscissa value of screen center.
3. the method for sideslip Menu realization as claimed in claim 1, it is characterised in that described medial view
For content display panel.
4. the method for sideslip Menu realization as claimed in claim 1, it is characterised in that described left hand side
For menu bar panel.
5. the system of the Menu realization that breaks away, it is characterised in that described sideslip menu include medial view with
Left hand side, described medial view and screen have identical zero, and described system includes:
Operation interface, for sliding medial view for user；
Analyze module, slide the direction of medial view for analyzing user；
Judge module, when user's slip medial view to the left, for judging the medial view center after sliding
Whether the abscissa value of point is less than the abscissa value of screen center；When user's slip medial view to the right, use
The rightest at screen less than the medial view set in the abscissa value of the medial view central point judged after sliding
Central point abscissa value during limit；And
Perform module, when the abscissa value of medial view central point is less than the abscissa value of screen center, will
Medial view moves to screen center and sentences full screen display medial view, when the abscissa of medial view central point
When value is more than or equal to the abscissa value of screen center, medial view is moved to screen center, to hide
Live left hand side and be displayed in full screen medial view；When the abscissa value of medial view central point is less than in setting
Between view on the right of screen time central point abscissa value time, medial view is moved to set screen border
Place, to be displayed in full screen left hand side, when the abscissa value of medial view central point is more than or equal to setting
During central point abscissa value when medial view is on the right of screen, the abscissa value of medial view central point is set
It is set to the abscissa value of new screen border, and shows left hand side.
6. the system of sideslip Menu realization as claimed in claim 5, it is characterised in that in described setting
Between view on the right of screen time central point abscissa value more than the abscissa value of screen center.
7. the system of sideslip Menu realization as claimed in claim 5, it is characterised in that described medial view
For content display panel.
8. the system of sideslip Menu realization as claimed in claim 5, it is characterised in that described left hand side
For menu bar panel.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310728407.1A CN103677536B (en) | 2013-12-26 | 2013-12-26 | A kind of System and method for of the Menu realization that breaks away |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310728407.1A CN103677536B (en) | 2013-12-26 | 2013-12-26 | A kind of System and method for of the Menu realization that breaks away |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103677536A CN103677536A (en) | 2014-03-26 |
| CN103677536B true CN103677536B (en) | 2017-01-04 |
Family
ID=50315284
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201310728407.1A Active CN103677536B (en) | 2013-12-26 | 2013-12-26 | A kind of System and method for of the Menu realization that breaks away |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103677536B (en) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105138233A (en) * | 2015-10-16 | 2015-12-09 | 上海斐讯数据通信技术有限公司 | Method and system for implementing sideslip menus, and electronic equipment |
| CN106201181A (en) * | 2016-06-29 | 2016-12-07 | 努比亚技术有限公司 | The display device of icon and method in a kind of application |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102566894A (en) * | 2010-10-14 | 2012-07-11 | Lg电子株式会社 | Electronic device and interface method for configurating menu using the same |
| CN103218117A (en) * | 2013-03-18 | 2013-07-24 | 惠州Tcl移动通信有限公司 | Method and electronic equipment for realizing screen display interface translation |
Family Cites Families (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20080022216A1 (en) * | 2006-07-21 | 2008-01-24 | Duval John J | Method and system for obtaining primary search terms for use in conducting an internet search |
| US8412150B2 (en) * | 2008-02-21 | 2013-04-02 | Apple Inc. | Transitional data sets |
| CN102880385A (en) * | 2012-08-28 | 2013-01-16 | 腾讯科技（深圳）有限公司 | Interface display method and interface display device |
| CN102915185B (en) * | 2012-09-20 | 2018-11-16 | 广州市动景计算机科技有限公司 | Application interface and the method and apparatus of control application interface operation |
| CN103645828A (en) * | 2013-12-05 | 2014-03-19 | 杭州云清科技有限公司 | Main interface menu display method with sliding animation effect |
-
2013
- 2013-12-26 CN CN201310728407.1A patent/CN103677536B/en active Active
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102566894A (en) * | 2010-10-14 | 2012-07-11 | Lg电子株式会社 | Electronic device and interface method for configurating menu using the same |
| CN103218117A (en) * | 2013-03-18 | 2013-07-24 | 惠州Tcl移动通信有限公司 | Method and electronic equipment for realizing screen display interface translation |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103677536A (en) | 2014-03-26 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10929013B2 (en) | Method for adjusting input virtual keyboard and input apparatus | |
| CN105204745B (en) | Screen capturing method and device for mobile terminal | |
| CN102362248B (en) | Dual screen portable touch sensitive computing system | |
| US11460988B2 (en) | Method of styling content and touch screen device for styling content | |
| CN104123078B (en) | The method and apparatus of input information | |
| CN103324414A (en) | Method and mobile terminal for adjusting icon positions | |
| CN106484266A (en) | A kind of text handling method and device | |
| CN102455869B (en) | Method and device for editing characters by using gestures | |
| CA2824055A1 (en) | User interface interaction behavior based on insertion point | |
| CN102981752A (en) | Print instruction apparatus and print instruction program | |
| US20150199113A1 (en) | Electronic content visual comparison apparatus and method | |
| CN103677592A (en) | Method and device for sliding display of webpage object in webpage | |
| KR20120054750A (en) | Method and apparatus for selective display | |
| CN104200185A (en) | Method for identifying two-dimensional code and terminal | |
| US9798437B2 (en) | Information processing method and electronic device | |
| US20160334975A1 (en) | Information processing device, non-transitory computer-readable recording medium storing an information processing program, and information processing method | |
| US20190064938A1 (en) | User Interface for Digital Ink Modification | |
| US20160062637A1 (en) | Method, apparatus and non-transitory storage medium for processing punctuation mark | |
| CN105094674B (en) | A kind of information processing method and electronic equipment | |
| CN103677536B (en) | A kind of System and method for of the Menu realization that breaks away | |
| CN110737417B (en) | Demonstration equipment and display control method and device of marking line of demonstration equipment | |
| CN104182533A (en) | Browser label switching method and device and terminal | |
| KR101640688B1 (en) | A configuration system for apps on the smart device using the memo note and stickers | |
| JP6156740B2 (en) | Information display device, input information correction program, and input information correction method | |
| CN111796736B (en) | Application sharing method and device and electronic equipment |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant |