WO2016138707A1 - Menu display method and display device - Google Patents

Menu display method and display device Download PDF

Info

Publication number
WO2016138707A1
WO2016138707A1 PCT/CN2015/083582 CN2015083582W WO2016138707A1 WO 2016138707 A1 WO2016138707 A1 WO 2016138707A1 CN 2015083582 W CN2015083582 W CN 2015083582W WO 2016138707 A1 WO2016138707 A1 WO 2016138707A1
Authority
WO
WIPO (PCT)
Prior art keywords
menu
setting item
setting
display
item
Prior art date
Application number
PCT/CN2015/083582
Other languages
French (fr)
Chinese (zh)
Inventor
田洪奇
Original Assignee
捷开通讯(深圳)有限公司
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by 捷开通讯(深圳)有限公司 filed Critical 捷开通讯(深圳)有限公司
Publication of WO2016138707A1 publication Critical patent/WO2016138707A1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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/0482Interaction with lists of selectable items, e.g. menus

Definitions

  • the present invention relates to the field of menu display technologies, and in particular, to a menu display method and a display device.
  • the direct display will affect the appearance of the preview interface; the way of popping up the list window is cumbersome and lacks in aesthetics; the way to jump to the setting interface needs to start a new interface, which increases the complexity of the operation. Degree, it is not easy to learn to operate.
  • the invention provides a menu display method and a display device, which can solve the problems of complicated operation and cumbersome operation in the prior art.
  • a technical solution adopted by the present invention is to provide a method for displaying a menu, the method comprising: receiving an enable signal for enabling a menu; displaying the menu in a ring shape, the menu including at least one Concentric rings, each of the concentric rings is used to display a setting item of the first level menu; when one of the setting items is selected, if the selected setting item has a next level menu, the next level menu Concentrically displayed in a ring shape, and the concentric rings of the next-level menu are nested with the concentric rings of the upper menu; at least one level of the concentric ring on which the menu is located is preset as a selected position, located at The setting item of the selected location is the selected setting item; the manner of selecting the setting item of the menu of the selected location at least one level includes at least one of clicking and sliding the concentric ring The setting item to be selected is transferred to the selected position; and the center of the concentric ring is provided with a disc knob, and the setting item of
  • the clicked setting item when clicked on the setting item, the clicked setting item is automatically rotated to the selected position.
  • another technical solution adopted by the present invention is to provide a method for displaying a menu, the method comprising: receiving an enable signal for enabling a menu; the menu is displayed in a ring shape, and the menu includes at least a concentric ring, each of the concentric rings is used to display a setting item of the first level menu; when one of the setting items is selected, if the selected setting item has a next level menu, the next level The menus are displayed in a concentric ring shape, and the concentric rings of the next level menu are nested with the concentric rings of the previous menu.
  • At least one level of the menu is located on a concentric ring, a position is preset as a selected position, and a setting item at the selected position is a selected setting item; at least one level presets the selected position
  • the selection of the setting item of the menu includes moving the setting item to be selected to the selected position by at least one of clicking and sliding a concentric ring.
  • the clicked setting item when clicked on the setting item, the clicked setting item is automatically rotated to the selected position.
  • the setting item to be selected is slid to the selected position.
  • the center of the concentric ring is provided with a disc knob, and the setting manner of the setting item of the menu further includes: rotating the disc knob to point to a setting item to be selected.
  • a display device which includes: a receiving module and a display module.
  • the receiving module is configured to receive an enable signal for enabling a menu.
  • a display module is coupled to the receiving module, configured to display a menu in a ring shape, the menu including at least one concentric ring, each of the concentric rings being used to display a setting item of a first level menu; when one of the setting items is When selected, if the selected item has the next level menu, then the next The first level menu is displayed in a concentric ring shape, and the concentric rings of the next level menu are nested with the concentric rings of the previous menu.
  • the display device further includes: a positioning module and a first determining module, wherein the positioning module is configured to preset a position on the concentric ring to a selected position; and the first determining module is connected to the positioning module, The setting item for determining that the setting item to be selected is selected by at least one of clicking and sliding the concentric rings is determined to be the selected setting item.
  • the display device further includes: an automatic rotation module, configured to automatically rotate the clicked setting item to the selected position when the user clicks on the setting item.
  • the display device further includes: a sliding control module, configured to control the sliding of the concentric ring according to a user operation when the user performs the operation of sliding the concentric ring.
  • the display module is further configured to display a disc knob, and the disc knob is located at a center of the concentric ring.
  • the display device further includes: a rotation module and a second determination module, wherein the rotation module is configured to control rotation of the disk knob according to a user operation when the user performs an operation of rotating the disk knob; the second determination module and The rotation module is connected to determine a setting item pointed by the rotary disk knob as a selected setting item.
  • the present invention can maximize the concentration of setting items on one interface by setting the menus to concentric rings.
  • the multi-level menu is displayed by a plurality of concentric rings, and the plurality of concentric rings are nested with each other, so that the multi-level menu can be displayed at the same time, the entire setting can be completed in one interface, and the interface is not required to be switched, thereby reducing the repeated jump of the interface. It also simplifies the operation, making the operation more convenient and quick.
  • the concentric ring-shaped menu makes the display of menu items at all levels more intuitive and beautiful.
  • FIG. 1 is a schematic flow chart of a first embodiment of a display method of a menu of the present invention
  • FIG. 2 is a schematic flow chart of a second embodiment of a display method of a menu of the present invention.
  • FIG. 3 is a schematic diagram of a menu display interface of a third embodiment of the display method of the menu of the present invention.
  • FIG. 4 is a schematic view showing the position of a menu display interface setting item of a display method of the menu of the present invention
  • FIG. 5 is a schematic diagram of the operation of determining a setting item indicated by an operation signal in the display method of the menu of the present invention when the setting item is clicked;
  • FIG. 6 is a schematic diagram showing a setting interface of a setting item of a menu of the present invention for determining an operation signal by sliding an outer ring;
  • FIG. 7 is a schematic diagram showing a setting interface of a display item of the menu of the present invention for determining a setting item indicated by an operation signal by rotating a disk knob;
  • Figure 8 is a block diagram of an embodiment of a display device of the present invention.
  • FIG. 9 is a block diagram of another embodiment of the display device of the present invention.
  • Figure 10 is a block diagram of still another embodiment of the display device of the present invention.
  • FIG. 1 is a schematic flowchart of a first embodiment of a display method of a menu of the present invention.
  • the display method of the menu includes the following steps:
  • S101 Receive an enable signal for enabling a menu.
  • the menu includes at least one concentric ring, each concentric ring is used to display a setting item of the first level menu; when a setting item is selected, if the selected setting item has a next level menu, The next level menu is displayed in a concentric ring shape, and the concentric rings of the next level menu are nested with the concentric rings of the previous menu.
  • the outer concentric rings are a first-level menu
  • the adjacent inner concentric rings are secondary menus, and so on.
  • it may also be the innermost concentric ring as a first-level menu
  • the adjacent outer concentric rings are secondary menus and the like.
  • the present invention can maximize the setting by setting the menu to a concentric ring shape. Items are concentrated in one interface.
  • the multi-level menu is displayed by a plurality of concentric rings, and the plurality of concentric rings are nested with each other, so that the multi-level menu can be displayed at the same time, the entire setting can be completed in one interface, and the interface is not required to be switched, thereby reducing the repeated jump of the interface. It also simplifies the operation, making the operation more convenient and quick.
  • the concentric ring-shaped menu makes the display of menu items at all levels more intuitive and beautiful.
  • the concentric annular menu is a circular ring.
  • the menu option may also be set to a polygonal manner, such as a triangle, a quadrangle, a pentagon, or a hexagon, etc., specifically It is preferably a regular polygon or the like.
  • the embodiment can also set a circular or polygon free switching mode at the same time, thereby intelligently setting according to the size of the display interface, enriching the user experience.
  • FIG. 2 it is a schematic flowchart of a second embodiment of a display method of a menu of the present invention.
  • the display method of the menu includes the following steps.
  • S202 displaying a menu in a ring shape
  • the menu includes at least one ring, each ring is used to display a setting item of the first level menu; when a setting item is selected, if the selected setting item has a next level menu, The next menu is displayed in a ring shape, and the ring of the next menu is nested with the ring of the previous menu.
  • a disc knob is located in the center of the ring.
  • a position is preset as a selected position on the ring where at least the first level menu is located, and the setting item at the selected position is the selected setting item.
  • the first level menu is displayed on the outer ring and the second level menu is displayed on the inner ring.
  • the disc knob is used to indicate the setting items of the secondary menu on the inner ring. If the position at the bottom of the ring is preset to the selected position, the setting item at the lowest position is the selected setting item.
  • the selected setting item can be highlighted, for example by changing the color, highlighting, or adding a circle to highlight.
  • the manner of selecting the setting item of the menu of the selected position at least one level includes selecting the setting item to be selected to be the selected position by at least one of clicking and sliding the ring.
  • the operation is a click setting item
  • it is determined by the coordinates of the click whether the user clicks on the setting item, and if not, no operation is performed. If yes, the selected item is automatically rotated to The selected location, such as the lowest position.
  • the operation is a sliding ring
  • the user directly slides the setting item to be selected to the selected position, that is, at the lowest position of the ring.
  • the disc knob can also use the disc knob to select the setting item, specifically the rotary disc knob to point to the setting item to be selected.
  • the disc knob can be provided with a raised dot, a line or an arrow as an indicator.
  • the indicator can also be set on the disc knob by engraving, drawing or pasting.
  • the ring of the next level menu is displayed in the menu circle, and the setting item of the level menu is displayed on the ring of the next level menu.
  • the inner ring can display the value that the photo size can be set, for example, 1M, 2M, 3M, 5M, 8M, etc., where 1M is 1 million pixels, 2M is 2 million pixels, and so on.
  • the Large item can correspond to 6M, the Medium item to 3.3M, and the Small item to 1.5M.
  • the corresponding pixel size of each item can be set according to the actual situation.
  • the function corresponding to the selected setting item is called. For example, when 1M is selected in the inner ring and the terminal determines that the setting item has no next-level menu, the next ring will not be displayed, but the function of the setting item is called, that is, the photo size is adjusted to 1M.
  • FIG. 3 is a schematic diagram of a menu display interface according to a third embodiment of the display method of the menu of the present invention.
  • the present invention is described by taking a menu display in a Camera application of a touch screen mobile phone as an example.
  • the step of receiving an enable signal for enabling the menu of the Camera application that is, when the user wants to set the parameters of the Camera, clicking the set button, the mobile phone receives the enable signal of the click setting button to enable the menu.
  • the step of displaying the menu that is, the ring menu pops up in the screen of the mobile phone, the ring menu is divided into an outer ring 30 and an inner ring 31 which are nested with each other, the outer ring 30 is a first level menu, and the inner ring 31 is a second level menu.
  • the item displayed most frequently is displayed by default.
  • the inner ring 31 displays the corresponding one. Secondary menu.
  • each setting item of the outer ring 30 is a small picture. According to the setting items, each item is attached to the outer ring 30 at equal intervals. In theory, 20 items can be placed.
  • the inner ring 31 displays a secondary menu corresponding to the first level menu setting item.
  • Setting item Settable value ISO Auto 100, 200, 400, 800, 1600 Exposure value -3,-2,-1,0,+1,+2,+3 Timed photo time 3s, 5s, 10s, off Photo size 1M, 2M, 3M, 5M, 8M Shutter sound On,off Photo mode selection Auto,night,Hdr,panorama,make up, etc. flash Auto, on, off, torch
  • these setting items are the most commonly used setting items. As can be seen from the above table, these setting items are simple ways to select one value, or two simple choices, on or off. It can be used as a setting item for the first level menu, and the settable value is used as the setting item of the second level menu. As mentioned above, the first level menu can theoretically accommodate nearly 20 setting items, so it is more than enough for the Camera setting items, and the second level menu is generally within 10 items, which is also sufficient.
  • the entire setting interface mainly includes an outer ring 30 and an inner ring 31 for displaying data, and a disk knob 32 at a central position of the inner ring.
  • These three sections correspond to three custom Views: CircleLayout, InnerCircleLayout, and Rotate View.
  • the principle of CircleLayout and InnerCircleLayout are basically similar.
  • the children of CircleLayout are evenly displayed along the outer ring.
  • These sub-items can be Any view, but in this embodiment, the image view is mainly used.
  • the lowest position is defined as the selected position 300
  • the setting item of the selected position 300 is defined as the setting item indicated by the operation signal. It is the child in the set state.
  • the secondary menu corresponding to the setting status sub-item is displayed on the inner ring 31.
  • the children of the inner ring InnerCircleLayout are mainly TextView, and the TextView is used to display the value of the secondary menu item.
  • the adjustment knob RotateView at the center of the inner ring 31 is a picture. RotateView recognizes the user's swipe operation and simulates the rotation of the spin button to adjust the value of the secondary menu.
  • the setting interface also includes a fourth portion 33 for displaying information of the current setting item.
  • FIG. 4 is a schematic diagram showing the position of the menu display interface setting item of the display method menu of the present invention.
  • the ListPreference series is provided by Camera and its contents are shown in Table 1.
  • CircleLayout obtains the data content through the Adapter, it calculates the position of the setting item relative to the CircleLayout center according to the number of setting items to be loaded, that is, the center is taken as the center, and the selected position 300 in the figure is taken as the starting point. Draw the picture of each sub-item to the ring at an equal angle.
  • the setting item located at the selected position 300 is the item currently in the setting state, the item is marked as CenterItem, the degree of the CenterItem on the ring is 0 degree, the CenterItem is highlighted, and the corresponding waiting is displayed in the secondary menu InnerCircleLayout.
  • RotateView is the internal member of InnerCircleLayout.
  • the center of RotateView, InnerCircleLayout and CircleLayout are overlapped.
  • RotateView is drawn together.
  • RotateView points the pointer to The selected value is "200" and the position is recorded.
  • the selected operation of the setting item of the outer ring 30 may be a click setting item or a sliding outer ring.
  • FIG. 5 is a schematic diagram of the operation of determining the setting item indicated by the operation signal in the display method of the menu of the present invention when the setting item is clicked.
  • CircleLayout's onSingleTapUp function is triggered, and onSingleTapUp determines whether the user clicks on the setting item by clicking the coordinates, and if not, does not operate, otherwise the clicked item will
  • the position of the CenterItem is automatically rotated, and the clicked child is defined as mTappedView.
  • the mTappedView is rotated to the position of the CenterItem, the mTappedView picture is set to be highlighted, and the secondary menu is displayed to the inner ring 31.
  • the selected item that is clicked is automatically rotated to the bottom of the ring as follows: First, the outer ring 30 is centered on the CircleLayout center, and a circle is formed with a specified radius, and each item is drawn in a circle in equal arcs. On, starting with the starting child CenterItem, each sub-item has its own degree. At this time, calculate the difference between the degree of mTappedView and CenterItem, as shown in Figure 5. By calculation, the degree of the selected item is 240°, and CenterItem The difference of 0 degrees is 240°. Since it can be rotated to the position of CenterItem clockwise or counterclockwise, it is prescribed to rotate to the CenterItem with the shortest path. When the difference is greater than 180°, it is taken up, in this embodiment. The 240° complement is 60°, so it only needs to rotate 60° clockwise to reach the CenterItem position.
  • the key java code for rotation is as follows:
  • velocity is the rotation speed
  • startAngle is used to assist the increment of velocity
  • its initial value is 0
  • destAngle is the target degree, which is 60° of the above example.
  • the function of this step is to divide 60° into a short segment and a small segment. Move the menu one step at a time to achieve the purpose of animation. The degree of each segment is different. The larger the velocity, the larger the degree of increase. This can show the speed from fast to slow until the stop.
  • velocity/75 converts the velocity to the degree of rotation that needs to be rotated, and passes the degree to the rotateButton function, which sets each setting item on the basis of the original degree.
  • notifyRotateFinished() is called to notify InnerCircleLayout to update the secondary menu to the secondary menu of the current mTappedView, and the click event is completed.
  • FIG. 6 is a schematic diagram of a setting interface of a display item of the menu of the present invention for determining an operation item indicated by an operation signal by sliding an outer ring.
  • the operation of sliding the outer ring is described below. This operation is mainly to rotate the outer ring by sliding the finger, the process includes releasing the front part of the finger and releasing the two parts of the finger:
  • Double currentAngle getAngle(event.getX(), event.getY());
  • the program calculates the speed at which the finger is released, then converts the speed to the initial velocity of the CircleLayout rotation, and then enters the decreasing redraw thread of velocity, if the velocity is large enough When CircleLayout is possible It will rotate a lot of circles. When the velocity is reduced to 0, the bottom setting item is not aligned with the CenterItem position. Then you need to move the setting item closest to the CenterItem to the CenterItem position again, and then notify InnerCircleLayout to update the secondary menu. The event is over.
  • the secondary menu corresponds to the secondary menu of the item in the first level menu that is in the set state.
  • notifyRotateFinished will be called.
  • the selected item of the secondary menu is highlighted.
  • Clicking on the setting value means that the value on the menu is directly clicked in the inner ring to make the value in the selected state.
  • a TextView is clicked, the position ID value corresponding to the TextView is obtained, and then the Camera setting function is called back, and the corresponding ID value is returned to complete the setting.
  • FIG. 7 is a schematic diagram of a setting interface of a menu for determining a setting indication of an operation signal by rotating a disk knob.
  • the implementation of sliding RotateView When the finger clicks on the RotateView, the center of the RotateView is taken as the center, and the degree of the clicked point in the circle is calculated by the arctangent function, which is recorded as currentdegree. After the finger starts to slide, the coordinates of the finger click start to change. The degree of the corresponding degree is calculated every time the coordinates are updated, and the degree of the current slip can be obtained with the degree-currentdegree. The number increment, using this increment to rotate the RotateView and redraw, completes a slide.
  • the present invention also provides a display device, please refer to FIG. 8, which is a block diagram of the display device of the present invention.
  • the display device includes a receiving module 400 and a display module 401.
  • the receiving module 400 is configured to receive an enable signal for enabling the menu.
  • the display module 401 is connected to the receiving module 400 for displaying the menu in a ring shape, the menu includes at least one ring, each ring is used to display a setting item of the first level menu; when a setting item is selected, if selected When the setting item has the next level menu, the next level menu is displayed in a ring shape, and the ring of the next level menu and the ring of the previous menu are nested with each other.
  • the display device further includes a positioning module 410 and a first determining module 411, as shown in FIG.
  • the positioning module 410 is configured to preset a position on the ring to a selected position.
  • the judging module is configured to judge whether the setting item indicated by the operation signal has a next level menu.
  • the first determining module is connected to the positioning module, and is configured to determine that the setting item to be selected is selected to be the selected setting item by at least one of clicking and sliding the ring.
  • the display device further includes an automatic rotation module 412 for automatically rotating the clicked setting item to the selected position when the user clicks on the setting item, and for when the user performs the operation of sliding the ring,
  • the slip control module 413 of the ring is controlled according to the user's operation.
  • the display module 401 is also used to display a disc knob located at the center of the ring.
  • the display device further includes a rotation module 420 and a second determination module 421, and the rotation module 420 is configured to control the rotation of the disk knob according to a user's operation when the user performs the operation of rotating the disk knob.
  • the second determining module 421 is connected to the rotating module 420, and is configured to determine a setting item pointed by the rotating disk knob as a selected setting item.

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

