CN106325652B - graphical user interface interaction method and touch terminal - Google Patents

graphical user interface interaction method and touch terminal Download PDF

Info

Publication number
CN106325652B
CN106325652B CN201510344930.3A CN201510344930A CN106325652B CN 106325652 B CN106325652 B CN 106325652B CN 201510344930 A CN201510344930 A CN 201510344930A CN 106325652 B CN106325652 B CN 106325652B
Authority
CN
China
Prior art keywords
icon
application icon
screen
application
operation type
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201510344930.3A
Other languages
Chinese (zh)
Other versions
CN106325652A (en
Inventor
陈亮
袁士俊
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shenzhen Super Technology Co Ltd
Original Assignee
Shenzhen Super Multi-Dimensional Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Shenzhen Super Multi-Dimensional Technology Co Ltd filed Critical Shenzhen Super Multi-Dimensional Technology Co Ltd
Priority to CN201510344930.3A priority Critical patent/CN106325652B/en
Publication of CN106325652A publication Critical patent/CN106325652A/en
Application granted granted Critical
Publication of CN106325652B publication Critical patent/CN106325652B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Abstract

the invention discloses a graphical user interface interaction method and a touch terminal, wherein a background plate and a 3D application icon suspended on the background plate are displayed on a user interface of a screen of the touch terminal, and the method comprises the following steps: detecting operation information input by an operator on the touch terminal screen aiming at the selected 3D application icon; determining the operation type of the operation body according to the detected operation information; and displaying the background board and the 3D application icon according to the corresponding change of the operation type, and executing the operation corresponding to the determined operation type. Through the mode, the interaction of the 3D application icons is realized, the user control experience is improved, and the usability, flexibility and fun of a user interface are greatly enhanced.

Description

Graphical user interface interaction method and touch terminal
Technical Field
the invention relates to the technical field of user interface interaction, in particular to a graphical user interface interaction method and a touch terminal.
background
The touch terminals such as mobile phones and tablet computers are greatly convenient for interaction between people and terminal equipment due to the adoption of touch operation, and the touch terminals such as the mobile phones and the tablet computers become common equipment for daily office work and entertainment of people.
However, in the prior art, the interaction of the user interface is relatively single in function except the interaction satisfying the basic operation function, especially the application icons do not change at all, and certain relation is lacked among the application icons, and the background where the icons are usually located does not change correspondingly with the change of the user operation icons, so that the user feels dull, and flexibility and fun are lacked.
disclosure of Invention
the invention provides a graphical user interface interaction method and a touch terminal, which improve the user control experience and enhance the usability, flexibility and fun of a user interface through the interaction of 3D application icons.
In order to solve the technical problems, the invention adopts a technical scheme that: a graphical user interface interaction method is applied to a touch terminal, a background plate and 3D application icons suspended on the background plate are displayed on a user interface of a screen of the touch terminal, and the method comprises the following steps:
detecting operation information input by an operator on the touch terminal screen aiming at the selected 3D application icon;
Determining the operation type of the operation body according to the detected operation information;
And displaying the background board and the 3D application icon according to the corresponding change of the operation type, and executing the operation corresponding to the determined operation type.
in order to solve the technical problems, the invention adopts a technical scheme that:
A touch terminal, a background plate and a 3D application icon suspended on the background plate are displayed on a user interface of a screen of the touch terminal, and the touch terminal further comprises:
The first detection module is used for detecting operation information input by an operation body on the touch terminal screen aiming at the selected 3D application icon;
The determining module is used for determining the current operation type of the operation body according to the detected operation information;
And the execution module is used for displaying the background board and the 3D application icon according to the corresponding change of the operation type and executing the operation corresponding to the determined operation type.
In order to solve the technical problems, the invention adopts a technical scheme that:
The touch terminal comprises a processor, a screen and a bus, wherein the processor and the screen are connected with the bus; a background plate and a 3D application icon suspended on the background plate are displayed on a user interface of the touch terminal screen;
The processor is used for detecting operation information input by an operation body on the screen aiming at the selected 3D application icon, determining the current operation type of the operation body according to the detected operation information, displaying the background plate and the 3D application icon according to the corresponding change of the operation type, and executing the operation corresponding to the determined operation type.
in the embodiment of the invention, the operation type is determined according to the operation information, the background board and the 3D application icon are displayed according to the corresponding change of the operation type, and the operation corresponding to the determined operation type is executed, so that the interaction of the 3D application icon is realized, the interaction mode of a user interface is enriched, the user control experience is improved, and the usability, the flexibility and the enjoyment of the user interface are greatly enhanced.
Drawings
FIG. 1 is a schematic view of a user interface of a touch terminal of the present invention;
FIG. 2 is a schematic diagram of a 3D application icon floating on a background plate according to the present invention;
FIG. 3 is a flowchart of a first embodiment of a 3D application icon interaction method of the present invention;
FIG. 4 is a flowchart of a second embodiment of a 3D application icon interaction method of the present invention;
FIG. 5 is a schematic diagram of the present invention sliding sub-level functionality up and down on a touch terminal;
FIG. 6 is a schematic diagram of the present invention changing the position of a 3D application icon;
FIG. 7 is a schematic diagram of the present invention in creating a new folder;
FIG. 8 is a schematic diagram of the present invention deleting a 3D application icon;
FIG. 9 is a schematic diagram of the operator sucking up a 3D application icon of the present invention;
FIG. 10 is a schematic diagram of the 3D application icon sinking when the operator of FIG. 9 leaves the screen;
FIG. 11 is a flowchart of a third embodiment of a 3D application icon interaction method of the present invention;
FIG. 12 is a schematic structural diagram of a touch terminal according to a first embodiment of the present invention;
FIG. 13 is a schematic structural diagram of a touch terminal according to a second embodiment of the present invention;
Fig. 14 is a schematic structural diagram of a touch terminal according to a third embodiment of the present invention.
DETAILED DESCRIPTION OF EMBODIMENT (S) OF INVENTION
the present invention will be described in detail below with reference to the accompanying drawings and examples.
It should be noted that, if not conflicted, the various features of the embodiments of the invention may be combined with each other within the scope of protection of the invention. Additionally, while functional block divisions are performed in apparatus schematics, with logical sequences shown in flowcharts, in some cases, steps shown or described may be performed in sequences other than block divisions in apparatus or flowcharts.
To facilitate an understanding of the embodiments of the invention, some terms referred to in all embodiments of the invention are explained before beginning to describe various embodiments of the invention. Specifically, in all embodiments of the present invention, the touch terminal includes devices such as a computer, a PDA, a tablet computer, an MP4, a smart phone, and an electronic book, which implement human-computer interaction by using a User Interface (UI). A 3D application icon, namely an APP icon, is displayed on the screen of the touch terminal, wherein the 3D application icon refers to an application icon having a 3D display effect. By the selected 3D application icon is meant a 3D application icon selected by the user from the 3D application icons displayed on the current user interface.
Referring to fig. 1 and 2, a background plate 11 and a 3D application icon 12 suspended on the background plate 11 are displayed on a user interface of the touch terminal, and the background plate is formed by combining a plurality of polyhedrons 111, wherein the plurality of polyhedrons 111 of the currently displayed background plate 11 are in a seamless splicing state before the touch terminal receives no operation information of any operation body.
the user can operate the user interface displayed in the touch terminal, and the touch terminal can respond according to the operation body of the user to realize the interaction of the graphical user interface. Since a plurality of 3D application icons are displayed on the user interface of the touch terminal, the graphical user interface interaction method according to the embodiment of the present invention is described in detail below by using a specific embodiment.
referring to fig. 3, fig. 3 is a flowchart of a first embodiment of a gui interaction method according to the present invention, the gui interaction method includes:
Step S201, detecting operation information input by an operation body on a touch terminal screen aiming at a selected 3D application icon;
The operation body is a touch carrier which generates an operation signal by touching the terminal when touching the screen, and can be a touch pen, a touch glove, a finger and the like, and the 3D application icon on the screen refers to an icon of an application program and does not include a widget icon or a folder icon.
step S202, determining the operation type of the operation body according to the detected operation information;
the operation information includes: the time information of the contact of the operating body with the screen and/or the motion trail information of the operating body on the screen. The time information of the operator contacting the screen refers to the time length information of the operator contacting the screen, and the motion track information of the operator on the screen refers to the related information of the operator contacting the screen and sliding on the screen.
And S203, displaying the background board and the 3D application icon according to the corresponding change of the operation type, and executing the operation corresponding to the determined operation type.
In the embodiment of the invention, the operation type is determined according to the operation information, the background board and the 3D application icon are displayed according to the corresponding change of the operation type, and the operation determined by the determined operation type is executed, so that the dynamic interaction of the 3D application icon is realized, the interaction mode of a user interface is enriched, the user operation experience is promoted, and the usability, the flexibility and the enjoyment of the user interface are greatly enhanced.
in the above embodiment, the background board and the 3D application icon are correspondingly changed and displayed according to the change information of the background board and the 3D application icon, and the operation corresponding to the determined operation type is executed, and different operation types are generated due to different operation triggers, and the touch terminal responds to different contents according to different operation types.
Wherein, the operation type of the operation body comprises: one or more of a click operation, a shortcut setting operation, a shortcut start operation, a left-right slide operation, an icon adsorption operation, or an icon movement operation.
When the step of determining the current operation type of the operation body according to the detected operation information, that is, when step S202 is executed, as shown in fig. 4, the step may include:
Step S2021, when the time for the operation body to contact the screen is less than a preset first time threshold, judging whether the operation body has a motion track on the screen, if not, entering step S2022;
if there is a motion trajectory and the motion trajectory is shifted up and down, the process further proceeds to step S2023: judging whether the unmovable time for the operating body to contact the screen after the up-and-down displacement is finished is smaller than a preset second time threshold, and if the unmovable time for the operating body to contact the screen after the up-and-down displacement is finished is smaller than the preset second time threshold, entering the step S2024; if a motion track exists, the motion track is vertical displacement, and the motionless time of the operation body contacting the screen after the vertical displacement is finished reaches a preset second time threshold, the operation enters step S2025;
If there is a motion trajectory and the motion trajectory is left-right displacement, the process proceeds to step S2026.
Step S2022: determining the current operation type of the operation body as single click operation;
Step S2024: determining the current operation type of the operation body as a quick start operation;
step S2025: determining the current operation type of the operation body as a shortcut setting operation;
step S2026: determining the current operation type of the operation body as a left-right sliding operation;
or, when the time for the operator to press the screen for a long time is greater than or equal to a preset first time threshold, judging whether the motion trail exists before the operator leaves the screen, if not, determining that the operation type is the icon adsorption operation, and if so, determining that the operation type is the icon moving operation.
It should be noted that, the 3D application icon may sink differently according to the position on the user interface, for example: when the long press is a blank area on the user interface and the long press duration is judged to exceed the first time threshold, the 3D application icons on the user interface sink together below the screen, meanwhile, the background board is separated into a plurality of polyhedrons, and the sunk 3D application icons float on the corresponding polyhedrons. When the long-time press is performed on the 3D application icon on the user interface, the operated 3D application icon begins to sink, when the long-time press is judged to exceed a certain time, the rest application icons on the user interface sink to the lower side of the screen together, meanwhile, the rest application icons are split into a plurality of polyhedrons along with the background plate, and the sunk 3D application icon is suspended on the corresponding polyhedron.
when the operation type is a single-click operation, the application corresponding to the selected 3D application icon is started, and step S203 may be further specifically: and when the operation type is single-click operation, executing the operation of shaking the selected 3D application icon and starting the application corresponding to the selected 3D application icon.
And when the operation type is a shortcut setting operation, performing the shortcut setting operation of the 3D application icon.
And when the operation type is the up-and-down sliding operation and a 3D application icon exists in the sliding area, executing the operation of starting the sub-level function of the 3D application icon.
At this point, to achieve the purpose of directly starting the sub-level function of the 3D application icon when the 3D application icon is slid up and down, a mapping relationship between the operation command and the directly starting the sub-level function of the certain 3D application icon needs to be generated in advance and stored in the touch terminal, so that when the touch terminal receives the corresponding operation command, the sub-level function can be directly started in response.
If the shortcut setting operation is executed, step S203 may further specifically be: and generating a corresponding relation between the 3D application icon sub-level function and a preset signal for quickly starting the application program sub-level function. Preferably, the generating the corresponding relationship includes: receiving a preset signal for quickly starting the sub-level functions of the 3D application program in the up-down sliding region, which is input by aiming at the selected 3D application icon, displaying a sub-level function list corresponding to the 3D application icon in the up-down sliding region, receiving the sub-level functions selected from the sub-level function list, and establishing and storing the corresponding relation between the input preset signal and the selected sub-level functions. Before exiting the shortcut setting operation, the background plate is split into a plurality of polyhedrons, and the 3D application icons sink onto the corresponding polyhedrons; when the shortcut setting operation is quitted, the plurality of polyhedrons are seamlessly spliced, and the 3D application icon floats upwards.
the preset signal may be a sliding operation in any sliding direction, such as an upward sliding operation, a downward sliding operation, a leftward sliding operation, a rightward sliding operation, or other sliding operations. In a specific operation, a user may press and hold a certain 3D application icon (the pressed 3D application icon is a 3D application icon for the selected operation), and select any one direction to perform a sliding operation, for example: and the user executes a sliding operation upwards or downwards, namely, a preset signal for quickly starting the selected 3D application sublevel function can be input. And after receiving the preset signal, the touch terminal responds to the received preset signal for quickly starting the sub-level function of the selected application program and displays a sub-level function list corresponding to the icon selected by the sliding operation. And displaying a sub-level function list of the 3D application icon selected by the sliding operation, enabling a user to select a sub-level function from the sub-level function list, and establishing a corresponding relation between the sub-level function and a preset signal after the sub-level function is selected. For example: after the user performs the upward sliding operation on the WeChat icon, a secondary application list of the WeChat icon is displayed, and the secondary application list comprises: and after a scanning sub-level function is selected from the secondary application list, establishing a corresponding relation between the scanning sub-level function and the upward sliding operation, and storing the corresponding relation, wherein the quick start setting is completed at the moment.
it should be noted that: after the sub-level function list is popped up and a user selects a certain sub-level function, that is, after the quick start setting is completed, the response mode of the touch terminal has three modes:
The first method is as follows: once a user selects a certain sub-level function, the current sub-level function list automatically disappears, and the graphical user interface before operation is returned;
the second method is as follows: the user can click on the area where the current sublevel function list is not located, at the moment, the sublevel function list disappears, and the electronic equipment returns to the graphical user interface before operation. In this way, the area where the sub-level function list is located and the area where the non-sub-level function list is located can be distinguished by a shading technique for prompting.
The third is: the user selects a hardware key to return to the interface before shortcut setting operation; the user can press the hardware key to return to the graphical user interface before operation, for example, press the return key (home key).
further, in order to ensure that each preset signal only corresponds to a sub-level function under a selected application program, when multiple times of quick start setting are performed on the same APP icon, whether coverage relationships exist in the multiple times of setting needs to be considered. For example, if the WeChat icon is slid up for the first time, a quick start mode of shaking the two-level sub-level function is set. If the WeChat icon is set to be the quick starting mode of the second-level application friend circle when the upward sliding operation is performed on the WeChat icon for the second time, the electronic equipment is required to cover the setting of the last time with the setting of the last time, namely, the upward sliding operation of the WeChat icon is set to be the quick starting mode of the second-level sub-level function friend circle, and under the condition, if the upward sliding operation is not covered, system errors can occur to influence user experience. For example, if the WeChat icon is slid up for the first time, the quick start mode of shaking the secondary sub-level function is set, and if the WeChat icon is slid down for the second time, the quick start mode of shaking the secondary sub-level function is set. In this case, the second setting need not override the first setting, thus allowing the user to initiate the pan-pan secondary application when performing both the slide up and slide down of the WeChat icon. Therefore, the criterion for judging whether the current quick start setting mode covers the previous quick start setting mode is as follows: whether the sliding direction of the current quick start setting mode is consistent with the sliding direction of the previous quick start setting mode or not is judged, and if so, the current quick start setting covers the previous quick start setting; otherwise, it is not covered.
If the quick starting operation is executed, after the sub-level function is started, the user interface of the sub-application corresponding to the 3D application icon in the sliding area can be directly displayed, the sub-level application can be accessed without multi-step operation, and the method is very convenient. That is, when the sub-level function is activated, specifically, the following may be used: and turning over the polyhedron corresponding to the 3D application icon along the sliding direction, displaying an icon corresponding to the sub-level function on the other surface of the polyhedron to prompt the function of the currently started sub-level function, as shown in FIG. 5, starting the sub-level function, and displaying a user interface of the sub-level function.
When the operation type is a left-right sliding operation, a screen switching operation is performed, and step S203 may further specifically be: and when the operation type is a left-right sliding operation, executing screen switching operation. Further, when the touch terminal performs screen switching, the screen switching can be performed according to the sliding parameter of the operation body, and then step S203 may specifically be: the method comprises the steps of obtaining sliding parameters of an operation body, judging whether the sliding parameters are larger than a preset parameter threshold value, executing screen switching operation if the sliding parameters are larger than the preset parameter threshold value, and rebounding if the sliding parameters are smaller than or equal to the preset parameter threshold value, wherein screen switching fails. Of course, the screen can be switched according to the sliding direction during the screen switching, for example: when sliding to the left, the icon of the user interface on the left is switched to, and when sliding to the right, the icon of the user interface on the right is switched to. Touch terminal still can show different screen cutting effects at the in-process of screen cutting to the interest is strengthened, for example: when the background plate is of a three-dimensional rotating structure, the background plate displayed on the current user interface is one surface of the three-dimensional rotating structure, and the whole three-dimensional rotating structure is turned over, so that the one surface of the three-dimensional rotating structure is switched to the other surface of the three-dimensional rotating structure, and the 3D application icon displayed on the screen is switched; or, by each respective polyhedron flipping, flipping from one surface of the polyhedron to another, thereby switching the 3D application icon displayed on the screen; or the 3D application icons fly into the display screen from the outside of the screen to realize screen cutting.
after the operation body triggers the screen cutting operation, the background plate is divided into a plurality of polyhedrons, the 3D application icons sink towards the direction of the background plate, when the new user interface is switched, the divided polyhedrons are seamlessly spliced again, and the 3D application icons float upwards. Namely: when the operation type is a left-right sliding operation, executing a screen switching operation, including: executing screen switching operation, and correspondingly switching the currently displayed 3D application icon and the background plate into a new 3D application icon and a new background plate;
In the process of switching the screen, the background board is divided into a plurality of polyhedrons, and the 3D application icon is shrunk and sunk between the screen and the polyhedron corresponding to the 3D application icon;
After the 3D application icons and the background plate are switched into new ones, the multiple polyhedrons are seamlessly spliced, and the 3D application icons float upwards.
When the operation type is icon adsorption operation, step S203 may further specifically be: an operation of attaching the icon to the operation body is performed.
when the operation type is icon moving operation, step S203 may further specifically be: executing the moving operation of the selected 3D application icon according to the motion track information of the operation body;
the first time threshold can be set according to actual conditions, for example: 3 seconds, 5 seconds, etc. The moving operation is used to change the arrangement of the 3D application icons in the user interface, and in this embodiment, the icon moving operation includes: an icon position replacing operation, an icon position changing operation, a folder creating operation, and an icon deleting operation.
Referring to fig. 6, when the operation type is icon moving operation, step S203 further includes: and when the movement track is that the operation body is released after moving from the position of the 3D application icon currently adsorbed by the operation body to the position above another icon and stopping for a preset time, the operation body leaves the screen at the moment, and the icon position replacement operation is executed. When the 3D application icon currently adsorbed by the operating body moves from the initial position to the position above the replaced icon, the replaced icon is extruded and moves to the initial starting position of the 3D application icon currently adsorbed by the operating body, and the 3D application icon currently adsorbed by the operating body sinks to the position of the replaced icon and is interchanged with the replaced icon; or, when the 3D application icon currently adsorbed by the operating body moves from the initial position to the position above the replaced icon, the replaced icon sinks to gradually hide and sink into the polyhedron, and the replaced icon gradually appears at the initial position of the 3D application icon currently adsorbed by the operating body. And the 3D application icon currently adsorbed by the operation body sinks to the position of the replaced icon, replaces the replaced icon, and realizes position exchange with the replaced icon.
when the operation type is the icon movement operation, step S203 is again specifically: and when the movement track is that the operation body is released after moving from the initial position of the 3D application icon currently adsorbed by the operation body to the position above a blank polyhedron and stopping for a preset time, the operation body leaves the screen at the moment, and the icon position changing operation is executed. Wherein, executing the icon position change operation comprises: when the 3D application icon currently adsorbed by the operator moves from the initial position to above the blank polyhedron and the operator leaves the screen, the 3D application icon adsorbed by the operator sinks down to the blank polyhedron as shown in fig. 13.
it can be understood that, in the icon position replacing operation and the icon position changing operation, in order to ensure that the icon can still be directly started when the icon is slid up and down after the icon position is changed, when the icon position replacing operation or the icon position changing operation is executed, the background of the touch terminal needs to change the mapping relationship between the icon sub-level function and the screen position where the icon is located. Specifically, assuming that a mapping relationship is established between the sub-level function of icon 1 and screen position 1 before icon 1 changes its position on the screen, when icon 1 changes from screen position 1 to screen position 2, the sub-level function of icon 1 should remove its mapping relationship with screen position 1 and establish its mapping relationship with screen position 2.
when the operation type is the icon movement operation, step S203 is again specifically: and when the movement track moves from the initial position of the 3D application icon currently adsorbed by the operating body to the position above another polyhedron with the icon and not above the icon on the polyhedron, executing the operation of creating the folder. The method specifically comprises the following steps of when the folder creating operation is executed: when the 3D application icon currently adsorbed by the operator moves from its initial position to a position above another polyhedron having icons above and not above the icons on the polyhedron, the original icon above the polyhedron becomes small, and the 3D application icon adsorbed by the operator sinks into the polyhedron and becomes small, and is placed in a newly created folder together with the original icon on the polyhedron, as shown in fig. 7. For example: dragging the current 3D application icon to the edge of the polyhedron where another 3D application icon is located, wherein the 3D application icon can be automatically sucked and zoomed together with the original 3D application icon to form a new folder.
when the operation type is the icon movement operation, step S203 is again specifically: and when the motion track moves from the initial position currently adsorbed by the operation body to the icon deletion position area, executing icon deletion operation. Wherein, executing the icon deleting operation comprises: when the operator moves the currently-suctioned 3D application icon to the edge of the icon deletion position area, the suctioned 3D application icon is suctioned into the icon deletion position area and disappears, as shown in fig. 8. In this embodiment, the icon deletion position can also display the shredder icon and the deleted typeface, so that the user can conveniently find the icon deletion position area.
When the operation type is icon adsorption operation, step S203 may further specifically be:
And enabling the touched and pressed 3D application icon to float upwards to the screen by a preset height. For example: if a 3D application icon is selected by the operation body, the 3D application icon and the polyhedron corresponding to the 3D application icon float upwards to be close to the background plate, the positions of the other 3D application icons which are not selected by the operation body and the corresponding polyhedrons are kept unchanged, the selected 3D application icon presents a feeling of being sucked by the operation body, but the 3D application icon does not protrude out of the screen at the moment, and the polyhedron corresponding to the sucked 3D application icon floats upwards in the screen direction relative to the other corresponding bodies, as shown in fig. 9. When the manipulation body is released and releases the 3D application icon, the 3D application icon sinks, and the polyhedron corresponding to the 3D application icon also sinks, as shown in fig. 10. All the 3D application icons then float up and stand out of the screen display (in the case of not a disparity map, all the 3D application icons present a floating visual effect, but do not stand out of the screen display), while the multiple polyhedrons of the background plate are again seamlessly stitched together.
Before determining that the operation type is an icon adsorption operation or an icon movement operation and the operation body does not leave the screen, the background plate is split into a plurality of polyhedrons, and the 3D application icon shrinks and sinks between the screen and the polyhedron corresponding to the 3D application icon. And after the operation body leaves the screen, seamlessly splicing the split polyhedrons again. When the operation type is a left-right sliding operation, the background plate is split into a plurality of polyhedrons, the 3D application icons shrink and sink between the screen and the polyhedrons corresponding to the 3D application icons, then the split polyhedrons are seamlessly spliced again, and the sinking 3D application icons float upwards and return to the initial state.
when a plurality of polyhedrons are split during the screen cutting operation, the icon adsorption operation and the icon moving operation, the polyhedrons are separated by the spacing feature, specifically, the spacing feature may be a splitting identifier, so that the separation effect between the polyhedrons is more remarkable.
It can be understood that, when the background plate is split into a plurality of polyhedrons and the plurality of polyhedrons are seamlessly spliced together, the following method can be specifically adopted:
the background plate is formed by splicing a plurality of polyhedrons with three-dimensional spatial position relationship, specifically, a three-dimensional coordinate is established by taking a screen preset position (such as the upper left corner) as a coordinate system origin, each polyhedron is respectively provided with a fixed point (such as a central point) with a fixed position in the three-dimensional coordinate, when the terminal receives a trigger signal (e.g., a trigger signal for a screen switching operation, a trigger signal for an icon adsorption operation, or a trigger signal for an icon moving operation, etc.) for triggering contraction or enlargement of each polyhedron, each polyhedron contracts to a preset size around its respective fixed point within a predetermined time, so that cracks having depth information occur between each polyhedron, and thus a spacing feature is provided between each polyhedron, or the polyhedrons are enlarged to a predetermined size around their respective fixing points within a predetermined time so that the initial seamless splicing state is restored between the polyhedrons. For example: during splitting, each polyhedron contracts inwards along a certain position (such as a central position) of the polyhedron, and the contraction with a preset amplitude is completed within a preset time, such as within 0.2 second, and the contraction amplitude reaches 2% of the size of the original polyhedron when the contraction is completed; and when the polyhedron is contracted, the edge of the surface of each polyhedron automatically forms a round chamfer, and the radius of the chamfer is equal to the contraction amplitude at the moment, so that cracks are generated among the polyhedrons. In addition, the contraction process can simulate some physical effects, such as acceleration and deceleration effects, vibration effects, changes of colors and relative positions and the like, so that the effects of increasing fun and feeling are achieved. The contraction time, the contraction amplitude, the chamfer radius, the contraction effect and the like can be set in a user-defined mode in the touch terminal. Obviously, when there are cracks having depth information between the polyhedrons, other spacers having different depths from the polyhedrons may be further disposed in the cracks, thereby playing a role in dynamically changing the interaction between the background plate and the 3D application icon.
Further, when the operation body is not in contact with the touch terminal, as the operation body approaches the icon, the 3D application icon corresponding to the operation body gradually sinks, so that a visual angle effect that the operation body presses the 3D application icon is generated in the visual angle effect; in addition, the icon sinks when the operation body is close to the icon, which is also convenient for the user to know which application program is about to be operated, and is beneficial to reducing misoperation, so that before step S201, the 3D application icon sinking processing operation needs to be executed according to the distance between the operation body and the touch terminal screen.
since it has been described in the foregoing, there are three implementations of the 3D application icon, but only the 3D application icon formed in the manner of the parallax image can be projected out of the screen display of the touch terminal. The display protruding from the touch terminal screen in the embodiment of the invention refers to the display effect of the protruding screen formed after the parallax image is incident on human eyes, and the display effect is the subjective visual effect of a user. Therefore, when executing the sinking processing operation of the 3D application icon according to the distance between the operation body and the touch terminal screen, the sinking processing operation needs to be executed in different manners according to whether the 3D application icon can protrude out of the screen for display.
when the 3D application icon having the stereoscopic effect is formed by using the layering technique or the 3D modeling technique, since the 3D application icon does not always exhibit the display effect of the convex screen, the touch terminal makes the 3D application icon look like being pressed down by some rendering means when detecting that the distance between the operation body and the screen is reduced.
referring to fig. 11, when the 3D application icon is formed by using the parallax image, the display effect that the 3D application icon protrudes or is recessed into the screen may be achieved by adjusting the depth information of the 3D application icon, that is, before step S201, the method may further include:
step S101: detecting the distance between the operation body and the screen;
The distance between the operation body and the screen can be detected through a suspension touch sensor arranged in the touch terminal. The floating touch sensor has a maximum sensing distance, and when the distance between the operating body and the screen is greater than the maximum sensing distance of the floating touch sensor, the floating touch sensor cannot sense the distance between the operating body and the screen. Preferably, the maximum sensing distance of the floating touch sensor is greater than the maximum distance of the application icon protruding out of the screen.
Step S102: judging whether the distance between the operation body and the screen is smaller than the maximum distance of the 3D application icon protruding out of the screen, if so, entering the step S103, otherwise, not processing;
step S103, adjusting the distance of the 3D application icon protruding out of the screen; when the operation body moves towards the screen direction, a display effect that the 3D application icon sinks towards the direction of the background plate is generated, and when the operation body is far away from the screen direction, a display effect that the 3D application icon protrudes towards the direction outside the screen is generated.
preferably, the sinking of the 3D application icon towards the background plate comprises adjusting a distance of the 3D application icon protruding from the screen to a distance between the operation body and the screen. The distance between the 3D application icon and the screen is equal to the distance between the operation body and the screen, namely the operation body touches the 3D application icon, from the perspective effect, the operation body touches the 3D application icon, and the 3D application icon sinks due to being pressed down by the operation body, so that the 3D interaction method has a better 3D interaction effect.
in the process of adjusting the distance between the 3D application icons and the protruding screen, the distances between the protruding screens of all the 3D application icons displayed on the touch terminal user interface may be adjusted first, and then the distance between the protruding screens of the 3D application icons controlled by the operating body may be adjusted separately. Preferably, the distance that the 3D application icon protrudes from the screen may be adjusted to the distance between the operator and the screen, so that the effect of the operator passing through the 3D application icon does not occur. It is understood that, in the process of adjusting the distance that the 3D application icon protrudes from the screen, the size of the 3D application icon in the X-Y direction may also be adjusted at the same time. In addition, in the sinking process of the 3D application icon, the operation body touches different positions of the 3D application icon, and the 3D application icon may also shake to different degrees. In addition, in the process of manipulating the application icon by the operation body, there may be a linkage change process between the 3D application icon indicated by the operation body and the 3D application icon not selected by the operation body in the periphery, for example, after the operation body clicks the 3D application icon, the 3D application icon in the periphery of the 3D application icon may also change, just like ripples caused by water drops. For example, in the process of shaking, the icons of the application program manipulated by the operation body will also shake the surrounding application icons. When the application icon sinks to the screen, the distance that the application icon protrudes from the screen is 0. And if the operation body is released, highlighting the application icon and opening the corresponding application program. At this time, the touch terminal can also enable the application icon to automatically float upwards, and enable the distance of the application icon protruding out of the screen to be restored to the initial state, so that the user can enable the application icon to keep the original shape when exiting the application program corresponding to the application icon.
In order to make the 3D effect of the 3D application icon better, a projection of the 3D application icon is also displayed on the user interface of the touch terminal screen, and the size or shape of the projection is changed according to time and/or date in combination with a preset change model. The application icons on the user interface have different projection changes along with the change of time, so that the expression forms of the application icons are rich and diversified, and the interest of the user interface in displaying the application icons is improved.
in fig. 1 to 11, the interaction method of the graphical user interface is described in detail, and in the following, a touch terminal adopting the interaction method will be described with reference to fig. 12 to 14.
Referring to fig. 12, fig. 12 is a schematic structural diagram of a touch terminal according to a first embodiment of the present invention. The touch terminal 40 further includes a first detecting module 41, a determining module 42, and an executing module 43.
The first detection module 41 is configured to detect operation information input by an operator on the touch terminal screen for a selected 3D application icon. The determining module 42 is configured to determine a current operation type of the operation body according to the detected operation information. The execution module 43 is configured to display the background board and the 3D application icon according to the corresponding change of the operation type, and execute the operation corresponding to the determined operation type.
In this embodiment, the operation information includes: the method comprises the following steps of contacting time information of a screen and/or motion track information of an operation body on the screen, wherein the time information of the operation body contacting the screen refers to the duration of the time that the operation body contacts the screen and is fixed, and the motion track information of the operation body on the screen refers to the relevant information of the operation body contacting the screen and sliding on the screen.
In the embodiment of the invention, the operation type is determined according to the operation information, the background board and the 3D application icon are displayed according to the corresponding change of the operation type, and the operation corresponding to the determined operation type is executed, so that the dynamic interaction of the 3D application icon is realized, the interaction mode of a user interface is enriched, the user control experience is improved, and the usability, flexibility and fun of the user interface are greatly enhanced.
Referring to fig. 13, fig. 13 is a schematic structural diagram of a touch terminal according to a second embodiment of the invention. The touch terminal 50 further includes a first detection module 51, a determination module 52, and an execution module 53.
the first detection module 51 is configured to detect operation information input by an operator on the touch terminal screen for a selected 3D application icon. The determining module 52 is configured to determine a current operation type of the operation body according to the detected operation information. The execution module 53 is configured to display the background board and the 3D application icon according to a corresponding change of an operation type, and execute an operation corresponding to the determined operation type. In this embodiment, the operation information includes: the method comprises the following steps of contacting time information of a screen and/or motion track information of an operation body on the screen, wherein the time information of the operation body contacting the screen refers to the duration of the time that the operation body contacts the screen and is fixed, and the motion track information of the operation body on the screen refers to the relevant information of the operation body contacting the screen and sliding on the screen.
different operation triggers generate different operation types, and the different operation types trigger execution of motionless operation, so that different responses are realized.
the determination module 52 includes a first determination unit 521a, a second determination unit 521b, a third determination unit 521c, a first determination unit 522, a second determination unit 523, and a third determination unit 524, a fourth determination unit 525, a fifth determination unit 526, and a sixth determination unit 527.
The first judging unit 521a is configured to judge whether a motion trajectory of the operating body exists on the screen when the time for which the operating body contacts the screen is less than a preset first time threshold.
The first determination unit 522 is configured to determine that the current operation type of the operation body is a single-click operation when the first determination unit 521a determines that there is no movement trajectory.
The second determination unit 521b is configured to determine whether the operator is continuously touching the screen within a preset second time threshold.
the second determining unit 523 is configured to determine that the current operation type of the operating body is the shortcut setting operation when the first determining unit 521a determines that the operating body has the motion trajectory and the motion trajectory is the up-down displacement operation, and the screen is continuously contacted and immobilized according to the determination of the second determining unit 521b after the up-down displacement is completed (that is, the time for which the screen is contacted and immobilized after the up-down displacement is completed reaches the second time threshold).
The third determining unit 524 is configured to determine that the current operation type of the operating body is the quick start operation when the first determining unit 521a determines that the motion trajectory exists and the motion trajectory is the up-down displacement, and after the up-down displacement is completed, the screen is not continuously contacted and is not moved according to the determination of the second determining unit 521b (that is, the time for which the screen is not moved after the up-down displacement is completed does not reach the second time threshold).
The fourth determination unit 525 determines that there is a motion trajectory and the motion trajectory is a fast left-right shift operation at the first determination unit 521a, and determines that the current operation type of the operation body is a left-right slide operation.
the third judging unit 521c is configured to judge whether the motionless time for the operating body to contact the screen is greater than or equal to a preset first time threshold, and simultaneously judge whether a motion track exists before the operating body leaves the screen;
The fifth determining unit 526 is configured to determine that the current operation type of the operation body is an icon adsorption operation when the third determining unit 521c determines that the motionless time of the operation body contacting the screen is greater than or equal to a preset first time threshold and no motion track exists;
the sixth determining unit 527 is configured to determine that the current operation type of the operation body is an icon moving operation when the third determining unit 521c determines that the motionless time of the operation body contacting the screen is greater than or equal to a preset first time threshold and the operation track exists
the execution module 53 includes a first execution unit 531, a second execution unit 532, a third execution unit 533, a fourth execution unit 534, a fifth execution unit 535, and a sixth execution unit 536.
the first executing unit 531 is configured to, when the operation type is a single-click operation, execute an operation of shaking the selected 3D application icon and starting an application corresponding to the selected 3D application icon.
The second execution unit 532 is configured to, when the operation type is a shortcut start operation, execute an operation of starting a sub-level function corresponding to the selected 3D application icon. Furthermore, after the sub-level function is started, the sub-level function may be displayed in the original position of the 3D application icon, and an operation of entering the sub-level function is not required, which is very convenient.
the third executing unit 533 is configured to, when the operation type is a shortcut setting operation, generate a corresponding relationship between the selected 3D application icon sub-level function and a preset signal for quickly starting the application icon sub-level function.
The fourth execution unit 534 is configured to execute a switch screen operation when the operation type is a slide left-right operation.
the fifth execution unit 535 is configured to execute an operation of attaching the icon to the operation body when the operation type is the icon attaching operation.
the sixth executing unit 536 is configured to execute the icon moving operation when the operation type is the icon moving operation.
In order to make the 3D display effect of the touch terminal better, the fourth executing unit 534 may further specifically be: and splitting the background plate into a plurality of polyhedrons, respectively shrinking and sinking the 3D application icons to the polyhedrons corresponding to the polyhedrons, then seamlessly splicing the plurality of polyhedrons, and floating the 3D application icons on the user interface to return to the initial positions. The polyhedrons are characterized by a split identifier, which is a split line with depth information in this embodiment, to make the separation between the polyhedrons more significant.
In order to make the 3D display effect of the touch terminal better, the fifth executing unit 535 may further specifically be: and splitting the background plate into a plurality of polyhedrons, enabling the 3D application icons to respectively shrink and sink to the corresponding polyhedrons, seamlessly splicing the plurality of polyhedrons after the operation body leaves the screen, floating the 3D application icons on the user interface, and returning to the initial positions. The polyhedrons are separated from each other by the division identifier, which is a division line having depth information in this embodiment, so that the effect of separation between the polyhedrons is more significant.
in order to make the 3D display effect of the touch terminal better, the sixth executing unit 536 may be further specifically: and splitting the background plate into a plurality of polyhedrons, enabling the 3D application icons to respectively shrink and sink to the corresponding polyhedrons, seamlessly splicing the plurality of polyhedrons after the operation body leaves the screen, floating the 3D application icons on the user interface, and returning to the initial positions. The polyhedrons are separated from each other by the division identifier, which is a division line having depth information in this embodiment, so that the effect of separation between the polyhedrons is more significant.
Further, when the 3D application icon is a 3D application icon with parallax information and the 3D application icon protrudes out of the screen for display before the operator operates the 3D application icon, the present invention may also simulate a 3D operation effect of pressing the 3D application icon, and then the touch terminal 50 further includes a second detection module and an adjustment module.
The second detection module is used for detecting the distance between the operation body and the screen. The adjusting module is used for adjusting the distance of the 3D application icon protruding out of the screen when the distance between the operation body and the screen is smaller than the maximum distance of the 3D application icon protruding out of the screen, so that the 3D application icon generates a display effect of sinking towards the direction of the background plate or protruding towards the direction outside the screen. In the process that the 3D application icon sinks towards the direction of the background plate or protrudes towards the outer side of the screen, the distance that the 3D application icon protrudes out of the screen is kept equal to the distance between the operation body and the screen, so that the 3D application icon sinks due to the fact that the operation body presses down in view of the visual angle effect, the operation body is far away and protrudes, and the adjusting module is specifically used for adjusting the distance that the 3D application icon protrudes out of the screen to be equal to the distance between the operation body and the screen.
In order to make the 3D effect better, a projection of an icon is also displayed on the background plate, wherein the size or shape of the projection is changed according to time and/or date in combination with a preset change model.
In the embodiment of the invention, the operation type is determined according to the operation information, the background board and the 3D application icon are displayed according to the corresponding change of the operation type, and the operation corresponding to the determined operation type is executed, so that the interaction of the 3D application icon is realized, the interaction mode of a user interface is enriched, the user control experience is improved, and the usability, the flexibility and the enjoyment of the user interface are greatly enhanced.
Referring to fig. 14, fig. 14 is a schematic structural diagram of a touch terminal according to a third embodiment of the present invention, where the touch terminal includes a processor 601, a screen 602, and a bus 603. The processor 601 and the screen 602 are both connected to a bus 603. The processor 601 and the screen 602 are both connected to the bus 603; a background plate and a 3D application icon suspended on the background plate are displayed on a user interface of the touch terminal screen; the processor 601 is configured to detect operation information input by an operator on the screen 602 for a selected 3D application icon, and determine a current operation type of the operator according to the detected operation information. Note that, before the operator operates the 3D application icon, the 3D application icon protrudes from the screen for display. At this time, the processor 601 is further configured to detect a distance between the operation body and the screen 602, and if the distance between the operation body and the screen 602 is smaller than a maximum distance at which the 3D application icon protrudes from the screen 602, adjust the distance at which the 3D application icon protrudes from the screen 602, so that the 3D application icon sinks toward the background plate.
Of course, the processor 601 may also perform other operations, so that the touch terminal 60 may also perform other functions, and for the other operations performed by the processor 601, reference may be made to the touch terminal embodiment, which is not described herein again.
the above description is only an embodiment of the present invention, and not intended to limit the scope of the present invention, and all modifications of equivalent structures and equivalent processes performed by the present specification and drawings, or directly or indirectly applied to other related technical fields, are included in the scope of the present invention.

Claims (22)

1. a graphical user interface interaction method is applied to a touch terminal, and is characterized in that a background plate and 3D application icons suspended on the background plate are displayed on a user interface of a screen of the touch terminal, and the method comprises the following steps:
Detecting operation information input by an operator on the touch terminal screen aiming at the selected 3D application icon;
determining the operation type of the operation body according to the detected operation information;
displaying the background board and the 3D application icon according to the corresponding change of the operation type, and executing the operation corresponding to the determined operation type;
The background plate is formed by combining a plurality of polyhedrons, the polyhedrons forming the background plate are in a seamless splicing state before operation information input by an operation body on a screen is not detected, and the 3D application icons are suspended on the surfaces of the polyhedrons corresponding to the application icons;
Wherein the operation type of the operation body comprises: one or more of clicking operation, shortcut setting operation, shortcut starting operation, left-right sliding operation, icon adsorption operation or icon moving operation;
Wherein, when it is determined that the operation type of the operation body is one or more of the left-right sliding operation, the icon adsorption operation, or the icon moving operation, the plurality of polyhedrons constituting the background plate have a spacing feature therebetween, and the 3D application icon shrinks and sinks between the screen and the polyhedron corresponding to the 3D application icon;
Wherein the spacing feature is a split line with depth information.
2. The method of claim 1,
before the operator operates the user interface, the 3D application icon protrudes from the screen display, and the method further comprises:
detecting a distance between the operation body and the screen;
and if the distance between the operation body and the screen is smaller than the maximum distance of the 3D application icon protruding out of the screen, adjusting the distance of the 3D application icon protruding out of the screen.
3. The method of claim 2, wherein the adjusting the distance the 3D application icon protrudes from the screen comprises:
and adjusting the distance of the 3D application icon protruding out of the screen to be the distance between the operation body and the screen.
4. The method of claim 1, wherein a plurality of the background plates constitute a three-dimensional rotating structure, and the background plate displayed on the current user interface is one surface of the three-dimensional rotating structure.
5. The method of claim 1, wherein the operational information comprises:
And the time information of the contact of the operating body with the screen and/or the motion trail information of the operating body on the screen.
6. the method of claim 5, wherein the determining a current operation type of the operator according to the detected operation information comprises:
when the time that the operating body contacts the screen is less than a preset first time threshold, judging whether the operating body has a motion track on the screen, and if the motion track does not exist, determining that the current operation type of the operating body is single-click operation;
if the motion trail exists and is up-down displacement, and the motionless time of the contact screen after the up-down displacement reaches a preset second time threshold, determining that the current operation type of the operation body is a shortcut setting operation;
If the motion trail exists and is up-down displacement, and the motionless time of the contact screen after the up-down displacement is finished is less than a preset second time threshold, determining that the current operation type of the operation body is quick start operation;
If the motion trail exists and the motion trail is left-right displacement, determining that the current operation type of the operation body is left-right sliding operation;
When the operation body does not have a motion track before leaving the screen and the time of contacting the screen is greater than or equal to a preset first time threshold, determining that the current operation type of the operation body is icon adsorption operation;
And when the motionless time of the operation body contacting the screen is greater than or equal to a preset first time threshold and the operation body has a motion track before leaving the screen, determining that the current operation type of the operation body is icon moving operation.
7. the method according to claim 6, wherein the displaying the background plate and the 3D application icon according to the corresponding change of the operation type and executing the operation corresponding to the determined operation type comprises:
When the operation type is single-click operation, executing and shaking the 3D application icon in the single-click area, and starting operation of corresponding application;
When the operation type is the shortcut setting operation, executing the shortcut setting operation;
When the operation type is a quick start operation, executing an operation of starting the selected 3D application icon sub-level function;
When the operation type is a left-right sliding operation, executing screen switching operation;
When the operation type is icon adsorption operation, executing the operation of adsorbing the selected icon to the operation body;
And when the operation type is the icon moving operation, executing the operation of moving the selected icon.
8. the method according to claim 7, wherein when the operation type is an icon moving operation, the displaying the background plate and the 3D application icon according to the corresponding change of the operation type and executing the operation corresponding to the determined operation type includes:
when the motion trail information is moved from the initial position of the 3D application icon currently adsorbed by the operation body to the position above another icon and stops for a preset time and leaves the screen, executing icon position replacement operation;
When the motion trail information moves from the initial position of the 3D application icon currently adsorbed by the operation body to the position above a blank polyhedron and stops for a preset time and leaves the screen, executing icon position change operation;
when the motion trail information is that the 3D application icon currently adsorbed by the operation body moves to the position above another polyhedron with the icon and is not above the icon on the polyhedron from the initial position, executing a folder creating operation;
and when the motion trail information is from the initial position of the 3D application icon currently adsorbed by the operation body to the icon deletion position area, executing icon deletion operation.
9. the method according to claim 7, wherein when the operation type is an operation of starting a selected 3D application icon sublevel function, the displaying the background plate and the 3D application icon according to the corresponding change of the operation type and executing the operation corresponding to the determined operation type includes:
turning a polyhedron corresponding to the 3D application icon along a sliding direction;
Displaying an icon corresponding to the sub-level function on the other surface of the polyhedron to prompt the currently started sub-level function;
And starting the sub-level function and displaying a user interface of the sub-level function.
10. the method according to any one of claims 1 to 9, wherein when the operation type is an icon adsorption operation or an icon movement operation, displaying the background board and the 3D application icon according to a change in correspondence with the operation type, and performing an operation corresponding to the determined operation type includes:
Before the operation body leaves the display screen, splitting the background plate into a plurality of polyhedrons, and shrinking and sinking the 3D application icon between the screen and the polyhedron corresponding to the 3D application icon;
and after the operation body leaves the display screen, seamlessly splicing the plurality of polyhedrons, and floating the 3D application icon.
11. The method according to any one of claims 1 to 9, wherein when the operation type is a left-right sliding operation, displaying the background board and the 3D application icon according to a corresponding change in the operation type, and performing an operation corresponding to the determined operation type includes:
executing screen switching operation, and correspondingly switching the currently displayed 3D application icon and the background plate into a new 3D application icon and a new background plate;
In the process of switching the screen, the background board is divided into a plurality of polyhedrons, and the 3D application icon is shrunk and sunk between the screen and the polyhedron corresponding to the 3D application icon;
After the 3D application icons and the background plate are switched into new ones, the multiple polyhedrons are seamlessly spliced, and the 3D application icons float upwards.
12. the method according to claim 8, wherein when the icon moving operation is an icon position replacing operation, the displaying the background plate and the 3D application icon according to the corresponding change of the operation type and performing the operation corresponding to the determined operation type includes:
When the 3D application icon currently adsorbed by the operating body moves from the initial position to the position above the replaced icon, the replaced icon is extruded and moves to the initial position of the 3D application icon, and the 3D application icon sinks to the position of the replaced icon;
when the 3D application icon currently adsorbed by the operating body moves from the initial position to the position above the replaced icon, the replaced icon gradually hides and sinks into the corresponding polyhedron of the replaced icon, the replaced icon gradually appears at the initial position of the 3D application icon, and the 3D application icon sinks to the position of the replaced icon.
13. The method according to claim 8, wherein when the icon moving operation is an icon position changing operation, the displaying the background plate and the 3D application icon correspondingly changes according to the operation type, and the executing the operation corresponding to the determined operation type specifically includes:
And when the 3D application icon currently adsorbed by the operation body moves from the initial position to the position above the blank polyhedron and the operation body leaves the screen, the 3D application icon sinks to the blank polyhedron.
14. the method according to claim 8, wherein when the icon moving operation is an icon deleting operation, the displaying the background plate and the 3D application icon according to the corresponding change of the operation type and the executing the operation corresponding to the determined operation type includes:
When the 3D application icon currently being adsorbed by the operator moves from its initial position to the edge of the screen icon deletion position area, the 3D application icon is inhaled by the icon deletion position area and disappears.
15. The method according to claim 8, wherein when the icon moving operation is a folder creating operation, the displaying the background plate and the 3D application icon according to the corresponding change of the operation type and performing the operation corresponding to the determined operation type includes:
when the 3D application icon currently adsorbed by the operator moves from its initial position to a position above another polyhedron having icons and not above the polyhedron icon, the original icon on the polyhedron becomes smaller, and the 3D application icon sinks to the polyhedron and becomes smaller, and is located in a newly created folder together with the original icon on the polyhedron.
16. the method according to claim 7, wherein when the operation type is an icon adsorption operation, the displaying the background plate and the 3D application icon according to the corresponding change of the operation type and executing the operation corresponding to the determined operation type includes:
and enabling the 3D application icon to float upwards to the screen direction by a preset height.
17. The method according to claim 7, wherein when the operation type is a shortcut setting operation, the displaying the background plate and the 3D application icon according to the corresponding change of the operation type and executing the operation corresponding to the determined operation type includes:
And generating a corresponding relation between the selected 3D application icon sub-level function and a preset signal for quickly starting the application program sub-level function.
18. The method according to claim 17, wherein the generating of the correspondence between the selected 3D application icon sub-level function and a preset signal for quickly starting the selected application icon sub-level function specifically includes:
receiving a preset signal for quickly starting a selected application program sub-level function input by aiming at the selected 3D application icon;
Displaying a sub-level function list corresponding to the 3D application icon;
And receiving the selected sub-level function from the sub-level function list, and establishing and storing the corresponding relation between the input preset signal and the selected sub-level function.
19. the method of claim 17, wherein when the operation type is a shortcut setting operation, the background panel is split into a plurality of polyhedrons and the 3D application icon is sunk on the corresponding polyhedron before exiting the shortcut setting operation; when the shortcut setting operation is quitted, the plurality of polyhedrons are seamlessly spliced, and the 3D application icon floats upwards.
20. the method according to any one of claims 1 to 9, further comprising:
A projection of the 3D application icon is displayed on the user interface.
21. A touch terminal is characterized in that a background plate and 3D application icons suspended on the background plate are displayed on a user interface of a screen of the touch terminal, and the touch terminal further comprises:
the first detection module is used for detecting operation information input by an operation body on the touch terminal screen aiming at the selected 3D application icon;
The determining module is used for determining the current operation type of the operation body according to the detected operation information;
The execution module is used for displaying the background board and the 3D application icon according to the corresponding change of the operation type and executing the operation corresponding to the determined operation type;
The background plate is formed by combining a plurality of polyhedrons, the polyhedrons forming the background plate are in a seamless splicing state before operation information input by an operation body on a screen is not detected, and the 3D application icons are suspended on the surfaces of the polyhedrons corresponding to the application icons;
wherein the operation type of the operation body comprises: one or more of clicking operation, shortcut setting operation, shortcut starting operation, left-right sliding operation, icon adsorption operation or icon moving operation;
Wherein, when it is determined that the operation type of the operation body is one or more of the left-right sliding operation, the icon adsorption operation, or the icon moving operation, the plurality of polyhedrons constituting the background plate have a spacing feature therebetween, and the 3D application icon shrinks and sinks between the screen and the polyhedron corresponding to the 3D application icon;
Wherein the spacing feature is a split line with depth information.
22. the touch terminal is characterized by comprising a processor, a screen and a bus, wherein the processor and the screen are connected with the bus; a background plate and a 3D application icon suspended on the background plate are displayed on a user interface of the touch terminal screen;
the processor is used for detecting operation information input by an operation body on the screen aiming at the selected 3D application icon, determining the current operation type of the operation body according to the detected operation information, displaying the background plate and the 3D application icon according to the corresponding change of the operation type, and executing the operation corresponding to the determined operation type;
the background plate is formed by combining a plurality of polyhedrons, the polyhedrons forming the background plate are in a seamless splicing state before operation information input by an operation body on a screen is not detected, and the 3D application icons are suspended on the surfaces of the polyhedrons corresponding to the application icons;
wherein the operation type of the operation body comprises: one or more of clicking operation, shortcut setting operation, shortcut starting operation, left-right sliding operation, icon adsorption operation or icon moving operation;
Wherein, when it is determined that the operation type of the operation body is one or more of the left-right sliding operation, the icon adsorption operation, or the icon moving operation, the plurality of polyhedrons constituting the background plate have a spacing feature therebetween, and the 3D application icon shrinks and sinks between the screen and the polyhedron corresponding to the 3D application icon;
Wherein the spacing feature is a split line with depth information.
CN201510344930.3A 2015-06-19 2015-06-19 graphical user interface interaction method and touch terminal Active CN106325652B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201510344930.3A CN106325652B (en) 2015-06-19 2015-06-19 graphical user interface interaction method and touch terminal

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201510344930.3A CN106325652B (en) 2015-06-19 2015-06-19 graphical user interface interaction method and touch terminal

Publications (2)

Publication Number Publication Date
CN106325652A CN106325652A (en) 2017-01-11
CN106325652B true CN106325652B (en) 2019-12-10

Family

ID=57727481

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201510344930.3A Active CN106325652B (en) 2015-06-19 2015-06-19 graphical user interface interaction method and touch terminal

Country Status (1)

Country Link
CN (1) CN106325652B (en)

Families Citing this family (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107272987A (en) * 2017-06-06 2017-10-20 努比亚技术有限公司 Using startup method, terminal and computer-readable recording medium
WO2019014856A1 (en) * 2017-07-18 2019-01-24 朱小军 3d stereoscopic display and interaction method and intelligent mobile terminal
CN109407929A (en) * 2018-10-30 2019-03-01 维沃移动通信有限公司 A kind of method for sorting and terminal of desktop icons
CN112099691B (en) * 2020-09-21 2022-07-15 珠海格力电器股份有限公司 Display method and device of application program icon, electronic equipment and storage medium
CN112883212A (en) * 2021-02-25 2021-06-01 北京有竹居网络技术有限公司 Control method and device for multimedia content display, electronic equipment and medium
CN115469781B (en) * 2021-04-20 2023-09-01 华为技术有限公司 Graphic interface display method, electronic device, medium and program product

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101300621A (en) * 2005-09-13 2008-11-05 时空3D公司 System and method for providing three-dimensional graphical user interface
CN102065178A (en) * 2010-12-28 2011-05-18 东莞宇龙通信科技有限公司 Shortcut starting method for application functions and mobile terminal
CN102088510A (en) * 2009-12-07 2011-06-08 Lg电子株式会社 Method for displaying broadcasting data and corresponding mobile terminal
CN102413346A (en) * 2010-09-22 2012-04-11 株式会社尼康 Image display apparatus
CN102685527A (en) * 2011-03-09 2012-09-19 索尼公司 Image processing apparatus and method, and program
CN103282945A (en) * 2010-12-24 2013-09-04 三星电子株式会社 Three dimensional (3d) display terminal apparatus and operating method thereof
CN103324393A (en) * 2012-06-22 2013-09-25 微软公司 3d user interface used for application entity
CN103974008A (en) * 2013-01-30 2014-08-06 联想(北京)有限公司 Information processing method and electronic equipment

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101808625B1 (en) * 2010-11-23 2018-01-18 엘지전자 주식회사 Content control apparatus and method thereof

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101300621A (en) * 2005-09-13 2008-11-05 时空3D公司 System and method for providing three-dimensional graphical user interface
CN102088510A (en) * 2009-12-07 2011-06-08 Lg电子株式会社 Method for displaying broadcasting data and corresponding mobile terminal
CN102413346A (en) * 2010-09-22 2012-04-11 株式会社尼康 Image display apparatus
CN103282945A (en) * 2010-12-24 2013-09-04 三星电子株式会社 Three dimensional (3d) display terminal apparatus and operating method thereof
CN102065178A (en) * 2010-12-28 2011-05-18 东莞宇龙通信科技有限公司 Shortcut starting method for application functions and mobile terminal
CN102685527A (en) * 2011-03-09 2012-09-19 索尼公司 Image processing apparatus and method, and program
CN103324393A (en) * 2012-06-22 2013-09-25 微软公司 3d user interface used for application entity
CN103974008A (en) * 2013-01-30 2014-08-06 联想(北京)有限公司 Information processing method and electronic equipment

Also Published As

Publication number Publication date
CN106325652A (en) 2017-01-11

Similar Documents

Publication Publication Date Title
CN106325835B (en) 3D application icon interaction method applied to touch terminal and touch terminal
CN106325652B (en) graphical user interface interaction method and touch terminal
JP6955557B2 (en) Game screen display control methods, devices, storage media and electronic devices
US9244544B2 (en) User interface device with touch pad enabling original image to be displayed in reduction within touch-input screen, and input-action processing method and program
EP2946265B1 (en) Portable terminal and method for providing haptic effect to input unit
KR101527827B1 (en) Split-screen display method and apparatus, and electronic device thereof
KR101087479B1 (en) Multi display device and method for controlling the same
CN111228810B (en) Control method and device of virtual rocker, electronic equipment and storage medium
EP2835729A1 (en) Method for controlling position of floating window and terminal
US20120017180A1 (en) Method for adjusting the background image on a screen
CN112286434B (en) Suspension button display method and terminal equipment
CN103019564A (en) Terminal and terminal operation method
CN109885222A (en) Icon processing method, device, electronic equipment and computer-readable medium
CN105320410A (en) Method and device for touch control on touch terminal
CN106325722A (en) 3D user interface interaction method based on touch terminal and the touch terminal
CN103927114A (en) Display method and electronic equipment
CN105204754B (en) The one-handed performance method and device of touch screen
CN103870195A (en) Information prompt method and electronic equipment
CN106257389B (en) Realize the method and touch control terminal of folder icon interaction
CN106325656B (en) Applied to the 3D user interface interaction method for touching terminal and touch terminal
CN104484095A (en) Information processing method and electronic device
CN106325655B (en) 3D application icon interaction method applied to touch terminal and touch terminal
CN103885696A (en) Information processing method and electronic device
CN105892897A (en) Terminal operation method and equipment
CN106325654A (en) 3D interface screen switching method applied to touch terminal and touch terminal

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
TA01 Transfer of patent application right
TA01 Transfer of patent application right

Effective date of registration: 20180725

Address after: 518000 Room 201, building A, No. 1, Qian Wan Road, Qianhai Shenzhen Hong Kong cooperation zone, Shenzhen, Guangdong (Shenzhen Qianhai business secretary Co., Ltd.)

Applicant after: Shenzhen super Technology Co., Ltd.

Address before: 518102 Guangdong Shenzhen Baoan District Xixiang Street Gonghe Industrial Road West hair B District Xu Sheng research and development building 11 story 1113U

Applicant before: SHENZHEN CHUANGRUISI TECHNOLOGY CO., LTD.

GR01 Patent grant
GR01 Patent grant