Desktop application icon display method, computer equipment and storage medium

Abstract

The invention discloses a desktop application icon display method, computer equipment and a storage medium. The method comprises the steps that in response to a display instruction for a desktop homepage, an application icon is displayed on the desktop homepage according to a preset display mode, and the desktop homepage comprises a selected area and a candidate area; one of the selected area and the candidate area is used for displaying an application icon moved from the other one of the selected area and the candidate area, and the display mode of the moved application icon in the candidate area is different from the display mode of the moved application icon in the selected area. By adjusting the application icons to present different display modes in the candidate area and the selected area, the application icon display modes are increased, so that the icon display modes are more harmonious with the immersive experience feeling of wearing VR equipment / AR equipment / MR equipment, and the user experience is improved.

Description

Technical Field

[0001] The present invention belongs to the technical field of extended reality, and in particular, relates to a desktop application icon display method, a computer device, and a computer-readable storage medium. Background Art

[0002] Extended reality technologies such as virtual reality (VR), augmented reality (AR), and mixed reality (MR) are computer simulation technologies that can create and experience a virtual world. They use computers to generate a simulated environment, which is a system simulation of multi-source information fusion, interactive three-dimensional dynamic vision and entity behavior, allowing users to immerse themselves in the environment.

[0003] VR devices, AR devices and MR devices have a graphical user interface similar to that of mobile terminals such as mobile phones and tablets to display the desktop homepage of each application, similar to moving application icons by sliding on a touch screen. For VR devices, AR devices and MR devices, user interaction can be achieved by moving application icons on the desktop by touching the touchpad on the device or by gesture operations.

[0004] Since the desktop of VR devices, AR devices and MR devices is a virtual desktop integrated with the real environment, when switching application icons on the desktop, the movement method of application icons on the mobile terminal desktop is usually borrowed, that is, switching methods such as up and down sliding and horizontal sliding. Before and after the switch, the display method of the icon does not change, and the icon display method is relatively simple. This icon display method is not harmonious with the immersive experience of the user when wearing the VR device / AR device / MR device, which reduces the user experience. Summary of the invention

[0005] The technical problem solved by the present invention is: how to make the desktop application icon display of VR device / AR device / MR device more harmonious with the user experience when wearing the device.

[0006] The present application discloses a method for displaying a desktop application icon, the method comprising:

[0007] In response to an instruction to display a desktop homepage, application icons are displayed on the desktop homepage in a preset display manner, wherein the desktop homepage includes a selected area and a candidate area, one of the selected area and the candidate area is used to display application icons moved from the other of the selected area and the candidate area, and the display manner of the moved application icon in the candidate area is different from the display manner in the selected area.

[0008] Optionally, displaying the application icon on the desktop homepage in a preset display mode includes:

[0009] At least two application icons are displayed in the candidate area, and the application icons in the candidate area are arranged in sequence along a preset display path and are close to the selected area in sequence.

[0010] Optionally, along the preset display path, at least one of the icon size, clarity, and opacity of each application icon increases as the distance between each application icon and the selected area decreases.

[0011] Optionally, the display manner of the moved application icon in the candidate area is different from the display manner in the selected area, including:

[0012] The moved application icon has at least one of different icon size, clarity, and transparency in the candidate area and the selected area.

[0013] Optionally, the selected area and the candidate area are distributed in a vertical direction, and the selected area is located below the candidate area.

[0014] Optionally, the selected area and the candidate area are distributed in a horizontal direction.

[0015] Optionally, the number of the candidate regions is two, and the selected region is located between the two candidate regions.

[0016] Optionally, the preset display path of the candidate area is a straight path, a curved path, or a bent path extending from the top to the bottom of the candidate area.

[0017] Optionally, the preset display path of the candidate area is a horizontal straight line path or an arc path extending toward the selected area.

[0018] Optionally, the method further comprises:

[0019] In response to the switching instruction, the application icon in one of the selected area and the candidate area is moved to the other of the selected area and the candidate area for display.

[0020] Optionally, the switching instruction includes a first switching instruction, and the application icon in one of the selected area and the candidate area is moved to the other area of ​​the selected area and the candidate area for display, including:

[0021] In response to the first switching instruction, the application icon in the candidate area is moved to the selected area for display, and at least one of the size, clarity and opacity of the application icon is increased during the movement from the candidate area to the selected area.

[0022] Optionally, the application icons in the candidate area are sequentially arranged along a preset display path and sequentially approach the selected area, and moving the application icons in the candidate area to the selected area for display includes:

[0023] In response to the first switching instruction, at least one application icon on the preset display path is moved to the selected area for display.

[0024] Optionally, the moving at least one application icon on the preset display path to the selected area for display includes:

[0025] In response to the first switching instruction, the candidate application icons that are closer to the selected area on the preset display path are preferentially moved to the selected area for display.

[0026] Optionally, the method further comprises:

[0027] According to the first switching instruction, except for the application icon moved to the selected area, other application icons in the candidate area are moved toward the selected area along the preset display path in sequence, and during the movement, at least one of the icon size, clarity, and opacity of each application icon is increased.

[0028] Optionally, the method further comprises:

[0029] Before moving the application icon in the candidate area, detecting that there is already an application icon in the selected area;

[0030] In the process of moving the application icons in the candidate area to the selected area for display, the existing application icons in the selected area are hidden or moved out.

[0031] Optionally, the method further comprises:

[0032] During the process of moving other application icons in the candidate area along the preset display path toward the selected area in sequence, a new application icon is displayed on the preset display path of the candidate area, and the new application icon is farther away from the selected area than other candidate application icons on the preset display path.

[0033] Optionally, the switching instruction further includes a second switching instruction, and the application icon in one of the selected area and the candidate area is moved to the other area of ​​the selected area and the candidate area for display, including:

[0034] In response to the second switching instruction, the existing application icon in the selected area is moved to the candidate area for display, and at least one of the size, clarity and opacity of the application icon is reduced during the movement from the selected area to the candidate area.

[0035] Optionally, each candidate application icon in the candidate area is sequentially arranged along a preset display path and sequentially approaches the selected area, and the method further includes:

[0036] In response to the second switching instruction, each application icon in the candidate area is moved away from the selected area along the preset display path in sequence, and during the movement, at least one of the icon size, clarity, and opacity of each application icon is reduced. The existing application icon in the selected area is moved to the preset display path to become a new selected application icon, and the new selected application icon is closer to the selected area than other application icons on the preset display path.

[0037] Optionally, the method further comprises:

[0038] In the process of moving the existing application icons in the selected area to the preset display path to become new selected application icons, the application icon farthest from the selected area on the preset display path is hidden or moved out of the candidate area.

[0039] Optionally, the method further comprises:

[0040] In response to the second switching instruction, in the process of moving the existing application icons in the selected area to the candidate area for display, a new application icon is displayed in the selected area.

[0041] Optionally, the number of the candidate regions is two, the selected region is located between the two candidate regions, and the selected region and the candidate regions are distributed in a horizontal direction, and the method further includes:

[0042] In response to the first switching instruction, an application icon in one of the two candidate areas is moved to the selected area for display, and an existing application icon in the selected area is moved to the other of the two candidate areas for display.

[0043] Optionally, the method is applied to a virtual reality device, an augmented reality device, or a mixed reality device.

[0044] The present application also discloses a computer-readable storage medium, wherein the computer-readable storage medium stores a desktop application icon display program, and when the desktop application icon display program is executed by a processor, the desktop application icon display method as described above is implemented.

[0045] The present application also discloses a computer device, which includes a computer-readable storage medium, a processor, and a desktop application icon display program stored in the computer-readable storage medium. When the desktop application icon display program is executed by the processor, the desktop application icon display method as described above is implemented.

[0046] The present invention discloses a desktop application program icon display method, a computer device, and a computer-readable storage medium, which have the following technical effects:

[0047] By adjusting the different display modes of application icons in the candidate area and the selected area, additional application icon display modes are added, making the icon display mode more harmonious with the immersive experience of wearing VR devices / AR devices / MR devices, thereby improving the user experience. BRIEF DESCRIPTION OF THE DRAWINGS

[0048] Figure 1 This is a flowchart of a method for displaying desktop application icons according to Embodiment 1 of the present invention;

[0049] Figure 2 This is a schematic diagram of a vertically distributed desktop homepage according to the first embodiment of the present invention;

[0050] Figure 3 For Figure 2 A schematic diagram after switching the application icon of the desktop homepage;

[0051] Figure 4 For Figure 2 Another schematic diagram after switching the application icon of the desktop homepage;

[0052] Figure 5 For Figure 2 Another schematic diagram after switching the application icon of the desktop homepage;

[0053] Figure 6 It is a schematic diagram of a horizontally distributed desktop homepage in the first embodiment of the present invention;

[0054] Figure 7 For Figure 6 A schematic diagram after switching the application icon of the desktop homepage;

[0055] Figure 8 For Figure 6 Another schematic diagram after switching the application icon of the desktop homepage;

[0056] Fig. 9 This is a principle block diagram of a desktop application icon display device according to a second embodiment of the present invention;

[0057] Fig.10 Schematic diagram of a computer device according to a fourth embodiment of the present invention. DETAILED DESCRIPTION

[0058] In order to make the purpose, technical solution and advantages of the present invention more clearly understood, the present invention is further described in detail below in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are only used to explain the present invention and are not used to limit the present invention.

[0059] Before describing the various embodiments of the present application in detail, the technical concept of the present application is first briefly described: in the prior art, when switching between different application icons, the desktop homepage of the head-mounted display device of the VR device / AR device / MR device usually translates the application icons, and the display method is relatively simple. To this end, the desktop application icon display method provided by the present application sets a selected area and a candidate area on the desktop homepage. When the application icons on the desktop homepage are in two different areas, different display methods are used for display to enhance the diversity of the display methods, so that the display of the desktop icons is more harmonious with the user's experience when wearing the head-mounted display device. The desktop application icon display method of the present application is described below in conjunction with more embodiments.

[0060] Specifically, Figure 1 As shown, the desktop application icon display method of the first embodiment includes:

[0061] Step S10: In response to an instruction to display a desktop homepage, application icons are displayed on the desktop homepage in a preset display manner, wherein the desktop homepage includes a selected area and a candidate area, one of the selected area and the candidate area is used to display application icons moved from the other of the selected area and the candidate area, and the display manner of the moved application icon in the candidate area is different from the display manner in the selected area.

[0062] Specifically, VR devices / AR devices / MR devices all have a desktop launcher. After the device is turned on, the desktop launcher opens the desktop homepage, which is used to display multiple application icons. That is, the desktop launcher generates a display instruction for the desktop homepage. The desktop homepage of the first embodiment includes a candidate area and a selected area. Both the candidate area and the selected area can display multiple application icons. Figure 2 As shown, in order to facilitate the distinction in description, the application icons in the candidate area are referred to as candidate application icons 101, and the candidate application icons are in a state of not being selected by the user. Usually, there are multiple candidate application icons. In this embodiment, the number of candidate application icons in the candidate area is set to at least two; the application icons in the selected area are referred to as selected application icons 102, and the selected application icons are in a state of being selected by the user. Further operations can be performed on the selected application icons, and the number of selected application icons can be one or more. In this embodiment, the number of selected application icons is preferably set to one, that is, in one interactive operation, one candidate application icon is selected to become the selected application icon, which conforms to the user's usual usage habits. Of course, in some implementations, two, three or more candidate application icons can also be selected at the same time.

[0063] For example, Figure 2 As shown, the candidate area can be the area represented by the dotted box A, the selected area can be the area represented by the dotted box B, and the candidate area and the selected area can be two adjacent display areas. A segmentation mark can be set between the candidate area and the selected area to serve as a prompt to the user; a segmentation mark may not be set between the candidate area and the selected area, and the background colors of the candidate area and the selected area can be set to different shades, different transparencies, etc. to distinguish the two. It should be noted that the dotted box A and the dotted box B are only used to represent the candidate area and the selected area. In the actual display page, the dotted box A and the dotted box B do not need to be displayed.