A menu display method and display device, the display method comprising the following steps: receiving an enable signal initiating a menu (S101); displaying the menu in a ring, the menu comprising at least one concentric ring, each of the concentric rings displaying a setting option of a menu level; if a selected setting option has a next menu level, then the next menu level is displayed in a concentric ring of the next menu level, and the concentric ring is mutually nested in a concentric ring of a previous menu level thereof (S102). The display device comprises a receiving module (400) and a display module (401). The embodiment of the invention gathers all setting options on one interface to complete all the setting on one interface without a need to switch between menus, resulting in simpler and more convenient operations.

Description

菜单的显示方法及显示装置Menu display method and display device 【技术领域】[Technical Field]
本发明涉及菜单显示技术领域,特别是涉及一种菜单的显示方法及显示装置。The present invention relates to the field of menu display technologies, and in particular, to a menu display method and a display device.
【背景技术】【Background technique】
随着电子技术的快速发展以及手机、平板电脑等显示装置的大规模使用,手机、平板电脑等显示装置的功能也越来越多,而手机用户在进行操作以及进入操作界面时,对趣味性、易用性和快速性的要求越来越高。With the rapid development of electronic technology and the large-scale use of display devices such as mobile phones and tablet computers, display devices such as mobile phones and tablet computers have more and more functions, and mobile phone users are interested in performing operations and entering the operation interface. The requirements for ease of use and speed are getting higher and higher.
目前存在的一些触屏的手机的应用里的设置菜单大概通过以下几种方式显示:1、直接在预览界面上显示;2、弹出设置列表窗口,分一级二级菜单;3、跳转到设置界面,分一级二级菜单。Currently, some setting menus of some touch screen mobile phones are displayed in the following ways: 1. Displaying directly on the preview interface; 2. Popping up the setting list window, sub-level two-level menu; 3. Jumping to Set the interface, sub-level two menu.
上述方式中,直接显示会影响预览界面的美观;弹出设置列表窗口的方式则比较繁琐,并且在美观方面也比较欠缺;跳转到设置界面的方式则需要启动新的界面,增加了操作的复杂度,不易学会操作。In the above manner, the direct display will affect the appearance of the preview interface; the way of popping up the list window is cumbersome and lacks in aesthetics; the way to jump to the setting interface needs to start a new interface, which increases the complexity of the operation. Degree, it is not easy to learn to operate.
【发明内容】[Summary of the Invention]
本发明提供了一种菜单的显示方法及显示装置,能够解决现有技术存在的操作复杂、繁琐的问题。The invention provides a menu display method and a display device, which can solve the problems of complicated operation and cumbersome operation in the prior art.
为解决上述技术问题,本发明采用的一个技术方案是:提供一种菜单的显示方法,该方法包括:接收用于启用菜单的启用信号;呈环状显示所述菜单,所述菜单包括至少一个同心环,每个所述同心环用于显示一级菜单的设置项;当一个所述设置项被选中时,若被选中的所述设置项具有下一级菜单,则所述下一级菜单呈同心环状显示,且所述下一级菜单的同心环与其上一级菜单的同心环相互嵌套;在至少一级所述菜单所在的同心环上预设一位置作为选定位置,位于所述选定位置的设置项为被选中的设置项;至少一级预设了所述选定位置的菜单的所述设置项的选中方式包括通过点击、滑动同心环中的至少一种操作 将要选择的所述设置项转到所述选定位置;以及,所述同心环中心设有一圆盘旋钮,所述菜单的所述设置项的选中方式还包括:旋转所述圆盘旋钮使其指向所要选择的设置项。In order to solve the above technical problem, a technical solution adopted by the present invention is to provide a method for displaying a menu, the method comprising: receiving an enable signal for enabling a menu; displaying the menu in a ring shape, the menu including at least one Concentric rings, each of the concentric rings is used to display a setting item of the first level menu; when one of the setting items is selected, if the selected setting item has a next level menu, the next level menu Concentrically displayed in a ring shape, and the concentric rings of the next-level menu are nested with the concentric rings of the upper menu; at least one level of the concentric ring on which the menu is located is preset as a selected position, located at The setting item of the selected location is the selected setting item; the manner of selecting the setting item of the menu of the selected location at least one level includes at least one of clicking and sliding the concentric ring The setting item to be selected is transferred to the selected position; and the center of the concentric ring is provided with a disc knob, and the setting item of the menu is further selected by rotating the disc knob to Point to the setting item you want to select.
其中,当点击在所述设置项上时,所述被点击的设置项自动旋转到所述选定位置。Wherein, when clicked on the setting item, the clicked setting item is automatically rotated to the selected position.
其中,当滑动同心环时,将要选择的设置项滑动至所述选定位置Wherein, when the concentric ring is slid, the setting item to be selected is slid to the selected position
为解决上述技术问题,本发明采用的另一个技术方案是:提供一种菜单的显示方法,该方法包括:接收用于启用菜单的启用信号;所述菜单呈环状显示,所述菜单包括至少一个同心环,每个所述同心环用于显示一级菜单的设置项;当一个所述设置项被选中时,若被选中的所述设置项具有下一级菜单,则所述下一级菜单呈同心环状显示,且所述下一级菜单的同心环与其上一级菜单的同心环相互嵌套。In order to solve the above technical problem, another technical solution adopted by the present invention is to provide a method for displaying a menu, the method comprising: receiving an enable signal for enabling a menu; the menu is displayed in a ring shape, and the menu includes at least a concentric ring, each of the concentric rings is used to display a setting item of the first level menu; when one of the setting items is selected, if the selected setting item has a next level menu, the next level The menus are displayed in a concentric ring shape, and the concentric rings of the next level menu are nested with the concentric rings of the previous menu.
其中,在至少一级所述菜单所在的同心环上预设一位置作为选定位置,位于所述选定位置的设置项为被选中的设置项;至少一级预设了所述选定位置的菜单的所述设置项的选中方式包括通过点击、滑动同心环中的至少一种操作将要选择的所述设置项转到所述选定位置。Wherein at least one level of the menu is located on a concentric ring, a position is preset as a selected position, and a setting item at the selected position is a selected setting item; at least one level presets the selected position The selection of the setting item of the menu includes moving the setting item to be selected to the selected position by at least one of clicking and sliding a concentric ring.
其中,当点击在所述设置项上时,所述被点击的设置项自动旋转到所述选定位置。Wherein, when clicked on the setting item, the clicked setting item is automatically rotated to the selected position.
其中,当滑动同心环时,将要选择的设置项滑动至所述选定位置。Wherein, when the concentric ring is slid, the setting item to be selected is slid to the selected position.
其中,所述同心环中心设有一圆盘旋钮,所述菜单的所述设置项的选中方式还包括:旋转所述圆盘旋钮使其指向所要选择的设置项。The center of the concentric ring is provided with a disc knob, and the setting manner of the setting item of the menu further includes: rotating the disc knob to point to a setting item to be selected.
为解决上述技术问题,本发明采用的又一个技术方案是:提供一种显示装置,该显示装置包括:接收模块和显示模块。所述接收模块用于接收用于启用菜单的启用信号。显示模块与所述接收模块连接,其用于呈环状显示菜单,所述菜单包括至少一个同心环,每个所述同心环用于显示一级菜单的设置项;当一个所述设置项被选中时,若被选中的所述设置项具有下一级菜单,则所述下 一级菜单呈同心环状显示,且所述下一级菜单的同心环与其上一级菜单的同心环相互嵌套。In order to solve the above technical problem, another technical solution adopted by the present invention is to provide a display device, which includes: a receiving module and a display module. The receiving module is configured to receive an enable signal for enabling a menu. a display module is coupled to the receiving module, configured to display a menu in a ring shape, the menu including at least one concentric ring, each of the concentric rings being used to display a setting item of a first level menu; when one of the setting items is When selected, if the selected item has the next level menu, then the next The first level menu is displayed in a concentric ring shape, and the concentric rings of the next level menu are nested with the concentric rings of the previous menu.
其中,所述显示装置还包括:定位模块和第一判定模块,所述定位模块用于将所述同心环上的一位置预设为选定位置;第一判定模块与所述定位模块连接,用于将通过点击、滑动同心环中的至少一种操作将要选择的所述设置项转到所述选定位置判定为选中的设置项。The display device further includes: a positioning module and a first determining module, wherein the positioning module is configured to preset a position on the concentric ring to a selected position; and the first determining module is connected to the positioning module, The setting item for determining that the setting item to be selected is selected by at least one of clicking and sliding the concentric rings is determined to be the selected setting item.
其中,所述显示装置还包括:自动旋转模块,用于在用户点击所述设置项时,将所述被点击的设置项自动旋转到所述选定位置。The display device further includes: an automatic rotation module, configured to automatically rotate the clicked setting item to the selected position when the user clicks on the setting item.
其中,所述显示装置还包括:滑动控制模块,用于在用户进行滑动同心环的操作时,根据用户的操作控制所述同心环的滑动。The display device further includes: a sliding control module, configured to control the sliding of the concentric ring according to a user operation when the user performs the operation of sliding the concentric ring.
其中,所述显示模块还用于显示圆盘旋钮,所述圆盘旋钮位于所述同心环的中心。所述显示装置进一步包括:旋转模块和第二判定模块,旋转模块用于在用户进行旋转圆盘旋钮的操作时,根据用户的操作控制所述圆盘旋钮的旋转;所述第二判定模块与所述旋转模块连接,用于将旋转圆盘旋钮指向的设置项判定为选中的设置项。Wherein, the display module is further configured to display a disc knob, and the disc knob is located at a center of the concentric ring. The display device further includes: a rotation module and a second determination module, wherein the rotation module is configured to control rotation of the disk knob according to a user operation when the user performs an operation of rotating the disk knob; the second determination module and The rotation module is connected to determine a setting item pointed by the rotary disk knob as a selected setting item.
本发明的有益效果是:区别于现有技术的情况,本发明通过将菜单设为同心环形,可以最大化地将设置项都集中在一个界面。通过多个同心环显示多级菜单,且多个同心环相互嵌套,可以使多级菜单能同时显示,整个设置在一个界面就可以完成,并且无需切换界面,减少了界面反复跳转,同时还简化了操作,使得操作更加方便快捷。并且,同心环状的菜单使得各级菜单设置项的显示更加直观和美观。The beneficial effects of the present invention are: Different from the prior art, the present invention can maximize the concentration of setting items on one interface by setting the menus to concentric rings. The multi-level menu is displayed by a plurality of concentric rings, and the plurality of concentric rings are nested with each other, so that the multi-level menu can be displayed at the same time, the entire setting can be completed in one interface, and the interface is not required to be switched, thereby reducing the repeated jump of the interface. It also simplifies the operation, making the operation more convenient and quick. Moreover, the concentric ring-shaped menu makes the display of menu items at all levels more intuitive and beautiful.
【附图说明】[Description of the Drawings]
图1是本发明菜单的显示方法第一实施例的流程示意图;1 is a schematic flow chart of a first embodiment of a display method of a menu of the present invention;
图2是本发明菜单的显示方法第二实施例的流程示意图;2 is a schematic flow chart of a second embodiment of a display method of a menu of the present invention;
图3是本发明菜单的显示方法第三实施例的菜单显示界面示意图; 3 is a schematic diagram of a menu display interface of a third embodiment of the display method of the menu of the present invention;
图4是本发明菜单的显示方法菜单显示界面设置项的位置示意图;4 is a schematic view showing the position of a menu display interface setting item of a display method of the menu of the present invention;
图5是本发明菜单的显示方法中确定操作信号指示的设置项的操作为点击设置项时的示意图;5 is a schematic diagram of the operation of determining a setting item indicated by an operation signal in the display method of the menu of the present invention when the setting item is clicked;
图6是本发明菜单的显示方法通过滑动外环确定操作信号指示的设置项的设置界面示意图;6 is a schematic diagram showing a setting interface of a setting item of a menu of the present invention for determining an operation signal by sliding an outer ring;
图7是本发明菜单的显示方法通过旋转圆盘旋钮确定操作信号指示的设置项的设置界面示意图;7 is a schematic diagram showing a setting interface of a display item of the menu of the present invention for determining a setting item indicated by an operation signal by rotating a disk knob;
图8是本发明显示装置一个实施例的模块图;Figure 8 is a block diagram of an embodiment of a display device of the present invention;
图9是本发明显示装置另一个实施例的模块图;Figure 9 is a block diagram of another embodiment of the display device of the present invention;
图10是本发明显示装置又一个实施例的模块图。Figure 10 is a block diagram of still another embodiment of the display device of the present invention.
【具体实施方式】【detailed description】
下面结合具体实施方式和附图对本发明进行详细说明。The present invention will be described in detail below with reference to the specific embodiments and drawings.
请参阅图1,是本发明菜单的显示方法第一实施例的流程示意图。该菜单的显示方法包括以下步骤:Please refer to FIG. 1, which is a schematic flowchart of a first embodiment of a display method of a menu of the present invention. The display method of the menu includes the following steps:
S101,接收用于启用菜单的启用信号。S101. Receive an enable signal for enabling a menu.
S102,呈环状显示菜单,菜单包括至少一个同心环,每个同心环用于显示一级菜单的设置项;当一个设置项被选中时,若被选中的设置项具有下一级菜单,则下一级菜单呈同心环状显示,且下一级菜单的同心环与其上一级菜单的同心环相互嵌套。S102, displaying a menu in a ring shape, the menu includes at least one concentric ring, each concentric ring is used to display a setting item of the first level menu; when a setting item is selected, if the selected setting item has a next level menu, The next level menu is displayed in a concentric ring shape, and the concentric rings of the next level menu are nested with the concentric rings of the previous menu.
举例而言,该相互嵌套的同心环中,位于外面的同心环为一级菜单,其相邻的内侧的同心环为二级菜单,依次类推。当然,也可以是最内部的同心环作为一级菜单,其相邻的外侧的同心环为二级菜单等。当一级菜单上的设置项被选中时,如果被选中的设置项具有下一级菜单,则在一级菜单的同心环内呈环状显示出二级菜单。如果被选中的设置项没有下一级菜单,则直接调用该被选中的设置项的功能。For example, in the nested concentric rings, the outer concentric rings are a first-level menu, and the adjacent inner concentric rings are secondary menus, and so on. Of course, it may also be the innermost concentric ring as a first-level menu, and the adjacent outer concentric rings are secondary menus and the like. When the setting item on the first level menu is selected, if the selected setting item has the next level menu, the second level menu is displayed in a ring shape in the concentric ring of the first level menu. If the selected setting item does not have the next level menu, the function of the selected setting item is directly called.
区别于现有技术,本发明通过将菜单设为同心环形,可以最大化地将设置 项都集中在一个界面。通过多个同心环显示多级菜单,且多个同心环相互嵌套,可以使多级菜单能同时显示,整个设置在一个界面就可以完成,并且无需切换界面,减少了界面反复跳转,同时还简化了操作,使得操作更加方便快捷。并且,同心环状的菜单使得各级菜单设置项的显示更加直观和美观。在本实施方式中,同心环形的菜单为圆环形,当然,在其他实施例中,菜单选项也可以设置为多边形的方式,譬如三角形、四边形、五边形或六边形等,具体来说,优选为正多边形等。Different from the prior art, the present invention can maximize the setting by setting the menu to a concentric ring shape. Items are concentrated in one interface. The multi-level menu is displayed by a plurality of concentric rings, and the plurality of concentric rings are nested with each other, so that the multi-level menu can be displayed at the same time, the entire setting can be completed in one interface, and the interface is not required to be switched, thereby reducing the repeated jump of the interface. It also simplifies the operation, making the operation more convenient and quick. Moreover, the concentric ring-shaped menu makes the display of menu items at all levels more intuitive and beautiful. In this embodiment, the concentric annular menu is a circular ring. Of course, in other embodiments, the menu option may also be set to a polygonal manner, such as a triangle, a quadrangle, a pentagon, or a hexagon, etc., specifically It is preferably a regular polygon or the like.
此外,本实施例还可以同时设置圆形或者多边形自由切换的模式,以此来根据显示界面的大小而智能设置,丰富用户体验。In addition, the embodiment can also set a circular or polygon free switching mode at the same time, thereby intelligently setting according to the size of the display interface, enriching the user experience.
请参阅图2,是本发明菜单的显示方法第二实施例的流程示意图。该菜单的显示方法包括以下步骤。Referring to FIG. 2, it is a schematic flowchart of a second embodiment of a display method of a menu of the present invention. The display method of the menu includes the following steps.
S201,接收用于启用菜单的启用信号。S201. Receive an enable signal for enabling the menu.
S202,呈环状显示菜单,菜单包括至少一个圆环,每个圆环用于显示一级菜单的设置项;当一个设置项被选中时,若被选中的设置项具有下一级菜单,则下一级菜单呈圆环状显示,且下一级菜单的圆环与其上一级菜单的圆环相互嵌套。圆环中心设有一圆盘旋钮。并且,在至少一级菜单所在的圆环上预设一位置作为选定位置,位于选定位置的设置项为被选中的设置项。S202, displaying a menu in a ring shape, the menu includes at least one ring, each ring is used to display a setting item of the first level menu; when a setting item is selected, if the selected setting item has a next level menu, The next menu is displayed in a ring shape, and the ring of the next menu is nested with the ring of the previous menu. A disc knob is located in the center of the ring. And, a position is preset as a selected position on the ring where at least the first level menu is located, and the setting item at the selected position is the selected setting item.
例如,有两级菜单时,一级菜单在外环显示,二级菜单在内环显示。圆盘旋钮用于指示内环上二级菜单的设置项。如果将圆环最下方的位置预设为选定位置,位于该最下方的位置处的设置项则为被选中的设置项。被选中的设置项可以突出显示,例如通过改变颜色、高亮、或者外加圆圈等标记来突出显示。For example, when there are two levels of menus, the first level menu is displayed on the outer ring and the second level menu is displayed on the inner ring. The disc knob is used to indicate the setting items of the secondary menu on the inner ring. If the position at the bottom of the ring is preset to the selected position, the setting item at the lowest position is the selected setting item. The selected setting item can be highlighted, for example by changing the color, highlighting, or adding a circle to highlight.
其中,步骤S202中,至少一级预设了选定位置的菜单的设置项的选中方式包括通过点击、滑动圆环中的至少一种操作将要选择的设置项转到选定位置。In the step S202, the manner of selecting the setting item of the menu of the selected position at least one level includes selecting the setting item to be selected to be the selected position by at least one of clicking and sliding the ring.
具体而言,当该操作是点击设置项时,通过点击的坐标判断用户是否点击在设置项上,如果不是,则不做操作。如果是,则被点击的设置项自动旋转到 选定位置,例如最下方的位置。Specifically, when the operation is a click setting item, it is determined by the coordinates of the click whether the user clicks on the setting item, and if not, no operation is performed. If yes, the selected item is automatically rotated to The selected location, such as the lowest position.
当该操作是滑动圆环时,用户直接将要选择的设置项滑动到该选定位置,即位于圆环最下方的位置处。When the operation is a sliding ring, the user directly slides the setting item to be selected to the selected position, that is, at the lowest position of the ring.
此外,还可以通过圆盘旋钮来选中设置项,具体为旋转圆盘旋钮使其指向要选择的设置项。圆盘旋钮上可以设置凸起的圆点、线或者箭头等作为指示标,当然,该指示标还可以通过刻、画或者粘贴等方式设置在圆盘旋钮上。In addition, you can also use the disc knob to select the setting item, specifically the rotary disc knob to point to the setting item to be selected. The disc knob can be provided with a raised dot, a line or an arrow as an indicator. Of course, the indicator can also be set on the disc knob by engraving, drawing or pasting.
如果被选中的设置项具有下一级菜单,则在该菜单圆环内再显示下一级菜单的圆环,且该下一级菜单的圆环上显示该级菜单的设置项。举例而言,如果在外环的一级菜单选中的是Camera应用中的照片大小一项,则内环可以显示照片大小可以设置的值,例如1M,2M,3M,5M,8M等,其中,1M为100万像素,2M为200万像素,以此类推。或者,也可以在内环显示Large、Medium和Small,Large项可以对应为6M,Medium项对应为3.3M,Small项对应为1.5M。当然,每项对应的像素大小可以根据实际进行设置。If the selected setting item has the next level menu, the ring of the next level menu is displayed in the menu circle, and the setting item of the level menu is displayed on the ring of the next level menu. For example, if the photo size item in the Camera application is selected in the first menu of the outer ring, the inner ring can display the value that the photo size can be set, for example, 1M, 2M, 3M, 5M, 8M, etc., where 1M is 1 million pixels, 2M is 2 million pixels, and so on. Alternatively, you can also display Large, Medium, and Small in the inner ring. The Large item can correspond to 6M, the Medium item to 3.3M, and the Small item to 1.5M. Of course, the corresponding pixel size of each item can be set according to the actual situation.
如果被选中的设置项没有下一级菜单,则调用该被选中的设置项对应的功能。例如,当在内环中选择了1M,终端判断该设置项没有下一级菜单,则不会再显示下一环,而是调用该设置项的功能,即,将照片大小调整为1M。If the selected setting item does not have a next-level menu, the function corresponding to the selected setting item is called. For example, when 1M is selected in the inner ring and the terminal determines that the setting item has no next-level menu, the next ring will not be displayed, but the function of the setting item is called, that is, the photo size is adjusted to 1M.
请参阅图3,是本发明菜单的显示方法第三实施例的菜单显示界面示意图。Please refer to FIG. 3 , which is a schematic diagram of a menu display interface according to a third embodiment of the display method of the menu of the present invention.
本实施例是以触摸屏手机的Camera应用里的菜单显示为例对本发明进行说明。In this embodiment, the present invention is described by taking a menu display in a Camera application of a touch screen mobile phone as an example.
本实施例中,接收用于启用Camera应用的菜单的启用信号的步骤,即,当用户要设置Camera的参数时,点击设置键,手机即接收到该点击设置键启用菜单的启用信号。In this embodiment, the step of receiving an enable signal for enabling the menu of the Camera application, that is, when the user wants to set the parameters of the Camera, clicking the set button, the mobile phone receives the enable signal of the click setting button to enable the menu.
显示菜单的步骤,即,手机屏幕中弹出环形菜单,该环形菜单分为相互嵌套的外环30和内环31,外环30为一级菜单,内环31为二级菜单。默认显示的为最常设置的项,当选定外环30的某一个一级菜单时,内环31便显示对应的 二级菜单。The step of displaying the menu, that is, the ring menu pops up in the screen of the mobile phone, the ring menu is divided into an outer ring 30 and an inner ring 31 which are nested with each other, the outer ring 30 is a first level menu, and the inner ring 31 is a second level menu. The item displayed most frequently is displayed by default. When one level menu of the outer ring 30 is selected, the inner ring 31 displays the corresponding one. Secondary menu.
本实施例中,外环30的每一设置项都是一张小图片,根据设置项多少,每一项则会被等间距地贴在外环30上,理论上可以放置20项,当外环30的一级菜单的一个设置项被选中的同时内环31显示与该一级菜单设置项对应的二级菜单。In this embodiment, each setting item of the outer ring 30 is a small picture. According to the setting items, each item is attached to the outer ring 30 at equal intervals. In theory, 20 items can be placed. When one setting item of the first menu of the ring 30 is selected, the inner ring 31 displays a secondary menu corresponding to the first level menu setting item.
常见的Camera设置项及设置值如表1。Common Camera settings and settings are shown in Table 1.
表1.Table 1.
设置项Setting item 可设置的值Settable value
ISOISO Auto,100,200,400,800,1600Auto, 100, 200, 400, 800, 1600
曝光值Exposure value -3,-2,-1,0,+1,+2,+3-3,-2,-1,0,+1,+2,+3
定时拍照时间Timed photo time 3s,5s,10s,off3s, 5s, 10s, off
照片大小Photo size 1M,2M,3M,5M,8M1M, 2M, 3M, 5M, 8M
快门声Shutter sound On,offOn,off
拍照模式选择Photo mode selection Auto,night,Hdr,panorama,make up等Auto,night,Hdr,panorama,make up, etc.
闪光灯flash Auto,on,off,torchAuto, on, off, torch
如上,这些设置项是最常用的设置项,由上表可以看出,这些设置项都是简单的设置值多选一的方式,或者是开或关两种简单的选择,则这些设置项就可以作为一级菜单的设置项,可设置的值则作为二级菜单的设置项。如前面,一级菜单理论上可容纳近20个设置项,所以应对Camera的设置项绰绰有余,而二级菜单一般在10项以内,同样也是足够的。As above, these setting items are the most commonly used setting items. As can be seen from the above table, these setting items are simple ways to select one value, or two simple choices, on or off. It can be used as a setting item for the first level menu, and the settable value is used as the setting item of the second level menu. As mentioned above, the first level menu can theoretically accommodate nearly 20 setting items, so it is more than enough for the Camera setting items, and the second level menu is generally within 10 items, which is also sufficient.
请继续参阅图3,整个设置界面主要包括显示数据的外环30和内环31,以及位于内环中心位置的圆盘旋钮32。这三个部分分别对应三个自定义的View:CircleLayout、InnerCircleLayout和Rotate View。CircleLayout和InnerCircleLayout的原理基本相似,CircleLayout的子项被均匀的沿着外环显示,这些子项可以是 任意的view,但本实施例中,以Image View为主,本实施例将最下方的位置定义为选定位置300,将该选定位置300的设置项定义为操作信号指示的设置项,也即为处于设置状态的子项。该处于设置状态子项对应的二级菜单被显示到内环31上。内环InnerCircleLayout的子项以TextView为主,TextView用于显示二级菜单子项的value。内环31中心的调整旋钮RotateView是一张图片。RotateView会识别用户的滑动操作,模拟旋转按钮转动,用于调整二级菜单的value。该设置界面还包括第四部分33,该第四部分33用于显示当前设置项的信息。Referring to FIG. 3, the entire setting interface mainly includes an outer ring 30 and an inner ring 31 for displaying data, and a disk knob 32 at a central position of the inner ring. These three sections correspond to three custom Views: CircleLayout, InnerCircleLayout, and Rotate View. The principle of CircleLayout and InnerCircleLayout are basically similar. The children of CircleLayout are evenly displayed along the outer ring. These sub-items can be Any view, but in this embodiment, the image view is mainly used. In this embodiment, the lowest position is defined as the selected position 300, and the setting item of the selected position 300 is defined as the setting item indicated by the operation signal. It is the child in the set state. The secondary menu corresponding to the setting status sub-item is displayed on the inner ring 31. The children of the inner ring InnerCircleLayout are mainly TextView, and the TextView is used to display the value of the secondary menu item. The adjustment knob RotateView at the center of the inner ring 31 is a picture. RotateView recognizes the user's swipe operation and simulates the rotation of the spin button to adjust the value of the secondary menu. The setting interface also includes a fourth portion 33 for displaying information of the current setting item.
当需要显示设置菜单时,Camera将传入所有可用的设置项(见表1),为此,需要为圆环构建一个数据适配器Arra Adapter<ListPreference>,ListPreference保存的内容如表2:When you need to display the setup menu, Camera will pass in all the available settings (see Table 1). To do this, you need to build a data adapter Arra Adapter<ListPreference> for the ring. The contents of ListPreference are as shown in Table 2:
表2Table 2
Figure PCTCN2015083582-appb-000001
Figure PCTCN2015083582-appb-000001
请参阅图4,是本发明菜单的显示方法菜单显示界面设置项的位置示意图。ListPreference系列由Camera提供,内容如表1所示。CircleLayout通过Adapter获得了这些数据内容后,再根据需要加载的设置项的数目,来计算设置项相对于CircleLayout中心的位置,也即以中心为圆心,以图中的选定位置300为起点,依次将各个子项的图片以等夹角画到圆环上。位于选定位置300的设置项是当前处于设置状态的项,将该项标记为CenterItem,CenterItem在圆环上的度数为0度,CenterItem高亮显示,且在二级菜单InnerCircleLayout中显示对应的待设 置的值。如图4,当前处于设置状态的子项是ISO,该设置项下共有6个待设置的值mEntries={auto,100,200,400,800,1600},这六个值分别作为TextView的值,同样按照CircleLayout的方法,被依次画到InnerCircleLayout上,已被选择的值“200”处于高亮状态。最后是RotateView,RotateView是InnerCircleLayout的内部成员,RotateView、InnerCircleLayout和CircleLayout的圆心是重叠的,如图3所示,当InnerCircleLayout画完待设置的值后,便将RotateView一同画出来,RotateView将指针指向已被选择的值“200”上,并记录下这个位置。Please refer to FIG. 4 , which is a schematic diagram showing the position of the menu display interface setting item of the display method menu of the present invention. The ListPreference series is provided by Camera and its contents are shown in Table 1. After CircleLayout obtains the data content through the Adapter, it calculates the position of the setting item relative to the CircleLayout center according to the number of setting items to be loaded, that is, the center is taken as the center, and the selected position 300 in the figure is taken as the starting point. Draw the picture of each sub-item to the ring at an equal angle. The setting item located at the selected position 300 is the item currently in the setting state, the item is marked as CenterItem, the degree of the CenterItem on the ring is 0 degree, the CenterItem is highlighted, and the corresponding waiting is displayed in the secondary menu InnerCircleLayout. Assume Set value. As shown in Figure 4, the sub-item currently in the set state is ISO. There are 6 values to be set under the setting item mEntries={auto, 100, 200, 400, 800, 1600}, and these six values are respectively used as the value of TextView. Also, according to the CircleLayout method, it is sequentially drawn onto the InnerCircleLayout, and the selected value "200" is highlighted. Finally, RotateView, RotateView is the internal member of InnerCircleLayout. The center of RotateView, InnerCircleLayout and CircleLayout are overlapped. As shown in Figure 3, when InnerCircleLayout draws the value to be set, RotateView is drawn together. RotateView points the pointer to The selected value is "200" and the position is recorded.
本实施例中,外环30的设置项的选中的操作可以是点击设置项或者是滑动外环。In this embodiment, the selected operation of the setting item of the outer ring 30 may be a click setting item or a sliding outer ring.
下面介绍点击设置项的操作。The following describes the operation of clicking the setting item.
请参阅图5,是本发明菜单的显示方法中确定操作信号指示的设置项的操作为点击设置项时的示意图。具体地,当用户在外环30上做点击事件时,CircleLayout的onSingleTapUp函数被触发,onSingleTapUp通过点击的坐标判断用户是否点击在设置项上,如果不是则不做操作,否则被点击的子项将自动旋转到CenterItem的位置,定义被点击的子项为mTappedView,当mTappedView旋转到CenterItem的位置后,将mTappedView图片设置为高亮,同时二级菜单被显示到内环31。Please refer to FIG. 5 , which is a schematic diagram of the operation of determining the setting item indicated by the operation signal in the display method of the menu of the present invention when the setting item is clicked. Specifically, when the user makes a click event on the outer ring 30, CircleLayout's onSingleTapUp function is triggered, and onSingleTapUp determines whether the user clicks on the setting item by clicking the coordinates, and if not, does not operate, otherwise the clicked item will The position of the CenterItem is automatically rotated, and the clicked child is defined as mTappedView. When the mTappedView is rotated to the position of the CenterItem, the mTappedView picture is set to be highlighted, and the secondary menu is displayed to the inner ring 31.
进一步地,被点击的设置项会自动旋转到圆环最下方的实现方式如下:首先,外环30是以CircleLayout中心为圆心,以指定半径做一个圆,各个子项被以等弧度画在圆上,以起始子项CenterItem开始,各个子项都有各自的度数,此时,计算mTappedView与CenterItem的度数差,如图5,通过计算,被点击的设置项的度数为240°,与CenterItem 0度的差值为240°,由于顺时针或逆时针都可以旋转到CenterItem的位置,因而规定以最短的路径旋转到CenterItem,当差值大于180°时便取其补,在本实施例中,240°的补值是60°,因而只需要顺时针旋转60°到达CenterItem的位置。旋转的java关键代码如下:Further, the selected item that is clicked is automatically rotated to the bottom of the ring as follows: First, the outer ring 30 is centered on the CircleLayout center, and a circle is formed with a specified radius, and each item is drawn in a circle in equal arcs. On, starting with the starting child CenterItem, each sub-item has its own degree. At this time, calculate the difference between the degree of mTappedView and CenterItem, as shown in Figure 5. By calculation, the degree of the selected item is 240°, and CenterItem The difference of 0 degrees is 240°. Since it can be rotated to the position of CenterItem clockwise or counterclockwise, it is prescribed to rotate to the CenterItem with the shortest path. When the difference is greater than 180°, it is taken up, in this embodiment. The 240° complement is 60°, so it only needs to rotate 60° clockwise to reach the CenterItem position. The key java code for rotation is as follows:
while(startAngle<destAngle){ While(startAngle<destAngle){
startAngle+=velocity/75;startAngle+=velocity/75;
velocity*=1.0666F;Velocity*=1.0666F;
}}
其中,velocity是旋转速度,startAngle用于辅助velocity的增量,其初始值为0,destAngle为目标度数,即上述例子的60°,该步的作用就是把60°分成一小段一小段的,每前进一段都重绘一遍菜单,以达到动画的目的,每一段的度数都不同,velocity越大则增加的度数越大,如此便可以表现出旋转过程中速度由快到慢,直至停止。Among them, velocity is the rotation speed, startAngle is used to assist the increment of velocity, its initial value is 0, and destAngle is the target degree, which is 60° of the above example. The function of this step is to divide 60° into a short segment and a small segment. Move the menu one step at a time to achieve the purpose of animation. The degree of each segment is different. The larger the velocity, the larger the degree of increase. This can show the speed from fast to slow until the stop.
下面一段代码是上一段代码的逆过程,每一次都velocity/75将速度转换为该次需要旋转的度数,并将该度数传给rotateButton函数,该函数将每一个设置项在原来度数的基础上增加或减少传入的度数,然后调用draw函数,重新绘制菜单,然后velocity/=1.0666F,速度变小,再重复如上步骤,直至velocity/75<3°。当mTappedView旋转到CenterItem的位置后,调用notifyRotateFinished(),通知InnerCircleLayout更新二级菜单为当前mTappedView的二级菜单,点击事件完毕。The following piece of code is the inverse of the previous code. Each time, velocity/75 converts the velocity to the degree of rotation that needs to be rotated, and passes the degree to the rotateButton function, which sets each setting item on the basis of the original degree. Increase or decrease the incoming degree, then call the draw function, redraw the menu, then velocity/=1.0666F, the speed becomes smaller, and repeat the above steps until velocity/75<3°. When mTappedView is rotated to the position of CenterItem, notifyRotateFinished() is called to notify InnerCircleLayout to update the secondary menu to the secondary menu of the current mTappedView, and the click event is completed.
if(Math.abs(velocity)>5&&allowRotating){If(Math.abs(velocity)>5&&allowRotating){
if(rotateToCenter){If(rotateToCenter){
if(!(Math.abs(velocity)<200&&(Math.abs(angleIf(!(Math.abs(velocity)<200&&(Math.abs(angle
-firstChildPos)%angleDelay<2))){-firstChildPos)%angleDelay<2))){
rotateButtons(velocity/75);rotateButtons(velocity/75);
velocity/=1.0666F;Velocity/=1.0666F;
CircleLayout.this.post(this);CircleLayout.this.post(this);
}else{//hongqi }else{//hongqi
notifyRotateFinished();notifyRotateFinished();
}}
}else{}else{
rotateButtons(velocity/75);rotateButtons(velocity/75);
velocity/=1.0666F;Velocity/=1.0666F;
CircleLayout.this.post(this);CircleLayout.this.post(this);
}}
}}
请参阅图6,是本发明菜单的显示方法通过滑动外环确定操作信号指示的设置项的设置界面示意图。下面介绍滑动外环的操作。该操作主要是通过手指滑动旋转外环,该过程包括释放手指前和释放手指后两个部分:Please refer to FIG. 6 , which is a schematic diagram of a setting interface of a display item of the menu of the present invention for determining an operation item indicated by an operation signal by sliding an outer ring. The operation of sliding the outer ring is described below. This operation is mainly to rotate the outer ring by sliding the finger, the process includes releasing the front part of the finger and releasing the two parts of the finger:
释放手指前,在onTouchEvent函数中做如下处理:Before releasing your finger, do the following in the onTouchEvent function:
case MotionEvent.ACTION_MOVE:Case MotionEvent.ACTION_MOVE:
double currentAngle=getAngle(event.getX(),event.getY());Double currentAngle=getAngle(event.getX(), event.getY());
rotateButtons((float)(startAngle-currentAngle));rotateButtons((float)(startAngle-currentAngle));
startAngle=currentAngle;startAngle=currentAngle;
break;Break;
在函数getAngle中通过公式Math.asin(y/Math.hypot(x,y))*180/Math.PI,计算出当前手指滑动的坐标x和y相对于圆心的角度,然后直接调用rotateButtons函数按手指移动的角度重绘CircleLayout,这样就完成了手指滑动过程中的动画。In the function getAngle, through the formula Math.asin(y/Math.hypot(x,y))*180/Math.PI, calculate the angle of the current finger sliding coordinates x and y with respect to the center of the circle, and then directly call the rotateButtons function. The angle of the finger movement redraws the CircleLayout, which completes the animation during the finger swipe.
释放手指后,如果手指在CircleLayout上滑动的速度快,程序则计算手指释放时的速度,然后将该速度转换成CircleLayout旋转的初始速度velocity,然后进入velocity的递减的重绘线程,如果velocity足够大时,CircleLayout有可能 会旋转很多圈,当velocity减到0时,最下面的设置项没有对准CenterItem位置,则需要将离CenterItem最近的设置项再一次的移动到CenterItem的位置,然后通知InnerCircleLayout更新二级菜单,滑动事件完毕。After releasing the finger, if the finger slides faster on the CircleLayout, the program calculates the speed at which the finger is released, then converts the speed to the initial velocity of the CircleLayout rotation, and then enters the decreasing redraw thread of velocity, if the velocity is large enough When CircleLayout is possible It will rotate a lot of circles. When the velocity is reduced to 0, the bottom setting item is not aligned with the CenterItem position. Then you need to move the setting item closest to the CenterItem to the CenterItem position again, and then notify InnerCircleLayout to update the secondary menu. The event is over.
二级菜单对应的是一级菜单中处于设置状态的项的二级菜单。当CircleLayout的Layout发生变化时,其notifyRotateFinished会被调用,这个函数通知InnerCircleLayout当前处于设置状态的项,并传入该项对应的ListPreference;InnerCircleLayout获取ListPreference中的mEntries值,例如mEntries={auto,100,200,400,800,1600},InnerCircleLayout将这几个值分别作为TextView的显示内容,同时将这些值的位置ID(如auto的位置ID为0、“1600”的位置ID为5)设入TextView,共六个TextView,然后将TextView绘制到InnerCircleLayout上,具体的绘制过程上文已描述过,这里不再赘述。The secondary menu corresponds to the secondary menu of the item in the first level menu that is in the set state. When the layout of the CircleLayout changes, its notifyRotateFinished will be called. This function notifies the InnerCircleLayout that the item is currently set, and passes the corresponding ListPreference; the InnerCircleLayout gets the mEntries value in the ListPreference, for example, mEntries={auto,100, 200,400,800,1600}, InnerCircleLayout will use these values as the display content of the TextView, and set the position ID of these values (such as the position ID of auto to 0 and the position ID of "1600" to 5) to the TextView. A total of six TextView, and then draw the TextView onto the InnerCircleLayout. The specific drawing process has been described above and will not be described here.
二级菜单被选择的子项处于高亮状态。二级菜单的子项的选中有两种方式,一是单指旋转圆形按钮使其指向对应的值,如果圆形按钮指针没有指向值然后手指松开,此时旋转按钮自动转到距离最近的值的位置;二是直接点击对应的值,此时圆形按钮会自动旋转到对应值的位置。The selected item of the secondary menu is highlighted. There are two ways to select the sub-menu of the second-level menu. One is to rotate the circular button to point to the corresponding value. If the circular button pointer does not point to the value and then the finger is released, the rotary button automatically switches to the nearest distance. The position of the value; the second is to directly click the corresponding value, then the circular button will automatically rotate to the position of the corresponding value.
点击设置值是指,在内环中直接点击菜单上的值,使该值处于选择状态。当某个TextView被点击时,获取该TextView对应的位置ID值,然后回调Camera的设置函数,将对应的ID值回传,以完成设置。Clicking on the setting value means that the value on the menu is directly clicked in the inner ring to make the value in the selected state. When a TextView is clicked, the position ID value corresponding to the TextView is obtained, and then the Camera setting function is called back, and the corresponding ID value is returned to complete the setting.
旋转圆盘旋钮指向设置值,这种方式是通过滑动InnerCircleLayout上的RotateView来完成。Rotate the disc knob to point to the set value by sliding the RotateView on the InnerCircleLayout.
请参阅图7,是本发明菜单的显示方法通过旋转圆盘旋钮确定操作信号指示的设置项的设置界面示意图。滑动RotateView的实现:当手指点击RotateView时,以RotateView的中心为圆心,通过反正切函数,计算出点击的点在圆中的度数,记为currentdegree,手指开始滑动后,手指点击的坐标开始变化,每更新一次坐标就计算出对应的degree,用degree-currentdegree就能得出当前滑动的度 数增量,用该增量去旋转RotateView并重绘,就完成了一次滑动,如果连续的滑动,RotateView就会一直跟随着手指,整个过程就形成了滑动旋钮RotateView的效果。当释放手指时,将旋钮当前的degree转换成设置值的索引值。转换的方法是:rotateView根据可选设置值的数目计算出每一个可选设置值在圆中的弧度,如mEntries={auto,100,200,400,800,1600}时,有六个可选设置值,则auto的度数为0°,依次的,100的为60°、200的为120°、400的为180°、800的为240°、1600的为300°。如果手指释放时,RotateView的degree为289°,可知289°在‘800’和‘1600’之间,但289°更接近‘1600’,所以转换后的位置ID是5,而此时RotateView的指针并没有指向‘1600’,需要将RotateView再旋转11°,然后同点击设置一样,回调Camera的设置函数,将对应的ID值回传,以完成设置。Please refer to FIG. 7 , which is a schematic diagram of a setting interface of a menu for determining a setting indication of an operation signal by rotating a disk knob. The implementation of sliding RotateView: When the finger clicks on the RotateView, the center of the RotateView is taken as the center, and the degree of the clicked point in the circle is calculated by the arctangent function, which is recorded as currentdegree. After the finger starts to slide, the coordinates of the finger click start to change. The degree of the corresponding degree is calculated every time the coordinates are updated, and the degree of the current slip can be obtained with the degree-currentdegree. The number increment, using this increment to rotate the RotateView and redraw, completes a slide. If it slides continuously, the RotateView will follow the finger all the time, and the whole process forms the effect of the slide knob RotateView. When the finger is released, the current degree of the knob is converted to the index value of the set value. The conversion method is: rotateView calculates the arc of each optional setting value in the circle according to the number of optional setting values. For example, when mEntries={auto, 100, 200, 400, 800, 1600}, there are six options. When the value is set, the degree of auto is 0°, and in order, 100 is 60°, 200 is 120°, 400 is 180°, 800 is 240°, and 1600 is 300°. If the degree of RotateView is 289° when the finger is released, it can be seen that 289° is between '800' and '1600', but 289° is closer to '1600', so the converted position ID is 5, and the pointer of RotateView at this time. Does not point to '1600', you need to rotate the RotateView 11°, and then click the same as the click setting, callback Camera's setting function, and return the corresponding ID value to complete the setting.
本发明还提供了一种显示装置,请参阅图8,是本发明显示装置的模块图。该显示装置包括:接收模块400和显示模块401。The present invention also provides a display device, please refer to FIG. 8, which is a block diagram of the display device of the present invention. The display device includes a receiving module 400 and a display module 401.
接收模块400用于接收用于启用菜单的启用信号。显示模块401与接收模块400连接,用于呈环状显示菜单,菜单包括至少一个圆环,每个圆环用于显示一级菜单的设置项;当一个设置项被选中时,若被选中的设置项具有下一级菜单,则下一级菜单呈圆环状显示,且下一级菜单的圆环与其上一级菜单的圆环相互嵌套。The receiving module 400 is configured to receive an enable signal for enabling the menu. The display module 401 is connected to the receiving module 400 for displaying the menu in a ring shape, the menu includes at least one ring, each ring is used to display a setting item of the first level menu; when a setting item is selected, if selected When the setting item has the next level menu, the next level menu is displayed in a ring shape, and the ring of the next level menu and the ring of the previous menu are nested with each other.
在另一个实施例中,该显示装置还包括定位模块410和第一判定模块411,如图9所示。定位模块410用于将圆环上的一位置预设为选定位置。判断模块用于判断操作信号指示的设置项是否具有下一级菜单。第一判定模块与定位模块连接,用于将通过点击、滑动圆环中的至少一种操作将要选择的设置项转到选定位置判定为选中的设置项。In another embodiment, the display device further includes a positioning module 410 and a first determining module 411, as shown in FIG. The positioning module 410 is configured to preset a position on the ring to a selected position. The judging module is configured to judge whether the setting item indicated by the operation signal has a next level menu. The first determining module is connected to the positioning module, and is configured to determine that the setting item to be selected is selected to be the selected setting item by at least one of clicking and sliding the ring.
具体地,该显示装置还包括用于在用户点击设置项时,将被点击的设置项自动旋转到选定位置的自动旋转模块412和用于在用户进行滑动圆环的操作时, 根据用户的操作控制圆环的滑动控制模块413。Specifically, the display device further includes an automatic rotation module 412 for automatically rotating the clicked setting item to the selected position when the user clicks on the setting item, and for when the user performs the operation of sliding the ring, The slip control module 413 of the ring is controlled according to the user's operation.
此外,显示模块401还用于显示圆盘旋钮,圆盘旋钮位于圆环的中心。具体地,请参阅图10,该显示装置还包括旋转模块420和第二判定模块421,旋转模块420用于在用户进行旋转圆盘旋钮的操作时,根据用户的操作控制圆盘旋钮的旋转。第二判定模块421与旋转模块420连接,用于将旋转圆盘旋钮指向的设置项判定为选中的设置项。In addition, the display module 401 is also used to display a disc knob located at the center of the ring. Specifically, referring to FIG. 10, the display device further includes a rotation module 420 and a second determination module 421, and the rotation module 420 is configured to control the rotation of the disk knob according to a user's operation when the user performs the operation of rotating the disk knob. The second determining module 421 is connected to the rotating module 420, and is configured to determine a setting item pointed by the rotating disk knob as a selected setting item.
以上仅为本发明的实施方式,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本发明的专利保护范围内。 The above is only the embodiment of the present invention, and is not intended to limit the scope of the invention, and the equivalent structure or equivalent process transformation made by the specification and the drawings of the present invention may be directly or indirectly applied to other related technical fields. The same is included in the scope of patent protection of the present invention.

