Interface display method and device

Abstract

This application discloses an interface display method and apparatus, belonging to the field of communication technology. The method includes: receiving a first input from a user when displaying a 3D graphic icon; wherein at least two faces of the 3D graphic icon correspond to different icons, the icons indicating any one of the following: an application, a function page; the first input instructing the 3D graphic icon to rotate; in response to the first input, when the 3D graphic icon stops rotating, displaying an interface corresponding to a target icon in a split-screen manner according to the pose state of the 3D graphic icon; wherein, in the pose state, the 3D graphic icon displays N faces, and the target icon is the icon corresponding to the N faces displayed by the 3D graphic icon in the pose state; wherein N is a positive integer greater than 1.

Description

Technical Field

[0001] This application belongs to the field of communication technology, specifically relating to an interface display method and device. Background Technology

[0002] With the rapid development of electronic technology, applications support increasingly richer functions, resulting in a growing variety and number of applications on electronic devices, and consequently, an ever-increasing number of application icons on the desktop of electronic devices.

[0003] Currently, folders can be used to store multiple application icons. However, this results in deeper paths for the various function entries within the applications, and when multiple applications need to be opened, each application icon needs to be clicked one by one, which is cumbersome. Summary of the Invention

[0004] The purpose of this application is to provide an interface display method and apparatus, which can solve the problem of cumbersome operation when opening multiple applications in the prior art.

[0005] In a first aspect, embodiments of this application provide an interface display method, the method comprising:

[0006] When a 3D graphic icon is displayed, a first input from the user is received; wherein at least two faces of the 3D graphic icon have different icons corresponding to them, and the icons are used to indicate any one of the following: an application, a function page; the first input is used to instruct the 3D graphic icon to rotate;

[0007] In response to the first input, when the 3D graphic icon stops rotating, the interface corresponding to the target icon is displayed in split screen according to the pose state of the 3D graphic icon; wherein, in the pose state, the 3D graphic icon displays N faces, and the target icon is the icon corresponding to the N faces displayed by the 3D graphic icon in the pose state.

[0008] Where N is a positive integer greater than 1.

[0009] Secondly, embodiments of this application provide an interface display device, the device comprising:

[0010] A first receiving module is configured to receive a first input from a user when a 3D graphic icon is displayed; wherein at least two faces of the 3D graphic icon have different icons corresponding to them, and the icons are used to indicate any one of the following: an application, a function page; the first input is used to instruct the 3D graphic icon to rotate;

[0011] The first display module is configured to respond to the first input and, when the 3D graphic icon stops rotating, display the interface corresponding to the target icon in a split-screen manner according to the pose state of the 3D graphic icon; wherein, in the pose state, the 3D graphic icon displays N faces, and the target icon is the icon corresponding to the N faces displayed by the 3D graphic icon in the pose state; wherein, N is a positive integer greater than 1.

[0012] Thirdly, embodiments of this application provide an electronic device including a processor and a memory, wherein the memory stores programs or instructions executable on the processor, and the programs or instructions, when executed by the processor, implement the steps of the method described in the first aspect.

[0013] Fourthly, embodiments of this application provide a readable storage medium on which a program or instructions are stored, which, when executed by a processor, implement the steps of the method described in the first aspect.

[0014] Fifthly, embodiments of this application provide a chip, the chip including a processor and a communication interface, the communication interface being coupled to the processor, the processor being used to run programs or instructions to implement the method as described in the first aspect.

[0015] In a sixth aspect, embodiments of this application provide a computer program product stored in a storage medium, which is executed by at least one processor to implement the method described in the first aspect.

[0016] In this embodiment, when displaying a 3D graphic icon with different icons on at least two faces, in response to the user's first input to rotate the 3D graphic icon, the interface corresponding to the target icon on the N faces of the 3D graphic icon can be displayed in a split-screen manner according to the pose state when the 3D graphic icon stops rotating. In this way, the user can directly find the icons corresponding to multiple interfaces that they want to open by rotating the 3D graphic icon, so that multiple interfaces corresponding to multiple icons can be opened in one operation, without the need for frequent operation by the user. Moreover, multiple interfaces can be displayed in a split-screen manner, which is simple to operate and improves the user experience. Attached Figure Description

[0017] Figure 1 This is a flowchart illustrating one of the exemplary embodiments of an interface display method;

[0018] Figure 2 This is a schematic diagram illustrating a three-dimensional graphic icon as an exemplary embodiment;

[0019] Figure 3 This is one of the schematic diagrams illustrating the pose state of a three-dimensional graphic icon in an exemplary embodiment;

[0020] Figure 4 This is a schematic diagram illustrating a split-screen display interface of an electronic device in an exemplary embodiment;

[0021] Figure 5 This is a second exemplary embodiment illustrating the pose state of a three-dimensional graphic icon;

[0022] Figure 6 This is one of the exemplary embodiments illustrating the generation of a three-dimensional graphic icon;

[0023] Figure 7 This is a second exemplary embodiment illustrating the generation of a three-dimensional graphic icon;

[0024] Figure 8 This is a second flowchart illustrating an exemplary embodiment of an interface display method;

[0025] Figure 9 This is a third flowchart illustrating an exemplary embodiment of an interface display method;

[0026] Figure 10 This is a schematic diagram of the structure of an interface display device shown in an exemplary embodiment;

[0027] Figure 11 This is a schematic diagram illustrating the structure of an electronic device in an exemplary embodiment;

[0028] Figure 12 This is a schematic diagram of the hardware structure of an electronic device shown in an embodiment of this application. Detailed Implementation

[0029] The technical solutions of the embodiments of this application will be clearly described below with reference to the accompanying drawings. Obviously, the described embodiments are only some, not all, of the embodiments of this application. All other embodiments obtained by those skilled in the art based on the embodiments of this application are within the scope of protection of this application.

