CN111433724A

CN111433724A - Terminal device, graphical user interface thereof and control method of graphical user interface

Info

Publication number: CN111433724A
Application number: CN201780097431.6A
Authority: CN
Inventors: 潘英强
Original assignee: Shenzhen Royole Technologies Co Ltd
Current assignee: Shenzhen Royole Technologies Co Ltd
Priority date: 2017-12-27
Filing date: 2017-12-27
Publication date: 2020-07-17
Also published as: WO2019127157A1

Abstract

A terminal device, a graphic user interface and a control method thereof. The terminal device (100) comprises a flexible touch display screen (30), a memory (20) and a processor (10), wherein the flexible touch display screen (30) displays a graphical user interface (50) comprising a plurality of icons (51), and each icon (51) has a display attribute; the processor (10), when executing the computer program stored by the memory (20), implements: responding to the sliding operation of a user on the flexible touch display screen (30) to generate a corresponding sliding signal; identifying a sliding operation with touch information according to the sliding signal, and controlling a plurality of icons (51) on the graphical user interface (50) to flow according to the sliding operation; the display attribute of each of the flowing icons (51) is adjusted in accordance with the current display position of each of the flowing icons (51) on the graphical user interface (50) during the flowing of the plurality of icons (51). The terminal equipment can adjust the display attribute of the icon according to the sliding operation and the icon position, and has better user experience.

Description

Terminal device, graphical user interface thereof and control method of graphical user interface

Technical Field

The present application relates to the field of graphical user interface control, and in particular, to a terminal device based on a flexible touch display screen, a graphical user interface thereof, and a graphical user interface control method.

Background

The flexible touch display screen is used as a new generation display screen behind the liquid crystal display screen, is made of soft materials, can be deformed and bent, and brings novel use experience to users. However, a graphical user interface control method based on a flexible touch display screen is still lacking at present.

Disclosure of Invention

The embodiment of the application discloses terminal equipment based on a flexible touch display screen, a graphical user interface of the terminal equipment and a control method of the graphical user interface, and aims to solve the problems.

The terminal device disclosed by the embodiment of the application comprises a flexible touch display screen, wherein the flexible touch display screen displays a graphical user interface, the graphical user interface comprises a plurality of icons, and each icon is displayed through a corresponding display attribute; the terminal device further comprises a memory, a processor and a computer program stored in the memory and executable on the processor, the processor implementing, when executing the computer program: responding to the sliding operation of a user on the flexible touch display screen to generate a corresponding sliding signal; identifying a sliding operation with touch information according to the sliding signal, and controlling the plurality of icons on the graphical user interface to flow according to the sliding operation; adjusting the display attribute of each flowing icon according to the current display position of each flowing icon on the graphical user interface in the process of flowing the plurality of icons.

The embodiment of the application discloses a graphical user interface on terminal equipment with flexible touch display screen, graphical user interface includes a plurality of icons, and every icon shows through corresponding display attribute, graphical user interface by terminal equipment's treater control and realization: responding to the sliding operation of a user on the flexible touch display screen to generate a corresponding sliding signal; identifying a sliding operation with touch information according to the sliding signal, and controlling the plurality of icons on the graphical user interface to flow according to the sliding operation; adjusting the display attribute of each flowing icon according to the current display position of each flowing icon on the graphical user interface in the process of flowing the plurality of icons.

The embodiment of the application discloses a graphical user interface adjusting method, which is applied to terminal equipment with a flexible touch display screen, wherein the flexible touch display screen displays a graphical user interface, the graphical user interface comprises a plurality of icons, and each icon is displayed through a corresponding display attribute, and the method comprises the following steps: responding to the sliding operation of a user on the flexible touch display screen to generate a corresponding sliding signal; identifying a sliding operation with touch information according to the sliding signal, and controlling the plurality of icons on the graphical user interface to flow according to the sliding operation; adjusting the display attribute of each flowing icon according to the current display position of each flowing icon on the graphical user interface in the process of flowing the plurality of icons.

The flexible touch display screen of the terminal equipment displays a graphical user interface, a plurality of icons are displayed on the graphical user interface, and each icon is displayed through a corresponding display attribute; the flexible touch display screen responds to the sliding operation of a user on the flexible touch display screen to generate a corresponding sliding signal; the processor responds to the sliding signal to identify a sliding operation with touch information, controls the flowing of the icons on the graphical user interface according to the sliding operation, and adjusts the display attribute of each flowing icon according to the current display position of each flowing icon on the graphical user interface in the flowing process of the icons, so that a more dynamic interactive experience is provided for users, and better user experience is achieved.

Drawings

In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings needed to be used in the embodiments will be briefly described below, and it is obvious that the drawings in the following description are only some embodiments of the present application, and it is obvious for those skilled in the art to obtain other drawings without creative efforts.

Fig. 1 is a block diagram schematically illustrating modules of a terminal device in an embodiment of the present application.

Fig. 2 is a schematic front view of the terminal device after being fully unfolded in an embodiment of the present application.

Fig. 3 is a schematic perspective view of a folding process of a terminal device in an embodiment of the present application.

Fig. 4 is a perspective view of the terminal device in an embodiment of the present application after being completely folded.

Fig. 5 is a side view of the terminal device in an embodiment of the present application after being completely folded.

Fig. 6 is a rear schematic view of the terminal device in an embodiment of the present application after being completely folded.

Fig. 7 is a schematic diagram of a first state of an icon flowing process of the terminal device after being completely folded in an embodiment of the application.

Fig. 8 is a schematic diagram of a second state of the icon flowing process of the terminal device after being completely folded in the embodiment of the present application.

Fig. 9 is a schematic diagram of a third state of the icon flowing process of the terminal device after being completely folded in the embodiment of the present application.

Fig. 10 is a fourth state diagram illustrating an icon flowing process of the terminal device after being completely folded according to an embodiment of the present application.

Fig. 11 is a flowchart of a gui control method of a terminal device in an embodiment of the present application.

Detailed Description

The technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are only a part of the embodiments of the present application, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.

