WO2018170795A1 - 图标选择界面的显示方法及装置 - Google Patents

图标选择界面的显示方法及装置 Download PDF

Info

Publication number
WO2018170795A1
WO2018170795A1 PCT/CN2017/077711 CN2017077711W WO2018170795A1 WO 2018170795 A1 WO2018170795 A1 WO 2018170795A1 CN 2017077711 W CN2017077711 W CN 2017077711W WO 2018170795 A1 WO2018170795 A1 WO 2018170795A1
Authority
WO
WIPO (PCT)
Prior art keywords
icon
selection interface
icons
icon selection
user
Prior art date
Application number
PCT/CN2017/077711
Other languages
English (en)
French (fr)
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 华为技术有限公司
Priority to PCT/CN2017/077711 priority Critical patent/WO2018170795A1/zh
Priority to CN201780049029.0A priority patent/CN109564499A/zh
Publication of WO2018170795A1 publication Critical patent/WO2018170795A1/zh

Links

Images

Definitions

  • the present application relates to computer technology, and in particular, to a display method and apparatus for an icon selection interface.
  • a VR device displays a grid matrix arrangement interface, and a grid matrix arrangement interface has a plurality of icons arranged, and each icon represents one icon.
  • a feature selection or a scenario The user can aim at the icon to be selected on the grid matrix arrangement interface through the head aiming or the handle to enter the function or scene represented by the icon to experience. Therefore, how important it is to indicate which icon is selected on the user interface of the terminal device is very important.
  • an icon is selected in the terminal device: one is to push the selected icon to the direction close to the user to indicate that the icon is selected; one is to highlight the border of the selected icon, and the other The unselected icon distinguishes to indicate that the icon is selected.
  • the selected representation mode is relatively mechanical, and the interaction and feedback with the user are lacking, resulting in weak user immersion and poor user experience.
  • the present application provides a display method and device for an icon selection interface to improve user immersion and enhance user experience.
  • the present application provides a method for displaying an icon selection interface, including: acquiring an icon selection instruction input by a user, wherein the icon selection instruction includes an identifier of the selected first icon; and changing the first icon according to the icon selection instruction The shape, wherein the shape of the changed first icon is different from the shape of the first icon when not selected.
  • the terminal device can acquire an icon selection instruction input by the user through various input devices.
  • the display method of the icon selection interface is implemented by changing the shape of the first icon selected by the user, and the display mode provided by the present application is convenient for the user to perceive that the icon is selected. , which increases the user's immersion and thus improves the user experience.
  • the icon selection instruction further includes location information of the first icon selected by the user, and changing the shape of the first icon includes: placing the location on the first icon corresponding to the location information The first icon within the preset range is enlarged and/or stretched.
  • the icon selection instruction further includes location information of the first icon selected by the user, and changing the shape of the first icon includes: determining a location center on the first icon corresponding to the location information Symmetrical position; shrinking and/or contracting the first icon within a centrally symmetrical position preset.
  • the first icon located within the preset position range on the first icon corresponding to the position information is enlarged and/or stretched, or is located within a centrally symmetrical position preset range.
  • First icon zoom out And/or shrinking the shape of the first icon is changed, and in the visual sense of the user, the user is perceived that the first icon is selected by causing the first icon to be stretched and/or contracted.
  • changing the shape of the first icon includes: displaying the first icon in a floating manner, and the angle between the floating first face of the icon and the face of the icon selection interface is greater than or Equal to zero degrees.
  • the angle between the surface of the first icon after the floating and the surface of the icon selection interface is greater than or equal to zero, so that the user perceives that the first icon is Checked.
  • the icon selection instruction further includes location information of the first icon selected by the user; the first distance between the floating first icon and the icon selection interface is greater than the second distance; The first distance is the distance between the position corresponding to the position information on the first icon after the floating display and the face of the icon selection interface; the second distance is the position and icon selection of the position center corresponding to the position information on the first icon The distance between the faces of the interface.
  • the distance between the position corresponding to the position information and the center point of the floating first icon is reduced, and the angle of the angle is reduced.
  • the angle between the position corresponding to the position information and the center point of the first icon after the floating increases, and the angle of the angle increases.
  • the angle of the angle is proportional to the distance between the position corresponding to the position information and the center point of the first icon after the floating, and the angle of the angle is changed according to the position corresponding to the position information. Changes have further increased interaction and feedback with users.
  • the icon selection interface includes a plurality of icons; the sizes of the plurality of icons are the same; or the preset number of icons of the plurality of icons are the same size; or, the plurality of icons The sizes are different.
  • the preset number of icons in the plurality of icons is a circle, and the remaining icons are rectangles; the arrangement of the plurality of icons is a grid, a spiral, or a user-defined pre- Set the shape.
  • the method further includes: morphing the first icon corresponding to the identifier of the first icon included in the icon selection instruction.
  • the face of the icon selection interface is a plane or a surface; when the face of the icon selection interface is a plane, the surface of the first icon after the floating is a plane; when the face of the icon selection interface is When the surface is curved, the surface of the first icon after the float is the surface.
  • This implementation makes the display method of the icon selection interface applicable to a terminal device whose display screen is curved or flat.
  • acquiring an icon selection instruction input by the user includes: acquiring, by the sensor, an icon selection instruction input by the user.
  • the senor is one or a combination of the following sensors: a camera sensor; an infrared sensor; an acoustic wave sensor; a gravity sensor; a pressure sensor; an acceleration sensor;
  • the application provides a display device for an icon selection interface, including: an acquisition module, configured to acquire An icon input instruction input by the user, wherein the icon selection instruction includes an identifier of the selected first icon; the change module is configured to change the shape of the first icon according to the icon selection instruction, wherein the shape of the changed first icon is The shape of the first icon when it is not selected is different.
  • the icon selection instruction further includes location information of the first icon selected by the user, and the changing module is specifically configured to: preset the location of the location on the first icon corresponding to the location information The first icon inside is enlarged and/or stretched.
  • the icon selection instruction further includes location information of the first icon selected by the user, and the changing module is specifically configured to: determine a position symmetrically located on the first icon corresponding to the location information. ; shrinking and/or contracting the first icon within a pre-set range of central symmetry.
  • the changing module is specifically configured to: display the first icon in a floating manner, and the angle between the surface of the floating first icon and the face of the icon selection interface is greater than or equal to zero degrees.
  • the icon selection instruction further includes location information of the first icon selected by the user; the first distance between the floating first icon and the icon selection interface is greater than the second distance; The first distance is the distance between the position corresponding to the position information on the first icon after the floating display and the face of the icon selection interface; the second distance is the position and icon selection of the position center corresponding to the position information on the first icon The distance between the faces of the interface.
  • the distance between the position corresponding to the position information and the center point of the floating first icon is reduced, and the angle of the angle is reduced.
  • the angle between the position corresponding to the position information and the center point of the first icon after the floating increases, and the angle of the angle increases.
  • the icon selection interface includes multiple icons; the sizes of the multiple icons are the same; or the preset number of icons in the multiple icons are the same size; or, The sizes are different.
  • the preset number of icons in the plurality of icons is a circle, and the remaining icons are rectangles; the arrangement of the plurality of icons is a grid shape, a spiral shape, or a user-defined pre- Set the shape.
  • the change module is further configured to: wavy the first icon corresponding to the identifier of the first icon included in the icon selection instruction.
  • the face of the icon selection interface is a plane or a surface; when the face of the icon selection interface is a plane, the face of the first icon after the floating is a plane; when the face of the icon selection interface is When the surface is curved, the surface of the first icon after the float is the surface.
  • the obtaining module is specifically configured to: acquire an icon selection instruction input by the user by using the sensor.
  • the senor is one or a combination of the following sensors: a camera sensor; an infrared sensor; an acoustic wave sensor; a gravity sensor; a pressure sensor; an acceleration sensor;
  • the present application provides a readable storage medium, including execution instructions, when the at least one processor of the display device of the icon selection interface executes the execution instruction, the display device of the icon selection interface is configured to execute the first aspect or A method of displaying an icon selection interface in any of the possible designs of the first aspect.
  • the application provides a program product, the program product comprising an execution instruction, the execution instruction being stored in a computer readable storage medium.
  • At least one processor of the display device of the icon selection interface can be readable
  • the storage medium reads the computer execution instructions, and the at least one processor executes the execution instructions such that the display device of the icon selection interface implements the display method of the icon selection interface provided by the first aspect or various embodiments of the first aspect.
  • FIG. 1A is a schematic diagram showing an icon selected in an icon selection interface in the prior art
  • FIG. 1B is a schematic diagram showing another icon in an icon selection interface in the prior art
  • FIG. 2 is a schematic flowchart of an embodiment of a method for displaying an icon selection interface provided by the present application
  • FIG. 3A is a schematic diagram of an icon selection interface provided by the present application.
  • FIG. 3B is a schematic diagram of another icon selection interface provided by the present application.
  • FIG. 3C is a schematic diagram of still another icon selection interface provided by the present application.
  • FIG. 4A is a top plan view of the first icon after floating in the embodiment shown in FIG. 2;
  • 4B is a front view of the first icon after floating in the embodiment shown in FIG. 2;
  • 5A is a top plan view showing a dynamic process of floating a first icon after the aiming point has just fallen into the selected area of the first icon in the embodiment shown in FIG. 2;
  • 5B is a plan view showing a process of restoring the dynamics of the first icon after the aiming point leaves the selected area of the first icon in the embodiment shown in FIG. 2;
  • FIG. 6 is a schematic diagram showing the change of the angle between the first icon and the face of the icon selection interface when the aiming point is located at different positions of the first icon in the embodiment shown in FIG. 2;
  • Figure 7 is a plan view showing a display process of a plurality of icons in the embodiment shown in Figure 2;
  • Figure 8 is a front elevational view showing the display process of an icon in the embodiment shown in Figure 2;
  • FIG. 9 is a schematic structural diagram of Embodiment 1 of a display device for an icon selection interface provided by the present application.
  • FIG. 10 is a schematic structural diagram of Embodiment 2 of a display device for an icon selection interface provided by the present application.
  • the display method of the icon selection interface provided by the present application is applied to the terminal device.
  • the terminal device involved in the present application may be a plurality of terminal devices having display devices such as a VR device, a mobile phone, a personal computer (PC), a tablet computer, a smart wearable device, and an in-vehicle terminal.
  • the icon selection interface in the present application refers to any interface in the terminal device that allows the user to select the displayed icon.
  • the icons may be arranged in a grid or may be arranged in a certain trajectory, for example, in a spiral shape.
  • the icon in the icon selection interface of the present application may be a rectangle, a circle, a triangle, a hexagon, or the like.
  • the shape and size of all icons in the interface may be completely identical, for example, all icons are squares of 3 cm*3 cm.
  • the shape and size of the icons in the interface may also be different, for example, a part of the icon is a square of 3 cm * 3 cm, and the other part of the icon is a circle having a radius of 2 cm.
  • the VR device in the present application may be an integrated head-mounted display device, an external mobile head-mounted display device, and a personal computer (PC) end-mounted device.
  • the integrated head-mounted display device has a central processing unit (CPU), input and output display functions, can experience VR scene without other input and output devices; external mobile head-mounted display device needs to be put into the mobile phone To experience VR scenes; PC-side headsets need to be connected to a PC to experience VR scenes.
  • VR device A grid matrix layout interface is displayed, for example, a list interface, and the user can select an icon on the grid matrix layout interface to enter its corresponding function or scene.
  • FIG. 1A is a schematic diagram showing an icon in an icon selection interface selected in the prior art. As shown in FIG. 1A, the icon selection interface is a grid matrix arrangement interface, in which the icon 1 is flattened toward the user when the aiming point generated by the head-mounted sensor or the handle sensor selects the icon 1.
  • FIG. 1B is a schematic diagram showing another icon in an icon selection interface in the prior art. As shown in FIG. 1B, when the aiming point selects the icon 2, the icon 2 is displayed in a highlighted manner to indicate that the icon 2 is selected. However, in the above manner, the user's immersion is weak and the experience is poor.
  • the method for displaying the icon selection interface obtains the position of the aiming point on the icon selection interface, and when the position of the aiming point falls within the selected area of the first icon in the icon selection interface, the first icon is displayed floating, And the angle between the surface of the first icon after floating and the face of the icon selection interface is greater than zero degree, and when the first icon is selected by the aiming point, in addition to floating the first icon, the floating An icon is located at an angle greater than or equal to zero between the face of the icon and the icon selection interface.
  • the display mode provided by the present application is convenient for the user to perceive that the icon is selected, compared to the manner in which the icon is selected. Increased user immersion and thus improved user experience.
  • FIG. 2 is a schematic flowchart diagram of an embodiment of a method for displaying an icon selection interface provided by the present application. As shown in FIG. 2, the method for displaying the icon selection interface provided by the present application includes the following steps:
  • the aiming point in the present application is a cursor generated by an input device of the terminal device.
  • the input device is a mouse
  • the input device is a touch screen, a touch screen supporting a pressure touch or a touch screen supporting a floating touch
  • the terminal device is a VR device
  • the input device is a head mounted sensor or a handle sensor.
  • the aiming point may be visible or invisible on the icon selection interface of the terminal device.
  • the aiming point is a cursor generated by the mouse, and the user can see the cursor, that is, the aiming point is visible; when the terminal device is a VR device, the cursor generated by the sensor does not need to be visible to the user. The way is shown, at this point, the aiming point is invisible.
  • the display form of the aiming point on the icon selection interface may be displayed in the shape of a dot or displayed in a preset shape or the like.
  • the icon selection interface in the application may be a main menu interface on the mobile phone, an interface on a mobile phone that opens a folder located on the main menu interface, or a desktop on a PC.
  • FIG. 3A is a schematic diagram of an icon selection interface provided by the present application.
  • the arrangement manners of icon 1, icon 2, icon 3, icon 4, icon 5, and icon 6 are arranged in a grid matrix manner.
  • the shapes of the icon 1, the icon 3, and the icon 5 are rectangular, and the shapes of the icon 2, the icon 4, and the icon 6 are circular.
  • the icons 1, 3, and 5 shown in FIG. 3A have the same size, and the icons 2, 4, and 6 have the same size. It can be understood that, in FIG. 3A, the size of the icon 1, the icon 3, and the icon 5 may be different, or any two of them may be the same; the size of the icon 2, the icon 4, and the icon 6 may be different, or may be different.
  • FIG. 3B is a schematic diagram of another icon selection interface provided by the present application. As shown in FIG. 3B, in the icon selection interface, the arrangement of the icon 1, the icon 2, the icon 3, the icon 4, the icon 5, the icon 6, the icon 7, the icon 8, and the icon 9 is spiral. The 9 icons are all round. The area of icon 1 is the largest, the area of icon 2 is second, and so on, the area of icon 9 is the smallest. It can be understood that in FIG. 3B, the shapes of the nine icons may also be different, or several of them may be the same.
  • FIG. 3C is a schematic diagram of still another icon selection interface provided by the present application.
  • the In the icon selection interface the arrangement of the icon 1, the icon 2, the icon 3, the icon 4, the icon 5, the icon 6, the icon 7, the icon 8, the icon 9, the icon 10, the icon 11, and the icon 12 is a heart shape.
  • the 10 icons are all rectangles, and the 12 icons are all different in size.
  • the icon selection interface is a grid matrix arrangement interface of the VR device.
  • the position of the aiming point on the grid matrix arrangement interface can be controlled by the user through the sensor.
  • the sensor here may be a camera sensor, an infrared sensor, an acoustic wave sensor, a gravity sensor, a pressure sensor, an acceleration sensor, or a Hall sensor.
  • the user can change the position of the aiming point on the interface according to his own needs.
  • the head-mounted sensor can monitor the user's head turning motion and acquire the user's angle of view, thereby changing the position of the aiming point on the interface according to the user's perspective.
  • the handle sensor can track the user's operating position through spatial positioning and gravity sensing, thereby changing the position of the aiming point on the interface according to the user's operating position.
  • the grid matrix arrangement interface in the present application refers to an interface showing a plurality of icons in the form of a grid matrix. For example, 8 icons are shown in the form of 2*4, and the two lines of icons may be displayed with the first line icon and the second line icon aligned up and down, or the first line icon and the second line icon may not be aligned up and down. display.
  • the grid matrix arrangement interface involved in the present application refers to an arrangement of icons in a grid matrix arrangement.
  • the interface may be an option interface, so that the user selects a function corresponding to the icon, or may be an initial list interface, so that the user selects a scene corresponding to the icon to experience.
  • the user can control an icon in the aiming point selection icon selection interface to select the icon to enter the function corresponding to the icon or the scene represented by the icon.
  • the icon may be selected by blinking, voice control, touching the display screen, pressing a physical button, or staying on the icon for more than a preset duration.
  • the function corresponding to the icon may be to open the application represented by the icon or enter the function indicated by the icon.
  • the terminal device can obtain the location of the aiming point on the icon selection interface by calling an application programming interface (API).
  • API application programming interface
  • the API encapsulates the position parameter of the aiming point, and the terminal device can obtain the position of the aiming point by calling the API.
  • the terminal device may determine the position of the aiming point on the icon selection interface by using a mapping table of the parameters acquired by the sensor and the position of the aiming point and the parameters acquired by the current sensor. Specifically, the terminal device stores a mapping table of the parameters acquired by the sensor and the position of the aiming point, that is, the sensor acquires different parameters corresponding to different aiming point positions, and then searches the mapping table for the aiming point corresponding to the parameter acquired by the current sensor. The position of the aiming point can be obtained.
  • the parameters acquired by the current sensor refer to the parameters when the user operates the sensor.
  • the position of the aiming point can be moved between the icons of the icon selection interface.
  • it falls within the selection area of an icon it means that the icon is selected.
  • the selected icon is referred to as a first icon.
  • the selection area of the icon means that when the aiming point is located in the area, it indicates that the icon is selected by the aiming point.
  • the selected area of the first icon includes an area within the first icon boundary.
  • the first icon boundary represents the upper, lower, left, and right boundaries of the first icon.
  • the first icon boundary represents the circumference of the first icon.
  • the first icon boundary represents each side of the first icon.
  • the area within the boundary of the first icon includes the area on the boundary.
  • the selected area of the first icon includes: an area within the first icon boundary and an area of the preset range outside the first icon boundary. In this implementation, the selected area of the first icon extends outwardly by a predetermined range compared to the first implementation.
  • the terminal device may change the shape of the first icon such that the shape of the changed first icon is different from the shape of the first icon that is not selected by the aiming point.
  • the shape of the changed first icon may further be different from the shape of the icon other than the first icon on the icon selection interface. More specifically, changing the shape of the first icon may be simultaneously stretching and enlarging, stretching, or enlarging the first icon.
  • the change made by the terminal device to the shape of the selected first icon is reflected by the user that the shape of the first icon is deformed after being selected.
  • the first icon that is not selected is a rectangle
  • the first icon after changing the shape may be a quadrilateral whose inner angle is not 90°.
  • changing the shape of the first icon may be: displaying the first icon in a floating manner, and the face and the icon of the first icon after the floating
  • the angle between the faces of the selection interface is greater than or equal to zero.
  • the floating display in the present application means that the first icon is moved toward the user, and the first icon is tilted during the transition, or the first icon is pushed flat toward the user, thereby making the first An angle greater than or equal to zero is formed between the face of the icon and the face of the icon selection interface.
  • the face of the icon selection interface may be a plane or a curved surface depending on the form of the display screen of the terminal device.
  • the surface of the icon selection interface is a plane; when the display screen of the terminal device is a curved display screen, the surface of the icon selection interface is a surface adapted to the shape of the display screen.
  • the face of the first icon is adapted to the shape of the face on which the icon selection interface is located.
  • the icon moves along the Z-axis direction, and tilts the plane of the first icon to form an angle greater than zero degrees with the XY plane, or moves the first icon along the Z-axis direction to form a clip equal to zero degrees with the XY plane.
  • angle The angle between the face of the floating first icon and the face of the icon selection interface is greater than zero or equal to zero, depending on the position of the aiming point falling into the selected area of the first icon.
  • the angle between the surface of the first icon after the floating and the face of the icon selection interface is equal to zero degrees.
  • the clip between the face of the floating first icon and the face of the icon selection interface The angle is greater than zero degrees.
  • the face where the icon selection interface is located is the face where the display screen of the terminal device is located.
  • the face where the first icon is not floating is also the face where the terminal device display is located.
  • the surface of the first icon after the floating is a virtual plane, and the virtual plane has an angle greater than or equal to zero degrees with the surface of the display screen of the terminal device. That is, when the position of the aiming point falls within the selection area of the first icon in the icon selection interface, the first icon is displayed in a floating manner, and the angle between the surface of the floating first icon and the face of the icon selection interface is The process of greater than or equal to zero degrees is a virtual process. In the visual sense, the user can feel the first icon floating display, and the angle between the face where the icon floats and the face of the icon selection interface is greater than or equal to zero. Degree does not mean that there are such two faces inside the terminal device.
  • the terminal device may enter a function corresponding to the icon after the floating display preset duration, or may be a function corresponding to the icon after the first icon is flipped, or may be the first icon.
  • a corresponding function selection can be set on the screen, for example, deleting a button, etc., and the first icon can be uncovered in a preset animation form, for example, the first icon is opened in the form of a grid animation. Enter the function indicated by the icon.
  • the selection manner performed by the terminal device may be only affecting the first icon, or other icons located within the preset range of the first icon, for example, making other icons located around the first icon. Icon produces a preset shape As the icon is closer to the first icon, the deformation of the icon is smaller, and the icon is farther away from the first icon.
  • the first distance between the floating first icon and the icon selection interface is greater than or equal to the second distance.
  • the first distance is a distance between a position where the aiming point on the first icon after the floating display is located and a face where the icon selection interface is located;
  • the second distance is a position and icon selection that is symmetric with the center of the aiming point on the first icon
  • 4A is a top plan view of the first icon after floating in the embodiment of FIG. 2.
  • 4B is a front elevational view of the first icon after floating in the embodiment of FIG. 2. Referring to FIG. 4A and FIG.
  • the first distance 31 is the distance between the position where the aiming point 33 is located on the first icon 37 and the face 35 of the icon selection interface
  • the second distance 32 is the first icon 37 and the aiming point.
  • 33 The distance between the position 34 where the center of the position is symmetrical and the face 35 where the icon selection interface is located.
  • the position and the peripheral area of the position are advanced by a larger distance toward the user, and the position of the first icon that is symmetric with the center of the aiming point and the position
  • the peripheral area of the position advances a smaller distance in the direction of the user. It can be understood that the smaller distance can also be zero distance.
  • the first icon selection interface and the first icon 37 are both planar. It can be understood that the face of the icon selection interface and the first icon 37 can both be curved surfaces. It should be noted that when the aiming point falls into the center point of the first icon, at this time, the first distance and the second distance are the same distance, that is, when the aiming point falls into the center point of the first icon, The angle between the first icon and the face of the icon selection interface is equal to zero degrees.
  • the aiming point can fall into the selected area of the first icon from any direction.
  • the direction of the angle between the surface of the floating first icon and the face of the icon selection interface is based on when the first distance is greater than the second distance and the aiming point falls into the selected area of the first icon from different directions and remains stationary. different.
  • the aiming point falls from the top into the selection area of the first icon and remains stationary, it can be understood that the distance between the upper position of the floating first icon and the face of the icon selection interface is greater than the floating first icon.
  • the angle between the lower position and the face of the icon selection interface is an upward angle; when the aiming point falls from the left into the selected area of the first icon and remains stationary, the angle is one The angle to the left; when the aiming point falls from the right side into the selected area of the first icon and remains stationary, the angle is a right angle; when the aiming point falls from below into the selected area of the first icon and When left still, the angle is a downward angle.
  • the size of the angle is related to the position of the aiming point on the first icon.
  • the angle of the angle is reduced.
  • the angle is smaller and smaller;
  • the angle is the smallest;
  • the angle is larger and larger until the aiming point reaches the right border, the angle maximum.
  • 5A is a top plan view of the dynamic process of floating the first icon after the aiming point has just fallen into the selected area of the first icon in the embodiment of FIG. 2. As shown in FIG. 5A, FIG. a shows a selection area where the aiming point has just fallen into the first icon, and FIG.
  • Figure b shows between the face where the first icon is located and the face where the icon selection interface is located by tilting the first icon.
  • Figure c shows that the first icon after changing the angle is advanced toward the user
  • Figure d shows the position of the aiming point on the first icon and the icon selection interface.
  • the distance between the faces is the preset maximum distance L.
  • Another implementation manner is: after monitoring that the aiming point falls within the selected area of the first icon, pushing the first icon toward the user until the position of the aiming point on the first icon and the icon selection interface are located.
  • the distance between the two is a preset distance.
  • One implementation manner is: after monitoring that the aiming point is not in the selected area of the first icon, the angle between the surface of the first icon after the floating and the face of the icon selection interface is changed to zero degree, and then the first The icon is pushed flat away from the user until it is on the icon selection interface.
  • FIG. 5B is a top plan view of the process of restoring the dynamics of the first icon after the aiming point leaves the selected area of the first icon in the embodiment of FIG. 2.
  • FIG. e shows a selected area in which the aiming point is about to leave the first icon is monitored
  • FIG. 15 shows that the first icon after the floating is pushed in a direction away from the user
  • FIG. The first icon is pushed flat on the icon selection interface
  • the figure h shows that the angle between the face where the first icon is located and the face where the icon selection interface is located becomes zero degrees.
  • FIG. 6 is a schematic diagram showing the change of the angle between the first icon and the face of the icon selection interface when the aiming point is located at different positions of the first icon in the embodiment shown in FIG. 2 .
  • the first icon is a rectangle as an example.
  • the floating first icon 61 and the icon selection interface face 62 are sandwiched.
  • the angle ⁇ is the largest.
  • the angle between the first icon 61 after the floating and the face 62 of the icon selection interface gradually decreases.
  • the angle between the first icon 61 after the floating and the face 62 of the icon selection interface is zero degrees.
  • the angle between the floating first icon 61 and the face 62 of the icon selection interface gradually increases.
  • the angle between the first icon 61 after the floating and the face 62 of the icon selection interface is the largest.
  • Figure 7 is a top plan view of a display process of a plurality of icons in the embodiment of Figure 2. As shown in FIG. 7 , when a plurality of icons are arranged on one line in the icon selection interface, the display method of the icon selection interface according to the present application may have a wave-like effect when the plurality of icons are sequentially swept from left to right.
  • Figure 8 is a front elevational view showing the display process of an icon in the embodiment shown in Figure 2. As shown in FIG. 8, it shows a schematic diagram of the manner in which the first icon is displayed when the aiming point is at a different position of the first icon.
  • the method for displaying the icon selection interface obtains the position of the aiming point on the icon selection interface, and when the position of the aiming point falls within the selected area of the first icon in the icon selection interface, the first icon is displayed floating, And The angle between the surface of the first icon after floating and the face of the icon selection interface is greater than or equal to zero degree, and when the first icon is selected by the aiming point, in addition to floating the first icon, the floating The angle between the face of the first icon and the face of the icon selection interface has an angle greater than zero degrees.
  • the display mode provided by the present application is convenient for the user to perceive that the icon is selected. The user's immersion, thus improving the user experience.
  • FIG. 9 is a schematic structural diagram of Embodiment 1 of a display device for an icon selection interface provided by the present application. As shown in FIG. 9, the display device of the icon selection interface provided by the present application includes the following modules:
  • the obtaining module 91 is configured to acquire an icon selection instruction input by the user.
  • the icon selection instruction includes an identifier of the selected first icon.
  • the changing module 92 is configured to change the shape of the first icon according to the icon selection instruction.
  • the shape of the changed first icon is different from the shape of the first icon when not selected.
  • the icon selection instruction further includes location information of the first icon selected by the user, and the changing module 92 is specifically configured to: set the first location within the preset position on the first icon corresponding to the location information. An icon is enlarged and/or stretched.
  • the icon selection instruction further includes location information of the first icon selected by the user, and the changing module 92 is specifically configured to: determine a position symmetrically located on the first icon corresponding to the location information; The first icon within the centrally symmetrical position preset range is reduced and/or contracted.
  • the changing module 92 is specifically configured to: display the first icon in a floating manner, and the angle between the surface of the first icon that is floating and the surface of the icon selection interface is greater than or equal to zero degrees.
  • the icon selection instruction further includes location information of the first icon selected by the user.
  • the first distance between the floating first icon and the icon selection interface is greater than the second distance.
  • the first distance is a distance between a position corresponding to the position information on the first icon after the floating display and a face of the icon selection interface
  • the second distance is a position and an icon symmetrically located at the center of the position corresponding to the position information on the first icon. Select the distance between the faces of the interface.
  • the angle of the angle is reduced.
  • the angle of the angle increases.
  • the icon selection interface includes multiple icons: the sizes of the multiple icons are the same; or the preset number of icons in the multiple icons are the same size; or the sizes of the multiple icons are different.
  • the preset number of icons in multiple icons is a circle, and the remaining icons are rectangles.
  • the plurality of icons are arranged in a grid shape, a spiral shape or a user-defined preset shape.
  • the changing module 92 is further configured to: The first icon corresponding to the identifier of the first icon included in the icon selection instruction changes in a wave shape.
  • the icon selection interface is a plane or a surface; when the icon selection interface is a plane, the surface of the first icon after the floating is a plane; when the icon selection interface is a surface, the first after the floating The face of the icon is a surface.
  • the obtaining module 91 is specifically configured to: acquire an icon selection instruction input by the user by using a sensor.
  • the sensor is one or a combination of the following sensors: camera sensor, infrared sensor, acoustic wave sensor, heavy Force sensor, pressure sensor, acceleration sensor or Hall sensor.
  • the method for displaying the icon selection interface provided by the present application is used to acquire an icon selection instruction input by the user, where the icon selection instruction includes an identifier of the selected first icon, and the change module is configured to select an instruction according to the icon.
  • the change module is configured to select an instruction according to the icon.
  • Changing the shape of the first icon wherein the shape of the changed first icon is different from the shape of the first icon when the icon is not selected, and the display device of the icon selection interface implements changing the shape of the first icon selected by the user.
  • the display mode provided by the present application is convenient for the user to perceive that the icon is selected, which increases the user's immersion and thus improves the user experience.
  • FIG. 10 is a schematic structural diagram of Embodiment 2 of a display device for an icon selection interface provided by the present application.
  • the display device of the icon selection interface provided by the present application includes a memory 93 and a processor 94.
  • Memory 93 is used to store executable instructions of processor 94.
  • the processor 94 can be a Central Processing Unit (CPU), or an Application Specific Integrated Circuit (ASIC), or one or more integrated circuits that implement the present application.
  • CPU Central Processing Unit
  • ASIC Application Specific Integrated Circuit
  • the shape of the first icon is changed according to the icon selection instruction, wherein the shape of the changed first icon is different from the shape of the first icon when not selected.
  • the icon selection instruction further includes location information of the first icon selected by the user.
  • the processor 94 is specifically configured to: pre-position the location on the first icon corresponding to the location information. Set the first icon in the range to zoom in and/or stretch.
  • the icon selection instruction further includes location information of the first icon selected by the user.
  • the processor 94 is specifically configured to: determine a position symmetry of the position on the first icon corresponding to the location information; The first icon located within a centrally symmetrical position preset range is reduced and/or contracted.
  • the processor 94 is specifically configured to: display the first icon floating, and the folder between the floating icon and the icon selection interface The angle is greater than or equal to zero degrees.
  • the icon selection instruction further includes location information of the first icon selected by the user.
  • the first distance between the floating first icon and the icon selection interface is greater than the second distance.
  • the first distance is a distance between a position corresponding to the position information on the first icon after the floating display and a face of the icon selection interface; and the second distance is a position and an icon symmetrically located at the center of the position corresponding to the position information on the first icon. Select the distance between the faces of the interface.
  • multiple icons are included in the icon selection interface. Multiple icons are the same size; or a preset number of icons in multiple icons are the same size; or multiple icons are different in size.
  • the preset number of icons in the plurality of icons is a circle, and the remaining icons are rectangles.
  • Multiple icons are arranged in a grid, spiral or user-defined preset shape.
  • the processor 94 is further configured to: change the first icon corresponding to the identifier of the first icon included in the icon selection instruction to a wave shape when the frequency is greater than or equal to the preset frequency.
  • the face of the icon selection interface is a plane or a surface.
  • the surface of the icon selection interface is a plane, the surface of the first icon after the floating is a plane; when the surface of the icon selection interface is a surface, the surface of the first icon after the floating is a surface.
  • the processor 94 is configured to: acquire an icon selection instruction input by the user through the sensor.
  • the sensor is one or a combination of the following sensors: a camera sensor, an infrared sensor, an acoustic wave sensor, a gravity sensor, a pressure sensor, an acceleration sensor, or a Hall sensor.
  • the detailed processing procedure performed by the processor 94 may refer to S101 to S102 shown in FIG. 2 in the method embodiment, which have the same technical effects, and are not described herein again. .
  • the present application also provides a readable storage medium, including execution instructions, when the at least one processor of the display device of the icon selection interface executes the execution instruction, the display device of the icon selection interface is configured to execute the embodiment in the embodiment shown in FIG. The display method of the icon selection interface.
  • the application also provides a program product comprising execution instructions stored in a computer readable storage medium.
  • At least one processor of the display device of the icon selection interface can read the computer execution instructions from the readable storage medium, and the at least one processor executes the execution instructions such that the display device of the icon selection interface implements icon selection in the embodiment shown in FIG. The display method of the interface.
  • the aforementioned program can be stored in a computer readable storage medium.
  • the program when executed, performs the steps including the foregoing method embodiments; and the foregoing storage medium includes various media that can store program codes, such as a ROM, a RAM, a magnetic disk, or an optical disk.

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