[0030] The terms "first," "second," etc., used in the specification and claims of this application are used to distinguish similar objects and not to describe a specific order or sequence. It should be understood that such use of data can be interchanged where appropriate so that embodiments of this application can be implemented in orders other than those illustrated or described herein, and the objects distinguished by "first," "second," etc., are generally of the same class and the number of objects is not limited; for example, a first object can be one or more. Furthermore, in the specification and claims, "and / or" indicates at least one of the connected objects, and the character " / " generally indicates that the preceding and following objects are in an "or" relationship.

[0031] As described in the background art, in the prior art, when storing multiple application icons, the paths to the various function entry points in the applications are deep, and when multiple applications need to be opened, each application icon needs to be clicked one by one, which is cumbersome. In order to solve the above problems, the embodiments of this application provide an interface display method, device, electronic device and storage medium. When displaying a three-dimensional graphic icon with different icons on at least two faces, in response to the user's first input of rotating the three-dimensional graphic icon, the interface corresponding to the target icon on the N faces of the three-dimensional graphic icon can be displayed in a split screen according to the position state of the three-dimensional graphic icon when it stops rotating. In this way, the user can directly find the icons corresponding to multiple interfaces that he / she wants to open by rotating the three-dimensional graphic icon, so that multiple interfaces corresponding to multiple icons can be opened in one operation, without the need for frequent operation by the user, and multiple interfaces can be displayed in a split screen, which is simple to operate and improves the user experience.

[0032] The interface display provided in the embodiments of this application will be described in detail below with reference to the accompanying drawings, through specific embodiments and application scenarios.

[0033] Figure 1 This is a flowchart illustrating an interface display method provided in an embodiment of this application. The execution subject of this interface display method can be an electronic device. It should be noted that the aforementioned execution subject does not constitute a limitation on the embodiments of this application.

[0034] In embodiments of this application, the electronic device may be, but is not limited to, a personal computer (PC), a smartphone, a tablet computer, or a personal digital assistant (PDA).

[0035] like Figure 1 As shown, the interface display method provided in this application embodiment may include steps 110-120.

[0036] Step 110: With the 3D graphic icon displayed, receive the user's first input.

[0037] The 3D graphic icon may have different icons on at least two faces. These icons can be used to indicate any of the following: application and function pages.

[0038] In one example, refer to Figure 2 A 3D graphic icon can be a hexahedron icon, where at least two faces of the hexahedron can have different icons, such as... Figure 2 The middle section 21 can have the icon of application 1. Figure 2In the middle, APP1 represents the icon of application 1, and the second page can be set with the icon of application 2. Figure 2 (The icon for application 2 is APP2).

[0039] The first input can be used to determine the pose of the 3D graphic icon when it stops rotating, or it can be used to instruct the 3D graphic icon to rotate. Specifically, the first input can be, but is not limited to, swiping input, voice input, and gesture input of the 3D graphic icon, or it can be a combination of at least two of the above inputs; there are no limitations on this.

[0040] Step 120: In response to the first input, when the 3D graphic icon stops rotating, display the interface corresponding to the target icon in split screen according to the pose state of the 3D graphic icon.

[0041] The pose state can be the posture of a 3D graphic icon when it stops rotating.

[0042] In some embodiments of this application, in this pose state, N faces of a 3D graphic icon can be presented, where N is a positive integer greater than 1.

[0043] The target icon can be the icon corresponding to the N faces displayed by the 3D graphic icon in the pose state.

[0044] In one example, refer to Figure 3 Taking a 3D graphic icon as an example, a hexahedron has 6 faces, 12 edges, and 8 vertices. During rotation, the center of the 3D graphic icon's pose will automatically snap to the nearest point and hover over the corresponding interface. Figure 3 As shown, the pose state of the 3D graphic icon when it stops rotating can be: Figure 3 Several situations.

[0045] Continuing with the example above, the pose state of the 3D graphic icon when it stops rotating is: Figure 3 In Figure (a), two surfaces, 31 and 32, are displayed. The icons APP1 and APP2 displayed on these two surfaces are the target icons.

[0046] In some embodiments of this application, to further enhance the user experience, step 120 may specifically include:

[0047] Obtain the layout information of the N faces of a 3D graphic icon in its pose state;

[0048] Based on the layout information, the interface corresponding to the target icon is displayed in a split-screen format.

[0049] The layout information for the N faces can be the layout of the N faces, that is, how these N faces are arranged.

[0050] In one example, such as Figure 3 As shown in Figure (a), in this pose state, the 3D graphic icon presents two faces, face 31 and face 32, which are distributed vertically. Therefore, the layout information of these two faces is that face 31 and face 32 are arranged vertically.

[0051] In some embodiments of this application, when the interface corresponding to the target icon is displayed in a split-screen manner according to the layout information, the layout information of the split-screen interface is the same as the layout information of the N faces.

[0052] In one example, continue to refer to Figure 3 If the pose state of the 3D graphic icon when it stops rotating is Figure 3 In Figure (a), since the layout information of the two faces 31 and 32 displayed by the 3D graphic icon is distributed vertically, the layout of the split-screen interface is also distributed vertically, that is, the electronic device displays a split-screen interface vertically. The interface corresponding to the icon displayed on the upper split-screen face 31 will be displayed on the lower split-screen face 32.

[0053] In one example, continue to refer to Figure 3 If the pose state of the 3D graphic icon when it stops rotating is Figure 3 In Figure (b), since the layout information of the two faces 33 and 34 displayed on the three-dimensional graphic icon is distributed left and right, the layout of the split-screen display interface is also distributed left and right. That is, the electronic device displays on the left and right split screens, and the interface corresponding to the icon displayed on the left split screen 33 is the interface corresponding to the icon displayed on the right split screen 34.