Referring to fig. 1, a block diagram of a terminal device 100 according to an embodiment of the present application is shown. The terminal device 100 may be, but is not limited to, a mobile phone, a tablet computer, an electronic reader, a wearable electronic device, and the like, and is not limited herein. The terminal device 100 includes, but is not limited to, a processor 10, and a memory 20 and a flexible touch display screen 30 electrically connected to the processor 10, respectively. It should be understood by those skilled in the art that fig. 1 is only an example of the terminal device 100 and does not constitute a limitation to the terminal device 100, and the terminal device 100 may include more or less components than those shown in fig. 1, or combine some components, or different components, for example, the terminal device 100 may further include an input and output device, a network access device, a data bus, etc.

The Processor 10 may be a Central Processing Unit (CPU), other general purpose Processor, a Digital Signal Processor (DSP), an Application Specific Integrated Circuit (ASIC), an off-the-shelf Programmable gate array (FPGA) or other Programmable logic device, discrete gate or transistor logic device, discrete hardware component, etc. A general-purpose processor may be a microprocessor or the processor may be any conventional processor or the like, the processor being the control center of the terminal device 100 and connecting the various parts of the whole terminal device 100 with various interfaces and lines.

The memory 20 may be used to store the computer programs and/or modules, and the processor 10 implements various functions of the terminal device 100 by running or executing the computer programs and/or modules stored in the memory 20 and calling data stored in the memory 20. The memory 20 may mainly include a program storage area and a data storage area, wherein the program storage area may store an operating system, application programs (such as a sound playing function, an image playing function, etc.) required by a plurality of functions, and the like; the storage data area may store data (such as audio data, a phonebook, etc.) created according to the use of the terminal device, and the like. In addition, the memory 20 may include a high speed random access memory, and may also include a non-volatile memory, such as a hard disk, a memory, a plug-in hard disk, a Smart Media Card (SMC), a Secure Digital (SD) Card, a Flash memory Card (Flash Card), a plurality of magnetic disk storage devices, a Flash memory device, or other volatile solid state storage devices.

Referring to fig. 2, the flexible touch display screen 30 has a folding area 31. The flexible touch display screen 30 can be folded along a fold line 37 within the fold region 31. It is understood that, in the present embodiment, there are two folding regions 31. The two folding areas 31 are symmetrically disposed on the touch display screen 30. Referring to fig. 3, the flexible touch display screen 30 is divided into a main screen 33 and two auxiliary screens 35 along the folding area 31. The two auxiliary screens 35 are respectively located on both sides of the main screen 33. Referring to fig. 4, when the two auxiliary screens 35 are completely folded along the corresponding folding regions 31, the two auxiliary screens 35 are disposed on the back of the main screen 33. It is understood that the position of the folding area 31 can be set according to actual needs, but needs to be set before factory shipment. When the two auxiliary screens 35 respectively correspond to the folding areas 31 folded to the completely folded state, the folding areas 31 are in a semicircular shape. It is understood that in other embodiments, the number of the folding areas 31 may be one or more, and the flexible touch display screen 30 is divided into the main screen 33 and one or more auxiliary screens 35. And are not limited herein.

The flexible touch display screen 30 generates a corresponding sliding signal in response to a sliding operation of a user on the touch surface. Specifically, in the present embodiment, in the folded state of the flexible touch display screen 30, the two auxiliary screens 35 cannot respond to various touch operations of the user thereon, and only the main screen 33 generates corresponding signals in response to various touch operations of the user thereon. It is understood that in other embodiments, when the flexible touch display screen 30 is in the folded state, the two auxiliary screens 35 can also generate corresponding sliding signals in response to the sliding operation of the user thereon. It can be understood that the "folded state" means that the folding angle of the auxiliary screen 35 relative to the main screen 33 is greater than 0 degree, wherein when the folding angle is 0 degree, the auxiliary screen 35 and the main screen 33 are completely unfolded, when the folding angle is 180 degrees, the auxiliary screen 35 completely covers the main screen 33, and when the folding angle is in an interval greater than 0 degree and less than 180 degrees, the folding angle all belongs to the folded state. Wherein the folding angle can be obtained according to an angle sensor (not shown) disposed at the folding area 31.

Referring to fig. 3, 4, 5 and 6, the processor 10 controls the flexible touch display 30 to display a graphic user interface 50 by running or executing computer programs and/or modules stored in the memory 20. The graphic user interface 50 is a window through which a user performs various interactions with the terminal device 100. The graphical user interface 50 has a plurality of icons 51 thereon. Specifically, the area of the graphical user interface 50 corresponding to the main screen 33 is a main screen area 501, the area of the graphical user interface 50 corresponding to each auxiliary screen 35 is an auxiliary screen area 503, and the area of the graphical user interface 50 corresponding to each folding area 31 is a folding area 505. Preferably, the graphical user interface 50 has a display band 53. The display band 53 penetrates the gui 50 along a length direction of the gui 50, and a width of the display band 53 is smaller than a width of the gui 50. Further preferably, for better visual experience, the display band 53 is disposed at a substantially middle position of the graphical user interface 50 in a width direction of the graphical user interface 50. Specifically, the plurality of icons 51 are disposed within the display band 53. The plurality of icons 51 are circular in shape with different sizes, respectively. It is understood that in other embodiments, the icons 51 can be in other suitable shapes, such as oval, polygon, square, etc., which are not limited herein and can be set according to actual needs. Among the plurality of icons 51, the icons 51 having a smaller size are clustered around the icon 51 having a larger size, and the "smaller size" means that the area of the icon is smaller than that of the icon having a larger size. The plurality of icons 51 are disposed substantially uniformly spaced within the display band 53. The plurality of icons 51 are display icons of application programs installed in the terminal device 100, and a user clicks any one of the icons 51 through the flexible touch display screen 30 to start the application program corresponding to the icon 51. The plurality of icons 51 may be various application icons, such as communication application icons, which may include but are not limited to a call application icon, a short message application icon, and an instant message application icon, which may include but is not limited to: a QQ application icon, a WeChat application icon, a microblog application icon, and the like.