Claims (13)

  1. 一种菜单的显示方法,其中,包括:A method for displaying a menu, comprising:
    接收用于启用菜单的启用信号;Receiving an enable signal for enabling the menu;
    呈环状显示所述菜单,所述菜单包括至少一个同心环,每个所述同心环用于显示一级菜单的设置项;当一个所述设置项被选中时,若被选中的所述设置项具有下一级菜单,则所述下一级菜单呈同心环状显示,且所述下一级菜单的同心环与其上一级菜单的同心环相互嵌套;Displaying the menu in a ring shape, the menu including at least one concentric ring, each of the concentric rings being used to display a setting item of a first menu; when one of the setting items is selected, if the setting is selected The item has a next-level menu, and the next-level menu is displayed in a concentric ring shape, and the concentric rings of the next-level menu and the concentric rings of the upper-level menu thereof are nested with each other;
    在至少一级所述菜单所在的同心环上预设一位置作为选定位置,位于所述选定位置的设置项为被选中的设置项;至少一级预设了所述选定位置的菜单的所述设置项的选中方式包括通过点击、滑动同心环中的至少一种操作将要选择的所述设置项转到所述选定位置;以及,Presetting a position as a selected position on a concentric ring where at least one of the menus is located, the setting item at the selected position is a selected setting item; at least one level presetting the menu of the selected position The manner of selecting the setting item includes: transferring the setting item to be selected to the selected position by at least one of clicking and sliding a concentric ring; and
    所述同心环中心设有一圆盘旋钮,所述菜单的所述设置项的选中方式还包括:旋转所述圆盘旋钮使其指向所要选择的设置项。The center of the concentric ring is provided with a disc knob, and the setting manner of the setting item of the menu further includes: rotating the disc knob to point to a setting item to be selected.
  2. 根据权利要求1所述的显示方法,其中,当点击在所述设置项上时,所述被点击的设置项自动旋转到所述选定位置。The display method according to claim 1, wherein said clicked setting item is automatically rotated to said selected position when said clicking on said setting item.
  3. 根据权利要求1所述的显示方法,其中,当滑动同心环时,将要选择的设置项滑动至所述选定位置。The display method according to claim 1, wherein when the concentric ring is slid, the setting item to be selected is slid to the selected position.
  4. 一种菜单的显示方法,其中,包括:A method for displaying a menu, comprising:
    接收用于启用菜单的启用信号;Receiving an enable signal for enabling the menu;
    呈环状显示所述菜单,所述菜单包括至少一个同心环,每个所述同心环用于显示一级菜单的设置项;当一个所述设置项被选中时,若被选中的所述设置项具有下一级菜单,则所述下一级菜单呈同心环状显示,且所述下一级菜单的同心环与其上一级菜单的同心环相互嵌套。Displaying the menu in a ring shape, the menu including at least one concentric ring, each of the concentric rings being used to display a setting item of a first menu; when one of the setting items is selected, if the setting is selected The item has a next-level menu, and the next-level menu is displayed in a concentric ring shape, and the concentric rings of the next-level menu and the concentric rings of the upper-level menu are nested with each other.
  5. 根据权利要求4所述的显示方法,其中,在至少一级所述菜单所在的同心环上预设一位置作为选定位置,位于所述选定位置的设置项为被选中的设置项;The display method according to claim 4, wherein a position is preset as a selected position on a concentric ring where the menu is at least one level, and a setting item located at the selected position is a selected setting item;
    至少一级预设了所述选定位置的菜单的所述设置项的选中方式包括通过点击、滑动同心环中的至少一种操作将要选择的所述设置项转到所述选定位置。The manner of selecting the setting item of the menu of the selected position at least one level includes moving the setting item to be selected to the selected position by at least one of clicking and sliding a concentric ring.
  6. 根据权利要求5所述的显示方法,其中,当点击在所述设置项上时,所述 被点击的设置项自动旋转到所述选定位置。The display method according to claim 5, wherein when said clicking on said setting item, said The clicked setting item is automatically rotated to the selected position.
  7. 根据权利要求5所述的显示方法,其中,当滑动同心环时,将要选择的设置项滑动至所述选定位置。The display method according to claim 5, wherein when the concentric ring is slid, the setting item to be selected is slid to the selected position.
  8. 根据权利要求4所述的显示方法,其中,所述同心环中心设有一圆盘旋钮,所述菜单的所述设置项的选中方式还包括:旋转所述圆盘旋钮使其指向所要选择的设置项。The display method according to claim 4, wherein the center of the concentric ring is provided with a disk knob, and the setting of the setting item of the menu further comprises: rotating the disk knob to point to a setting to be selected. item.
  9. 一种显示装置,其中,包括:A display device, comprising:
    接收模块,用于接收用于启用菜单的启用信号;a receiving module, configured to receive an enable signal for enabling a menu;
    显示模块,与所述接收模块连接,用于呈环状显示菜单,所述菜单包括至少一个同心环,每个所述同心环用于显示一级菜单的设置项;当一个所述设置项被选中时,若被选中的所述设置项具有下一级菜单,则所述下一级菜单呈同心环状显示,且所述下一级菜单的同心环与其上一级菜单的同心环相互嵌套。a display module, connected to the receiving module, for displaying a menu in a ring shape, the menu comprising at least one concentric ring, each of the concentric rings being used to display a setting item of a first menu; when one of the setting items is When selected, if the selected item has the next level menu, the next level menu is displayed in a concentric ring shape, and the concentric rings of the next level menu are embedded with the concentric rings of the previous menu. set.
  10. 根据权利要求9所述的显示装置,其中,所述显示装置还包括:The display device according to claim 9, wherein the display device further comprises:
    定位模块,用于将所述同心环上的一位置预设为选定位置;a positioning module, configured to preset a position on the concentric ring to a selected position;
    第一判定模块,与所述定位模块连接,用于将通过点击、滑动同心环中的至少一种操作将要选择的所述设置项转到所述选定位置判定为选中的设置项。The first determining module is connected to the positioning module, and is configured to determine, by the at least one operation of clicking and sliding the concentric ring, the setting item to be selected to be the selected position to be the selected setting item.
  11. 根据权利要求10所述的显示装置,其中,所述显示装置还包括:The display device according to claim 10, wherein the display device further comprises:
    自动旋转模块,用于在用户点击所述设置项时,将所述被点击的设置项自动旋转到所述选定位置。An automatic rotation module for automatically rotating the clicked setting item to the selected position when the user clicks on the setting item.
  12. 根据权利要求10所述的显示装置,其中,所述显示装置还包括:The display device according to claim 10, wherein the display device further comprises:
    滑动控制模块,用于在用户进行滑动同心环的操作时,根据用户的操作控制所述同心环的滑动。The sliding control module is configured to control the sliding of the concentric ring according to a user operation when the user performs the operation of sliding the concentric ring.
  13. 根据权利要求9所述的显示装置,其中,所述显示模块还用于显示圆盘旋钮,所述圆盘旋钮位于所述同心环的中心;The display device according to claim 9, wherein the display module is further configured to display a disc knob, the disc knob being located at a center of the concentric ring;
    所述显示装置进一步包括:The display device further includes:
    旋转模块,用于在用户进行旋转圆盘旋钮的操作时,根据用户的操作控制所述圆盘旋钮的旋转;a rotation module, configured to control rotation of the disc knob according to a user operation when the user performs an operation of rotating the disc knob;
    第二判定模块,与所述旋转模块连接,用于将旋转圆盘旋钮指向的设置项判定为选中的设置项。 The second determining module is connected to the rotating module, and is configured to determine a setting item pointed by the rotating disk knob as the selected setting item.