[0064] Furthermore, the relative positions of the candidate area and the selected area can be set to be vertically distributed. For example, in one embodiment, the selected area can be set below the candidate area, or the selected area can be set above the candidate area. In another embodiment, the candidate area and the selected area can be set to be horizontally distributed. For example, the selected area can be set in the right area of ​​the desktop homepage, and the candidate area can be set in the left area of ​​the desktop homepage. In another embodiment, the candidate area and the selected area can be distributed along an inclined direction. For example, the two can be distributed along the diagonal of the desktop homepage, the candidate area is set in the lower left area of ​​the desktop homepage, and the selected area is set in the upper right area of ​​the desktop homepage. The relative positions of the candidate area and the selected area can be set according to actual needs.

[0065] Further, when the selected area and the candidate areas are distributed in the horizontal direction, the number of the candidate areas is two, and the selected area is located between the two candidate areas, that is, the selected area is located in the middle area of ​​the desktop homepage, and the two candidate areas are set on both sides of the desktop homepage. Exemplarily, the preset display path of the candidate area is a horizontal straight line path or an arc path extending toward the selected area.

[0066] Furthermore, in one embodiment, a carrier identifier C may be provided in the selected area. The carrier identifier C is provided below the selected application icon in the selected area. On the one hand, the carrier identifier improves the user's field of vision and attention, making it easier to distinguish between the selected area and the candidate area. On the other hand, it can also enhance the display effect of the selected application icon in the selected area.

[0067] Specifically, displaying the application icons on the desktop homepage in a preset display mode includes: displaying at least two application icons in the candidate area, and the application icons in the candidate area are arranged in sequence along a preset display path and are close to the selected area in sequence. By arranging the application icons in this way, a visual sense of depth can be created.

[0068] For example, the preset display path is a path from one end of the candidate area away from the selected area to one end of the candidate area close to the selected area. The preset display path can be a straight path, a curved path, or a tortuous path. Figure 1 As shown, the candidate area and the selected area are vertically distributed, and the selected area is located below the candidate area. The preset display path at this time is a curved path pointing from the top of the candidate area to the bottom, as shown by the dotted line D. In one embodiment, the "approaching successively" mentioned here means that the length of the path that the application icon moves along the preset display path to the selected area decreases successively. In another embodiment, the "approaching successively" may also mean that the distance between the center point of the application icon and the center point of the selected area decreases successively. It should be noted that the dotted line D is only used to indicate the preset display path, and in the actual display interface, the dotted line D does not need to be displayed.

[0069] In one embodiment, the arrangement order of the application icons on the preset display path can be set according to the user's usage frequency, and the more frequently used application icons are closer to the selected area. Of course, in other embodiments, the arrangement order of the application icons can be adjusted according to the user's usage preferences.

[0070] Furthermore, along the preset display path, at least one of the icon size, clarity, and opacity of each application icon increases as the distance between each application icon and the selected area decreases.

[0071] Exemplarily, in the candidate area, the icon size of each candidate application icon increases as the distance between each candidate application icon and the selected area decreases, that is, the farther the candidate application icon is from the selected area, the smaller the icon size is, which can further enhance the depth of each candidate application icon in the spatial arrangement. Exemplarily, on the preset display path, along the direction away from the selected area, the icon size of each candidate application icon is proportionally reduced. In one embodiment, starting from the candidate application icon closest to the selected area, the icon size of each candidate application icon is reduced by 30% in sequence. Exemplarily, in the direction away from the selected area in sequence, the icon size of the next candidate application icon is reduced by 30% compared to the icon size of the previous candidate application icon. For example, assuming that the icon size of the previous candidate application icon is 100, the icon size of the next candidate application icon is 70, and the icon size of the next candidate application icon is 49, and so on. In this way, in the direction from the candidate area to the selected area, the size of each icon becomes larger in sequence, which can visually present a sense of depth.

[0072] In one embodiment, in the candidate area, the opacity of each candidate application icon increases as the distance between each candidate application icon and the selected area decreases. In one embodiment, exemplarily, on the preset display path along the direction away from the selected area, the opacity of each candidate application icon decreases arithmetic difference. Exemplarily, on the preset display path along the direction away from the selected area, the opacity of each candidate application icon is set to 80%, 60%, 40%, 20%, etc. in sequence. In other embodiments, the opacity of each candidate application icon can also be appropriately adjusted according to the number of icons. For example, when the number of application icons is large, the difference in transparency between two adjacent candidate application icons can be reduced; when the number of application icons is small, the difference in opacity between two adjacent candidate application icons can be increased. In this way, in the direction from the candidate area to the selected area, the opacity of each icon becomes larger in sequence, which can visually present a sense of depth.

[0073] Furthermore, the desktop application icon display method also includes:

[0074] Step S20: In response to the switching instruction, the application icon in one of the selected area and the candidate area is moved to the other area of ​​the selected area and the candidate area for display.

[0075] Specifically, the user can take a switching action for the desktop homepage, and the switching action is used to generate a switching instruction for displaying the desktop homepage to switch, move, etc. the application icons on the desktop homepage. In one embodiment, a touchpad can be set on the VR device / AR device / MR device, and the user's finger touches the touchpad, such as sliding in a certain direction, to form a switching action. Exemplarily, for AR glasses, a touchpad can be set on the temples of the AR glasses, and the user's finger slides forward along the temples to form a touch action. In another embodiment, the switching action can also be a gesture action for the application icon on the desktop homepage. For example, a gesture recognition module is set on the VR device / AR device / MR device. When the user views the current desktop homepage, the user can take a gesture action on the application icon that he wants to switch, such as sliding in a certain direction along the desktop homepage. The gesture recognition module captures the gesture action to form a switching action.

[0076] Exemplarily, the switching action may be a first touch action, and the first touch action is used to generate a first switching instruction for displaying the desktop homepage, so as to switch and move the application icons on the desktop homepage. In one embodiment, a touch pad may be provided on the VR device / AR device / MR device, and the user's finger touches the touch pad, such as sliding in a certain direction, to form a first touch action. Exemplarily, for AR glasses, a touch pad may be provided on the temples of the AR glasses, and the user's finger slides forward along the temples to form a first touch action. In another embodiment, the first touch action may also be a gesture action for the application icons on the desktop homepage, such as providing a gesture recognition module on the VR device / AR device / MR device, and when the user views the current desktop homepage, the user may take a gesture action on the application icon to be switched, such as sliding in a certain direction along the desktop homepage, and the gesture recognition module captures the gesture action to form a first touch action.