Each icon 51 is displayed by a corresponding display attribute. The display attributes include, but are not limited to, at least one of display size, transparency, and icon arrangement density. The "display size" refers to the display area of the icon 51 displayed on the gui 50, and includes a fixed size and a relative size after zooming from the fixed size, wherein the relative size can be larger or smaller than the fixed size, depending on whether the zoomed size is zoomed or scaled relative to the fixed size and the ratio of the zoomed size and the zoomed/zoomed size. For example, a relative size of a magnification ratio of 20% is smaller than a relative size of a magnification ratio of 50%. The "transparency" refers to the transparency of the icon 51 displayed on the gui 50, wherein a transparency of 0% indicates that the icon 51 is not transparent, and a transparency of 100% indicates that the icon 51 is completely transparent. The "icon arrangement density" refers to the number of icons arranged in a unit area in a certain area on the gui 50, and includes the icon arrangement density in the main screen area 501 and the icon arrangement density in the auxiliary screen area 503.

The display attributes include a first display attribute and a second display attribute. The first display attribute and the second display attribute respectively include but are not limited to at least one of display size, transparency and icon arrangement density. The processor 10 controls the icons 51 located in the home screen area 501 of the graphical user interface 50 to be displayed with the first display attribute. The processor 10 controls the icon 51 located in the secondary screen area 503 of the gui 50 to be displayed with the second display attribute. Wherein the first display attribute is maintained at a substantially constant value. The second display attribute varies as the secondary screen 35 is folded toward the primary screen 33. When the main screen 33 and the auxiliary screen 35 are completely folded, the difference between the first display attribute and the second display attribute is the largest and is greater than a preset value. The specific differences are as follows: the display size, transparency, and icon arrangement density are different. The first display attribute is large in display size, small in transparency and small in icon arrangement density. The second display attribute has small display size, large transparency and large icon arrangement density. In the process of unfolding the flexible touch display screen 30, the attribute value of the second display attribute approaches to the attribute value of the first display attribute. When the flexible touch display screen 30 is completely unfolded, the attribute values of the first display attribute and the second display attribute are completely the same.

The processor 10 identifies a sliding operation with touch information in response to the sliding signal. The processor 10 controls the flow of the plurality of icons 51 on the graphical user interface 50 according to the sliding operation. Preferably, the processor 10 controls the flow of all icons 51 located on the graphical user interface 50 according to the sliding operation.

Specifically, please refer to fig. 2 again, the touch information at least includes a sliding direction. For convenience of description, the first direction 200 and the second direction 300 are specifically defined. The first direction 200 is a direction extending from the left auxiliary screen 35 to the right auxiliary screen 35 and perpendicular to the folding line 37 when the user normally holds the terminal device 100. The second direction 300 is opposite to the first direction 200. When the actual sliding track of the sliding operation and the actual included angle between the actual sliding track and the first direction 200 are within 90 degrees, the sliding direction of the sliding operation can be determined to be the first direction 200. When the actual sliding track of the sliding operation and the actual included angle between the second direction 300 are within 90 degrees, the sliding direction of the sliding operation can be determined to be the second direction 300. The processor 10 controls the flow direction of the plurality of icons 51 on the graphic user interface 50 to coincide with the sliding direction of the sliding operation. It is understood that in the present embodiment, although the auxiliary screen 35 cannot respond to the sliding operation of the user thereon in the folded state, the processor 10 thus controls the overall flow of the plurality of icons 51 on the entire gui 50 in response to the sliding operation of the user thereon in the main screen 33.

Optionally, the touch information further includes a sliding speed. The processor 10 controls the flow rate of the plurality of icons 51 on the gui 50 to be proportional to the sliding speed of the sliding operation. In other words, the faster the sliding speed of the sliding operation, the faster the processor 10 controls the flow speed of the plurality of icons 51 on the graphical user interface 50. The slower the sliding speed of the sliding operation, the slower the processor 10 controls the flow speed of the plurality of icons 51 on the graphical user interface 50. It is understood that in other embodiments, the processor 10 controls the flow speed of the icons 51 on the gui 50 to increase as the sliding speed of the sliding operation increases, which may be arc linear, stepwise or other suitable increasing manner.

Optionally, the touch information further includes a touch pressure. The processor 10 controls the flow speed of the icons 51 on the gui 50 to be proportional to the touch pressure of the sliding operation. In other words, the greater the touch pressure of the sliding operation, the faster the processor 10 controls the flow speed of the icons 51 on the gui 50. The smaller the touch pressure of the sliding operation is, the slower the processor 10 controls the flow speed of the plurality of icons 51 on the graphic user interface 50. Therefore, the user can feel that the icon can flow quickly by sliding forcefully, and better user experience is achieved. It is understood that in other embodiments, the processor 10 controls the flow speed of the icons 51 on the gui 50 to increase with the increase of the touch pressure of the sliding operation, and the increase may be arc linear, step-wise or other suitable increase.

Specifically, the sliding operation is a first sliding operation of sliding on any position of the flexible touch display screen 30. The processor 10 determines a sliding direction of the first sliding operation according to the first sliding operation, and controls the plurality of icons 51 on the graphical user interface 50 to flow in a direction corresponding to the sliding direction as a whole according to the sliding direction. Specifically, when the actual sliding track of the first sliding operation and the actual included angle between the first direction 200 are within 90 degrees, it can be determined that the sliding direction of the first sliding operation is the first direction 200. When the actual sliding track of the first sliding operation and the actual included angle of the second direction 300 are within 90 degrees, both the sliding direction of the first sliding operation and the second direction 300 can be identified as the second direction.

Alternatively, the processor 10 determines a sliding track of the first sliding operation according to the first sliding operation, and controls the plurality of icons 51 on the graphical user interface 50 to flow along a flow track consistent with the sliding track in whole according to the sliding track. For example, when the first sliding operation is a wave-shaped sliding operation, the processor 10 determines that the sliding track of the first sliding operation is a wave-shaped sliding track according to the first sliding operation, and controls the plurality of icons 51 on the graphical user interface 50 to entirely flow along a flow track consistent with the wave-shaped flow track. Preferably, the processor 10 controls the icons 51 on the gui 50 to integrally flow along the real-time sliding track of the current first sliding operation in real time, and during the sliding of the first sliding operation, the icons 51 may temporarily flow out of the display band 53, and at the end of the first sliding operation, the icons 51 still return to the corresponding positions in the display band 53.