本申请提供一种图标选择界面的显示方法及装置。该方法包括：获取瞄准点在图标选择界面上的位置，当瞄准点的位置落入图标选择界面中第一图标的选择区域内时，将第一图标浮动显示、且浮动后的第一图标所在面与图标选择界面所在面之间的夹角大于或等于零度，实现了当瞄准点选中第一图标时，除了将第一图标浮动显示之外，还使得浮动后的第一图标所在面与图标选择界面所在面之间有一大于零度的夹角，相较于平推以及高亮表示图标被选中的方式，本申请提供的显示方式便于用户感知该图标被选中，增加了用户的沉浸感，从而，提高了用户体验。

Description

图标选择界面的显示方法及装置 技术领域
本申请涉及计算机技术，尤其涉及一种图标选择界面的显示方法及装置。
背景技术
随着通信技术的发展，终端设备的使用越来越广泛。用户在使用终端设备的过程中，需要对终端设备的用户界面上的图标进行选择，以进入该图标表示的功能或者场景进行体验。例如，用户在使用虚拟现实(Virtual Reality，VR)设备的过程中，VR设备会显示网格矩阵排布式界面，网格矩阵排布式界面上排布有多个图标，每个图标表示一种功能选择或一种场景。用户可以通过头部瞄准或者手柄瞄准该网格矩阵排布式界面上想选择的图标，以进入该图标表示的功能或者场景进行体验。因此，如何在终端设备的用户界面上表示哪个图标被选中非常重要。
目前，在终端设备中有两种方式表示图标被选中：一种为将选中图标向靠近用户的方向平推以表示该图标被选中；一种为将选中图标的边框高亮表示，以与其他未选中的图标进行区分来表示该图标被选中。
但是，上述两种方式中，选中表示方式比较机械，缺乏和用户的互动及反馈，导致用户的沉浸感较弱，用户体验较差。
发明内容
本申请提供一种图标选择界面的显示方法及装置，以提高用户的沉浸感，提升用户体验。
第一方面，本申请提供一种图标选择界面的显示方法，包括：获取用户输入的图标选择指令，其中，图标选择指令中包括选中的第一图标的标识；根据图标选择指令，改变第一图标的形状，其中，改变后的第一图标的形状与未被选中时的第一图标的形状不同。终端设备可以通过各种输入设备获取用户输入的图标选择指令。该图标选择界面的显示方法实现了将用户选中的第一图标改变形状后进行显示，相较于平推以及高亮表示图标被选中的方式，本申请提供的显示方式便于用户感知该图标被选中，增加了用户的沉浸感，从而，提高了用户体验。
在第一方面的一种可能的设计中，图标选择指令中还包括用户选中的第一图标的位置信息，改变第一图标的形状，包括：将位于与位置信息对应的第一图标上的位置预设范围内的第一图标放大和/或拉伸。
在第一方面的一种可能的设计中，图标选择指令中还包括用户选中的第一图标的位置信息，改变第一图标的形状，包括：确定与位置信息对应的第一图标上的位置中心对称的位置；将位于中心对称的位置预设范围内的第一图标缩小和/或收缩。
在上述两种可能的设计中，通过使位于与位置信息对应的第一图标上的位置预设范围内的第一图标放大和/或拉伸，或者，将位于中心对称的位置预设范围内的第一图标缩小 和/或收缩，实现了改变第一图标的形状，在用户的视觉上，通过使第一图标产生拉伸和/或收缩形变，便于用户感知该第一图标被选中。
在第一方面的一种可能的设计中，改变第一图标的形状，包括：将第一图标浮动显示、且浮动后的第一图标所在面与图标选择界面所在面之间的夹角大于或等于零度。在该设计中，除了将第一图标浮动显示之外，还使得浮动后的第一图标所在面与图标选择界面所在面之间有一大于或者等于零度的夹角，便于用户感知该第一图标被选中。
在第一方面的一种可能的设计中，图标选择指令中还包括用户选中的第一图标的位置信息；浮动后的第一图标与图标选择界面之间的第一距离大于第二距离；其中，第一距离为浮动显示后的第一图标上位置信息对应的位置与图标选择界面所在面之间的距离；第二距离为第一图标上与位置信息对应的位置中心对称的位置与图标选择界面所在面之间的距离。这使得图标选择指令中的位置信息不同时，用户会感知到不同的显示效果，相较于只是平推和高亮的显示方式，增加了与用户的交互和反馈，提高了用户的沉浸感。
在第一方面的一种可能的设计中，当位置信息对应的位置与浮动后的第一图标的中心点之间的距离缩小，夹角的角度缩小。
在第一方面的一种可能的设计中，当位置信息对应的位置与浮动后的第一图标的中心点之间的距离增大，夹角的角度增大。
上述两种设计中，实现了夹角的角度正比于位置信息对应的位置与浮动后的第一图标的中心点之间的距离，实现了夹角的角度随着位置信息对应的位置的变化而变化，进一步增加了与用户的交互和反馈。
在第一方面的一种可能的设计中，图标选择界面中包括多个图标；多个图标的大小均相同；或者，多个图标中预设数量的图标的大小相同；或者，多个图标的大小均不相同。
在第一方面的一种可能的设计中，多个图标中预设数量的图标为圆形，剩余的图标为矩形；多个图标的排布方式为网格状、螺旋状或者用户定义的预设的形状。
在第一方面的一种可能的设计中，当多个图标的排布方式为网格状时，且图标选择指令中包括的第一图标的标识以大于或者等于预设频率的频率变化时，方法还包括：将图标选择指令中包括的第一图标的标识对应的第一图标呈波浪形变化。
在上述三种实现方式中，限定了图标选择界面上的图标的不同形态，扩大了该图标选择界面的显示方法的应用场景。并且，当该多个图标的排布方式为网格状时，当用户大于速度阈值的速度划过该多个图标时，该多个图标会呈波浪形变化，进一步增加了与用户的互动。
在第一方面的一种可能的设计中，图标选择界面所在面为平面或者曲面；当图标选择界面所在面为平面时，浮动后的第一图标所在面为平面；当图标选择界面所在面为曲面时，浮动后的第一图标所在面为曲面。该种实现方式使得该图标选择界面的显示方法可以应用于显示屏为曲面或平面的终端设备。
在第一方面的一种可能的设计中，获取用户输入的图标选择指令，包括：通过传感器获取用户输入的图标选择指令。
在第一方面的一种可能的设计中，传感器为以下传感器的一种或其组合：摄像头传感器；红外传感器；声波传感器；重力传感器；压力传感器；加速度传感器；霍尔传感器。
第二方面，本申请提供一种图标选择界面的显示装置，包括：获取模块，用于获取用 户输入的图标选择指令，其中，图标选择指令中包括选中的第一图标的标识；改变模块，用于根据图标选择指令，改变第一图标的形状，其中，改变后的第一图标的形状与未被选中时的第一图标的形状不同。
在第二方面的一种可能的设计中，图标选择指令中还包括用户选中的第一图标的位置信息，改变模块具体用于：将位于与位置信息对应的第一图标上的位置预设范围内的第一图标放大和/或拉伸。
在第二方面的一种可能的设计中，图标选择指令中还包括用户选中的第一图标的位置信息，改变模块具体用于：确定与位置信息对应的第一图标上的位置中心对称的位置；将位于中心对称的位置预设范围内的第一图标缩小和/或收缩。
在第二方面的一种可能的设计中，改变模块具体用于：将第一图标浮动显示、且浮动后的第一图标所在面与图标选择界面所在面之间的夹角大于或等于零度。
在第二方面的一种可能的设计中，图标选择指令中还包括用户选中的第一图标的位置信息；浮动后的第一图标与图标选择界面之间的第一距离大于第二距离；其中，第一距离为浮动显示后的第一图标上位置信息对应的位置与图标选择界面所在面之间的距离；第二距离为第一图标上与位置信息对应的位置中心对称的位置与图标选择界面所在面之间的距离。
在第二方面的一种可能的设计中，当位置信息对应的位置与浮动后的第一图标的中心点之间的距离缩小，夹角的角度缩小。
在第二方面的一种可能的设计中，当位置信息对应的位置与浮动后的第一图标的中心点之间的距离增大，夹角的角度增大。
在第二方面的一种可能的设计中，图标选择界面中包括多个图标；多个图标的大小均相同；或者，多个图标中预设数量的图标的大小相同；或者，多个图标的大小均不相同。
在第二方面的一种可能的设计中，多个图标中预设数量的图标为圆形，剩余的图标为矩形；多个图标的排布方式为网格状、螺旋状或者用户定义的预设的形状。
在第二方面的一种可能的设计中，当多个图标的排布方式为网格状时，且图标选择指令中包括的第一图标的标识以大于或者等于预设频率的频率变化时，改变模块还用于：将图标选择指令中包括的第一图标的标识对应的第一图标呈波浪形变化。
在第二方面的一种可能的设计中，图标选择界面所在面为平面或者曲面；当图标选择界面所在面为平面时，浮动后的第一图标所在面为平面；当图标选择界面所在面为曲面时，浮动后的第一图标所在面为曲面。
在第二方面的一种可能的设计中，获取模块具体用于：通过传感器获取用户输入的图标选择指令。
在第二方面的一种可能的设计中，传感器为以下传感器的一种或其组合：摄像头传感器；红外传感器；声波传感器；重力传感器；压力传感器；加速度传感器；霍尔传感器。
第三方面，本申请提供一种可读存储介质，包含执行指令，当图标选择界面的显示装置的至少一个处理器执行该执行指令时，图标选择界面的显示装置用于执行上述第一方面或者第一方面的任一种可能的设计中的图标选择界面的显示方法。
第四方面，本申请提供一种程序产品，该程序产品包括执行指令，该执行指令存储在计算机可读存储介质中。图标选择界面的显示装置的至少一个处理器可以从可读 存储介质读取该计算机执行指令，至少一个处理器执行该执行指令使得图标选择界面的显示装置实施第一方面或者第一方面的各种实施方式提供的图标选择界面的显示方法。
附图说明
图1A为现有技术中一种表示图标选择界面中图标被选中的示意图；
图1B为现有技术中另一种表示图标选择界面中图标被选中的示意图；
图2为本申请提供的图标选择界面的显示方法实施例的流程示意图；
图3A为本申请提供的一种图标选择界面的示意图；
图3B为本申请提供的另一种图标选择界面的示意图；
图3C为本申请提供的再一种图标选择界面的示意图；
图4A为图2所示实施例中浮动后的第一图标的俯视图；
图4B为图2所示实施例中浮动后的第一图标的主视图；
图5A为图2所示实施例中当瞄准点刚落入第一图标的选择区域后浮动第一图标的动态过程的俯视图；
图5B为图2所示实施例中当瞄准点离开第一图标的选择区域后恢复第一图标的动态的过程俯视图；
图6为图2所示实施例中瞄准点位于第一图标的不同位置时第一图标与图标选择界面所在面之间的夹角变化示意图；
图7为图2所示实施例中多个图标的一种显示过程的俯视图；
图8为图2所示实施例中一个图标的显示过程的主视图；
图9为本申请提供的图标选择界面的显示装置实施例一的结构示意图；
图10为本申请提供的图标选择界面的显示装置实施例二的结构示意图。
具体实施方式
本申请提供的图标选择界面的显示方法应用于终端设备中。本申请中所涉及的终端设备可以是VR设备、手机、个人计算机(Personal Computer，PC)、平板电脑、智能可穿戴设备及车载终端等多种有显示器件的终端设备。本申请中的图标选择界面指的是终端设备中任一种可以让用户对显示的图标进行选择的界面。在该界面中，图标可以是以网格排列，也可以是以某种特定的轨迹排列，例如，以螺旋状排列。本申请图标选择界面中的图标可以是矩形、圆形、三角形或者六边形等。在本申请的图标选择界面中，该界面中的所有图标的形状和大小可以是完全一致的，例如，所有图标都为3cm*3cm的正方形。该界面中的图标的形状和大小也可以不一样，例如，一部分图标为3cm*3cm的正方形，另一部分图标为半径为2cm的圆形。本申请中的VR设备可以是一体式头戴式显示设备、外接移动头戴式显示设备以及个人电脑(Personal Computer，PC)端头戴式设备。其中，一体式头戴式显示设备具有独立中央处理器(Central Processing Unit，CPU)、输入和输出显示功能，无需其他输入输出设备就可以体验VR场景；外接移动头戴式显示设备需要放入手机才能体验VR场景；PC端头戴式设备则需要连接PC才能体验VR场景。VR设备中 会显示网格矩阵排布式界面，例如，列表界面，用户可以选中该网格矩阵排布式界面上的图标以进入其对应的功能或者场景中。图1A为现有技术中一种表示图标选择界面中图标被选中的示意图。如图1A所示，该图标选择界面为网格矩阵排布式界面，在该界面中，当头戴式传感器或者手柄传感器产生的瞄准点选中图标1时，将图标1向靠近用户的方向平推，以表示图标1被选中。图1B为现有技术中另一种表示图标选择界面中图标被选中的示意图。如图1B所示，当瞄准点选中图标2时，将图标2以高亮方式显示，以表示图标2被选中。但是，上述方式中，用户的沉浸感较弱，体验较差。
本申请提供的图标选择界面的显示方法，通过获取瞄准点在图标选择界面上的位置，当瞄准点的位置落入图标选择界面中第一图标的选择区域内时，将第一图标浮动显示、且浮动后的第一图标所在面与图标选择界面所在面之间的夹角大于零度，实现了当瞄准点选中第一图标时，除了将第一图标浮动显示之外，还使得浮动后的第一图标所在面与图标选择界面所在面之间有一大于或等于零度的夹角，相较于平推以及高亮表示图标被选中的方式，本申请提供的显示方式便于用户感知该图标被选中，增加了用户的沉浸感，从而，提高了用户体验。
图2为本申请提供的图标选择界面的显示方法实施例的流程示意图。如图2所示，本申请提供的图标选择界面的显示方法包括如下步骤：
S201：获取瞄准点在图标选择界面上的位置。
具体地，本申请中的瞄准点是由终端设备的输入设备产生的光标。举例来说：当终端设备为PC时，输入设备为鼠标；当终端设备为手机时，输入设备为触摸屏、支持压力触控的触摸屏或者支持悬浮触控的触摸屏；当终端设备为VR设备时，输入设备为头戴式传感器或者手柄传感器。需要说明的是，在本申请中，瞄准点在终端设备的图标选择界面上可以是可见的，也可以是不可见的。例如，当终端设备为PC时，瞄准点为鼠标产生的光标，用户可以看到该光标，即，该瞄准点是可见的；当终端设备为VR设备时，传感器产生的光标不需要以用户可见的方式示出，此时，该瞄准点是不可见的。当瞄准点为可见的时，瞄准点在图标选择界面上的显示形式可以是以圆点的形状显示或者以预设的形状显示等。
可选的，本申请中的图标选择界面可以是手机上的主菜单界面、手机上打开位于主菜单界面上的文件夹的界面或者PC上的桌面等。
图3A为本申请提供的一种图标选择界面的示意图。如图3A所示，该图标选择界面中，图标1、图标2、图标3、图标4、图标5及图标6的排布方式为网格矩阵式排列。图标1、图标3及图标5的形状为矩形，图标2、图标4及图标6的形状为圆形。图3A中示出的图标1、图标3及图标5的大小相同，图标2、图标4及图标6的大小也相同。可以理解的是：在图3A中，图标1、图标3及图标5的大小可以各不相同，也可以其中任两个相同；图标2、图标4及图标6的大小可以各不相同，也可以其中任两个相同。图3B为本申请提供的另一种图标选择界面的示意图。如图3B所示，该图标选择界面中，图标1、图标2、图标3、图标4、图标5、图标6、图标7、图标8及图标9的排布方式为螺旋状。该9个图标均为圆形。图标1的面积最大，图标2的面积次之，依此类推，图标9的面积最小。可以理解的是：在图3B中，该9个图标的形状也可以各不相同，也可以是其中若干个相同。图3C为本申请提供的再一种图标选择界面的示意图。如图3C所示，该 图标选择界面中，图标1、图标2、图标3、图标4、图标5、图标6、图标7、图标8、图标9、图标10、图标11及图标12的排布方式为心形。该10个图标均为矩形，其中，该12个图标的大小均不相同。
以下以终端设备为VR设备进行详细说明。假设该图标选择界面为VR设备的网格矩阵排布式界面。瞄准点在网格矩阵排布式界面上的位置可以是用户通过传感器控制的。这里的传感器可以是摄像头传感器、红外传感器、声波传感器、重力传感器、压力传感器、加速度传感器或者霍尔传感器等。用户可以根据自己的需求改变瞄准点在界面上的位置。头戴式传感器可以监测用户的头部转动动作，获取用户的视角，从而根据用户的视角改变瞄准点在界面上的位置。手柄传感器可以通过空间定位和重力传感追踪用户的操作位置，从而根据用户的操作位置改变瞄准点在界面上的位置。本申请中的网格矩阵排布式界面指的是以网格矩阵形式示出多个图标的界面。举例来说，以2*4形式示出8个图标，这两行图标可以是第一行图标和第二行图标均上下对齐显示，也可以是第一行图标和第二行图标上下不对齐显示。需要说明的是，本申请所涉及的网格矩阵排布式界面指的是图标的排列形式是网格矩阵排布。该界面可以是选项界面，以使用户选择图标对应的功能，也可以是初始的列表界面，以使用户选择图标对应的场景进行体验。
用户可以控制瞄准点选择图标选择界面中的一个图标，以选中该图标，进入该图标对应的功能或者该图标表示的场景。举例来说，选中图标的方式可以是眨眼、声控、触摸显示屏、按下实体按键或者在该图标上停留大于预设时长的时间等。进入该图标对应的功能可以是打开该图标表示的应用程序，或者进入该图标表示的功能。
在一种可能的实现方式中，终端设备可以通过调用应用程序编程接口(Application Programming Interface，API)获取瞄准点在图标选择界面上的位置。API中封装有瞄准点的位置参数，终端设备调用API即可以获取到瞄准点的位置。
在另一种可能的实现方式中，终端设备可以通过传感器获取的参数与瞄准点位置的映射表以及当前传感器获取的参数确定瞄准点在图标选择界面上的位置。具体地，终端设备中存储有传感器获取的参数与瞄准点位置的映射表，即，传感器获取不同的参数对应不同的瞄准点位置，则在该映射表中查找当前传感器获取的参数对应的瞄准点的位置，即可以获取到瞄准点的位置。当前传感器获取的参数指的是用户操作传感器时的参数。
S202：当瞄准点的位置落入图标选择界面中第一图标的选择区域内时，将第一图标浮动显示、且浮动后的第一图标所在面与图标选择界面所在面之间的夹角大于或等于零度。
具体地，瞄准点的位置可以在图标选择界面的图标之间移动。当其落入某个图标的选择区域内时，表示选中该图标。在本申请中，将该选中的图标称为第一图标。
图标的选择区域意为当瞄准点位于该区域内时，表示瞄准点选中了该图标。在第一种实现方式中，第一图标的选择区域包括：第一图标边界内的区域。当第一图标为矩形时，第一图标边界表示第一图标的上、下、左及右四个边界。当第一图标为圆形时，第一图标边界表示第一图标的圆周。当第一图标为六边形等多边形时，第一图标边界表示第一图标的各条边。第一图标边界内的区域包括了边界上的区域。在第二种实现方式中，第一图标的选择区域包括：第一图标边界内的区域和第一图标边界外预设范围的区域。在该实现方式中，相较于第一种实现方式，第一图标的选择区域向外延伸了预设范围。
当终端设备确定瞄准点选中了第一图标后，需要将第一图标进行特殊显示，以与其他 未被选中的图标进行区分，且与未被选中时的第一图标进行区分。在本申请中，终端设备可以改变第一图标的形状，以使改变后的第一图标的形状与未被瞄准点选中的第一图标的形状不同。可选的，改变后的第一图标的形状还可以进一步与图标选择界面上除第一图标之外的其他图标的形状不同。更具体地，改变第一图标的形状可以是对第一图标同时进行拉伸和放大、拉伸或者放大。终端设备对选中的第一图标的形状做的这种改变，对于用户而言，体现为选中后第一图标的形状出现了变形。举例来说，未被选中的第一图标为矩形，则改变形状后的第一图标可以为其中一个内角非90°的四边形。
在一种可能的实现方式中，当终端设备确定瞄准点选中了第一图标后，改变第一图标的形状可以为：将第一图标进行浮动显示，且浮动后的第一图标所在面与图标选择界面所在面之间的夹角大于或等于零度。本申请中的浮动显示意为将第一图标向靠近用户的方向推移，并且，在推移的过程中将第一图标倾斜，或者，将第一图标向靠近用户的方向平推，从而使第一图标所在面与图标选择界面所在面之间形成一大于或等于零度的夹角。在本申请中，图标选择界面所在面可以是平面，也可以是曲面，其取决于终端设备的显示屏的形态。当终端设备的显示屏为平面显示屏时，图标选择界面所在面为平面；当终端设备的显示屏为曲面显示屏时，图标选择界面所在面为与该显示屏的形状相适应的曲面。第一图标所在面与图标选择界面所在面的形状相适应。当图标选择界面所在面为平面时，如果将图标选择界面所在平面看作X轴和Y轴所在平面，将垂直该平面的方向看作Z轴，则将第一图标浮动显示即为将第一图标沿Z轴方向移动，并且倾斜第一图标所在的平面，使其与X-Y平面成一大于零度的夹角，或者，将第一图标沿Z轴方向移动，使其与X-Y平面成一等于零度的夹角。至于浮动后的第一图标所在面与图标选择界面所在面之间的夹角是大于零度还是等于零度，取决于瞄准点的位置落入第一图标的选择区域的位置。可选的，当瞄准点的位置落入第一图标的中心点或者中心点的预设范围内的位置时，浮动后的第一图标所在面与图标选择界面所在面之间的夹角等于零度；当瞄准点的位置落入除第一图标的中心点或者中心点的预设范围内的位置之外的其他位置时，浮动后的第一图标所在面与图标选择界面所在面之间的夹角大于零度。
需要说明的是，在本申请中图标选择界面所在的面即为终端设备显示屏所在的面。第一图标在未浮动时所在的面也为终端设备显示屏所在的面。浮动后的第一图标所在的面为一虚拟平面，该虚拟平面与终端设备显示屏所在的面有一大于或等于零度的夹角。意即，当瞄准点的位置落入图标选择界面中第一图标的选择区域内时，将第一图标浮动显示、且浮动后的第一图标所在面与图标选择界面所在面之间的夹角大于或等于零度的过程均为一种虚拟的过程，在视觉上，用户可以感受的为第一图标浮动显示，且该图标浮动后所在面与图标选择界面所在面之间的夹角大于或等于零度，而并不表示在终端设备的内部存在这样的两个面。
在确定选中第一图标后，终端设备可以是在浮动显示预设时长后进入该图标对应的功能，也可以是翻转该第一图标后进入该图标对应的功能，还可以是在该第一图标上添加幕布，幕布上可以设置相应的功能选择，例如，删除按钮等，还可以是以预设的动画形式揭开该第一图标，例如，以网格动画的形式揭开该第一图标以进入该图标表示的功能。在上述过程中，终端设备进行的选中方式，可以是只对该第一图标，也可以是对位于第一图标预设范围内的其他图标也产生影响，例如，使位于第一图标周围的其他图标产生预设的形 变，距离第一图标越近的图标的形变越大，距离第一图标越远的图标的形变越小。
可选的，浮动后的第一图标与图标选择界面之间的第一距离大于或等于第二距离。其中，第一距离为浮动显示后的第一图标上瞄准点所在的位置与图标选择界面所在面之间的距离；第二距离为第一图标上与瞄准点所在位置中心对称的位置与图标选择界面所在面之间的距离。图4A为图2所示实施例中浮动后的第一图标的俯视图。图4B为图2所示实施例中浮动后的第一图标的主视图。请同时参照图4A和图4B，第一距离31为第一图标37上瞄准点33所在的位置与图标选择界面所在面35之间的距离，第二距离32为第一图标37上与瞄准点33所在位置中心对称的位置34与图标选择界面所在面35之间的距离。换言之，当瞄准点位于第一图标的某个位置上时，将该位置以及该位置的周边区域向靠近用户的方向推进较大的距离，将第一图标上与瞄准点中心对称的位置及该位置的周边区域向靠近用户的方向推进较小的距离。可以理解的是，该较小的距离也可以是零距离。图4A和图4B中示出的图标选择界面所在面与第一图标37均为平面。可以理解的是，图标选择界面所在面与第一图标37可以均为曲面。需要说明的是，当瞄准点落入第一图标的中心点时，此时，第一距离与第二距离为同一段距离，也即，当瞄准点落入第一图标的中心点时，浮动后的第一图标与图标选择界面所在面之间的夹角等于零度。
本申请中，瞄准点可以从任何方向落入第一图标的选择区域。基于第一距离大于第二距离，瞄准点从不同的方向落入第一图标的选择区域且保持不动时，浮动后的第一图标所在面与图标选择界面所在面之间的夹角的方向不同。当瞄准点从上方落入第一图标的选择区域且保持不动时，可以理解的是，浮动后的第一图标的上方位置与图标选择界面所在面之间的距离大于浮动后的第一图标的下方位置与图标选择界面所在面之间的距离，则该夹角为一朝上的夹角；当瞄准点从左边落入第一图标的选择区域且保持不动时，该夹角为一朝左的夹角；当瞄准点从右边落入第一图标的选择区域且保持不动时，该夹角为一朝右的夹角；当瞄准点从下方落入第一图标的选择区域且保持不动时，该夹角为一朝下的夹角。这就使得当瞄准点从不同方向落入第一图标的选择区域时，用户会感知到不同的显示效果，相较于只是平推和高亮的显示方式，增加了与用户的交互和反馈，提高了用户的沉浸感。
进一步地，该夹角的大小与瞄准点在第一图标上的位置有关。当瞄准点的位置与浮动后的第一图标的中心点之间的距离缩小，夹角的角度缩小。当瞄准点的位置与浮动后的第一图标的中心点之间的距离增大，夹角的角度增大。即，该夹角α的大小正比于瞄准点的位置与浮动后的第一图标的中心点之间的距离：α＝bx，其中，b大于零，b为预设的参数，x≤c，c为第一图标的边缘至第一图标的中心点之间的距离，x为瞄准点的位置与浮动后的第一图标的中心点之间的距离。举例来说，当瞄准点从左边落入第一图标的选择区域时，随着瞄准点往右移动，当瞄准点还未达到第一图标的中心点的位置时，夹角越来越小；当瞄准点达到第一图标的中心点的位置时，夹角最小；当瞄准点越过第一图标的中心点继续向右移动时，夹角越来越大，直至瞄准点到达右边界，夹角最大。
当瞄准点刚刚进入第一图标的选择区域后，此时，浮动后的第一图标所在面与图标选择界面所在面之间的夹角最大。该过程有以下两种实现方式：
一种实现方式为：在监测到瞄准点落入第一图标的选择区域后，根据公式α＝bx，通过倾斜第一图标的方式将第一图标所在面与图标选择界面所在的面之间的夹角由零度变 为α度，之后，将变化角度后的第一图标向靠近用户的方向推进，直至第一图标上瞄准点所在的位置与图标选择界面所在面之间的距离为预设的最大距离。图5A为图2所示实施例中当瞄准点刚落入第一图标的选择区域后浮动第一图标的动态过程的俯视图。如图5A所示，图a示出了瞄准点刚落入第一图标的选择区域，图b示出了通过倾斜第一图标的方式将第一图标所在面与图标选择界面所在的面之间的夹角由零度变为α度，图c示出了将变化角度后的第一图标向靠近用户的方向推进，图d示出了直至第一图标上瞄准点所在的位置与图标选择界面所在面之间的距离为预设的最大距离L。
另一种实现方式为：在监测到瞄准点落入第一图标的选择区域后，将第一图标向靠近用户的方向推进，直至第一图标上瞄准点所在的位置与图标选择界面所在面之间的距离为预设距离，之后，根据公式α＝bx，通过倾斜第一图标的方式将推进后的第一图标所在面与图标选择界面所在的面之间的夹角由零度变为α度。
当瞄准点离开第一图标的选择区域后，浮动后的第一图标慢慢回落至图标选择界面所在的面，将夹角恢复成零度，恢复初始位置。回落的过程有以下两种实现方式：
一种实现方式为：在监测到瞄准点不在第一图标的选择区域后，将浮动后的第一图标所在面与图标选择界面所在的面之间的夹角变为零度，之后，将第一图标向远离用户的方向平推，直至其位于图标选择界面上。
另一种实现方式为：在监测到瞄准点不在第一图标的选择区域后，将浮动后的第一图标向远离用户的方向平推，直至其位于图标选择界面上，之后，将第一图标所在的面与图标选择界面所在的面之间的夹角变为零度。图5B为图2所示实施例中当瞄准点离开第一图标的选择区域后恢复第一图标的动态的过程俯视图。如图5B所示，图e示出了监测到瞄准点即将离开第一图标的选择区域，图f示出了将浮动后的第一图标向远离用户的方向平推，图g示出了直至将第一图标平推至位于图标选择界面上，图h示出了将第一图标所在的面与图标选择界面所在的面之间的夹角变为零度。
图6为图2所示实施例中瞄准点位于第一图标的不同位置时第一图标与图标选择界面所在面之间的夹角变化示意图。如图6所示，以第一图标为矩形作一示例性说明，当瞄准点位于第一图标的左边界时，此时，浮动后的第一图标61与图标选择界面所在面62之间夹角α最大。随着瞄准点的位置向右移动，此时，浮动后的第一图标61与图标选择界面所在面62之间的夹角逐渐减小。当瞄准点位于第一图标61的中心点时，此时，浮动后的第一图标61与图标选择界面所在面62之间夹角为零度。当瞄准点从第一图标的中心点向右移动，浮动后的第一图标61与图标选择界面所在面62之间夹角逐渐增大。当瞄准点移动至第一图标的右边界时，此时浮动后的第一图标61与图标选择界面所在面62之间夹角最大。
图7为图2所示实施例中多个图标的一种显示过程的俯视图。如图7所示，当图标选择界面上一行排布有多个图标时，按照本申请的图标选择界面的显示方法从左至右依次划过该多个图标时，会呈现波浪一样的效果。图8为图2所示实施例中一个图标的显示过程的主视图。如图8所示，其示出了当瞄准点位于第一图标的不同位置时，第一图标的显示方式的示意图。
本申请提供的图标选择界面的显示方法，通过获取瞄准点在图标选择界面上的位置，当瞄准点的位置落入图标选择界面中第一图标的选择区域内时，将第一图标浮动显示、且 浮动后的第一图标所在面与图标选择界面所在面之间的夹角大于或等于零度，实现了当瞄准点选中第一图标时，除了将第一图标浮动显示之外，还使得浮动后的第一图标所在面与图标选择界面所在面之间有一大于零度的夹角，相较于平推以及高亮表示图标被选中的方式，本申请提供的显示方式便于用户感知该图标被选中，增加了用户的沉浸感，从而，提高了用户体验。
图9为本申请提供的图标选择界面的显示装置实施例一的结构示意图。如图9所示，本申请提供的图标选择界面的显示装置包括如下模块：
获取模块91，用于获取用户输入的图标选择指令。
其中，图标选择指令中包括选中的第一图标的标识。
改变模块92，用于根据图标选择指令，改变第一图标的形状。
其中，改变后的第一图标的形状与未被选中时的第一图标的形状不同。
在第一种实现方式中，图标选择指令中还包括用户选中的第一图标的位置信息，改变模块92具体用于：将位于与位置信息对应的第一图标上的位置预设范围内的第一图标放大和/或拉伸。
在第二种实现方式中，图标选择指令中还包括用户选中的第一图标的位置信息，改变模块92具体用于：确定与位置信息对应的第一图标上的位置中心对称的位置；将位于中心对称的位置预设范围内的第一图标缩小和/或收缩。
在第三种实现方式中，改变模块92具体用于：将第一图标浮动显示、且浮动后的第一图标所在面与图标选择界面所在面之间的夹角大于或等于零度。
在该种实现方式中，图标选择指令中还包括用户选中的第一图标的位置信息。浮动后的第一图标与图标选择界面之间的第一距离大于第二距离。其中，第一距离为浮动显示后的第一图标上位置信息对应的位置与图标选择界面所在面之间的距离，第二距离为第一图标上与位置信息对应的位置中心对称的位置与图标选择界面所在面之间的距离。
可选的，当位置信息对应的位置与浮动后的第一图标的中心点之间的距离缩小，夹角的角度缩小。
可选的，当位置信息对应的位置与浮动后的第一图标的中心点之间的距离增大，夹角的角度增大。
示例性的，图标选择界面中包括多个图标：多个图标的大小均相同；或者，多个图标中预设数量的图标的大小相同；或者，多个图标的大小均不相同。多个图标中预设数量的图标为圆形，剩余的图标为矩形。该多个图标的排布方式为网格状、螺旋状或者用户定义的预设的形状。
可选的，当多个图标的排布方式为网格状时，且图标选择指令中包括的第一图标的标识以大于或者等于预设频率的频率变化时，改变模块92还用于：将图标选择指令中包括的第一图标的标识对应的第一图标呈波浪形变化。
可选的，图标选择界面所在面为平面或者曲面；当图标选择界面所在面为平面时，浮动后的第一图标所在面为平面；当图标选择界面所在面为曲面时，浮动后的第一图标所在面为曲面。
在一种实现方式中，获取模块91具体用于：通过传感器获取用户输入的图标选择指令。传感器为以下传感器的一种或其组合：摄像头传感器、红外传感器、声波传感器、重 力传感器、压力传感器、加速度传感器或者霍尔传感器。
本申请提供的图标选择界面的显示方法，通过获取模块，用于获取用户输入的图标选择指令，其中，图标选择指令中包括选中的第一图标的标识；改变模块，用于根据图标选择指令，改变第一图标的形状，其中，改变后的第一图标的形状与未被选中时的第一图标的形状不同，该图标选择界面的显示装置实现了将用户选中的第一图标改变形状后进行显示，相较于平推以及高亮表示图标被选中的方式，本申请提供的显示方式便于用户感知该图标被选中，增加了用户的沉浸感，从而，提高了用户体验。
图10为本申请提供的图标选择界面的显示装置实施例二的结构示意图。如图10所示，本申请提供的图标选择界面的显示装置包括：存储器93和处理器94。存储器93用于存储处理器94的可执行指令。
处理器94可以是一个中央处理器(Central Processing Unit，CPU)，或者是特定集成电路(Application Specific Integrated Circuit，ASIC)，或者是完成实施本申请的一个或多个集成电路。当图标选择界面的显示方法的程序运行时，处理器94与存储器93之间通信，处理器94调用可执行指令，用于执行以下操作：
获取用户输入的图标选择指令，其中，图标选择指令中包括选中的第一图标的标识；
根据图标选择指令，改变第一图标的形状，其中，改变后的第一图标的形状与未被选中时的第一图标的形状不同。
具体地，图标选择指令中还包括用户选中的第一图标的位置信息，在改变第一图标的形状的方面，处理器94具体用于：将位于与位置信息对应的第一图标上的位置预设范围内的第一图标放大和/或拉伸。
图标选择指令中还包括用户选中的第一图标的位置信息，在改变第一图标的形状的方面，处理器94具体用于：确定与位置信息对应的第一图标上的位置中心对称的位置；将位于中心对称的位置预设范围内的第一图标缩小和/或收缩。
另一种实现方式中，在改变第一图标的形状的方面，处理器94具体用于：将第一图标浮动显示、且浮动后的第一图标所在面与图标选择界面所在面之间的夹角大于或等于零度。
可选的，图标选择指令中还包括用户选中的第一图标的位置信息。浮动后的第一图标与图标选择界面之间的第一距离大于第二距离。其中，第一距离为浮动显示后的第一图标上位置信息对应的位置与图标选择界面所在面之间的距离；第二距离为第一图标上与位置信息对应的位置中心对称的位置与图标选择界面所在面之间的距离。
当位置信息对应的位置与浮动后的第一图标的中心点之间的距离缩小，夹角的角度缩小。
当位置信息对应的位置与浮动后的第一图标的中心点之间的距离增大，夹角的角度增大。
可选的，图标选择界面中包括多个图标。多个图标的大小均相同；或者，多个图标中预设数量的图标的大小相同；或者，多个图标的大小均不相同。
可选的，多个图标中预设数量的图标为圆形，剩余的图标为矩形。多个图标的排布方式为网格状、螺旋状或者用户定义的预设的形状。
可选的，当多个图标的排布方式为网格状时，且图标选择指令中包括的第一图标的标 识以大于或者等于预设频率的频率变化时，处理器94还用于：将图标选择指令中包括的第一图标的标识对应的第一图标呈波浪形变化。
图标选择界面所在面为平面或者曲面。当图标选择界面所在面为平面时，浮动后的第一图标所在面为平面；当图标选择界面所在面为曲面时，浮动后的第一图标所在面为曲面。
在获取用户输入的图标选择指令的方面，处理器94用于：通过传感器获取用户输入的图标选择指令。
传感器为以下传感器的一种或其组合：摄像头传感器、红外传感器、声波传感器、重力传感器、压力传感器、加速度传感器或者霍尔传感器。
本发明实施例提供的图标选择界面的显示装置中，处理器94执行的详细的处理过程可参考方法实施例中图2所示的S101～S102，其具有相同的技术效果，此处不再赘述。
本申请还提供一种可读存储介质，包含执行指令，当图标选择界面的显示装置的至少一个处理器执行该执行指令时，图标选择界面的显示装置用于执行图2所示实施例中的图标选择界面的显示方法。
本申请还提供一种程序产品，该程序产品包括执行指令，该执行指令存储在计算机可读存储介质中。图标选择界面的显示装置的至少一个处理器可以从可读存储介质读取该计算机执行指令，至少一个处理器执行该执行指令使得图标选择界面的显示装置实施图2所示实施例中的图标选择界面的显示方法。
本领域普通技术人员可以理解：实现上述各方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成。前述的程序可以存储于一计算机可读取存储介质中。该程序在执行时，执行包括上述各方法实施例的步骤；而前述的存储介质包括：ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。