[0077] Further, the application icon in one of the selected area and the candidate area is moved to the other area of ​​the selected area and the candidate area for display, including:

[0078] Step S201, in response to a first switching instruction, moving the application icon in the candidate area to the selected area for display, wherein at least one of the size, clarity and opacity of the application icon increases during the movement from the candidate area to the selected area.

[0079] Exemplarily, according to the first switching instruction, the candidate application icon in the candidate area is moved to the selected area for display, and the candidate application icon becomes the selected application icon, that is, it is in a state of being selected by the user. Under the first switching instruction, one or more candidate application icons in the candidate area are moved to the selected area. In one embodiment, one or more candidate application icons can be manipulated to enter the selected area by controlling the duration, touch strength, and touch speed of the first touch action. For example, when the duration of the first touch action is short, a candidate application icon can be moved to enter the selected area at this time, and when the duration of the first touch action is long, multiple candidate application icons can be moved continuously and sequentially to enter the selected area. Similarly, when the touch strength of the first touch action is small, a candidate application icon can be moved to enter the selected area at this time, and when the touch strength of the first touch action is large, multiple candidate application icons can be moved continuously and sequentially to enter the selected area. Similarly, when the touch speed of the first touch action is small, a candidate application icon can be moved to enter the selected area at this time, and when the touch speed of the first touch action is large, multiple candidate application icons can be moved continuously and sequentially to enter the selected area.

[0080] Furthermore, in one embodiment, the size of the candidate application icon is gradually enlarged during the movement process from the candidate area to the selected area. For example, the candidate application icon may be gradually enlarged during the entire process from the start of the movement to the stop of the movement, or the candidate application icon may be gradually enlarged during the entire process from the edge of the candidate application icon entering the selected area to the candidate application icon completely entering the selected area. Visually speaking, the user pays more attention to the selected area than to or less attention to the candidate area. The selected area can be considered as visually "near" and the candidate area can be considered as visually "far". The process of the candidate application icon entering the selected area from the candidate area is a process from far to near. In this process, gradually enlarging the candidate application icon can improve the sense of depth of the candidate application icon's movement process.

[0081] In one implementation, in response to the first switching instruction, at least one application icon on a preset display path is moved to the selected area for display.

[0082] Exemplarily, according to the first switching instruction, on the preset display path, the candidate application icon that is closer to the selected area has higher priority in being moved to the selected area. Exemplarily, when a candidate application icon is to be moved into the selected area, the method of moving the candidate application icon in the candidate area for display in accordance with the first switching instruction includes: moving the candidate application icon closest to the selected area on the preset display path to the selected area for display in accordance with the first switching instruction. Similarly, in another embodiment, when two candidate application icons are to be moved into the selected area, the candidate application icon closest to the selected area and the candidate application icon next closest to the selected area on the preset display path are moved successively to the selected area for display in accordance with the first switching instruction. Of course, in other embodiments, any application icon on the preset display path can be selected and moved to the selected area for display.

[0083] Furthermore, according to the first switching instruction, except for the candidate application icon moved to the selected area, other candidate application icons in the candidate area are moved toward the selected area in sequence along the preset display path and each candidate application icon is enlarged during the movement. Figure 3 As shown, exemplarily, assuming that there are 6 candidate application icons on the preset display path of the candidate area, when the candidate application icon closest to the selected area is moved to the selected area, the remaining 5 candidate application icons are moved in the direction close to the selected area, and during the movement, the 5 candidate application icons are gradually enlarged. In other words, under the first switching instruction, each candidate application icon on the preset display path is moved and enlarged, which can better reflect the sense of depth of the switching process visually. For example, in one embodiment, when the preset display path is a curved path pointing from the top to the bottom of the candidate area, each candidate application icon is arranged from top to bottom, and each candidate application icon is gradually enlarged during the movement from top to bottom, and the visual sense of depth is stronger.

[0084] Specifically, the degree of magnification of other candidate application icons in the candidate area during the moving process can be set according to actual needs. Exemplarily, on the preset display path along the direction close to the selected area, under the first switching instruction, during the moving process, each candidate application icon is enlarged to the same size as the previous candidate application icon adjacent to it. For example, the candidate area has 6 candidate application icons, which are numbered 1, 2, 3, 4, 5, and 6 respectively along the direction close to the selected area on the preset display path. Under the first switching instruction, when the 6th candidate application icon is moved to the selected area, the 5th candidate application icon is enlarged to the size before the 6th candidate application icon is moved, and the 5th candidate application icon is moved to the position before the 6th candidate application icon is moved. Similarly, the 4th candidate application icon is enlarged to the size before the 5th candidate application icon is moved, and the 4th candidate application icon is moved to the position before the 5th candidate application icon is moved, so that each candidate application icon presents the effect of filling in the position forward in sequence, which is conducive to further improving the sense of depth of the icon switching process.

[0085] Furthermore, during the movement of each candidate application icon, in addition to enlarging each candidate application icon, the clarity and / or opacity of each candidate application icon can also be adjusted. In one embodiment, the clarity and / or opacity of the candidate application icon increases during the movement from the candidate area to the selected area. Therefore, during the icon switching process, the icon size is enlarged and the clarity and opacity of the icon are increased as the candidate application icons move from far to near, which is conducive to creating a stronger sense of depth. In another embodiment, according to the first switching instruction, in addition to the candidate application icon moved to the selected area, the other candidate application icons in the candidate area are moved toward the selected area along the preset display path in sequence, and the clarity of each candidate application icon increases during the movement.

[0086] Furthermore, when a candidate application icon enters the selected area from the candidate area and becomes a selected application icon, a selection box E may be added around the selected application icon to better prompt the user that the selected application icon is in a selected state.

[0087] Furthermore, the desktop application program icon display method further includes:

[0088] Step S30: Before moving the application icon in the candidate area, detecting that there is already an application icon in the selected area;

[0089] Step S40: In the process of moving the application icons in the candidate area to the selected area for display, the existing application icons in the selected area are hidden or removed.