Alternatively, the sliding operation is a second sliding operation of a combination of an icon clicking operation for clicking a certain icon 51 within a preset time period and a sliding operation for sliding at an arbitrary position on the flexible touch display screen. The processor 10 determines the clicked icon 51 according to the icon clicking operation in the second sliding operation, determines a sliding track according to the sliding operation in the second sliding operation, and controls the clicked icon 51 to flow along the flow track consistent with the sliding track, and simultaneously controls other non-clicked icons 51 on the graphical user interface 50 to follow the clicked icon 51 to flow along the track the same as or similar to the flow track of the clicked icon 51, so as to play like a fish school cluster, and have a better user experience.

Specifically, when the processor 10 controls the plurality of icons 51 on the graphical user interface 50 to flow along the clicked icon 51, the flow trajectory thereof may be completely coincident with the flow trajectory of the clicked icon 51 or non-coincident with but similar to or identical to the flow trajectory of the clicked icon 51.

Specifically, when the processor 10 controls the plurality of icons 51 on the graphical user interface 50 to flow following the clicked icon 51, the plurality of icons 51 can be combined into a graphic and flow as a whole, for example, into a fish shape, a snake shape, and the like.

Specifically, when the processor 10 controls the plurality of icons 51 on the graphical user interface 50 to flow following the flow trajectory of the clicked icon 51, the plurality of icons 51 flow following the clicked icon 51 in order according to the icon size. Specifically, in one embodiment, the plurality of icons 51 are arranged in order of icon size from large to small and flow following the flow trajectory of the clicked icon 51. In another embodiment, the plurality of icons 51 are arranged in the order of icon size from small to large and flow following the flow trajectory of the clicked icon 51. In a further embodiment, the plurality of icons 51 may also be arranged in sequence according to the distance between the icons 51 and the clicked icon 51, for example, the icons 51 with the same distance as the clicked icon 51 are arranged in the same row, and the like.

Referring to fig. 7-10, when the flexible touch display screen 30 is in the folded state, in the process that the previous icon 51 on the main screen area 501 flows from the main screen area 501 to one of the auxiliary screen areas 503, the processor 10 controls the icon 51 on the other auxiliary screen area 503 to flow to the main screen area 501 to supplement the vacant area left by the previous icon 51 on the main screen area 501. Preferably, the above icon flowing process is suitable for the flexible touch display screen 30 in the folded state. It can be understood that, in other embodiments, similar icon flowing can be realized when the flexible touch display screen 30 is in the unfolded state, specifically: the processor 10 controls the replenishment of the trailing icon 51 on the graphical user interface 50 to the vacant area left by the flow of the leading icon 51.

Optionally, when the flexible touch display 30 is in a folded state, the processor 10 controls the icon 51 to flow to the edge of the side of the auxiliary screen area 503 away from the main screen area 501 along with the sliding operation, and when the sliding operation is not stopped yet, the icon 15 flowing to the edge of the side of the auxiliary screen area 503 away from the main screen area 501 is displayed at the edge of the other side of the auxiliary screen area 503 away from the main screen area 501, and flows to the direction of the main screen area 501 along with the sliding operation, so as to form an icon flow loop. Preferably, the above icon flowing process is suitable for the flexible touch display screen 30 in the folded state. It can be understood that, in other embodiments, similar icon circulation flows can also be realized when the flexible touch display screen 30 is in the expanded state, specifically: the processor 10 controls all the icons 51 on the gui 50 to form a similar icon circulation flow, i.e. the icons 51 flowing to the edge of one side of the gui 50 will be displayed at the edge of the other side of the gui 50 as the sliding operation continues and continue to flow to the central area of the gui 50.

In another embodiment, when the flexible touch display 30 is in the folded state, the processor 10 controls the icons 51 to flow to the edge of the side of the auxiliary screen area 503 away from the main screen area 501 along with the sliding operation, and when the sliding operation is not stopped yet, the icons 15 flowing to the edge of the side of the auxiliary screen area 503 away from the main screen area 501 are sequentially stacked on the side of the auxiliary screen area 503 away from the main screen area 501, and at this time, only a part of the icons 51 (non-stacked icons 51) may continue to flow to the side of the auxiliary screen area 503 away from the main screen area 501 along with the sliding operation. When the sliding operation is performed in a reverse sliding manner, the screen images sequentially leave the auxiliary screen area 503 and flow to the main screen area 501. Preferably, the above icon flowing process is suitable for the flexible touch display screen 30 in the folded state. It is understood that in other embodiments, similar icon streams may also be implemented, specifically: in the unfolded state of the flexible touch display 30, the processor 10 controls all the icons 51 on the gui 50 to form similar icons in a stacked arrangement in sequence, that is, the icons 51 flowing to the edge of one side of the gui 50 are sequentially and closely arranged at the edge of one side of the gui 50. When the sliding operation is a reverse sliding operation, the sliding operation sequentially leaves the edge and flows to the central area of the graphical user interface 50.

It is understood that the sliding operation may be a single finger sliding on the flexible touch display screen 30, or a plurality of fingers simultaneously sliding on the flexible touch display screen 30.

It is understood that the processor 10 preferably controls the plurality of icons 51 on the user display interface 50 to flow according to the recognized sliding operation in the folded state, so that the icons 51 on the user interface 50 located on the secondary screen area 503 can flow onto the primary screen area 501 for the convenience of the user.

The process of the processor 10 flowing through the plurality of icons 51 adjusts the display properties of each icon 51 according to the current display position of each icon 51 on the graphical user interface 50. Specifically, the processor 10 adjusts the display attribute of each icon 51 in real time according to the current display position of each icon 51 on the graphical user interface 50 during the process of flowing the plurality of icons 51. In another embodiment, the process of the processor 10 flowing through the plurality of icons 51 adjusts the display attribute of each icon 51 at predetermined time intervals according to the current display position of each icon 51 on the graphical user interface 50. Wherein the time interval may be very short, e.g. 0.1 seconds.

Specifically, the memory 20 stores a preset corresponding relationship between a display position and a display attribute, and the processor 10 correspondingly adjusts the display attribute of each icon 51 according to the sliding operation, the current display position, and the corresponding relationship.