[0054] In one example, continue to refer to Figure 3 If the pose state of the 3D graphic icon when it stops rotating is Figure 3 In diagram (c), since the layout information of the three faces 35, 36, and 37 displayed by the 3D graphic icon is first distributed vertically, then horizontally within the upper page, the layout of the split-screen interface is also first distributed vertically, and then horizontally within the upper page; that is, the electronic device displays in three segments. A specific split-screen interface can be seen as follows: Figure 4 As shown in Figure (a), the icons displayed on the top left split screen 41 (i.e., the interface of APP1) are displayed on the top right split screen 42 (i.e., the interface of APP2) and the icons displayed on the bottom split screen 43 (i.e., the interface of APP3).

[0055] In one example, continue to refer to Figure 3 If the pose state of the 3D graphic icon when it stops rotating is Figure 3 In diagram (d), since the layout information of the three faces 38, 39, and 40 displayed by the 3D graphic icon is first distributed vertically, then horizontally within the lower page, the layout of the split-screen interface is also first distributed vertically, and then horizontally within the lower page. That is, the electronic device displays in three segments. A specific split-screen interface can be seen as follows: Figure 4 Figure (b) shows the interface corresponding to the icon displayed on the upper split screen 44, display surface 38 (i.e., the interface of APP1), the interface corresponding to the icon displayed on the lower left split screen 45, display surface 39 (i.e., the interface of APP2), and the interface corresponding to the icon displayed on the lower right split screen 46, display surface 40 (i.e., the interface of APP3).

[0056] In the embodiments of this application, after the 3D icon stops rotating, based on the layout information of the N faces of the 3D graphic icon in its current pose state, the interface corresponding to the target icon can be displayed in a split-screen manner. This allows users to directly find the icons corresponding to multiple interfaces they wish to open by rotating the 3D graphic icon, thus opening multiple interfaces with a single operation. Furthermore, rotating the 3D graphic icon determines the relative positions of the icons on each face, further determining the relative positions of the interfaces after opening. This further enables opening multiple interfaces with a single operation, and these multiple interfaces are displayed in a split-screen manner according to the user's desired relative positions. This improves the speed at which users open multiple interfaces and enhances the user experience.

[0057] In some embodiments of this application, to further enhance the user experience, the N faces include blank faces, and the step of splitting the screen to display the interface corresponding to the target icon according to the layout information may specifically include:

[0058] Based on the layout information, the screen of the electronic device is divided into N display areas;

[0059] Display the interfaces corresponding to the icons on N faces in N display areas respectively.

[0060] The blank area displays the desktop of the electronic device.

[0061] In one example, continue to refer to Figure 3 If the pose state of the 3D graphic icon when it stops rotating is Figure 3In Figure (a), surfaces 31 and 32 are displayed. If the icon of application 1 is displayed on surface 31 and no icon is displayed on surface 32, then since the layout information of the two surfaces 31 and 32 where the 3D graphic icon is displayed is distributed vertically, the layout of the split-screen interface is also distributed vertically. That is, the electronic device is displayed vertically, and the interface corresponding to the icon displayed on surface 31 is displayed on the upper split screen, while the desktop of the electronic device is displayed on the lower split screen.

[0062] In the embodiments of this application, when the 3D graphic icon stops rotating, and the N faces displayed by the 3D graphic icon include blank faces, when displaying the interface corresponding to the target icon in a split-screen manner, the screen of the electronic device can be divided into N display areas according to the layout information. Then, the interfaces corresponding to the icons on the N faces are displayed in the N display areas respectively. The desktop of the electronic device can be displayed in the display area corresponding to the blank face. In this way, if the user only wants to open one interface and also wants to display that interface in a split-screen manner, the 3D icon can be rotated so that the 3D graphic icon stops on the icon and blank page that display the interface, thereby opening the interface that the user wants to open. It can also display the interface in a split-screen manner, improving the speed at which the user opens the interface and improving the user experience.

[0063] The above embodiments demonstrate that when N is a positive integer greater than 1, the interface corresponding to the icons displayed on the N faces can be split into multiple screens based on the layout information of the N faces. In some embodiments of this application, when the 3D graphic icon stops rotating, only one face of the 3D graphic icon can be displayed, such as... Figure 5 As shown, this allows you to directly open the interface corresponding to the icon displayed on surface 51 when the 3D graphic icon stops rotating, that is, to directly display the interface corresponding to the icon displayed on surface 51 on the screen of the electronic device.

[0064] In this way, even when the 3D graphic icon stops rotating and only one side of the icon is displayed, the interface corresponding to the icon on that side can still be shown, thus improving the user experience.

[0065] In some embodiments of this application, to further enhance the user experience, the interface display method described above may further include the following steps before step 110:

[0066] Receive a second input from the user for at least one first application icon;

[0067] In response to a second input, a 3D graphic icon is generated based on at least one first application icon;

[0068] Displays 3D graphic icons.

[0069] The first application icon can be the icon of any application on the desktop of the electronic device.

[0070] The second input can be used to generate a 3D graphic icon based on the first application icon. The second input can be, but is not limited to, a click input, double-click input, swipe input, voice input, and gesture input of the first application icon, or a combination of at least two of the above inputs. There are no limitations on this.

[0071] In some embodiments of this application, the number of faces contained in the 3D graphic icon generated based on at least one first application icon is greater than or equal to the number of at least one first application icon, and each first application icon is displayed on a face of the 3D graphic icon.