[0090] Specifically, in step S30, in one embodiment, when the desktop homepage is displayed for the first time, the selected area already has an application icon, that is, the selected area has a selected application icon. In another embodiment, when the desktop homepage is displayed for the first time, the selected area does not have a selected application icon. After performing a first touch action, the selected area now has a selected application icon. When a subsequent first touch action is required, it can be detected that the selected area has a selected application icon. At this time, the old selected application icon can be switched out to display the new selected application icon.

[0091] Exemplarily, in the process of moving the candidate application icons in the candidate area to the selected area for display according to the first switching instruction, the selected application icon is hidden. Figure 4 As shown, in one embodiment, during the process of moving the candidate application icons to the selected area for display, the icon size of the selected application icon gradually decreases until the icon disappears. In another embodiment, during the process of moving the candidate application icons to the selected area for display, the clarity of the selected application icon gradually decreases until the icon disappears. In other embodiments, during the process of moving the candidate application icons to the selected area for display, the clarity of the selected application icon gradually decreases and the icon size gradually decreases until the icon disappears. In one embodiment, during the process of moving the candidate application icons to the selected area for display, in a direction perpendicular to the selected area, the clarity of the selected application icon gradually decreases and the icon size gradually decreases until the icon disappears.

[0092] Exemplarily, in the process of moving the candidate application icons in the candidate area to the selected area for display according to the first switching instruction, the selected application icon is moved out of the selected area. Figure 5 As shown, in one embodiment, during the process of moving the candidate application icons to the selected area for display, the selected application icon moves out from the edge of the selected area in the horizontal direction until the icon disappears. In another embodiment, during the process of moving the candidate application icons to the selected area for display, the selected application icon moves out from the edge of the selected area in the vertical direction until the icon disappears. In other embodiments, during the process of the selected application icon moving out from the edge of the selected area, the clarity of the selected application icon gradually decreases and / or the icon size gradually decreases.

[0093] Furthermore, when the selected application icon is completely hidden or completely moved out of the selected area, the candidate application icon completely enters the selected area and becomes the new selected application icon. It should be noted that the above embodiments are described by taking the example of displaying only one selected application icon in the selected area. In other embodiments, when two or more selected application icons can be displayed in the selected area, when a candidate application icon needs to be moved to the selected area, only one selected application icon in the selected area can be hidden or disappear, and the remaining selected application icons can continue to be displayed.

[0094] Furthermore, the desktop application icon display method also includes:

[0095] Step S50, in the process of moving other candidate application icons in the candidate area along the preset display path toward the selected area in sequence, a new candidate application icon is displayed on the preset display path of the candidate area, and the new candidate application icon is farther away from the selected area than other candidate application icons on the preset display path. Exemplarily, when other candidate application icons in the candidate area as a whole approach the selected area, a vacant space appears at the end of the preset display path away from the selected area, and the new candidate application icon can be displayed in the vacant space. In one embodiment, at the vacant space at the end of the preset display path away from the selected area, the new candidate application icon gradually increases in size or becomes clearer until it is displayed. In another embodiment, the new candidate application icon enters from the edge of the candidate area to the vacant space at the end of the preset display path away from the selected area, and is displayed, thereby achieving a filling effect.

[0096] Further, in step S20, the switching instruction further includes a second switching instruction, and the application icon in one of the selected area and the candidate area is moved to the other area of ​​the selected area and the candidate area for display, including:

[0097] Step S202, in response to a second switching instruction, move the existing application icon in the selected area to the candidate area for display, and at least one of the size, clarity, and opacity of the application icon is reduced during the movement from the selected area to the candidate area.

[0098] In step S202, the switching action may be a second touch action, that is, the user may take a second touch action for the desktop homepage, and the second touch action is used to generate a second switching instruction for displaying the desktop homepage, so as to switch, move, etc. the selected application icon on the desktop homepage. In one embodiment, a touch pad may be provided on the VR device / AR device / MR device, and the user's finger touches the touch pad, such as sliding in a certain direction, to form a second touch action. Exemplarily, for AR glasses, a touch pad may be provided on the temples of the AR glasses, and the user's finger slides backward along the temples to form a second touch action. In another embodiment, the first touch action may also be a gesture action for the application icon on the desktop homepage, such as providing a gesture recognition module on the VR device / AR device / MR device, and when the user views the current desktop homepage, the user may take a gesture action for the selected application icon to be switched, such as sliding in a certain direction along the desktop homepage, and the gesture recognition module captures the gesture action to form a second touch action.

[0099] Furthermore, in one embodiment, the second switching instruction moves the selected application icon in the selected area to the candidate area for display, and the size of the selected application icon gradually decreases during the movement from the selected area to the candidate area.

[0100] Furthermore, the method also includes: according to the second switching instruction, each candidate application icon in the candidate area is moved away from the selected area along the preset display path in sequence and each candidate application icon is reduced in size during the movement, and the selected application icon is moved to the preset display path to become a new candidate application icon, and the new candidate application icon is closer to the selected area than other candidate application icons on the preset display path.

[0101] Furthermore, the desktop application icon display method also includes: according to the second switching instruction, each candidate application icon in the candidate area is moved away from the selected area along the preset display path in sequence and each candidate application icon is reduced in size during the movement, and the selected application icon is moved to the preset display path to become a new candidate application icon, and the new candidate application icon is closer to the selected area than other candidate application icons on the preset display path.

[0102] In one embodiment, the operation process of the second touch action on the application icon on the desktop homepage and the operation process of the first touch action on the application icon on the desktop homepage can be a reciprocal process. In other words, the second touch action is a rollback action of the first touch action.

[0103] Furthermore, in response to the second switching instruction, each application icon in the candidate area is moved away from the selected area in sequence along the preset display path, and during the movement, at least one of the icon size, clarity, and opacity of each application icon is reduced, and the existing application icon in the selected area is moved to the preset display path to become a new selected application icon, and the new selected application icon is closer to the selected area than other application icons on the preset display path.