The processor 10 determines that the icon 51 flowing on the main screen area 501 and flowing to the edge of the main screen area 501 adjacent to the fold area 505 but not flowing to the fold area 505 is a first target icon. The processor 10 determines that the icon 51 flowing on the primary screen area 501 towards the secondary screen area 503 and to the edge of the fold area 505 adjacent to the primary screen area 501 is a second target icon. The processor 10 determines that the icon 51 flowing on the secondary screen area 503 towards the primary screen area 501 and to the edge of the fold area 505 adjacent to the secondary screen area 503 is a third target icon.

The processor 10 controls the first target icon to be displayed according to the first display attribute. The processor 10 controls the display position of the second target icon to change as the second target icon flows to the secondary screen area 503, and the display attribute of the second target icon gradually changes from the first display attribute of the primary screen area 501 to the second display attribute of the secondary screen area 503. The processor 10 controls the display position of the third target icon to change as the third target icon flows to the main screen area 501, and the display attribute of the third target icon gradually changes from the second display attribute of the auxiliary screen area 503 to the first display attribute of the main screen area 501. It is understood that, in the folding region 505, the display attribute of the icon 51 is in an intermediate transition state between the attribute value of the first display attribute and the attribute value of the second display attribute, specifically, the display attribute gradually changes from the first display attribute to the second display attribute, or gradually changes from the second display attribute to the first display attribute. For example, in the fully folded state, the transparency of the first display attribute is 0%, the transparency of the second display attribute is 100%, and the transparency of the icon 51 in the folded region 505 gradually approaches 100% from 0% as the display position of the icon gradually approaches the secondary screen region 503. For another example, in a folding transition state (folding angle 90 degrees), the transparency of the first display attribute is 0%, the transparency of the second display attribute is 50%, and the transparency of the icon 51 in the folding region 505 gradually approaches 50% from 0% as its display position gradually approaches the secondary screen region 503. For another example, in the unfolded state, the transparency of the first display attribute is 0%, the transparency of the second display attribute is 0%, and the transparency of the icon 51 in the folding region 505 gradually approaches 0% from 0% as the display position of the icon gradually approaches the secondary screen region 503.

It is understood that the edge of the icon 51 flowing to the folding area 505 or the edge of the main screen area 501 adjacent to the folding area 505 may be a circumferential edge of the icon 51 coinciding with a point in the folding area 505, or a center of the icon 51 coinciding with a point in the folding area 505, and may be specifically configured according to actual needs, and is not limited herein.

It is understood that the distance between the two icons 51 may be the closest distance between the circumferential edges of the two icons 51, or the center distance between the two icons 51, and may be set according to the actual requirement, and is not limited herein.

Please refer to fig. 11, which is a flowchart illustrating a gui control method of the terminal device 100 according to an embodiment of the present application. The graphical user interface control method is applied to the terminal device 100, and the terminal device 100 includes a processor 10 and a flexible touch display screen 30. The processor 10 controls the flexible touch display screen 30 to display a graphical user interface 50 by running or executing computer programs and/or modules stored in the memory 20. The graphical user interface 50 displays a plurality of icons 51 thereon, each icon 51 being displayed by a respective display attribute including, but not limited to, at least one of display size, transparency, and icon arrangement density. The order of execution of the gui control method is not limited to the order shown in fig. 11. The method comprises the following steps:

in step 1101, the flexible touch display screen 30 generates a corresponding sliding signal in response to a sliding operation of a user thereon.

Step 1102, identifying a sliding operation with touch information in response to the sliding signal, and controlling the flow of the icons 51 on the gui 50 according to the sliding operation.

Specifically, the touch information includes at least one of a sliding direction, a sliding speed, and a touch pressure. The processor 10 controls the flow direction of the plurality of icons 51 on the graphic user interface 50 to coincide with the sliding direction of the sliding operation. The processor 10 controls the flow rate of the plurality of icons 51 on the gui 50 to be proportional to the sliding speed of the sliding operation. The processor 10 controls the flow speed of the icons 51 on the gui 50 to be proportional to the touch pressure of the sliding operation.

Specifically, the sliding operation is a first sliding operation of sliding on any position of the flexible touch display screen 30. The processor 10 controls the plurality of icons 51 on the graphical user interface 50 to flow in the entirety in a direction that coincides with the sliding direction of the first sliding operation according to the first sliding operation.

Specifically, the sliding operation is a first sliding operation of sliding on any position of the flexible touch display screen 30. The processor 10 determines a sliding direction of the first sliding operation according to the first sliding operation, and controls the plurality of icons 51 on the graphical user interface 50 to flow in a direction corresponding to the sliding direction as a whole according to the sliding direction.

Alternatively, the processor 10 determines a sliding track of the first sliding operation according to the first sliding operation, and controls the plurality of icons 51 on the graphical user interface 50 to flow along a flow track consistent with the sliding track in whole according to the sliding track.

Alternatively, the sliding operation is a second sliding operation of a combination of an icon clicking operation for clicking a certain icon 51 within a preset time period and a sliding operation for sliding at an arbitrary position on the flexible touch display screen. The processor 10 determines the clicked icon 51 according to the icon clicking operation in the second sliding operation, determines a sliding track according to the sliding operation in the second sliding operation, and controls the clicked icon 51 to flow along a flow track consistent with the sliding track, while controlling the plurality of icons 51 on the graphical user interface 50 to flow along a track which is the same as or similar to the flow track of the clicked icon 51.

Specifically, when the processor 10 controls the plurality of icons 51 on the graphical user interface 50 to flow following the flow trajectory of the clicked icon 51, the plurality of icons 51 flow following the clicked icon 51 in order according to the icon size.

In another embodiment, the plurality of icons 51 are arranged in the order of icon size from small to large and flow following the flow trajectory of the clicked icon 51. In a further embodiment, the plurality of icons 51 may be further arranged in sequence according to the distance between the icons 51 and the clicked icon 51.