Claims (27)

  1. 一种图标选择界面的显示方法，其特征在于，包括：
    获取用户输入的图标选择指令，其中，所述图标选择指令中包括选中的第一图标的标识；
    根据所述图标选择指令，改变所述第一图标的形状，其中，改变后的第一图标的形状与未被选中时的第一图标的形状不同。
  2. 根据权利要求1所述的方法，其特征在于，所述图标选择指令中还包括所述用户选中的所述第一图标的位置信息，所述改变所述第一图标的形状，包括：
    将位于与所述位置信息对应的第一图标上的位置预设范围内的第一图标放大和/或拉伸。
  3. 根据权利要求1所述的方法，其特征在于，所述图标选择指令中还包括所述用户选中的所述第一图标的位置信息，所述改变所述第一图标的形状，包括：
    确定与所述位置信息对应的第一图标上的位置中心对称的位置；
    将位于所述中心对称的位置预设范围内的第一图标缩小和/或收缩。
  4. 根据权利要求1所述的方法，其特征在于，所述改变所述第一图标的形状，包括：
    将所述第一图标浮动显示、且浮动后的第一图标所在面与所述图标选择界面所在面之间的夹角大于或等于零度。
  5. 根据权利要求4所述的方法，其特征在于，所述图标选择指令中还包括所述用户选中的所述第一图标的位置信息；浮动后的所述第一图标与所述图标选择界面之间的第一距离大于第二距离；
    其中，所述第一距离为浮动显示后的所述第一图标上所述位置信息对应的位置与所述图标选择界面所在面之间的距离；所述第二距离为所述第一图标上与所述位置信息对应的位置中心对称的位置与所述图标选择界面所在面之间的距离。
  6. 根据权利要求5所述的方法，其特征在于，当所述位置信息对应的位置与浮动后的所述第一图标的中心点之间的距离缩小，所述夹角的角度缩小。
  7. 根据权利要求5所述的方法，其特征在于，当所述位置信息对应的位置与浮动后的所述第一图标的中心点之间的距离增大，所述夹角的角度增大。
  8. 根据权利要求1-7任一项所述的方法，其特征在于，所述图标选择界面中包括多个图标；
    所述多个图标的大小均相同；或者，
    所述多个图标中预设数量的图标的大小相同；或者，
    所述多个图标的大小均不相同。
  9. 根据权利要求8所述的方法，其特征在于，所述多个图标中预设数量的图标为圆形，剩余的图标为矩形；
    所述多个图标的排布方式为网格状、螺旋状或者用户定义的预设的形状。
  10. 根据权利要求9所述的方法，其特征在于，当所述多个图标的排布方式为网格状时，且所述图标选择指令中包括的第一图标的标识以大于或者等于预设频率的频率变化时，所述方法还包括：
    将所述图标选择指令中包括的第一图标的标识对应的第一图标呈波浪形变化。
  11. 根据权利要求4-7任一项所述的方法，其特征在于，所述图标选择界面所在面为平面或者曲面；
    当所述图标选择界面所在面为平面时，浮动后的所述第一图标所在面为平面；
    当所述图标选择界面所在面为曲面时，浮动后的所述第一图标所在面为曲面。
  12. 根据权利要求1所述的方法，其特征在于，所述获取用户输入的图标选择指令，包括：
    通过传感器获取用户输入的图标选择指令。
  13. 根据权利要求12所述的方法，其特征在于，所述传感器为以下传感器的一种或其组合：
    摄像头传感器；
    红外传感器；
    声波传感器；
    重力传感器；
    压力传感器；
    加速度传感器；
    霍尔传感器。
  14. 一种图标选择界面的显示装置，其特征在于，包括：
    获取模块，用于获取用户输入的图标选择指令，其中，所述图标选择指令中包括选中的第一图标的标识；
    改变模块，用于根据所述图标选择指令，改变所述第一图标的形状，其中，改变后的第一图标的形状与未被选中时的第一图标的形状不同。
  15. 根据权利要求14所述的装置，其特征在于，所述图标选择指令中还包括所述用户选中的所述第一图标的位置信息，所述改变模块具体用于：
    将位于与所述位置信息对应的第一图标上的位置预设范围内的第一图标放大和/或拉伸。
  16. 根据权利要求14所述的装置，其特征在于，所述图标选择指令中还包括所述用户选中的所述第一图标的位置信息，所述改变模块具体用于：
    确定与所述位置信息对应的第一图标上的位置中心对称的位置；
    将位于所述中心对称的位置预设范围内的第一图标缩小和/或收缩。
  17. 根据权利要求14所述的装置，其特征在于，所述改变模块具体用于：
    将所述第一图标浮动显示、且浮动后的第一图标所在面与所述图标选择界面所在面之间的夹角大于或等于零度。
  18. 根据权利要求17所述的装置，其特征在于，所述图标选择指令中还包括所述用户选中的所述第一图标的位置信息；浮动后的所述第一图标与所述图标选择界面之间的第一距离大于第二距离；
    其中，所述第一距离为浮动显示后的所述第一图标上所述位置信息对应的位置与所述图标选择界面所在面之间的距离；所述第二距离为所述第一图标上与所述位置信息对应的位置中心对称的位置与所述图标选择界面所在面之间的距离。
  19. 根据权利要求18所述的装置，其特征在于，当所述位置信息对应的位置与浮动 后的所述第一图标的中心点之间的距离缩小，所述夹角的角度缩小。
  20. 根据权利要求18所述的装置，其特征在于，当所述位置信息对应的位置与浮动后的所述第一图标的中心点之间的距离增大，所述夹角的角度增大。
  21. 根据权利要求14-20任一项所述的装置，其特征在于，所述图标选择界面中包括多个图标；
    所述多个图标的大小均相同；或者，
    所述多个图标中预设数量的图标的大小相同；或者，
    所述多个图标的大小均不相同。
  22. 根据权利要求21所述的装置，其特征在于，所述多个图标中预设数量的图标为圆形，剩余的图标为矩形；
    所述多个图标的排布方式为网格状、螺旋状或者用户定义的预设的形状。
  23. 根据权利要求22所述的装置，其特征在于，当所述多个图标的排布方式为网格状时，且所述图标选择指令中包括的第一图标的标识以大于或者等于预设频率的频率变化时，所述改变模块还用于：
    将所述图标选择指令中包括的第一图标的标识对应的第一图标呈波浪形变化。
  24. 根据权利要求17-20任一项所述的装置，其特征在于，所述图标选择界面所在面为平面或者曲面；
    当所述图标选择界面所在面为平面时，浮动后的所述第一图标所在面为平面；
    当所述图标选择界面所在面为曲面时，浮动后的所述第一图标所在面为曲面。
  25. 根据权利要求14所述的装置，其特征在于，所述获取模块具体用于：
    通过传感器获取用户输入的图标选择指令。
  26. 根据权利要求25所述的装置，其特征在于，所述传感器为以下传感器的一种或其组合：
    摄像头传感器；
    红外传感器；
    声波传感器；
    重力传感器；
    压力传感器；
    加速度传感器；
    霍尔传感器。
  27. 一种可读存储介质，包含执行指令，其特征在于，当图标选择界面的显示装置的至少一个处理器执行所述执行指令时，所述图标选择界面的显示装置用于执行如权利要求1-13任一项所述的图标选择界面的显示方法。