[0104] Exemplarily, under the second switching instruction, during the process of the selected application icon in the selected area being moved to the candidate area, the icon size of the selected application icon gradually decreases, and each candidate application icon in the candidate area gradually moves away from the selected area and the icon size gradually decreases. In one embodiment, under the second switching instruction, during the process of the selected application icon in the selected area being moved to the candidate area, the clarity and / or opacity of the selected application icon gradually decreases, and each candidate application icon in the candidate area gradually moves away from the selected area and the clarity and / or opacity gradually decreases. For example, in one embodiment, when the preset display path is a curved path pointing from the top to the bottom of the candidate area, each candidate application icon is arranged from top to bottom, and each candidate application icon gradually shrinks during the process of moving from bottom to top, that is, in the process from near to far, the icon gradually shrinks, the clarity and opacity gradually decrease, and the visual sense of depth is stronger.

[0105] Furthermore, the desktop application icon display method also includes: in the process of moving the existing application icons in the selected area to the preset display path to become new selected application icons, hiding or moving the application icon farthest from the selected area on the preset display path outside the candidate area.

[0106] Exemplarily, when the candidate area is full of candidate application icons, it is necessary to reduce one or more candidate application icons in the candidate area to form an empty space on the candidate area, so as to facilitate moving the selected application icon to the empty space in the candidate area.

[0107] Exemplarily, under the second switching instruction, when other candidate application icons in the candidate area are as a whole far away from the selected area, a candidate application icon farthest from the selected area on the preset display path gradually shrinks or gradually becomes blurred until it is hidden. In one embodiment, a candidate application icon farthest from the selected area on the preset display path moves out from the edge of the candidate area until the icon disappears.

[0108] Furthermore, the desktop application icon display method further includes: in response to the second switching instruction, in the process of moving the existing application icons in the selected area to the candidate area for display, displaying a new application icon in the selected area.

[0109] Exemplarily, according to the above description, under the first switching instruction, in the process of the candidate application icon entering the selected area from the candidate area, the selected application icon in the selected area is hidden or moved out of the selected area. As a reverse operation, under the second switching instruction, when the candidate application icon being displayed in the selected area is moved out of the candidate area to the candidate area, the selected application icon that has been hidden or moved out of the selected area can be redisplayed. In one embodiment, under the second switching instruction, when the candidate application icon being displayed in the selected area is moved out of the candidate area, the previously hidden selected application icon is gradually displayed in the selected area, and the gradual display may be performed by gradually increasing the icon size or gradually becoming clearer. In another embodiment, under the second switching instruction, when the candidate application icon being displayed in the selected area is moved out of the candidate area to the candidate area, the previously moved selected application icon is moved from the edge into the selected area. The above operation can achieve a fallback effect. For example, when the user switches to the previous hidden selected application icon, the selected application icon can be called out through the second switching instruction; or when an accidental touch occurs under the first instruction, multiple candidate application icons continuously enter the selected area, and the selected application icon that the user wants to switch to is hidden, at this time, the fallback effect of the second switching instruction can be used to switch to the desired selected application icon, which improves the user experience while ensuring the sense of depth of the switching process.

[0110] Furthermore, if Figure 6 As shown, when the selected area and the candidate areas are distributed in the horizontal direction, the number of the candidate areas is two, and the selected area is located between the two candidate areas, that is, the selected area is located in the middle area of ​​the desktop homepage, and the two candidate areas are set on both sides of the desktop homepage. Exemplarily, the preset display path of the candidate area is a horizontal straight line path or an arc path extending toward the selected area.

[0111] Further, in response to the first switching instruction, an application icon in one of the two candidate areas is moved to the selected area for display, and an existing application icon in the selected area is moved to the other of the two candidate areas for display.

[0112] In one embodiment, when it is detected that the selected area has a selected application icon, the candidate application icon of one of the two candidate areas is moved to the selected area for display according to the first switching instruction, and the selected application icon is moved to the other of the two candidate areas for display. Figure 7 As shown, exemplarily, under the first instruction, when the candidate application icon in the candidate area on the left that is closest to the selected area is moved to the selected area, during the movement, the selected application icon in the selected area is moved to the candidate area on the left, thereby completing the icon switching. In the process of moving the selected application icon in the selected area to the candidate area on the left, the size of the selected application icon gradually decreases, and each candidate application icon in the candidate area on the left is moved away from the selected area as a whole, so as to form an empty space in the candidate area on the right, so as to display the moved selected application icon in the empty space. At this time, for the candidate area on the right, the first switching instruction has the effect of the second switching instruction described above, that is, the first switching instruction moves the existing application icons in the selected area back to the candidate area.

[0113] Further, in another embodiment, when it is detected that the selected area has a selected application icon, the selected application icon is moved from the selected area to one of the two candidate areas for display according to the second switching instruction, and the candidate application icon in the other of the two candidate areas is moved to the selected area for display. Figure 8 As shown, for example, under the second switching instruction, the selected application icon in the price selected area is moved to the candidate area on the left, and the candidate application icon closest to the selected area in the candidate area on the right is moved to the selected area for display. During the moving in and out process, the size change and clarity change of the application icon can refer to the description above.

[0114] like Fig. 9 As shown, the second embodiment further discloses a desktop application icon display device, which includes an interface display module 100 and an action detection module 200 .

[0115] The interface display module 100 is used to display application icons on the desktop homepage in response to a display instruction for the desktop homepage according to a preset display mode, wherein the desktop homepage includes a selected area and a candidate area, and one of the selected area and the candidate area is used to display application icons moved from the other of the selected area and the candidate area, and the display mode of the moved application icon in the candidate area is different from that in the selected area. The moved application icon is different in at least one of the icon size, clarity, and transparency in the candidate area and the selected area.

[0116] In one embodiment, the interface display module 100 is further configured to display at least two application icons in the candidate area, wherein the application icons in the candidate area are sequentially arranged along a preset display path and sequentially approach the selected area. Along the preset display path, at least one of the icon size, clarity, and opacity of the application icons increases as the distance between the application icons and the selected area decreases.

[0117] The action detection module 200 is also used to detect the user's switching action, and the switching action is used to generate a switching instruction for displaying the desktop homepage to switch and move the application icons on the desktop homepage. The interface display module 100 is also used to respond to the switching instruction, and the application icons in one of the selected area and the candidate area are moved to the other area of ​​the selected area and the candidate area for display.