Optionally, in the process that the previous icon 51 on the main screen area 501 flows from the main screen area 501 to one of the auxiliary screen areas 503, the processor 10 controls the icon 51 on the other auxiliary screen area 503 to flow to the main screen area 501 to supplement the vacant area left by the previous icon 51 on the main screen area 501. Preferably, the above icon flowing process is suitable for the flexible touch display screen 30 in the folded state. It is understood that in other embodiments, when the flexible touch display 30 is in the unfolded state, the processor 10 controls the subsequent icon 51 on the graphical user interface 50 to supplement the vacant area left by the previous icon 51.

Alternatively, the processor 10 controls the icon 51 to flow to the edge of the side of the auxiliary screen area 503 away from the main screen area 501 along with the sliding operation, and when the sliding operation is not stopped yet, the icon 15 flowing to the edge of the side of the auxiliary screen area 503 away from the main screen area 501 is displayed on the edge of the other side of the auxiliary screen area 503 away from the main screen area 501, and flows to the direction of the main screen area 501 along with the sliding operation, so as to form an icon flow loop. Preferably, the above icon flowing process is suitable for the flexible touch display screen 30 in the folded state. It is understood that in other embodiments, when the flexible touch display screen 30 is in the unfolded state, the processor 10 controls all the icons 51 on the gui 50 to form a similar icon circulation flow, that is, the icons 51 flowing to the edge of one side of the gui 50 will be displayed on the edge of the other side of the gui 50 and continue to flow to the central area of the gui 50 as the sliding operation continues.

Alternatively, the processor 10 controls the icons 51 to flow to the edge of the side of the auxiliary screen area 503 away from the main screen area 501 along with the sliding operation, and when the sliding operation is not stopped yet, the icons 15 flowing to the edge of the side of the auxiliary screen area 503 away from the main screen area 501 will be stacked in sequence on the side of the auxiliary screen area 503 away from the main screen area 501. When the sliding operation is performed in a reverse sliding manner, the screen images sequentially leave the auxiliary screen area 503 and flow to the main screen area 501. Preferably, the above icon flowing process is suitable for the flexible touch display screen 30 in the folded state. It is understood that in other embodiments, when the flexible touch display 30 is in the unfolded state, the processor 10 controls all the icons 51 on the gui 50 to form a similar icon-sequential stacking arrangement, that is, the icons 51 flowing to the edge of one side of the gui 50 will be sequentially and closely arranged at the edge of one side of the gui 50. When the sliding operation is a reverse sliding operation, the sliding operation sequentially leaves the edge and flows to the central area of the graphical user interface 50.

In step 1103, the process of flowing through the plurality of icons 51 adjusts the display attribute of each icon 51 according to the current display position of each icon 51 on the gui 50. Specifically, the processor 10 adjusts the display attribute of each icon 51 in real time according to the current display position of each icon 51 on the graphical user interface 50 during the process of flowing the plurality of icons 51.

Specifically, the processor 10 determines that the icon 51 flowing on the main screen area 501 and flowing to the edge of the main screen area 501 adjacent to the folding area 505 but not flowing to the folding area 505 is a first target icon, and controls the first target icon to be displayed according to the first display attribute.

Specifically, the processor 10 determines that the icon 51 flowing on the main screen area 501 toward the secondary screen area 503 and flowing to the edge of the folding area 505 adjacent to the main screen area 501 is a second target icon, and controls the change of the display position of the second target icon as it flows to the secondary screen area 503, the display attribute of which is gradually changed from the first display attribute of the main screen area 501 to the second display attribute of the secondary screen area 503.

Specifically, the processor 10 determines that the icon 51 flowing on the secondary screen area 503 toward the primary screen area 501 and flowing to the edge of the folding area 505 adjacent to the secondary screen area 503 is a third target icon, and controls the change of the display position of the third target icon as the third target icon flows to the primary screen area 501, and the display attribute of the third target icon is gradually changed from the second display attribute of the secondary screen area 503 to the first display attribute of the primary screen area 501.

In some embodiments, the present application further provides a computer-readable storage medium, in which program instructions are stored, and the program instructions are used by the processor 10 to execute any of the method steps of fig. 11, so as to generate a corresponding sliding signal in response to a sliding operation of a user on the flexible touch display screen 30, identify a sliding operation with touch information in response to the sliding signal, control the flow of the icons 51 on the gui 50 according to the sliding operation, and adjust the display attribute of each icon 51 according to the current display position of each flowing icon 51 on the gui 50 during the flowing of the icons 51. In some embodiments, the computer storage medium is the memory 20, and may be any storage device capable of storing information, such as a memory card, a solid-state memory, a micro hard disk, an optical disk, and the like.

The flexible touch display screen 30 of the terminal device 100 of the present application displays a graphical user interface 50, the graphical user interface 50 has a plurality of icons 51 thereon, and each icon 51 is displayed by a corresponding display attribute. The flexible touch display screen 30 generates a corresponding sliding signal in response to a sliding operation of a user thereon, the processor 10 identifies a sliding operation with touch information in response to the sliding signal, controls the flow of the icons 51 on the gui 50 according to the sliding operation, and adjusts the display attribute of each icon 51 according to the current display position of each icon 51 on the gui 50 during the flow of the icons 51, specifically, when each icon 51 is close to the edge of the folding area 505 on the main screen area 501, the icon 51 becomes smaller and denser and becomes transparent, and when the icon 51 is close to the edge of the folding area 505 on the auxiliary screen area 503, the icon 51 becomes larger and thinner and non-transparent, thereby providing a more dynamic interactive experience for the user and having a better user experience.

It should be noted that, for simplicity of description, the above-mentioned embodiments of the method are described as a series of acts or combinations, but those skilled in the art should understand that the present application is not limited by the order of acts described, as some steps may be performed in other orders or simultaneously according to the present application. Further, those skilled in the art should also appreciate that the embodiments described in the specification are preferred embodiments and that the acts and modules referred to are not necessarily required in this application.

In the above embodiments, the descriptions of the respective embodiments have respective emphasis, and for parts that are not described in detail in a certain embodiment, reference may be made to related descriptions of other embodiments.

The steps in the method of the embodiment of the application can be sequentially adjusted, combined and deleted according to actual needs.