PCT/CN2015/083582 2015-03-02 2015-07-08 Menu display method and display device WO2016138707A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201510093190.0A CN104750367A (en) 2015-03-02 2015-03-02 Menu display method and display device
CN201510093190.0 2015-03-02

Publications (1)

Publication Number Publication Date
WO2016138707A1 true WO2016138707A1 (en) 2016-09-09

Family

ID=53590149

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2015/083582 WO2016138707A1 (en) 2015-03-02 2015-07-08 Menu display method and display device

Country Status (2)

Country Link
CN (1) CN104750367A (en)
WO (1) WO2016138707A1 (en)

Families Citing this family (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104750367A (en) * 2015-03-02 2015-07-01 惠州Tcl移动通信有限公司 Menu display method and display device
CN105159561B (en) * 2015-09-06 2018-09-11 上海时年信息科技有限公司 The pivot controls and its application process realized based on Cocos2d-x
CN105426059B (en) * 2015-11-05 2018-10-16 现代城市环境服务(深圳)有限公司 The display methods and terminal of rotating disc type menu
CN105892854A (en) * 2016-03-30 2016-08-24 乐视控股(北京)有限公司 Photographing parameter menu loading method and device
CN106843721A (en) * 2016-12-26 2017-06-13 重庆仁腾科技有限公司 A kind of company information obtains methods of exhibiting, apparatus and system
CN107066251A (en) * 2017-01-22 2017-08-18 合网络技术(北京)有限公司 The generation method and device of control
CN107015755A (en) * 2017-03-30 2017-08-04 努比亚技术有限公司 The response method of mobile terminal and touch control operation
CN108108080B (en) * 2017-12-27 2021-10-15 深圳传音制造有限公司 Shortcut operation processing method and device and mobile terminal
CN108804196A (en) * 2018-06-15 2018-11-13 深圳超多维科技有限公司 Production method, device and the electronic equipment of multilevel menu
CN109903380B (en) * 2019-03-14 2023-05-23 广州世峰数字科技有限公司 Three-dimensional building model and information display interface layout system
CN111857454A (en) * 2019-12-25 2020-10-30 北京嘀嘀无限科技发展有限公司 Vehicle control method, device, equipment and computer readable storage medium
CN111625158B (en) * 2020-05-22 2022-05-20 京东方科技集团股份有限公司 Electronic interaction panel, menu display method and writing tool attribute control method
CN112835670B (en) * 2021-02-05 2023-09-01 范逸飞 Method for realizing turntable menu and storage medium thereof
CN112799562B (en) * 2021-02-07 2023-02-10 韩龚隆 Novel method for operating app or client system

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102331932A (en) * 2011-09-08 2012-01-25 北京像素软件科技股份有限公司 Method for realizing menu interface
CN103838472A (en) * 2014-02-28 2014-06-04 华南理工大学 Multilevel functional navigation menu formed by sector and concentric circle and working method of menu
CN104065816A (en) * 2014-06-16 2014-09-24 深圳市东信时代信息技术有限公司 Rotating disc type navigation menu device and implementing method thereof
US20140289678A1 (en) * 2006-05-18 2014-09-25 Ubiquity Broadcasting Corporation Sprocket Shaped User Interface for Navigating a Dynamic Collection of Information
CN104317487A (en) * 2014-11-12 2015-01-28 北京国双科技有限公司 Display method and display device of annular menu
CN104750367A (en) * 2015-03-02 2015-07-01 惠州Tcl移动通信有限公司 Menu display method and display device

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20140289678A1 (en) * 2006-05-18 2014-09-25 Ubiquity Broadcasting Corporation Sprocket Shaped User Interface for Navigating a Dynamic Collection of Information
CN102331932A (en) * 2011-09-08 2012-01-25 北京像素软件科技股份有限公司 Method for realizing menu interface
CN103838472A (en) * 2014-02-28 2014-06-04 华南理工大学 Multilevel functional navigation menu formed by sector and concentric circle and working method of menu
CN104065816A (en) * 2014-06-16 2014-09-24 深圳市东信时代信息技术有限公司 Rotating disc type navigation menu device and implementing method thereof
CN104317487A (en) * 2014-11-12 2015-01-28 北京国双科技有限公司 Display method and display device of annular menu
CN104750367A (en) * 2015-03-02 2015-07-01 惠州Tcl移动通信有限公司 Menu display method and display device

Also Published As

Publication number Publication date
CN104750367A (en) 2015-07-01

Similar Documents

Publication Publication Date Title
WO2016138707A1 (en) Menu display method and display device
US20210034233A1 (en) Devices, methods, and graphical user interfaces for providing multitouch inputs and hardware-based features using a single touch input
AU2022203512B2 (en) Application menu for video system
KR102275853B1 (en) User interfaces for managing controllable external devices
US20200372207A1 (en) Device, method, and graphical user interface for sharing a content object in a document
JP7033152B2 (en) User interface camera effect
JP6130072B2 (en) Method, apparatus, program, and recording medium for adjusting shooting parameters
US8654076B2 (en) Touch screen hover input handling
AU2012232047B2 (en) Mobile terminal and object change support method for the same
US20220382440A1 (en) User interfaces for managing media styles
US11360651B2 (en) Mobile communication system with charging station and circular user interface
US20160357358A1 (en) Device, Method, and Graphical User Interface for Manipulating Application Windows
US9703269B2 (en) Method and apparatus for setting snooze interval in mobile device
RU2637475C2 (en) Method and device for controlling page display
US20140165000A1 (en) Device, Method, and Graphical User Interface for Configuring and Implementing Restricted Interactions for Applications
EP2360902A2 (en) Method and apparatus for providing history of information associated to time information
JP6220076B2 (en) Delayed imaging method, apparatus, program, and recording medium
JP6426755B2 (en) Operation processing method, device, program, and recording medium
WO2019233313A1 (en) Floating tab display method and device, terminal, and storage medium
WO2022134637A1 (en) Application icon management method, terminal device and storage medium
WO2023005828A1 (en) Message display method and apparatus, and electronic device
CN111757004B (en) Shooting parameter adjusting method and device, mobile terminal and storage medium
WO2016008410A1 (en) Video play method and system
WO2014161297A1 (en) Screen area zooming processing method, device and terminal
WO2017139972A1 (en) Method and apparatus for operating a plurality of objects on pressure touch-control screen

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 15883764

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

32PN Ep: public notification in the ep bulletin as address of the adressee cannot be established

Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM 1205A DATED 02.02.2018)

122 Ep: pct application non-entry in european phase

Ref document number: 15883764

Country of ref document: EP

Kind code of ref document: A1