[0072] In one example, refer to Figure 6 The user long-presses the first application icon (i.e. Figure 4 If APP1 is selected, a 3D graphic icon selection interface 62 will appear. In this selection interface 62, the user can choose the form of the 3D graphic icon to be generated, such as a hexahedron, an N-sided cube, etc. Specifically, the form of the 3D graphic icon can be selected according to the number of first applications. If the user selects a hexahedron, the first application icon will be converted into a hexahedron icon 63, and APP1 will be displayed on one face of the hexahedron icon 63.

[0073] In the embodiments of this application, in response to a second input from a user to at least one first application icon, a 3D graphic icon can be generated based on the at least one first application icon and displayed. In this way, a 3D graphic icon can be generated based on at least one first application according to user needs, and multiple interfaces required by the user can be quickly opened by rotating the 3D graphic icon. Thus, multiple interfaces corresponding to multiple icons can be opened with one operation, further improving the user experience.

[0074] In some embodiments of this application, to further enhance the user experience, the interface display method described above may further include the following steps before step 110:

[0075] The system receives the fourth input from the user, who drags a blank 3D graphic icon to the display interface of the electronic device.

[0076] In response to the fourth input, a blank 3D graphic icon is generated;

[0077] Receive the user's fifth input to add a label to the icon;

[0078] In response to the fifth input, the object selection page is displayed;

[0079] Receive the user's sixth input regarding the target object;

[0080] In response to the sixth input, the target object is added to the blank 3D graphic icon, and the corresponding identifier of the target object is displayed on one face of the blank 3D graphic icon.

[0081] The blank 3D graphic icon can be a blank 3D graphic icon without any application icons and / or function icons. However, an icon addition indicator can be set on the blank 3D graphic icon, which can be a "+" icon.

[0082] The fourth input can be used to generate a blank 3D graphic icon. This fourth input can be, but is not limited to, clicking, double-clicking, swiping, voice input, and gesture input by dragging the blank 3D graphic icon to the display interface of the electronic device. It can also be a combination of at least two of the above inputs. There are no limitations on this.

[0083] The fifth input can be used to display the object selection page. This fifth input can be, but is not limited to, clicking, double-clicking, swiping, voice input, and gesture input to add a mark to an icon. It can also be a combination of at least two of the above inputs. There are no restrictions here.

[0084] An object selection page may be a page for selecting objects, which includes at least one application icon and / or at least one functional object icon of at least one application.

[0085] The sixth input can be used to select the target object and add the corresponding identifier of the target object to the blank 3D graphic icon.

[0086] In one example, refer to Figure 7 Users can long-press the desktop 71 of the electronic device, and then drag the blank 3D graphic icon 72 from the desktop toolbar to the display interface of the electronic device to obtain a blank 3D graphic icon. The blank 3D graphic icon 72 has an icon addition mark 73 (i.e., Figure 7 The user can click the "+" icon in the application 1 to add the identifier 73, which will display the object selection page 74. Then, the user can click the icon of function 1 in application 1 (the target object) and click "Confirm" to add the icon of function 1 in application 1 to the blank 3D graphic icon 72, and display the icon corresponding to function 1 on one face of the 3D graphic icon 75.

[0087] In the embodiments of this application, a blank 3D graphic icon can be generated in response to the user's fourth input of dragging a blank 3D graphic icon to the display interface of the electronic device. Then, in response to the user's fifth input of adding an icon to the icon, an object selection page can be displayed. In response to the user's sixth input of the target object, the target object is added to the blank 3D graphic icon to obtain a 3D graphic icon, which is then displayed. In this way, a 3D graphic icon of the shape required by the user can be obtained. Furthermore, by rotating the 3D graphic icon, multiple interfaces required by the user can be opened at once. Thus, multiple interfaces corresponding to multiple icons can be opened with a single operation, further improving the user experience.

[0088] In some embodiments of this application, the 3D graphic icon may further include an icon addition marker (i.e., Figure 7 To further enhance the user experience, the interface display methods mentioned above may also include: (73) Adding identifiers to icons.

[0089] Receive third-party input from the user to add labels to the icons;

[0090] In response to the third input, a list of information is displayed based on the attribute information of the icons displayed on other faces of the 3D graphic icon.

[0091] The third input can be used to display list information. This third input can be, but is not limited to, clicking, double-clicking, swiping, voice input, and gesture input to add labels to icons. It can also be a combination of at least two of the above inputs. There are no restrictions on this.

[0092] The attribute information of an icon can be the application attribute or function attribute corresponding to the icon. For example, if the icon corresponds to an instant messaging application, then the attribute information of the icon is the application used for instant messaging.

[0093] In some embodiments of this application, the content included in the list information matches the attribute information. For example, if the icons displayed on other faces of a 3D graphic icon are all instant messaging application types, the list information also includes applications used for instant messaging. Similarly, if the icons displayed on other faces of a 3D graphic icon are all icons representing a specific function interface of an application, the content included in the list information also represents other function interfaces of that application.

[0094] In some embodiments of this application, after displaying the list information, it can be done according to the above. Figure 7 The example in the document shows how to select at least one list item from the list information and add it to the 3D graphic icon.

[0095] In embodiments of this application, in response to a third input from a user to add an identifier to an icon, a list of information can be displayed based on the attribute information of icons displayed on other faces of the 3D graphic icon. The content contained in this list matches the attribute information, so the user can obtain a list of information that matches the attribute information of icons displayed on other faces of the 3D graphic icon. Furthermore, the content that matches the attribute information of icons displayed on other faces of the 3D graphic icon can be added to the 3D graphic icon. This allows icons with the same attribute information to be placed together for easy searching and use by the user, thus improving the user experience.

[0096] To better understand the technical solution of this application, this application embodiment also provides an implementation of an interface display method. Specifically, the interface display method provided in this application embodiment can be applied to the interface corresponding to the icon in one face of a 3D graphic icon.

[0097] like Figure 8 As shown, the interface display method provided in this application embodiment may include steps 810-860.

[0098] Step 810: Create a 3D graphic icon.

[0099] In some embodiments of this application, creating a 3D graphic icon can be done according to... Figure 6 The method shown can be used to create 3D graphic icons, or it can be done according to... Figure 7 The method shown is for creating 3D graphic icons; there are no specific limitations here.

[0100] Step 820: Receive the user's first input on the 3D graphic icon. If the first input is a click input on one of the icons in the 3D graphic icon, then proceed to step 830. If the first input is a rotation input on the 3D graphic icon, then proceed to step 840.

[0101] Step 830: Open the interface corresponding to the icon.

[0102] Step 640: Determine whether the surface displayed by the 3D graphic icon is blank when the rotation input stops. If yes, proceed to step 850; otherwise, proceed to step 830.

[0103] Step 850: In response to the user's input to add labels to the icons on the blank face, display list information based on the attribute information of the icons displayed on other faces of the 3D graphic icon.

[0104] Step 860: In response to the user's input of the target content in the list information, add the target content to the 3D graphic icon.

[0105] In the embodiments of this application, a single 3D graphic icon is implemented as the entry point for multiple applications or functions, replacing the role of folders and traditional single application icons. Furthermore, the corresponding application or function can be opened by rotating the 3D graphic icon, thereby improving the efficiency of desktop space utilization and enabling quick access to applications or functions.

[0106] To better understand the technical solution of this application, this application embodiment also provides an implementation of an interface display method. Specifically, the interface display method provided in this application embodiment can be applied to the interface corresponding to the icons on at least two faces of a 3D graphic icon.

[0107] like Figure 9 As shown, the interface display method provided in this application embodiment may include steps 901-909.

[0108] Step 901: Create a 3D graphic icon.

[0109] In some embodiments of this application, creating a 3D graphic icon can be done according to... Figure 6 The method shown can be used to create 3D graphic icons, or it can be done according to... Figure 7 The method shown is for creating 3D graphic icons; there are no specific limitations here.

[0110] Step 902: Receive the user's input on rotating the 3D graphic icon.

[0111] Step 903: Determine whether the surface displayed by the 3D graphic icon is blank when the rotation input stops. If yes, proceed to step 904; otherwise, proceed to step 906.

[0112] Step 904: In response to the user's input to add labels to the icons on the blank face, display list information based on the attribute information of the icons displayed on other faces of the 3D graphic icon.

[0113] Step 905: In response to the user's input of the target content in the list information, add the target content to the 3D graphic icon.

[0114] Step 906: Determine the pose of the 3D graphic icon.

[0115] Step 907: When the pose state is such that one face of a 3D graphic icon is presented, open the interface corresponding to the icon on that face, and display the interface corresponding to the icon and the desktop of the electronic device in a split screen.

[0116] Step 908: When the pose state is that one side of a 3D graphic icon is presented, the interface corresponding to the icon on the two faces adjacent to that side is displayed in a split-screen manner, either horizontally or vertically.

[0117] Step 909: When the pose state is a vertex of a 3D graphic icon, split the screen vertically and then split one of the screens horizontally to display the interface corresponding to the icon on the three faces adjacent to that vertex.

[0118] In the embodiments of this application, multiple applications can be opened quickly and intelligently split-screen, solving the problem of time-consuming processes when users need to click icons multiple times to open applications and adjust split-screen when using multiple applications simultaneously. Users can customize 3D graphic icons and add different applications and / or functions to create a new function set, improving efficiency.

[0119] The interface display method provided in this application can be executed by an interface display device. This application uses an interface display device executing the interface display method as an example to illustrate the interface display device provided in this application.

[0120] Figure 10 This is a schematic diagram of the structure of an interface display device according to an exemplary embodiment.

[0121] like Figure 10 As shown, the interface display device 1000 may include:

[0122] The first receiving module 1010 is used to receive a first input from a user when a 3D graphic icon is displayed; wherein, at least two faces of the 3D graphic icon have different icons corresponding to them, and the icons are used to indicate any one of the following: an application, a function page; the first input is used to instruct the 3D graphic icon to rotate;

[0123] The first display module 1020 is configured to respond to the first input and, when the 3D graphic icon stops rotating, display the interface corresponding to the target icon in a split-screen manner according to the pose state of the 3D graphic icon; wherein, in the pose state, the 3D graphic icon displays N faces, and the target icon is the icon corresponding to the N faces displayed by the 3D graphic icon in the pose state; wherein, N is a positive integer greater than 1.

[0124] In the embodiments of this application, when the first receiving module displays a 3D graphic icon with different icons on at least two faces, it receives a first input from the user to rotate the 3D graphic icon. Based on the first determining module responding to the first input, it can display the interface corresponding to the target icon on the N faces of the 3D graphic icon in the pose state when the 3D graphic icon stops rotating. In this way, the user can directly find the icons corresponding to multiple interfaces that they want to open by rotating the 3D graphic icon, so that multiple interfaces corresponding to multiple icons can be opened in one operation, without the need for frequent operation by the user. It can also display multiple interfaces in a split screen, which is simple to operate and improves the user experience.

[0125] In some embodiments of this application, to further enhance the user experience, the first display module 1020 may specifically include:

[0126] The acquisition unit is used to acquire the layout information of the N faces of the 3D graphic icon in the pose state;

[0127] The display unit is used to display the interface corresponding to the target icon in a split-screen manner according to the layout information; wherein the layout information of the split-screen interface is the same as the layout information of the N faces.

[0128] In some embodiments of this application, to further enhance the user experience, the N faces include blank faces; the display unit can specifically be used for interface display:

[0129] Based on the layout information, the screen of the electronic device is divided into N display areas;

[0130] The interfaces corresponding to the icons on N faces are displayed in N display areas respectively; wherein, the desktop of the electronic device is displayed in the display area corresponding to the blank face.

[0131] In some embodiments of this application, to further enhance the user experience, the interface display device mentioned above may further include:

[0132] The second receiving module is used to receive second input from the user on at least one first application icon;

[0133] A generation module is configured to generate the 3D graphic icon in response to the second input, based on the at least one first application icon; wherein the number of faces of the 3D graphic icon is greater than or equal to the number of the at least one first application icon, and each first application icon is displayed on a face of the 3D graphic icon.

[0134] The second display module is used to display the 3D graphic icons.

[0135] In some embodiments of this application, an icon addition mark is provided on one side of the 3D graphic icon; to further enhance the user experience, the interface display device mentioned above may further include:

[0136] The third receiving module is used to receive the user's third input regarding adding an identifier to the icon;

[0137] The third display module is used to respond to the third input and display list information based on the attribute information of the icons displayed on other faces of the 3D graphic icon; wherein the content contained in the list information matches the attribute information.

[0138] The interface display device in this application embodiment can be an electronic device or a component within an electronic device, such as an integrated circuit or a chip. The electronic device can be a terminal or other devices besides a terminal. For example, the electronic device can be a mobile phone, tablet computer, laptop computer, PDA, in-vehicle electronic device, mobile internet device (MID), augmented reality (AR) / virtual reality (VR) device, robot, wearable device, ultra-mobile personal computer (UMPC), netbook, or personal digital assistant (PDA), etc. It can also be a server, network attached storage (NAS), personal computer (PC), television set (TV), ATM, or self-service machine, etc. This application embodiment does not specifically limit the scope of the device.

[0139] The interface display device in this application embodiment can be a device with an operating system. This operating system can be Android, iOS, or other possible operating systems; this application embodiment does not specifically limit the specific operating system used.

[0140] The interface display device provided in this application embodiment can achieve... Figure 1 , Figure 8 and Figure 9 The various processes implemented in the method implementation examples will not be described again here to avoid repetition.

[0141] Optionally, such as Figure 11 As shown, this application embodiment also provides an electronic device 1100, including a processor 1101 and a memory 1102. The memory 1102 stores a program or instructions that can run on the processor 1101. When the program or instructions are executed by the processor 1101, they implement the various steps of the above-described interface display method embodiment and can achieve the same technical effect. To avoid repetition, they will not be described again here.

[0142] It should be noted that the electronic devices in the embodiments of this application include the mobile electronic devices and non-mobile electronic devices described above.

[0143] Figure 12 A schematic diagram of the hardware structure of an electronic device to implement an embodiment of this application.

[0144] The electronic device 1200 includes, but is not limited to, components such as: radio frequency unit 1201, network module 1202, audio output unit 1203, input unit 1204, sensor 1205, display unit 1206, user input unit 1207, interface unit 1208, memory 1209, and processor 1210.

[0145] Those skilled in the art will understand that the electronic device 1200 may also include a power supply (such as a battery) for supplying power to various components. The power supply may be logically connected to the processor 1210 through a power management system, thereby enabling functions such as managing charging, discharging, and power consumption through the power management system. Figure 12 The electronic device structure shown does not constitute a limitation on the electronic device. The electronic device may include more or fewer components than shown, or combine certain components, or have different component arrangements, which will not be elaborated here.

[0146] The user input unit 1207 is used to receive a first input from a user when a 3D graphic icon is displayed; wherein at least two faces of the 3D graphic icon have different icons corresponding to them, and the icons are used to indicate any one of the following: an application, a function page; the first input is used to instruct the 3D graphic icon to rotate;

[0147] Display unit 1206 is configured to respond to the first input and, when the 3D graphic icon stops rotating, display the interface corresponding to the target icon in a split-screen manner according to the pose state of the 3D graphic icon; wherein, in the pose state, the 3D graphic icon displays N faces, and the target icon is the icon corresponding to the N faces displayed by the 3D graphic icon in the pose state, where N is a positive integer greater than 1.

[0148] Thus, when displaying a 3D graphic icon with different icons on at least two faces, by responding to the user's first input of rotating the 3D graphic icon, the interface corresponding to the target icon on the N faces of the 3D graphic icon can be displayed in a split-screen manner according to the pose state when the 3D graphic icon stops rotating. In this way, the user can directly find the icons corresponding to multiple interfaces that they want to open by rotating the 3D graphic icon, so that multiple interfaces can be opened with one operation, without the need for frequent operation by the user. Moreover, multiple interfaces can be displayed in a split-screen manner, which is simple to operate and improves the user experience.

[0149] Optionally, the processor 1210 is configured to acquire layout information of the N faces of the 3D graphic icon in the stated pose state;

[0150] The display unit 1206 is also used to display the interface corresponding to the target icon in a split-screen manner according to the layout information; wherein the layout information of the split-screen display interface is the same as the layout information of the N faces.

[0151] In this way, after the 3D icon stops rotating, based on the layout information of the N faces of the 3D graphic icon in its current pose, the interface corresponding to the target icon can be displayed in a split-screen manner. This allows users to directly find the icons corresponding to multiple interfaces they wish to open by rotating the 3D graphic icon, thus opening multiple interfaces with a single operation. Furthermore, rotating the 3D graphic icon determines the relative positions of the icons on each face, further determining the relative positions of the interfaces after opening them, enabling the opening of multiple interfaces with a single operation, and displaying these multiple interfaces in a split-screen manner according to the user's desired relative positions. This improves the speed at which users open multiple interfaces and enhances the user experience.

[0152] Optionally, the N faces include blank faces;

[0153] The processor 1210 is also configured to divide the screen of the electronic device into N display areas based on the layout information;

[0154] The display unit 1206 is also used to display the interface corresponding to the icons on N faces in N display areas respectively; wherein the desktop of the electronic device is displayed in the display area corresponding to the blank face.

[0155] Thus, when the 3D graphic icon stops rotating, and the N faces displayed by the 3D graphic icon include blank faces, when displaying the interface corresponding to the target icon in a split-screen manner, the screen of the electronic device can be divided into N display areas based on this layout information. Then, the interfaces corresponding to the icons on the N faces are displayed in the N display areas respectively. The display area corresponding to the blank face can display the desktop of the electronic device. In this way, if the user only wants to open one interface and also wants to display that interface in a split-screen manner, the 3D icon can be rotated so that the 3D graphic icon stops on the icon and blank page that display the interface, thereby opening the interface that the user wants to open. It can also display that interface in a split-screen manner, improving the speed at which the user opens the interface and improving the user experience.

[0156] Optionally, the user input unit 1207 is configured to receive a second input from a user to at least one first application icon;

[0157] The processor 1210 is further configured to, in response to the second input, generate the stereoscopic graphic icon based on the at least one first application icon; wherein the number of faces included in the stereoscopic graphic icon is greater than or equal to the number of the at least one first application icon, and each first application icon is displayed on a face of the stereoscopic graphic icon.

[0158] The display unit 1206 is also used to display the three-dimensional graphic icon.

[0159] Thus, by responding to a second input from the user to at least one first application icon, a 3D graphic icon can be generated and displayed based on the at least one first application icon. In this way, a 3D graphic icon can be generated based on at least one first application according to the user's needs. Then, by rotating the 3D graphic icon, multiple interfaces required by the user can be quickly opened. Thus, multiple interfaces corresponding to multiple icons can be opened with a single operation, further improving the user experience.

[0160] Optionally, an icon addition mark is provided on one side of the 3D graphic icon.

[0161] The user input unit 1207 is also configured to receive a third input from the user regarding adding an identifier to the icon;

[0162] The display unit 1206 is further configured to respond to the third input by displaying list information based on the attribute information of icons displayed on other faces of the three-dimensional graphic icon; wherein the content contained in the list information matches the attribute information.

[0163] In this way, by responding to the user's third input to add labels to the icon, a list of information can be displayed based on the attribute information of the icons displayed on other faces of the 3D graphic icon. The content contained in this list matches the attribute information, so the user can obtain a list of information that matches the attribute information of the icons displayed on other faces of the 3D graphic icon. Then, the content that matches the attribute information of the icons displayed on other faces of the 3D graphic icon can be added to the 3D graphic icon. This allows icons with the same attribute information to be placed together, making it easier for users to find and use them, thus improving the user experience.

[0164] It should be understood that, in this embodiment, the input unit 1204 may include a graphics processing unit (GPU) 12041 and a microphone 12042. The GPU 12041 processes image data of still images or videos obtained by an image capture device (such as a camera) in video capture mode or image capture mode. The display unit 1206 may include a display panel 12061, which may be configured in the form of a liquid crystal display, an organic light-emitting diode, or the like. The user input unit 1207 includes a touch panel 12071 and at least one of other input devices 12072. The touch panel 12071 is also called a touch screen. The touch panel 12071 may include a touch detection device and a touch controller. Other input devices 12072 may include, but are not limited to, physical keyboards, function keys (such as volume control buttons, power buttons, etc.), trackballs, mice, and joysticks, which will not be described in detail here.

[0165] The memory 1209 can be used to store software programs and various data. The memory 1209 may primarily include a first storage area for storing programs or instructions and a second storage area for storing data. The first storage area may store the operating system, application programs or instructions required for at least one function (such as sound playback, image playback, etc.). Furthermore, the memory 1209 may include volatile memory or non-volatile memory, or both. The non-volatile memory may be read-only memory (ROM), programmable read-only memory (PROM), erasable programmable read-only memory (EPROM), electrically erasable programmable read-only memory (EEPROM), or flash memory. Volatile memory can be random access memory (RAM), static random access memory (SRAM), dynamic random access memory (DRAM), synchronous dynamic random access memory (SDRAM), double data rate synchronous dynamic random access memory (DDRSDRAM), enhanced synchronous dynamic random access memory (ESDRAM), synchronous link dynamic random access memory (SLDRAM), and direct memory bus RAM (DRRAM). The memory 1209 in this embodiment includes, but is not limited to, these and any other suitable types of memory.

[0166] Processor 1210 may include one or more processing units; optionally, processor 1210 integrates an application processor and a modem processor, wherein the application processor mainly handles operations involving the operating system, user interface, and applications, and the modem processor mainly handles wireless communication signals, such as a baseband processor. It is understood that the aforementioned modem processor may also not be integrated into processor 1210.

[0167] This application also provides a readable storage medium storing a program or instructions. When the program or instructions are executed by a processor, they implement the various processes of the above-described interface display method embodiments and achieve the same technical effect. To avoid repetition, they will not be described again here.

[0168] The processor is the processor in the electronic device described in the above embodiments. The readable storage medium includes computer-readable storage media, such as computer read-only memory (ROM), random access memory (RAM), magnetic disk, or optical disk.

[0169] This application embodiment also provides a chip, which includes a processor and a communication interface. The communication interface is coupled to the processor. The processor is used to run programs or instructions to implement the various processes of the above-described interface display method embodiments and can achieve the same technical effect. To avoid repetition, it will not be described again here.

[0170] It should be understood that the chip mentioned in the embodiments of this application may also be referred to as a system-on-a-chip, system chip, chip system, or system-on-a-chip, etc.

[0171] This application provides a computer program product, which is stored in a storage medium and executed by at least one processor to implement the various processes of the interface display method embodiment described above, and can achieve the same technical effect. To avoid repetition, it will not be described again here.

[0172] It should be noted that, in this document, the terms "comprising," "including," or any other variations thereof are intended to cover non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements includes not only those elements but also other elements not expressly listed, or elements inherent to such a process, method, article, or apparatus. Without further limitations, an element defined by the phrase "comprising one..." does not exclude the presence of other identical elements in the process, method, article, or apparatus that includes that element. Furthermore, it should be noted that the scope of the methods and apparatuses in the embodiments of this application is not limited to performing functions in the order shown or discussed, but may also include performing functions substantially simultaneously or in the reverse order, depending on the functions involved. For example, the described methods may be performed in a different order than described, and various steps may be added, omitted, or combined. Additionally, features described with reference to certain examples may be combined in other examples.

[0173] Through the above description of the embodiments, those skilled in the art can clearly understand that the methods of the above embodiments can be implemented by means of software plus necessary general-purpose hardware platforms. Of course, they can also be implemented by hardware, but in many cases the former is a better implementation method. Based on this understanding, the technical solution of this application, in essence, or the part that contributes to the prior art, can be embodied in the form of a computer software product. This computer software product is stored in a storage medium (such as ROM / RAM, magnetic disk, optical disk) and includes several instructions to cause a terminal (which may be a mobile phone, computer, server, or network device, etc.) to execute the methods described in the various embodiments of this application.

[0174] The embodiments of this application have been described above with reference to the accompanying drawings. However, this application is not limited to the specific embodiments described above. The specific embodiments described above are merely illustrative and not restrictive. Those skilled in the art can make many other forms under the guidance of this application without departing from the spirit and scope of the claims, and all of these forms are within the protection scope of this application.

Claims

1. An interface display method characterized by, The method comprises: In the case of displaying a stereographic icon, receiving a first input of a user; wherein the stereographic icon has different icons corresponding to at least two faces, and the icons are used to indicate any of the following: an application program, a function page; the first input is used to indicate that the stereographic icon rotates; When the stereographic icon stops rotating, obtaining layout information of N faces of the stereographic icon in a pose state; according to the layout information, displaying an interface corresponding to a target icon in split screen; wherein in the pose state, the stereographic icon displays N faces, the target icon is an icon corresponding to the N faces displayed by the stereographic icon in the pose state, the layout information of the interface displayed in split screen is the same as the layout information of the N faces, the N faces include a blank face, and the display area of the screen of the electronic device corresponding to the blank face displays a desktop of the electronic device; Wherein, N is a positive integer greater than 1.

2. The method of claim 1, wherein, According to the layout information, the interface corresponding to the target icon is displayed in split screen, comprising: According to the layout information, the screen of the electronic device is divided into N display areas; Respectively display the interfaces corresponding to the icons on the N faces in the N display areas.

3. The method of claim 1, wherein, Before the method further comprises: Receiving a second input of a user on at least one first application program icon; In response to the second input, generating the stereographic icon according to the at least one first application program icon; wherein the number of faces contained in the stereographic icon is greater than or equal to the number of the at least one first application program icon, and each first application program icon is displayed on a face of the stereographic icon; Displaying the stereographic icon.

4. The method according to any of claims 1 to 3, characterized in that, An icon adding identifier is arranged on a face of the stereographic icon, The method further comprises: Receiving a third input of the user on the icon adding identifier; In response to the third input, displaying list information based on attribute information of icons displayed on other faces of the stereographic icon; Wherein, the content contained in the list information matches the attribute information.

5. An interface display device, characterized by The device comprises: A first receiving module for receiving a first input of a user in the case of displaying a stereographic icon; wherein the stereographic icon has different icons corresponding to at least two faces, and the icons are used to indicate any of the following: an application program, a function page; the first input is used to indicate that the stereographic icon rotates; The first display module is configured to: acquire layout information of N surfaces of the three-dimensional graphical icon in a pose state when the three-dimensional graphical icon stops rotating; and display an interface corresponding to a target icon according to the layout information; wherein in the pose state, the three-dimensional graphical icon displays N surfaces, the target icon is an icon corresponding to the N surfaces displayed by the three-dimensional graphical icon in the pose state, and layout information of the interface displayed in a split screen manner is the same as the layout information of the N surfaces; wherein N is a positive integer greater than 1, the N surfaces include a blank surface, and a display area of a screen of an electronic device corresponding to the blank surface displays a desktop of the electronic device.

6. The apparatus of claim 5, wherein, The first display module is specifically configured to: divide a screen of an electronic device into N display areas according to the layout information; and display interfaces corresponding to icons on the N surfaces in the N display areas, respectively.

7. The apparatus of claim 5, wherein, The apparatus further includes: a second receiving module configured to receive a second input of a user on at least one first application icon; a generating module configured to generate the three-dimensional graphical icon according to the at least one first application icon in response to the second input; wherein the three-dimensional graphical icon contains a number of surfaces greater than or equal to a number of the at least one first application icon, and each first application icon is displayed on a surface of the three-dimensional graphical icon; a second display module configured to display the three-dimensional graphical icon.

8. The apparatus of any of claims 5-7, wherein, One surface of the three-dimensional graphical icon is provided with an icon adding identifier; and the apparatus further includes: a third receiving module configured to receive a third input of the user on the icon adding identifier; a third display module configured to display list information based on attribute information of icons displayed on other surfaces of the three-dimensional graphical icon in response to the third input; wherein content contained in the list information matches the attribute information.

Images