[0118] In one embodiment, the action detection module 200 is also used to detect a user's first touch action, and the first touch action is used to generate a first switching instruction action for displaying a desktop homepage. The interface display module 100 is also used to respond to the first switching instruction to move the application icon in the candidate area to the selected area for display, and at least one of the icon size, clarity, and opacity of the application icon increases during the movement from the candidate area to the selected area.

[0119] In one embodiment, the interface display module 100 is further configured to, in response to the first switching instruction, move at least one application icon on the preset display path to the selected area for display. Further, in response to the first switching instruction, the candidate application icon on the preset display path that is closer to the selected area is more preferentially moved to the selected area for display.

[0120] Furthermore, the interface display module 100 is also used to detect that there is already an application icon in the selected area before moving the application icon in the candidate area, and hide or remove the existing application icon in the selected area during the process of moving the application icon in the candidate area to the selected area for display.

[0121] Furthermore, the interface display module 100 is also used to display a new application icon on the preset display path of the candidate area during the process of moving other application icons in the candidate area along the preset display path toward the selected area in sequence, and the new application icon is farther away from the selected area than other candidate application icons on the preset display path.

[0122] Furthermore, the action detection module 200 is also used to detect a second touch action of the user, and the second touch action is used to generate a second switching instruction for displaying the desktop homepage; the interface display module 100 is also used to move the existing application icons in the selected area to the candidate area for display in response to the second switching instruction, and at least one of the icon size, clarity, and opacity of the application icon is reduced during the movement from the selected area to the candidate area.

[0123] Furthermore, the interface display module 100 is also used to move the various application icons in the candidate area away from the selected area along the preset display path in sequence in response to the second switching instruction, and at least one of the icon size, clarity, and opacity of each application icon is reduced during the movement, and the existing application icons in the selected area are moved to the preset display path to become new selected application icons, and the new selected application icons are closer to the selected area than other application icons on the preset display path.

[0124] Furthermore, the interface display module 100 is also used to hide or move the candidate application icon farthest from the selected area on the preset display path outside the candidate area during the process of moving the selected application icon to the preset display path to become a new candidate application icon.

[0125] Furthermore, the interface display module 100 is also used to hide or move the application icon farthest from the selected area on the preset display path outside the candidate area when the existing application icon in the selected area is moved to the preset display path to become a new selected application icon.

[0126] Furthermore, the interface display module 100 is further configured to, in response to the second switching instruction, display a new application icon in the selected area while moving the existing application icons in the selected area to the candidate area for display.

[0127] Furthermore, the number of the candidate areas is two, the selected area is located between the two candidate areas, and the selected area and the candidate areas are distributed in the horizontal direction. The interface display module 100 is also used to respond to the first switching instruction, move the application icon of one of the two candidate areas to the selected area for display, and move the existing application icon of the selected area to the other of the two candidate areas for display.

[0128] It should be noted that the more detailed data processing process of the interface display module 100 and the action detection module 200 can refer to the description of the first embodiment.

[0129] The third embodiment further discloses a computer-readable storage medium, which stores a desktop application icon display program. When the desktop application icon display program is executed by a processor, the desktop application icon display method in the first embodiment is implemented.

[0130] This fourth embodiment also discloses a computer device, at the hardware level, such as Fig.10 As shown, the computer device includes a processor 12, an internal bus 13, a network interface 14, and a computer-readable storage medium 11. The processor 12 reads the corresponding computer program from the computer-readable storage medium and then runs it, forming a request processing device at the logical level. Of course, in addition to software implementations, one or more embodiments of this specification do not exclude other implementations, such as logic devices or a combination of software and hardware, etc., that is, the execution subject of the following processing flow is not limited to each logical unit, but can also be hardware or logic devices. A desktop application icon display program is stored on the computer-readable storage medium 11, and the desktop application icon display program implements the above-mentioned desktop application icon display method when executed by the processor.

[0131] Computer-readable storage media include permanent and non-permanent, removable and non-removable media that can be implemented by any method or technology to store information. Information can be computer-readable instructions, data structures, modules of programs or other data. Examples of computer-readable storage media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other memory technology, compact disk read-only memory (CD-ROM), digital versatile disk (DVD) or other optical storage, magnetic cassettes, magnetic disk storage, quantum memory, graphene-based storage media or other magnetic storage devices or any other non-transmission media that can be used to store information that can be accessed by a computing device.

[0132] The computer device mentioned above may be a VR device / AR device / MR device. For example, the computer device may be augmented reality or virtual reality glasses.

[0133] In the example of augmented reality or virtual reality glasses, the computer device can be configured to pass data to an external processing device and receive data from the external processing device through a signal connection, and the signal connection can be a wired connection, a wireless connection or a combination thereof. However, in other cases, the computer device can be used as a stand-alone device, that is, data processing is performed on the computer device itself. The signal connection can be configured to carry any kind of data, such as image data (e.g., still images and / or full motion video, including 2D and 3D images), audio, multimedia, voice and / or any other type of data. The external processing device can be, for example, a game console, a personal computer, a tablet computer, a smart phone or other types of processing devices. The signal connection can be, for example, a universal serial bus (USB) connection, a Wi-Fi connection, a Bluetooth or Bluetooth low energy (BLE) connection, an Ethernet connection, a cable connection, a DSL connection, a cellular connection (e.g., 3G, LTE / 4G or 5G), etc. or a combination thereof. Additionally, the external processing device can communicate with one or more other external processing devices via a network, and the network can be or include, for example, a local area network (LAN), a wide area network (WAN), an intranet, a metropolitan area network (MAN), the global Internet or a combination thereof.

[0134] The computer device may be equipped with a display component, an optical device, a sensor, a processor, etc. In the example of augmented reality or virtual reality glasses, the display component is designed to, for example, implement the functions of virtual reality glasses by projecting light into the user's eyes, for example, by projecting light into the user's eyes, overlaying images on the user's view of their real world environment to implement the functions of augmented reality glasses. The computer device may also include an ambient light sensor, and may also include an electronic circuit system to control at least some of the above components and perform associated data processing functions. The electronic circuit system may include, for example, one or more processors and one or more memories.

[0135] The specific implementation methods of the present invention are described in detail above. Although some embodiments have been shown and described, those skilled in the art should understand that these embodiments can be modified and improved without departing from the principles and spirit of the present invention, the scope of which is defined by the claims and their equivalents. These modifications and improvements should also be within the scope of protection of the present invention.

