CN104484101B - A kind of intelligent terminal menu displaying method and intelligent terminal - Google Patents
A kind of intelligent terminal menu displaying method and intelligent terminal Download PDFInfo
- Publication number
- CN104484101B CN104484101B CN201410764784.5A CN201410764784A CN104484101B CN 104484101 B CN104484101 B CN 104484101B CN 201410764784 A CN201410764784 A CN 201410764784A CN 104484101 B CN104484101 B CN 104484101B
- Authority
- CN
- China
- Prior art keywords
- menu
- submenu
- main menu
- fan
- sub
- 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/04817—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 using icons
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 intelligent terminal menu displaying method and intelligent terminals, including submenu, main menu, common submenu, after the first operational order is received, submenu stops moving after being moved to corresponding predeterminated position along desired guiding trajectory since menu row, and is shown in corresponding predeterminated position；After the second operational order is received, submenu continues to disappear after sliding into menu row along desired guiding trajectory since correspondence position；After three operational orders is received, the corresponding correlation function page of sub-menu option is shown on the screen, and submenu disappears；The beneficial effects of the practice of the present invention is to realize the fan-shaped display of submenu, and whole style is consistent, and visual effect is good；After receiving the first operational order again, the Icon Color of the currently associated affiliated submenu of function generates significant change, is identified convenient for user.
Description
Technical field
The present invention relates to intelligent terminal menu displaying method field, more specifically to a kind of intelligent terminal menu exhibition
Show method and intelligent terminal.
Background technology
At present, mobile phone has covered most crowds, into indispensable product in for people's lives.According to statistics,
By the end of, mobile phone user's quantity Chinese in by the end of May, 2014 has reached 12.56 hundred million people, compares and increases 0.36% April, than going
The same period in year increases 7.82%, and the people for being equivalent to China 90.8% is using mobile phone.China is smart phone user in the world
Most country, it is contemplated that this year, Chinese smart phone user amount will be more than to have nearly three to be in 500,000,000,10 smart phone users
Chinese, it is contemplated that Chinese smart phone user amount will surpass 500,000,000 in 2014.
In cell-phone customer terminal, traditional menu displaying relies on the default interface that underlying operating system provides, generally with list
Mode is transversely arranged or longitudinal arrangement, in the form of a single.When triggering is in menu, the list formula of main menu pop-up laterally or longitudinally
Menu, form is dull, larger to the covering scope of mobile phone screen, influences user's visual experience.
The content of the invention
The technical problem to be solved in the present invention is, for the above-mentioned of the prior art, traditional menu display form is dull, right
The covering scope of mobile phone screen is larger, the defects of influencing user's visual experience, provide a kind of intelligent terminal menu displaying method and
Intelligent terminal.
According to the first aspect of the invention, the technical solution adopted by the present invention to solve the technical problems is to provide a kind of intelligence
Energy terminal menu methods of exhibiting, including submenu, main menu, common submenu, the option and main menu of the submenu are equal
Using circular icon, the main menu is located at the bottom centre position of intelligent terminal screen, and the common submenu is located at described
Main menu both sides, the width of the menu row at the place of the common submenu are less than the main menu circular diagram target diameter and big
It is further comprising the steps of in the main menu circular diagram target radius：
S1, when receive click on the first operational order for calling the main menu after, the submenu is since menu row
Stop moving after being moved to corresponding predeterminated position along desired guiding trajectory, and shown in the corresponding predeterminated position；
S2, when receive click on cancel the second operational order for calling the main menu after, the submenu is from above-mentioned right
Position is answered to start to continue to disappear after sliding into menu row along desired guiding trajectory；
S3, when receive click on three operational order for calling the sub-menu option after, show the son on the screen
The corresponding correlation function page of menu, the submenu continue since above-mentioned correspondence position after sliding into menu row along desired guiding trajectory
It disappears；
The desired guiding trajectory refers to that using the main menu as the center of circle, using preset length as the arc-shaped of radius circular arc rises
Point is with terminal in the separate screen border of the menu row and the boundary line parallel with screen border.
Menu displaying method according to the present invention, step S3 are further included afterwards：First operation is received again
After instruction, the Icon Color of the currently associated affiliated sub-menu option of page function generates significant change.
Further, menu displaying method according to the present invention further includes step S4,
S4, when receive click on four operational order for calling the common sub-menu option after, show it on the screen
Correlation function page.
Menu displaying method according to the present invention, which is characterized in that the option of the common submenu includes dialling
Number, group, individual, message.
In menu displaying method of the present invention, the option of the submenu is equidistantly arranged when showing on the screen
Row.
According to another aspect of the present invention, the present invention also provides a kind of intelligent terminal, the menu displayings of the intelligent terminal
Using above-mentioned a kind of arbitrary method.
Implement the intelligent terminal menu displaying method and intelligent terminal of the present invention, have the advantages that：Main menu is adopted
The bottom centre position of cell-phone customer terminal application is placed in prominent circular, fashion, submenu is using the main menu item as the center of circle, with one
Measured length shows for radius pitch of the laps, and Submenu Items is also shown using circular, fashion, realizes the fan-shaped display of submenu, whole
Body style is consistent, and visual effect is good；After receiving the first operational order again, the icon of the currently associated affiliated submenu of function
Color generates significant change, is identified convenient for user.
Description of the drawings
Below in conjunction with accompanying drawings and embodiments, the invention will be further described, in attached drawing：
Fig. 1 is the interface schematic diagram of the menu displaying method preferred embodiment of intelligent terminal of the present invention；
Fig. 2 is the flow chart of the menu displaying method of intelligent terminal of the present invention；
Fig. 3 is the interface schematic diagram that click sets click main menu after sub-menu option in Fig. 1；
Fig. 4 is that group is clicked in Fig. 1 often with the interface schematic diagram after submenu.
Specific embodiment
In order to which the technical features, objects and effects to the present invention are more clearly understood, now compare attached drawing and be described in detail
The specific embodiment of the present invention.
As shown in Figure 1, the present invention intelligent terminal menu displaying method preferred embodiment in, including submenu 14,
Main menu 15, common submenu 16 (dialing option is only indicated in figure), wherein 13 parts are entree singly-bound, the home keys of mobile phone
And return key, 12 be the menu row where common menu.The option and main menu 15 of submenu 14 use circular icon,
Main menu 15 is located at the bottom centre position of intelligent terminal screen, and common submenu 16 is located at 15 left and right sides of main menu, commonly uses
The width of the menu row 12 at the place of submenu 16 is less than the diameter of the main menu circle icon 15 and more than main menu circle
The radius of icon 15.
Fig. 2 is the flow chart of the menu displaying method of intelligent terminal of the present invention, and specific steps include：
S1, the entree singly-bound when 13 part of user's click mobile phone, mobile phone screen are lighted, and main menu 15 and common menu are shown
It shows to come, submenu 14 is not shown at this time.When user's click main menu 15 (cloud button) (the first operational order), submenu 14
It is from left to right moved to after it corresponds to predeterminated position along desired guiding trajectory since menu row 12 and stops moving, and it is default in its correspondence
Position display, the shape of submenu is sector at this time.
In the present invention, desired guiding trajectory refers to using main menu 15 for the center of circle, using preset length as the arc-shaped of radius, circular arc
Origin And Destination (menu row in figure in the separate screen border of the menu row 12 and the boundary line parallel with screen border
12 upper border line), movement of the submenu on desired guiding trajectory is from left to right.It is to be understood that the present invention is said
The submenu stops moving after being moved to corresponding predeterminated position along desired guiding trajectory since menu row, is not when previous height
Menu option after being moved to predeterminated position and being shown next sub-menu option just shown and moved.In the present invention,
Each sub-menu option is really what is moved since the upper border line of menu row, when the previous sub- default rail in menu option edge
Mark moves a certain distance that (its distance moved on desired guiding trajectory is exactly equal to its circle shown on the screen with latter menu
Arc distance from) after, the latter sub-menu option appears in the starting point of screen and starts to move, the two sub-menu options are simultaneously at this time
Mobile, all sub-menu options reach predeterminated position and stop moving simultaneously, each option of submenu is shown at this time
In predeterminated position.
S2, when user again taps on main menu 15 (the second operational order), submenu 14 continues along desired guiding trajectory to the right
Movement, after the upper border line of sub-menu option arrival menu row, which disappears.Preferably, sub-menu option exists
Equidistant arrangement when being shown on screen, i.e., the arc length between adjacent sub-menu option is equal, therefore mobile speed is also equal.
As shown in figure 3, it sets the interface schematic diagram of click main menu after sub-menu option for click in Fig. 1.
S3, after submenu 14 is shown in screen, click on and sub-menu option 141 (the 3rd operational order) be set, on screen
Display sets the corresponding correlation function page of sub-menu option, and submenu is continued by the way of step S1 from above-mentioned right at this time
Position is answered to start to continue to disappear after sliding into menu row 15 along desired guiding trajectory.
Preferably, step S4 is further included：
S4, again tap on main menu 15 (the 4th operational order), submenu 14 using and Fig. 1 in it is identical by the way of, from dish
Uniline 12 starts from left to right to be moved to along desired guiding trajectory after it corresponds to predeterminated position and stops moving, and corresponds to predeterminated position at it
Display preferably sets the generation color significant change (not shown) of 141 option of submenu, different from other sub- dishes at this time
Uniterming 142 and 143, main menu 15 and common sub-menu option 16, facilitate user to identify.
As shown in figure 4, it commonly uses the choosing of submenu 16 to click on group in Fig. 1 often with the interface schematic diagram after submenu
Item includes dialing, group, individual and message.After click group often uses sub-menu option 162, shown on the interface of screen
Device correlation function interface：Screen left end shows the user name for including each regional corporation, and the right shows that the user's name is corresponding each
A subordinate's submenu can find its corresponding contact method in subordinate's submenu.Pass through the common submenu that dials, Yong Huke
To realize phone and check the functions such as message registration, personal address list can be searched by personal common submenu, by disappearing
The common submenu of breath, user can realize transmission information or check the functions such as history message.Common submenu is contained in son
In menu, shown again in submenu or in the function pages of submenu, it can also be independently of the content of submenu.
In other embodiments, a kind of intelligent terminal is provided, which shows it using above-mentioned methods of exhibiting
Menu.In other embodiments, submenu also along desired guiding trajectory, to be moved from right to left.
In the primary control of Android system and corresponding effect interface, the display effect of fan-shaped menu can not be directly realized by, this
Embodiment is by taking Android mobile phone as an example, by defining a variety of topology files, with reference to the Coordination Treatment of rotation animation effect, to fan-shaped son
The technology realization of menu displaying is briefly described.
First, business processing defines：
Step 1 defines the layout of the submenu page
1) FrameLayout is defined first, is named as circleFrame, and default visual attribute definition is GONE；
Then nesting one RelativeLayout is filled wherein, all Submenu Itemses defined in RelativeLayout
The position of each Submenu Items is set as the equidistant arrangement of same semicircle by ImageView controls.
2) grey background page mainBg is covered in definition, and a RelativeLayout without any control, background attribute is "@
android：color/transparent″.
Step 2, initialization Load Image
1) after program startup, loading layout, and load the picture of each main menu and Submenu Items.
2) a Boolean designation isShowFlag is defined, for identifying whether fan-shaped submenu shows.
Step 3 defines menu item all kinds of trigger events
1) trigger event is clicked on to each Submenu Items definition in fan-shaped menu, each function pages is jumped to after triggering.
2) background page mainBg is set and clicks on trigger event, according to isShowFlag values, perform hide fan-shaped menu or
The operation of the fan-shaped menu of display.
Step 4, fan-shaped menu relevant effect
1) after clicking on the main menu item (cloud button), fan-shaped menu occurs, and is needed at this time through inflater.inflate side
Method loads and fills background page mainBg, the operation of isolation features page.
2) after again tapping on the main menu item (cloud button), start and hide the rotation animation effect of fan-shaped menu and allow this sub- dish
Then single layout rotation is hidden.
2nd, fan-shaped menu animation processing method；
1st, the rotation animation of fan-shaped menu is hidden：
1) rotation animation is started, the point centered on the main menu item since on the right side of the main menu item horizontal line, rotates clockwise
180 degree continues 400 milliseconds.
2) after animation effect is finished, the visual attribute of circleFrame is set to GONE；
3) isShowFlag is set to FALSE；
2nd, the rotation animation of fan-shaped menu is shown：
1) rotation animation is started, the point centered on the main menu item since on the left of the main menu item horizontal line, rotates clockwise
180 degree continues 400 milliseconds.
2) after animation effect is finished, the visual attribute of circleFrame is set to VISIBLE；
3) isShowFlag is set to TRUE；
The embodiment of the present invention is described above in conjunction with attached drawing, but the invention is not limited in above-mentioned specific
Embodiment, above-mentioned specific embodiment is only schematical rather than restricted, those of ordinary skill in the art
Under the enlightenment of the present invention, present inventive concept and scope of the claimed protection are not being departed from, can also made very much
Form, these are belonged within the protection of the present invention.
Claims (4)
1. a kind of intelligent terminal menu displaying method, which is characterized in that including submenu (14), main menu (15), commonly use sub- dish
Single (16), using circular icon, the main menu (15) is located at intelligence for the option and main menu (15) of the submenu (14)
The bottom centre position of energy terminal screen, the common submenu (16) are located at the main menu (15) both sides, the common son
The width of the menu row (12) at the place of menu (16) is less than the main menu (15) circular diagram target diameter and more than the master
Menu (15) circular diagram target radius, it is further comprising the steps of：
S1, when receive click on the first operational order for calling the main menu (15) after, the submenu (14) is from menu row
(12) start to stop moving after being moved to corresponding predeterminated position along desired guiding trajectory, and shown in the corresponding predeterminated position；
S2, when receive click on cancel the second operational order for calling the main menu (15) after, the submenu (14) is from institute
Correspondence position is stated to start to continue to slide into menu row (15) along desired guiding trajectory and disappear afterwards；
S3, when receive click on three operational order for calling the sub-menu option (141,142,143) after, show on the screen
Show the corresponding correlation function page of the sub-menu option (141,142,143), the submenu (14) is opened from the correspondence position
Beginning continuation slides into menu row (15) along desired guiding trajectory and disappears afterwards；
The desired guiding trajectory refers to that using the main menu (15) be the center of circle, using preset length as the arc-shaped of radius, and circular arc rises
Point is with terminal in the separate screen border of the menu row (12) and the boundary line parallel with screen border；
It is further included after the step S3：After receiving first operational order again, sub- dish belonging to currently associated page function
The Icon Color of uniterming generates significant change；
Step S4 is further included,
S4, when receive click on four operational order for calling the common sub-menu option after, show that its is related on the screen
Page function；
Submenu (14) stops moving after being moved to corresponding predeterminated position along desired guiding trajectory since menu row (12), and described
The step of corresponding predeterminated position display, includes：
Step 1 defines the layout of the submenu page
1) FrameLayout is defined first, is named as circleFrame, and default visual attribute definition is GONE；Then
Nesting one RelativeLayout is filled wherein, all Submenu Itemses defined in RelativeLayout
The position of each Submenu Items is set as the equidistant arrangement of same semicircle by ImageView controls；
2) grey background page mainBg is covered in definition, and a RelativeLayout without any control, background attribute is "@
android:color/transparent"；
Step 2, initialization Load Image
1) after program startup, loading layout, and load the picture of each main menu and Submenu Items；
2) a Boolean designation isShowFlag is defined, for identifying whether fan-shaped submenu shows；
Step 3 defines menu item all kinds of trigger events
1) trigger event is clicked on to each Submenu Items definition in fan-shaped menu, each function pages is jumped to after triggering；
2) background page mainBg is set and clicks on trigger event, according to isShowFlag values, performed and hide fan-shaped menu or display
The operation of fan-shaped menu；
Step 4, fan-shaped menu relevant effect
1) after clicking on the main menu item (cloud button), fan-shaped menu occurs, and needs to add by inflater.inflate methods at this time
It carries and fills background page mainBg, the operation of isolation features page；
2) after again tapping on the main menu item (cloud button), start and hide the rotation animation effect of fan-shaped menu and allow this submenu cloth
Then office's rotation is hidden.
2. according to the method described in claim 1, it is characterized in that, the option of the common submenu (16) include dialing,
Group, individual, message.
3. according to the method described in claim 1 to 2 any one, which is characterized in that the sub-menu option (141,142,
143) equidistant arrangement when showing on the screen.
4. a kind of intelligent terminal shows menu using the method as described in claims 1 to 3 any one.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410764784.5A CN104484101B (en) | 2014-12-11 | 2014-12-11 | A kind of intelligent terminal menu displaying method and intelligent terminal |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410764784.5A CN104484101B (en) | 2014-12-11 | 2014-12-11 | A kind of intelligent terminal menu displaying method and intelligent terminal |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN104484101A CN104484101A (en) | 2015-04-01 |
| CN104484101B true CN104484101B (en) | 2018-05-18 |
Family
ID=52758651
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410764784.5A Active CN104484101B (en) | 2014-12-11 | 2014-12-11 | A kind of intelligent terminal menu displaying method and intelligent terminal |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104484101B (en) |
Families Citing this family (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106775264A (en) * | 2015-11-24 | 2017-05-31 | 北京国双科技有限公司 | Show the method and device of menu |
| CN106775265A (en) * | 2015-11-24 | 2017-05-31 | 北京国双科技有限公司 | Show the method and device of menu |
| CN105760156B (en) * | 2016-01-29 | 2019-09-20 | 福建星网锐捷通讯股份有限公司 | A kind of main menu air navigation aid based on android system |
| CN109164960B (en) * | 2018-08-02 | 2020-11-03 | 珠海格力电器股份有限公司 | Icon display method and equipment |
| CN111225106B (en) * | 2018-11-27 | 2022-06-21 | 中兴通讯股份有限公司 | Control operation method and electronic device |
| CN112057847B (en) * | 2019-04-26 | 2024-06-21 | 网易（杭州）网络有限公司 | Game object control method and device |
| CN115061602A (en) * | 2022-06-07 | 2022-09-16 | 北京字跳网络技术有限公司 | Page display method, device, equipment, computer readable storage medium and product |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103455237A (en) * | 2013-08-21 | 2013-12-18 | 中兴通讯股份有限公司 | Menu processing method and device |
| CN103677530A (en) * | 2012-09-17 | 2014-03-26 | 腾讯科技（深圳）有限公司 | Menu display method and device |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US5689667A (en) * | 1995-06-06 | 1997-11-18 | Silicon Graphics, Inc. | Methods and system of controlling menus with radial and linear portions |
-
2014
- 2014-12-11 CN CN201410764784.5A patent/CN104484101B/en active Active
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103677530A (en) * | 2012-09-17 | 2014-03-26 | 腾讯科技（深圳）有限公司 | Menu display method and device |
| CN103455237A (en) * | 2013-08-21 | 2013-12-18 | 中兴通讯股份有限公司 | Menu processing method and device |
Non-Patent Citations (1)
| Title |
|---|
| 纯正Android血统 谷歌Nexus 4体验;泡泡网;《URL:http://sc.sina.com.cn/3c/jtlj_phone/2012-12-18/622-36.html》;20121218;3 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN104484101A (en) | 2015-04-01 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104484101B (en) | A kind of intelligent terminal menu displaying method and intelligent terminal | |
| CN109513208B (en) | Object display method and device, storage medium and electronic device | |
| CN103019568B (en) | terminal and icon display method | |
| CN103324435B (en) | Multi-screen display method and device and electronic device thereof | |
| CN103616980B (en) | A kind of fast finishing desk-top picture calibration method and terminal | |
| CN104657044B (en) | Radial menu | |
| KR20210141754A (en) | Clock faces for electronic devices | |
| CN103927087B (en) | Information processing unit | |
| CN105867531B (en) | Portable device comprising touch-screen display and the method for controlling it | |
| US20140237378A1 (en) | Systems and method for implementing multiple personas on mobile technology platforms | |
| CN103150170B (en) | The desktop of a kind of mobile terminal generates and method of operating and corresponding device thereof | |
| CN107551537A (en) | The control method and device of virtual role, storage medium, electronic equipment in a kind of game | |
| EP2966554A1 (en) | Terminal and terminal operating method | |
| EP2595044A1 (en) | Mobile information device and content display method | |
| CN107132979A (en) | Exchange method, device and the computer-readable recording medium of accurate selection target in mobile device game | |
| CN106020628A (en) | Tab bar and menu bar display status control method | |
| CN106445325B (en) | A kind of method and device creating group | |
| CN103744683A (en) | Information fusion method and device | |
| JP2005502098A (en) | Positioning the area displayed in the user interface | |
| CN107479818A (en) | A kind of information interacting method and mobile terminal | |
| CN108205417A (en) | Switching method and device, the computer installation and readable storage medium storing program for executing of foreground application | |
| CN106201523A (en) | The control method of application program, actuation means and terminal | |
| CN114377383A (en) | Information processing method, device, equipment and storage medium | |
| CN107133003B (en) | A kind of information displaying method and terminal | |
| RU121945U1 (en) | INTERFACE SYSTEM FOR WORKING WITH SEARCH SYSTEMS AND DATABASES |
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 |