PCT/CN2017/077711 2017-03-22 2017-03-22 图标选择界面的显示方法及装置 WO2018170795A1 (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
PCT/CN2017/077711 WO2018170795A1 (zh) 2017-03-22 2017-03-22 图标选择界面的显示方法及装置
CN201780049029.0A CN109564499A (zh) 2017-03-22 2017-03-22 图标选择界面的显示方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
PCT/CN2017/077711 WO2018170795A1 (zh) 2017-03-22 2017-03-22 图标选择界面的显示方法及装置

Publications (1)

Publication Number Publication Date
WO2018170795A1 true WO2018170795A1 (zh) 2018-09-27

Family

ID=63586275

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2017/077711 WO2018170795A1 (zh) 2017-03-22 2017-03-22 图标选择界面的显示方法及装置

Country Status (2)

Country Link
CN (1) CN109564499A (zh)
WO (1) WO2018170795A1 (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112468865B (zh) * 2020-11-25 2024-02-23 咪咕视讯科技有限公司 一种视频处理方法、vr终端及计算机可读存储介质

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103530040A (zh) * 2013-10-22 2014-01-22 腾讯科技（深圳）有限公司 目标元素移动方法、装置及电子设备
CN103677568A (zh) * 2013-12-10 2014-03-26 华为技术有限公司 一种基于悬浮触控的点击对象放大方法及装置

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101666995B1 (ko) * 2009-03-23 2016-10-17 삼성전자주식회사 멀티 텔레포인터, 가상 객체 표시 장치, 및 가상 객체 제어 방법
CN102830890B (zh) * 2011-06-13 2015-09-09 阿里巴巴集团控股有限公司 一种显示图标的方法和装置
CN102508599A (zh) * 2011-10-11 2012-06-20 宇龙计算机通信科技(深圳)有限公司 一种桌面图标的显示方法及其通信终端
KR20130061993A (ko) * 2011-12-02 2013-06-12 (주) 지.티 텔레콤 터치스크린 상의 화면조작방법

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103530040A (zh) * 2013-10-22 2014-01-22 腾讯科技（深圳）有限公司 目标元素移动方法、装置及电子设备
CN103677568A (zh) * 2013-12-10 2014-03-26 华为技术有限公司 一种基于悬浮触控的点击对象放大方法及装置

Also Published As

Publication number Publication date
CN109564499A (zh) 2019-04-02

Similar Documents

Publication Publication Date Title
US11204692B2 (en) User interface camera effects
US11175726B2 (en) Gesture actions for interface elements
AU2021203177B2 (en) User interface camera effects
US8860672B2 (en) User interface with z-axis interaction
US9696882B2 (en) Operation processing method, operation processing device, and control method
WO2015196703A1 (zh) 一种应用程序图标显示方法及装置
TW201626164A (zh) 縮小尺寸之使用者介面
JP2022529921A (ja) アイテムを追跡及び発見するためのユーザインタフェース
JP7397899B2 (ja) ３ｄモデルのシステム全体の挙動のためのデバイス、方法、及びグラフィカルユーザーインターフェース
WO2018170795A1 (zh) 图标选择界面的显示方法及装置
US9898183B1 (en) Motions for object rendering and selection
JP6000482B1 (ja) ユーザ・インタフェース画像表示方法およびプログラム
DK201770563A1 (en) USER INTERFACE CAMERA EFFECTS
TW201610823A (zh) 縮小尺寸之使用者介面

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: 17902066

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 17902066

Country of ref document: EP

Kind code of ref document: A1