Claims

1. A method for displaying desktop application icons, characterized in that: The method comprises: In response to an instruction to display a desktop homepage, application icons are displayed on the desktop homepage in a preset display manner, wherein the desktop homepage includes a selected area and a candidate area, one of the selected area and the candidate area is used to display application icons moved from the other of the selected area and the candidate area, and the display manner of the moved application icon in the candidate area is different from the display manner in the selected area.

2. The desktop application icon display method according to claim 1, characterized in that: The displaying of the application icon on the desktop homepage according to the preset display mode includes: At least two application icons are displayed in the candidate area, and the application icons in the candidate area are arranged in sequence along a preset display path and are close to the selected area in sequence.

3. The desktop application icon display method according to claim 2, characterized in that: Along the preset display path, at least one of the icon size, clarity, and opacity of each application icon increases as the distance between each application icon and the selected area decreases.

4. The desktop application icon display method according to claim 1, characterized in that: The display mode of the moved application icon in the candidate area is different from the display mode in the selected area, including: The moved application icon has at least one of different icon size, clarity, and transparency in the candidate area and the selected area.

5. The desktop application program icon display method according to claim 1, characterized in that: The selected area and the candidate area are distributed along a vertical direction, and the selected area is located below the candidate area.

6. The desktop application icon display method according to claim 1, characterized in that: The selected area and the candidate area are distributed along a horizontal direction.

7. The desktop application icon display method according to claim 6, characterized in that: The number of the candidate regions is two, and the selected region is located between the two candidate regions.

8. The desktop application program icon display method according to claim 5, characterized in that: The preset display path of the candidate area is a straight path, a curved path, or a bent path extending from the top to the bottom of the candidate area.

9. The desktop application icon display method according to claim 6, characterized in that: The preset display path of the candidate area is a horizontal straight line path or an arc path extending toward the selected area.

10. The desktop application icon display method according to claim 1, characterized in that: The method further comprises: In response to the switching instruction, the application icon in one of the selected area and the candidate area is moved to the other of the selected area and the candidate area for display.

11. The desktop application program icon display method according to claim 10, characterized in that: The switching instruction includes a first switching instruction, and the application icon in one of the selected area and the candidate area is moved to the other area of ​​the selected area and the candidate area for display, including: In response to the first switching instruction, the application icon in the candidate area is moved to the selected area for display, and at least one of the size, clarity and opacity of the application icon is increased during the movement from the candidate area to the selected area.

12. The desktop application icon display method according to claim 11, characterized in that: The application icons in the candidate area are arranged in sequence along a preset display path and are sequentially close to the selected area, and the moving the application icons in the candidate area to the selected area for display includes: In response to the first switching instruction, at least one application icon on the preset display path is moved to the selected area for display.

13. The desktop application icon display method according to claim 12, characterized in that: The moving at least one application icon on the preset display path to the selected area for display comprises: In response to the first switching instruction, the candidate application icons that are closer to the selected area on the preset display path are preferentially moved to the selected area for display.

14. The desktop application program icon display method according to claim 13, characterized in that: The method further comprises: According to the first switching instruction, except for the application icon moved to the selected area, other application icons in the candidate area are moved toward the selected area along the preset display path in sequence, and during the movement, at least one of the icon size, clarity, and opacity of each application icon is increased.

15. The desktop application icon display method according to claim 11, characterized in that: The method further comprises: Before moving the application icon in the candidate area, detecting that there is already an application icon in the selected area; In the process of moving the application icons in the candidate area to the selected area for display, the existing application icons in the selected area are hidden or moved out.

16. The desktop application icon display method according to claim 13, characterized in that: The method further comprises: During the process of moving other application icons in the candidate area along the preset display path toward the selected area in sequence, a new application icon is displayed on the preset display path of the candidate area, and the new application icon is farther away from the selected area than other candidate application icons on the preset display path.

17. The desktop application icon display method according to claim 10, characterized in that: The switching instruction further includes a second switching instruction, and the application icon in one of the selected area and the candidate area is moved to the other area of ​​the selected area and the candidate area for display, including: In response to the second switching instruction, the existing application icon in the selected area is moved to the candidate area for display, and at least one of the size, clarity and opacity of the application icon is reduced during the movement from the selected area to the candidate area.

18. The desktop application icon display method according to claim 17, characterized in that: The candidate application icons in the candidate area are arranged in sequence along a preset display path and are sequentially close to the selected area, and the method further includes: In response to the second switching instruction, each application icon in the candidate area is moved away from the selected area along the preset display path in sequence, and during the movement, at least one of the icon size, clarity, and opacity of each application icon is reduced. The existing application icon in the selected area is moved to the preset display path to become a new selected application icon, and the new selected application icon is closer to the selected area than other application icons on the preset display path.

19. The desktop application icon display method according to claim 18, characterized in that: The method further comprises: In the process of moving the existing application icons in the selected area to the preset display path to become new selected application icons, the application icon farthest from the selected area on the preset display path is hidden or moved out of the candidate area.

20. The desktop application icon display method according to claim 12, characterized in that: The method further comprises: In response to the second switching instruction, in the process of moving the existing application icons in the selected area to the candidate area for display, a new application icon is displayed in the selected area.

21. The desktop application icon display method according to claim 15, characterized in that: The number of the candidate regions is two, the selected region is located between the two candidate regions, and the selected region and the candidate regions are distributed in a horizontal direction, and the method further includes: In response to the first switching instruction, an application icon in one of the two candidate areas is moved to the selected area for display, and an existing application icon in the selected area is moved to the other of the two candidate areas for display.

22. The desktop application icon display method according to claim 1, characterized in that: The method is applied to a virtual reality device, an augmented reality device, or a mixed reality device.

23. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores a desktop application icon display program, and when the desktop application icon display program is executed by a processor, the desktop application icon display method according to any one of claims 1 to 22 is implemented.

24. A computer device, characterized in that: The computer device includes a computer-readable storage medium, a processor, and a desktop application icon display program stored in the computer-readable storage medium. When the desktop application icon display program is executed by the processor, the desktop application icon display method according to any one of claims 1 to 22 is implemented.

Images