It will be understood by those skilled in the art that all or part of the processes of the methods of the embodiments described above can be implemented by a computer program, which can be stored in a computer-readable storage medium, and when executed, can include the processes of the embodiments of the methods described above. The storage medium may be a magnetic disk, an optical disk, a Read-only Memory (ROM), a Random Access Memory (RAM), or the like.

The foregoing detailed description of the embodiments of the present application has been presented to illustrate the principles and embodiments of the present application, and the above description of the embodiments is only provided to help understand the method and the core concept of the present application; meanwhile, for a person skilled in the art, according to the idea of the present application, there may be variations in the specific embodiments and the application scope, and in summary, the content of the present specification should not be construed as a limitation to the present application.

Claims

The terminal equipment is characterized by comprising a flexible touch display screen, wherein the flexible touch display screen displays a graphical user interface, the graphical user interface comprises a plurality of icons, and each icon is displayed through a corresponding display attribute; the terminal device further comprises a memory, a processor and a computer program stored in the memory and executable on the processor, the processor implementing, when executing the computer program:

responding to the sliding operation of a user on the flexible touch display screen to generate a corresponding sliding signal;

identifying a sliding operation with touch information according to the sliding signal, and controlling the plurality of icons on the graphical user interface to flow according to the sliding operation;

adjusting display attributes of each streamed icon during the streaming of the plurality of icons according to a current display position of the each streamed icon on the graphical user interface.
The terminal device according to claim 1, wherein the touch information includes at least one of a sliding direction, a sliding speed, and a touch pressure; the processor, when executing the computer program, implements:

controlling the flow direction of the plurality of icons on the graphical user interface to be consistent with the sliding direction of the sliding operation;

controlling a flow speed of the plurality of icons on the graphical user interface to increase as a sliding speed of the sliding operation increases;

controlling a flow speed of the plurality of icons on the graphical user interface to increase with an increase in touch pressure of the swipe operation.
The terminal device of claim 1, wherein the sliding operation is a first sliding operation of sliding on any position of the flexible touch display screen, and the processor, when executing the computer program, implements: determining a sliding direction of the first sliding operation according to the first sliding operation, and controlling the plurality of icons on the graphical user interface to integrally flow along a direction consistent with the sliding direction according to the sliding direction; or determining a sliding track of the first sliding operation according to the first sliding operation, and controlling the plurality of icons on the graphical user interface to integrally flow along a flow track consistent with the sliding track according to the sliding track.
The terminal device according to claim 1, wherein the sliding operation is a second sliding operation that is a combination of a click icon operation for clicking an icon within a preset time period and a sliding operation for sliding at an arbitrary position on the flexible touch display screen, and the processor implements, when executing the computer program: determining a clicked icon according to the icon clicking operation in the second sliding operation, determining a sliding track according to the sliding operation in the second sliding operation, controlling the clicked icon to flow along a flow track consistent with the sliding track, and simultaneously controlling a plurality of icons which are not clicked on the graphical user interface to follow the clicked icon to flow along a track which is the same as or similar to the flow track of the clicked icon.
The terminal device of claim 4, wherein when a plurality of non-clicked icons on the graphical user interface flow with the clicked icon, the processor, when executing the computer program, implements: controlling the icons flowing along the clicked icon to sequentially flow along the flowing track of the clicked icon according to the size of the icon; or controlling the unselected icons flowing along with the clicked icon to flow along with the clicked icon in sequence according to the distance between the unselected icons and the clicked icon.
The terminal device of claim 1, wherein the flexible touch display screen has a folding area, the flexible touch display screen forms a main screen and an auxiliary screen along the folding area, an area of the graphical user interface corresponding to the main screen is a main screen area, an area of the graphical user interface corresponding to each auxiliary screen is an auxiliary screen area, the display attributes include a first display attribute and a second display attribute, and the processor implements, when executing the computer program: controlling icons located in the main screen area of the graphical user interface to be displayed by adopting the first display attribute; and controlling the icons in the auxiliary screen area of the graphical user interface to be displayed by adopting the second display attribute.
The terminal device of claim 6, wherein the flexible touch display screen comprises two secondary screens respectively located on two sides of the primary screen; the processor, when executing the computer program, implements: and in the process that the prior icon on the main screen area flows from the main screen area to one of the auxiliary screen areas, controlling the icon on the other auxiliary screen area to flow to the main screen area so as to supplement the vacant area left by the prior icon on the main screen area.
The terminal device of claim 6, wherein the flexible touch display screen comprises two secondary screens respectively located on two sides of the primary screen; the processor, when executing the computer program, implements: and controlling the icons to flow to the edge of one side, far away from the main screen area, of the auxiliary screen area along with the sliding operation, and when the sliding operation is not stopped, displaying the icons flowing to the edge of one side, far away from the main screen area, of the auxiliary screen area at the edge of one side, far away from the main screen area, of the other auxiliary screen area, and continuing to flow in the direction of the main screen area along with the sliding operation.
The terminal device of claim 6, wherein the processor, when executing the computer program, implements: and controlling the icons to flow to the edge of one side, away from the main screen area, of the auxiliary screen area along with the sliding operation, and when the sliding operation is not stopped, the icons flowing to the edge of one side, away from the main screen area, of the auxiliary screen area are sequentially stacked on one side, away from the main screen area, of the auxiliary screen area.
The terminal device of claim 6, wherein the flexible touch display screen includes a folding area located between the secondary screen and the primary screen, an area of the graphical user interface corresponding to the folding area is a folding area, and the processor, when executing the computer program, implements: determining that the icon flowing on the main screen area and flowing to the edge of the main screen area adjacent to the folding area but not flowing to the folding area is a first target icon, and controlling the first target icon to be displayed according to the first display attribute.
The terminal device of claim 6, wherein the flexible touch display screen includes a folding area located between the secondary screen and the primary screen, an area of the graphical user interface corresponding to the folding area is a folding area, and the processor, when executing the computer program, implements: and when determining that the icon flowing towards the auxiliary screen area on the main screen area and flowing to the edge of the folding area adjacent to the main screen area is a second target icon, controlling the change of the display position of the second target icon along with the flowing of the second target icon to the auxiliary screen area, wherein the display attribute of the second target icon is gradually changed from the first display attribute of the main screen area to the second display attribute of the auxiliary screen area.
The terminal device of claim 6, wherein the flexible touch display screen includes a folding area between the secondary screen and the primary screen, an area of the graphical user interface corresponding to each folding area is a folding area, and the processor, when executing the computer program, implements: determining that the icon flowing on the auxiliary screen area towards the main screen area and flowing to the edge of the folding area adjacent to the auxiliary screen area is a third target icon, controlling the change of the display position of the third target icon along with the flowing of the third target icon to the main screen area, and gradually changing the display attribute of the third target icon from the second display attribute of the auxiliary screen area to the first display attribute of the main screen area.
A graphical user interface on a terminal device with a flexible touch display screen, the graphical user interface comprising a plurality of icons, each icon displayed by a respective display attribute; the graphical user interface is controlled by the processor of the terminal device and implements:

responding to the sliding operation of a user on the flexible touch display screen to generate a corresponding sliding signal;

identifying a sliding operation with touch information according to the sliding signal, and controlling the plurality of icons on the graphical user interface to flow according to the sliding operation;

adjusting display attributes of each streamed icon during the streaming of the plurality of icons according to a current display position of the each streamed icon on the graphical user interface.
The graphical user interface of claim 13, wherein the sliding operation is a first sliding operation of sliding on the flexible touch display screen at any position, the graphical user interface being controlled by a processor of the terminal device and enabling: and determining the sliding direction of the first sliding operation according to the first sliding operation, and controlling the plurality of icons on the graphical user interface to integrally flow along the direction consistent with the sliding direction according to the sliding direction.
The graphical user interface of claim 13, wherein the sliding operation is a second sliding operation of a combination of a clicking icon operation for clicking an icon within a preset time period and a sliding operation for sliding at any position on the flexible touch display screen, and the graphical user interface is controlled by a processor of the terminal device and implements: and determining a clicked icon according to the icon clicking operation in the second sliding operation, determining a sliding track according to the sliding operation in the second sliding operation, controlling the clicked icon to flow along a flow track consistent with the sliding track, and simultaneously controlling the icon which is not clicked on the graphical user interface to flow along a track which is the same as or similar to the flow track of the clicked icon.
The gui of claim 13, wherein the flexible touch display screen has a fold area, the flexible touch display screen forms a main screen and an auxiliary screen along the fold area, the display attributes include a first display attribute and a second display attribute, an area of the gui corresponding to the main screen is a main screen area, an area of the gui corresponding to each auxiliary screen is an auxiliary screen area, an area of the gui corresponding to each fold area is a fold area, and the gui is controlled and implemented by a processor of the terminal device: and displaying the icons in the main screen area of the graphical user interface by adopting the first display attribute, and displaying the icons in the auxiliary screen area of the graphical user interface by adopting the second display attribute.
A graphical user interface adjusting method is applied to terminal equipment with a flexible touch display screen, and comprises a plurality of icons, wherein each icon is displayed through a corresponding display attribute; the graphical user interface adjusting method comprises the following steps:

responding to the sliding operation of a user on the flexible touch display screen to generate a corresponding sliding signal;

identifying a sliding operation with touch information according to the sliding signal, and controlling the plurality of icons on the graphical user interface to flow according to the sliding operation; and

adjusting display attributes of each streamed icon during the streaming of the plurality of icons according to a current display position of the each streamed icon on the graphical user interface.
A graphical user interface adjustment method according to claim 17, wherein the sliding operation is a first sliding operation of sliding on the flexible touch display screen at an arbitrary position, the graphical user interface adjustment method comprising: and determining the sliding direction of the first sliding operation according to the first sliding operation, and controlling the plurality of icons on the graphical user interface to integrally flow along the direction consistent with the sliding direction according to the sliding direction.
A gui adjustment method according to claim 17, wherein the sliding operation is a second sliding operation which is a combination of a click icon operation for clicking an icon within a preset time period and a sliding operation for sliding at an arbitrary position on the flexible touch display screen, and the gui adjustment method comprises: and determining a clicked icon according to the icon clicking operation in the second sliding operation, determining a sliding track according to the sliding operation in the second sliding operation, controlling the clicked icon to flow along a flow track consistent with the sliding track, and simultaneously controlling the icons which are not clicked on the graphical user interface to follow the clicked icon to flow along a track which is the same as or similar to the flow track of the clicked icon.
The method of claim 17, wherein the flexible touch display has a fold area, the flexible touch display forms a primary screen and a secondary screen along the fold area, the display attributes include a first display attribute and a second display attribute, an area of the graphical user interface corresponding to the primary screen is a primary screen area, an area of the graphical user interface corresponding to each secondary screen is a secondary screen area, and an area of the graphical user interface corresponding to each fold area is a fold area, the method comprising: and controlling the icons in the main screen area of the graphical user interface to be displayed by adopting the first display attribute, and controlling the icons in the auxiliary screen area of the graphical user interface to be displayed by adopting the second display attribute.
A graphical user interface adjustment method according to claim 20, characterized in that the graphical user interface adjustment method comprises: determining that the icon flowing to the edge of the main screen area adjacent to the folding area but not flowing to the folding area on the main screen area is a first target icon, and controlling the first target icon to be displayed according to the first display attribute.
A graphical user interface adjustment method according to claim 20, characterized in that the graphical user interface adjustment method comprises: and when determining that the icon flowing towards the auxiliary screen area on the main screen area and flowing to the edge of the folding area adjacent to the main screen area is a second target icon, controlling the change of the display position of the second target icon along with the flowing of the second target icon to the auxiliary screen area, wherein the display attribute of the second target icon is gradually changed from the first display attribute of the main screen area to the second display attribute of the auxiliary screen area.
A graphical user interface adjustment method according to claim 20, characterized in that the graphical user interface adjustment method comprises: determining that the icon flowing on the auxiliary screen area towards the main screen area and flowing to the edge of the folding area adjacent to the auxiliary screen area is a third target icon, controlling the change of the display position of the third target icon along with the flowing of the third target icon to the main screen area, and gradually changing the display attribute of the third target icon from the second display attribute of the auxiliary screen area to the first display attribute of the main screen area.