CN108255404B - User interface display method and device and terminal - Google Patents
User interface display method and device and terminal Download PDFInfo
- Publication number
- CN108255404B CN108255404B CN201810054400.9A CN201810054400A CN108255404B CN 108255404 B CN108255404 B CN 108255404B CN 201810054400 A CN201810054400 A CN 201810054400A CN 108255404 B CN108255404 B CN 108255404B
- Authority
- CN
- China
- Prior art keywords
- sliding
- signal
- interface
- user interface
- touch screen
- 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
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
Abstract
The application discloses a user interface display method, device and equipment, and belongs to the field of human-computer interaction. The method comprises the following steps: displaying a user interface through a touch screen; receiving a sliding signal for starting sliding in a preset edge area of the touch screen; when the sliding signal is a first sliding signal, moving a sliding interface into an upper layer of the user interface for displaying according to the first sliding signal, wherein the sliding interface displays first display content; and when the sliding signal is a second sliding signal, moving the sliding interface to the upper layer of the user interface for displaying according to the second sliding signal, wherein the sliding interface displays second display content. The method and the device can solve the problems that the display area of the pull-down user interface is limited, and the number of control options and notification messages which can be displayed is small; the effect of displaying different display contents in the sliding interface according to different sliding signals is achieved, and therefore more display contents are displayed in the sliding interface.
Description
Technical Field
The embodiment of the invention relates to the field of human-computer interaction, in particular to a user interface display method, a user interface display device and a terminal.
Background
Mobile terminals such as smartphones, tablets and the like are the most frequently used electronic devices by users on a daily basis.
In the related art, when the user pulls down on the top status bar of the terminal, the operating system displays a pull-down user interface following the pull-down operation of the user. A number of control options and a number of notification messages are displayed on the drop-down user interface. The control options include: a wireless network switch, a Bluetooth switch, a mute switch, a flight mode switch, a brightness adjusting slider bar and the like.
Disclosure of Invention
The application provides a user interface display method, a user interface display device and a user interface display terminal, which can solve the problems that a display area of a pull-down user interface is limited, and control options and notification messages which can be displayed are few. The technical scheme is as follows:
according to a first aspect of the present application, there is provided a user interface display method, the method comprising:
displaying a user interface through a touch screen;
receiving a first sliding signal triggered from the touch screen;
moving the first sliding signal on the touch screen to a control center interface on the upper layer of the user interface for displaying according to the continuous sliding of the first sliding signal on the touch screen;
wherein the control center interface is a sliding interface for displaying at least one control option.
According to a second aspect of the present application, there is provided a user interface display method, the method comprising:
displaying a user interface through a touch screen;
receiving a sliding signal for starting sliding in a preset edge area of the touch screen;
when the sliding signal is a first sliding signal, according to the continuous sliding of the first sliding signal on the touch screen, moving a sliding interface from the preset edge area to the upper layer of the user interface for displaying, wherein the sliding interface displays first display content;
when the sliding signal is a second sliding signal, moving the sliding interface from the preset edge area to the upper layer of the user interface for displaying according to the continuous sliding of the second sliding signal on the touch screen, wherein the sliding interface displays second display content;
wherein the first sliding signal and the second sliding signal.
According to a third aspect of the present application, there is provided a user interface display apparatus, the apparatus comprising:
the display module is used for displaying a user interface through a touch screen;
the receiving module is used for receiving a first sliding signal triggered from the touch screen;
the display module is used for moving the control center interface to the upper layer of the user interface for displaying according to the continuous sliding of the first sliding signal on the touch screen;
wherein the control center interface is a sliding interface for displaying at least one control option.
According to a fourth aspect of the present application, there is provided a user interface display apparatus, the apparatus comprising:
the display module is used for displaying a user interface through a touch screen;
the receiving module is used for receiving a sliding signal for starting sliding in a preset edge area of the touch screen;
the display module is used for moving a sliding interface from the preset edge area to the upper layer of the user interface for displaying according to the continuous sliding of the first sliding signal on the touch screen when the sliding signal is the first sliding signal, wherein the sliding interface displays first display content;
and the display module is used for moving the sliding interface from the preset edge area to the upper layer of the user interface for displaying according to the continuous sliding of the second sliding signal on the touch screen when the sliding signal is the second sliding signal, wherein the sliding interface displays second display content.
According to a fifth aspect of the present application, there is provided a terminal comprising: a processor and a memory, the memory storing at least one program that is loaded and executed by the processor to implement the user interface display method as described above.
According to a sixth aspect of the present application, there is provided a computer-readable storage medium storing at least one program loaded and executed by the processor to implement the user interface display method as described above.
The technical scheme provided by the embodiment of the invention has the beneficial effects that at least:
displaying a user interface through a touch screen, and receiving a first sliding signal triggered from the touch screen; moving the control center interface to the upper layer of the user interface for displaying according to the continuous sliding of the first sliding signal on the touch screen; since the area for displaying the notification message can also be used to display the control options, the problems of limited display area of the pull-down user interface, and less control options and notification messages that can be displayed in the related art can be solved; therefore, the effect that when the sliding signal is the first sliding signal, the control center interface for displaying the control options is moved into the control center interface for displaying, so that more control options are displayed in the limited display area is achieved.
Drawings
In order to more clearly illustrate the technical solutions in the embodiments of the present invention, the drawings needed to be used in the description of the embodiments will be briefly introduced below, and it is obvious that the drawings in the following description are only some embodiments of the present invention, and it is obvious for those skilled in the art to obtain other drawings based on these drawings without creative efforts.
FIG. 1 illustrates a flow chart of a user interface display method provided by an exemplary embodiment of the present application;
FIG. 2 is a schematic interface diagram of a user interface display method provided by the embodiment of FIG. 1 in an exemplary implementation;
FIG. 3 is a schematic interface diagram of a user interface display method provided by the embodiment of FIG. 2 in an exemplary implementation;
FIG. 4 illustrates a flow chart of a user interface display method provided by an exemplary embodiment of the present application;
FIG. 5 is an interface diagram of a user interface display method provided by the embodiment of FIG. 4 in an exemplary implementation;
FIG. 6 is an interface diagram of a user interface display method provided by the embodiment of FIG. 4 in an exemplary implementation;
FIG. 7 is a schematic diagram illustrating a division of the user interface display method provided by the embodiment of FIG. 4 when dividing the upper edge region;
FIG. 8 is a schematic diagram illustrating a division of the user interface display method provided by the embodiment of FIG. 4 when dividing the upper edge region;
FIG. 9 is an interface diagram of a user interface display method in an exemplary implementation according to an alternative embodiment;
FIG. 10 is an interface diagram of a user interface display method in an exemplary implementation according to an alternative embodiment;
FIG. 11 illustrates a flow chart of a user interface display device provided by an exemplary embodiment of the present application;
fig. 12 shows a block diagram of a terminal provided in an exemplary embodiment of the present application.
Detailed Description
In order to make the objects, technical solutions and advantages of the present invention more apparent, embodiments of the present invention will be described in detail with reference to the accompanying drawings.
The user interface display method provided by the embodiment can be applied to the terminal. The terminal may be a mobile phone, a tablet computer, an e-book reader, an MP3(Moving Picture Experts Group Audio Layer III, mpeg compression standard Audio Layer 3) player, an MP4(Moving Picture Experts Group Audio Layer IV, mpeg compression standard Audio Layer 4) player, a laptop, a desktop computer, and the like.
Fig. 1 is a flowchart illustrating a user interface display method provided in an exemplary embodiment of the present application. The embodiment is exemplified by applying the method to a terminal, and the terminal is provided with a touch display screen (referred to as a touch screen for short). The method comprises the following steps:
102, receiving a sliding signal for starting sliding in a preset edge area of the touch screen;
103, when the sliding signal is a first sliding signal, according to the continuous sliding of the first sliding signal on the touch screen, moving a sliding interface into an upper layer of the user interface from a preset edge area for displaying, wherein the sliding interface displays first display content;
the sliding interface is an interface which moves into the touch screen from a preset edge area for displaying. Optionally, the sliding interface is an interface that moves from the preset edge area to an upper layer of the original user interface for displaying. The preset edge area includes: any one of an upper edge region, a lower edge region, a left edge region, and a right edge region.
Referring schematically to fig. 2, when the slide signal is a single-contact slide down signal, the slide interface 22 is moved into the upper layer of the user interface 20 to be displayed, and the first display content 26 is displayed on the slide interface 22.
And 104, when the sliding signal is a second sliding signal, moving the sliding interface into the upper layer of the user interface from the preset edge area for displaying according to the continuous sliding of the second sliding signal on the touch screen, wherein the sliding interface displays second display content.
Referring schematically to fig. 3, when the slide signal is a two-contact slide down signal, the slide interface 22 is moved into the upper layer of the user interface for display, and the second display content 28 is displayed on the slide interface 22.
In summary, in the method provided in this embodiment, when the sliding signal is received, the sliding interface is moved into the sliding interface for displaying according to the continuous sliding of the sliding signal on the touch screen, and different display contents are displayed on the sliding interface according to different sliding signals; the problems that the display area of a pull-down user interface in the related technology is limited, and control items and notification messages which can be displayed are few can be solved; the effect that different display contents are displayed on the sliding interface according to different sliding signals is achieved, and therefore more display contents of the same type are displayed on the limited display area of the sliding interface.
In the alternative provided by step 101 above, the user interface may be displayed by the touch screen during the use of the terminal by the user. The user interface may be at least one of a desktop of an operating system, a user interface of a system application, a user interface of a third party application, and a split screen user interface.
In an alternative provided by step 102 above, the preset edge area is any one of an upper edge area, a lower edge area, a left edge area, and a right edge area of the touch screen. The terms "up, down, left, and right" herein are exemplified with respect to the perspective when the terminal is viewed from the front. The width of the upper edge area and the width of the lower edge area can be the width of the touch screen, and the height of the touch screen is a first preset value; the height of the left edge area and the right edge area may be the height of the touch screen, and the width is a second preset value.
Optionally, the sliding signal is a signal generated when the user's finger makes continuous contact on the touch screen. In one illustrative example, the swipe signal includes a finger down event, at least one finger active event, and a finger up event, each event carrying a touch coordinate. The touch coordinate in the finger-down event may be a start point coordinate of the slide signal, the touch coordinate in the finger-active event is a coordinate of the slide signal during the sliding, and the touch coordinate in the finger-up event is an end point coordinate of the slide signal. And connecting the coordinates in each event to obtain the sliding track of the sliding signal.
In the alternatives provided in steps 103 and 104 above, the first slip signal and the second slip signal are different slip signals. Optionally, the different sliding signals indicate that at least one sliding parameter of the number of contact points, the starting position, the sliding direction, the sliding track, the sliding pressure and the sliding type is different.
Optionally, the first sliding signal is a dual-contact sliding signal, also called a dual-finger sliding signal; the second swipe signal is a single-contact swipe signal, also known as a single-finger swipe signal.
Optionally, the first display content is a control center, and the control center is used for displaying at least one control option, also called a control center interface; and/or the second display content is a notification center for displaying at least one notification message, also referred to as a notification center interface.
Optionally, the first display content is a notification center and the second display content is a control center.
In an alternative provided in step 103, if the first sliding signal is a dual-contact sliding signal, when the starting positions of two contact points of the dual-contact sliding signal are located in different sub-areas of a preset edge area of the touch screen, respectively, the terminal moves the control center interface into an upper layer of the user interface from the preset edge area for displaying according to continuous sliding of the dual-contact sliding signal on the touch screen.
In an alternative provided in step 104, if the second sliding signal is a single-contact sliding signal, when the starting position of the single-contact sliding signal is located in the preset sub-area of the preset edge area, the terminal moves the control center interface into the upper layer of the user interface from the preset edge area for displaying according to the continuous sliding of the single-contact sliding signal on the touch screen.
The preset edge area is an upper edge area of the touch screen, the first display content is a control center, and the second display content is a notification center.
Fig. 4 is a flowchart illustrating a user interface display method provided by an exemplary embodiment of the present application. The embodiment is exemplified by applying the method to a terminal. The method comprises the following steps:
the user interface can be displayed through the touch screen when the user uses the terminal. The user interface may be at least one of a desktop of an operating system, a user interface of a system application, a user interface of a third party application, and a split screen user interface.
the user performs a sliding operation on the touch screen of the terminal, and the sliding operation may be a downward sliding operation, an upward sliding operation, a leftward sliding operation, or a rightward sliding operation.
Taking the example that the sliding operation of the user is the downward sliding operation, the terminal receives a downward sliding signal corresponding to the downward sliding operation through the touch screen. Optionally, the screen of the terminal is a touch screen supporting multi-touch. The user may perform a single-finger slide operation or a multi-finger slide operation on the touch screen. And when the touch screen senses the sliding signal, reporting the sliding signal to a processor of the terminal. The processor of the terminal acquires the number of contact points from the touch coordinates carried in the slide signal. For example, if two touch coordinates that occur at the same time exist in the sliding signal, the number of contact points is two.
Optionally, the terminal acquires touch coordinates of the sliding signal on the touch screen at predetermined time intervals, and calculates the sliding direction of the sliding signal according to the touch coordinates acquired twice (or continuously for multiple times). For example, the terminal determines the ith touch coordinate to point to the direction of the (i + 1) th touch coordinate as the sliding direction of the sliding signal; for another example, the terminal draws a sliding track of the sliding signal according to the touch coordinates acquired continuously for multiple times, and determines the sliding direction of the sliding signal according to a tangent line of the latest touch coordinate on the sliding track. The embodiment of the present application does not limit the specific manner in which the terminal determines the sliding direction of the sliding signal.
Optionally, the first downslide signal is a dual-contact downslide signal, also referred to as a dual-finger downslide signal.
And step 403, moving to a control center interface on the upper layer of the user interface for displaying according to the continuous sliding of the first sliding signal on the touch screen.
And the terminal starts to move the control center interface into the upper layer of the user interface from the upper edge of the touch screen for displaying according to the continuous sliding of the double-contact gliding signal on the touch screen. That is, the control center interface is displayed overlaid on top of the user interface. When the control center interface is an opaque interface, the control center interface shields the display content of the user interface below; when the control center interface is a semi-transparent interface, the control center interface overlays the display content of the underlying user interface in a semi-transparent manner.
The control center interface is a user interface for displaying at least one control option. Control options include, but are not limited to: the mobile terminal comprises at least one of a flight mode control switch, a cellular Network control switch, a WiFi (WIreless Fidelity) Network control switch, a VPN (Virtual Private Network), a WiFi hot spot switch, a Bluetooth switch, an anti-disturbance switch, a positioning service switch, a flashlight switch, an automatic rotary screen switch, a screen recording function switch, a power saving mode switch, a screen capture switch, a vibration switch, a mute switch and a normally-on screen switch.
Referring schematically to fig. 5, a user interface 50 is displayed on the touch screen. When the user slides down on the touch screen by using two fingers, the terminal receives a double-contact sliding signal. The terminal slides downwards according to the continuous sliding of the double-contact sliding signal, and the control center interface 52 is moved into the touch screen to be displayed along with the sliding of the double-contact sliding signal. The control center interface 52 can occlude most of the area of the user interface 50, and 9 different control options are displayed on the control center interface 52: WIFI switch, locate function switch, mobile network switch, music switch, flight mode switch, alarm clock switch, reading mode switch, day/night mode change over switch and bluetooth switch. Optionally, in addition to the control options, other auxiliary information such as the current time, the current date, and the expand/contract button may be displayed on the control center interface 52.
Optionally, the movement speed of the control center interface is directly proportional to the slip speed of the first slip signal.
Optionally, the terminal determines whether the initial positions of the two contact points of the dual-contact gliding signal are respectively located in different sub-areas of the upper edge area of the touch screen; if the initial positions of the two contact points are respectively located in different sub-areas of the upper edge area, the terminal continuously slides on the touch screen according to the double-contact sliding signal, and the control center interface is moved into the upper layer of the user interface from the upper edge area to be displayed; if the initial positions of the two contact points are in the same sub-area, the terminal does not respond or responds in other preset modes. Other preset ways may be to display error messages or to display other interfaces.
Optionally, the upper edge area is divided into a left sub-area and a right sub-area, and the sizes of the left sub-area and the right sub-area may be the same or different. As schematically shown in fig. 6, the upper edge region is equally divided into a left side sub-region 62 and a right side sub-region 64.
Optionally, the upper edge area is divided into a left sub-area, a center sub-area and a right sub-area, and the sizes of the three sub-areas may be the same or different. Schematically shown in fig. 7, the left and right subregions 62, 64 are the same size, but the central subregion 66 is slightly smaller.
in one possible embodiment, if the user changes the sliding direction of the first slide-down signal from downward to upward halfway in the sliding process of performing the first slide-down operation, the terminal cancels the display of the control center interface.
In one possible embodiment, after the control center interface is displayed, if the terminal receives a first upglide signal triggered on the touch screen, the terminal cancels the display of the control center interface. The first up-slip signal may be a double finger up-slip signal.
Optionally, the canceling, by the terminal, the display of the control center interface includes: the terminal moves the control center interface out of the touch screen from the upper edge and resumes display of the user interface at the lower layer.
the user performs a sliding operation on the touch screen of the terminal, and the sliding operation may be a downward sliding operation, an upward sliding operation, a leftward sliding operation, or a rightward sliding operation.
Taking the example that the sliding operation of the user is the downward sliding operation, the terminal receives a downward sliding signal corresponding to the downward sliding operation through the touch screen. Optionally, the screen of the terminal is a touch screen supporting multi-touch. The user may perform a single-finger slide operation or a multi-finger slide operation on the touch screen. And when the touch screen senses the sliding signal, reporting the sliding signal to a processor of the terminal. And the processor of the terminal acquires the number of the contact points from the touch coordinates carried by the sliding signal. For example, if only one touch coordinate appears at the same time in the sliding signal, the number of contact points is one.
Optionally, the terminal acquires touch coordinates of the sliding signal on the touch screen at predetermined time intervals, and calculates the sliding direction of the sliding signal according to the touch coordinates acquired twice (or continuously for multiple times). For example, the terminal determines the ith touch coordinate to point to the direction of the (i + 1) th touch coordinate as the sliding direction of the sliding signal; for another example, the terminal draws a sliding track of the sliding signal according to the touch coordinates acquired continuously for multiple times, and determines the sliding direction of the sliding signal according to a tangent line of the latest touch coordinate on the sliding track. The embodiment of the present application does not limit the specific manner in which the terminal determines the sliding direction of the sliding signal.
Optionally, the second downslide signal is a single-contact downslide signal, also referred to as a single-finger downslide signal.
and the terminal starts to move the notification center interface into the upper layer of the user interface from the upper edge of the touch screen for displaying according to the continuous sliding of the single-contact down-sliding signal on the touch screen. That is, the notification center interface is displayed overlaid on an upper layer of the user interface. When the notification center interface is an opaque interface, the notification center interface shields the display content of the user interface below; when the notification center interface is a semi-transparent interface, the notification center interface overlays the display content of the underlying user interface in a semi-transparent manner.
The notification center interface is a user interface for displaying notification messages. The number of notification messages displayed on the notification center interface may be zero or more, depending on the number of unread messages. Notification messages include, but are not limited to: at least one of short message, instant communication message, voice communication message, mail message and recommendation message pushed by third-party application program.
Referring schematically to fig. 8, a user interface 50 is displayed on the touch screen. When the user uses a single finger to slide downwards on the touch screen, the terminal receives a single-contact sliding signal. The terminal slides down according to the continuous single-contact sliding signal, and the notification center interface 54 is moved into the touch screen to be displayed along with the sliding of the single-contact sliding signal. The notification center interface 54 may occlude a large area of the user interface 50, with 6 different notification messages displayed on the notification center interface 54. Optionally, in addition to the notification message, other auxiliary information such as the current time, the current date, the expand/contract button, etc. may be displayed on the notification center interface 54.
Optionally, the moving-in speed of the notification center interface is in direct proportion to the sliding speed of the second gliding-down signal.
Optionally, the terminal judges whether the initial position of the single-contact gliding signal is located in a preset sub-region of the upper edge region of the touch screen; if the starting position of the single-contact gliding signal is located in the central sub-area of the upper edge area, the terminal starts to move the notification center interface into the upper layer of the user interface from the upper edge area for displaying according to the continuous sliding of the single-contact gliding signal on the touch screen; if the starting position of the single-contact sliding signal is located in other sub-areas except the preset sub-area, the terminal does not respond or responds in other preset modes. Other preset ways may be to display error messages or to display other interfaces.
Optionally, the upper edge area is divided into a left sub-area, a center sub-area and a right sub-area, and the sizes of the three sub-areas may be the same or different. For example, the left and right subregions are the same size, but the central subregion is slightly smaller.
in one possible embodiment, if the user changes the sliding direction of the second slide-down signal from downward to upward halfway in the sliding process of performing the second slide-down operation, the terminal cancels the display of the notification center interface.
In one possible embodiment, after the notification center interface is displayed, if the terminal receives a second upglide signal triggered on the touch screen, the terminal cancels the display of the notification center interface. The second up-slip signal may be a single finger up-slip signal.
Optionally, the canceling, by the terminal, the display of the notification center interface includes: the terminal will notify the center interface to move out of the touch screen from the top edge and resume display of the underlying user interface.
In summary, in the method provided in this embodiment, the notification center interface or the control center interface is moved from the preset edge area of the touch screen to be displayed according to the signal type of the downslide signal; the problems that the display area of a pull-down user interface in the related technology is limited, and control items and notification messages which can be displayed are few can be solved; the effect that only the notification center interface or the control center interface can be displayed according to the signal type of the gliding signal, so that more display contents of the same type can be displayed in the limited display area of the sliding interface is achieved.
In the method provided by the embodiment, a user interface is displayed through a touch screen, and a first slide-down signal triggered from the touch screen is received; moving the control center interface to the upper layer of the user interface for displaying according to the continuous sliding of the first sliding signal on the touch screen; since the area for displaying the notification message in the related art can also be used for displaying the control options, the problems that the display area of the pull-down user interface in the related art is limited, and the number of the control options and the notification messages which can be displayed is small can be solved; therefore, the effect that when the sliding signal is the first sliding signal, the control center interface for displaying the control options is moved into the control center interface for displaying, so that more control options are displayed in the limited display area is achieved.
According to the method provided by the embodiment, the user interface is displayed through the touch screen, and the second gliding signal triggered from the touch screen is received; according to the continuous sliding of the second gliding signal on the touch screen, moving into a notification center interface on the upper layer of the user interface for displaying; since the area for displaying the control options in the related art can also be used for displaying the control options, the problems that the display area of the pull-down user interface in the related art is limited, and the number of the control options and the notification messages which can be displayed is small can be solved; therefore, when the slide signal is the second slide-down signal, the notification center interface for displaying the notification message is moved in to be displayed, so that more notification messages are displayed in the limited display area.
In the method provided by this embodiment, by detecting the position relationship between the start position of the glide signal and the sub-region of the upper edge region, it is possible to avoid identifying the glide signal caused by the user's misoperation, reduce the unnecessary calculation amount of the processor of the terminal, and save the calculation resources and/or the electric quantity of the terminal.
In various embodiments, the first and second roll-off signals may be interchanged. For example, the second glide signal is a dual-contact glide signal, and the terminal displays the notification center interface according to the second glide signal, as shown in fig. 9; the first slide-down signal is a single-contact slide-down signal, and the terminal displays a notification center interface according to the first slide-down signal, as shown in fig. 10.
The following are embodiments of the apparatus according to the embodiments of the present application, which correspond to the above-described embodiments of the method. For details which are not described in detail in the device embodiments, reference may be made to the description in the above-described method embodiments.
Fig. 11 is a block diagram of a user interface display device provided in an exemplary embodiment of the present application. The apparatus may be implemented as all or a portion of the terminal in software, hardware, or a combination of both. The device comprises:
a display module 1120 for displaying a user interface through a touch screen;
a receiving module 1140, configured to receive a first sliding signal triggered from the touch screen;
the display module 1120 is configured to move to a control center interface on an upper layer of the user interface for displaying according to the continuous sliding of the first sliding signal on the touch screen;
wherein the control center interface is a sliding interface for displaying at least one control option.
In an alternative embodiment, the receiving module 1140 is configured to receive a second downslide signal triggered on the touch screen; the display module 1120 is configured to move to a notification center interface on an upper layer of the user interface for displaying according to the continuous sliding of the second downslide signal on the touch screen;
wherein the notification center interface is a sliding interface for displaying at least one notification message.
In an alternative embodiment, the first and second downslide signals are different types of downslide signals.
In an alternative embodiment, the first down slide signal is a dual contact down slide signal;
the display module 1120 is configured to, when starting positions of two contact points of the dual-contact sliding-down signal are respectively located in different sub-areas of an upper edge area of the touch screen, move the control center interface into an upper layer of the user interface from the upper edge area for displaying according to continuous sliding of the dual-contact sliding signal on the touch screen.
In an alternative embodiment, the starting positions of the two contact points are located in the left and right regions of the upper edge region, respectively.
In an alternative embodiment, the second ramp down signal is a single contact ramp down signal;
the display module 1120 is configured to, when the starting position of the single-contact sliding signal is located in a preset sub-region of an upper edge region of the touch screen, move the notification center interface into an upper layer of the user interface from the upper edge region for displaying according to continuous sliding of the single-contact sliding signal on the touch screen.
In an alternative embodiment, the predetermined sub-area is a central sub-area of the upper edge area.
Or, in another alternative embodiment:
a display module 1120 for displaying a user interface through a touch screen;
a receiving module 1140, configured to receive a sliding signal that starts sliding in a preset edge area of the touch screen;
the display module 1120 is configured to, when the sliding signal is a first sliding signal, move a sliding interface into an upper layer of the user interface from the preset edge area for displaying according to continuous sliding of the first sliding signal on the touch screen, where the sliding interface displays first display content;
the display module 1120 is configured to, when the sliding signal is a second sliding signal, move into the sliding interface from the preset edge area to an upper layer of the user interface for displaying according to continuous sliding of the second sliding signal on the touch screen, where the sliding interface displays second display content.
In an alternative embodiment, the first and second sliding signals are different types of sliding signals.
In an alternative embodiment, the first display content is a control center for displaying at least one control option; the second display content is a notification center for displaying at least one notification message;
or;
the first display content is the notification center and the second display content is the control center.
In an alternative embodiment, the first down slide signal is a dual contact slide signal;
and the display module is used for moving the control center interface into the upper layer of the user interface from the preset edge area for displaying according to the continuous sliding of the double-contact sliding signal on the touch screen when the initial positions of the two contact points of the double-contact sliding signal are respectively located in different sub-areas of the preset edge area.
In an alternative embodiment, the second glide signal is a single-contact glide signal;
and the display module is used for moving the control center interface into the upper layer of the user interface from the preset edge area to display according to the continuous sliding of the single-contact sliding signal on the touch screen when the starting position of the single-contact sliding signal is located in the preset sub-area of the preset edge area.
Fig. 12 is a block diagram of a terminal according to an exemplary embodiment of the present application, and as shown in fig. 12, the mobile terminal includes a processor 1220, a memory 1240 and a screen 1260, where the memory 1240 stores at least one program, and the at least one program is loaded and executed by the processor 1220 to implement the user interface display method according to the above embodiments. The screen 1260 may be a touch screen.
The application provides a computer-readable storage medium, wherein at least one instruction is stored in the storage medium, and the at least one instruction is loaded and executed by the processor to implement the user interface display method provided by the above method embodiments.
The present application also provides a computer program product, which when running on a computer, causes the computer to execute the user interface display method provided by the above method embodiments.
The above-mentioned serial numbers of the embodiments of the present invention are merely for description and do not represent the merits of the embodiments.
It will be understood by those skilled in the art that all or part of the steps for implementing the above embodiments may be implemented by hardware, or may be implemented by a program instructing relevant hardware, where the program may be stored in a computer-readable storage medium, and the above-mentioned storage medium may be a read-only memory, a magnetic disk or an optical disk, etc.
The above description is only for the purpose of illustrating the preferred embodiments of the present invention and is not to be construed as limiting the invention, and any modifications, equivalents, improvements and the like that fall within the spirit and principle of the present invention are intended to be included therein.
Claims (12)
1. A method of user interface display, the method comprising:
displaying a user interface through a touch screen;
receiving a first slide-down signal triggered on the touch screen, wherein the first slide-down signal is a dual-contact slide-down signal;
when the initial positions of two contact points of the double-contact gliding signal are respectively located in different sub-areas of an upper edge area of the touch screen, moving a control center interface into an upper layer of the user interface from the upper edge area to display according to the continuous sliding of the double-contact gliding signal on the touch screen;
wherein the control center interface is a sliding interface for displaying at least one control option;
receiving a second downslide signal triggered on the touch screen, wherein the second downslide signal is a single-contact downslide signal;
when the starting position of the single-contact point gliding signal is located in a preset sub-area of an upper edge area of the touch screen, moving a notification center interface into an upper layer of the user interface from the upper edge area to display according to continuous sliding of the single-contact point gliding signal on the touch screen;
the notification center interface is a sliding interface used for displaying at least one notification message, the notification center interface and the control center interface are different and mutually independent sliding interfaces, the first and second glide signals are different and mutually independent sliding signals, the number of contact points of the sliding signals is determined based on the number of touch coordinates carried in the sliding signals at the same moment, and the sliding direction of the sliding signals is determined based on the touch coordinates acquired twice in the vicinity.
2. The method according to claim 1, wherein the starting positions of the two contact points are located in the left and right sub-areas of the upper edge area, respectively.
3. The method of claim 1, wherein the predetermined sub-region is a central sub-region of the upper edge region.
4. A method of user interface display, the method comprising:
displaying a user interface through a touch screen;
receiving a sliding signal for starting sliding in a preset edge area of the touch screen;
when the sliding signal is a double-contact sliding signal and the starting positions of two contact points of the double-contact sliding signal are respectively located in different sub-areas of the preset edge area, moving a sliding interface into an upper layer of the user interface from the preset edge area for displaying according to the continuous sliding of the double-contact sliding signal on the touch screen, wherein the sliding interface displays first display content;
when the sliding signal is a single-contact sliding signal and the starting position of the single-contact sliding signal is located in a preset sub-area of the preset edge area, moving the sliding interface into the upper layer of the user interface from the preset edge area to display according to the continuous sliding of the single-contact sliding signal on the touch screen, wherein the sliding interface displays second display content;
the first display content and the second display content are different and mutually independent, the double-contact sliding signal and the single-contact sliding signal are different and mutually independent sliding signals, the number of contact points of the sliding signal is determined based on the number of touch coordinates carried in the sliding signal at the same moment, and the sliding direction of the sliding signal is determined based on the touch coordinates acquired twice in a neighboring mode.
5. The method of claim 4,
the first display content is a control center, and the control center is used for displaying at least one control option; the second display content is a notification center for displaying at least one notification message;
or;
the first display content is the notification center and the second display content is the control center.
6. A user interface display apparatus, the apparatus comprising:
the display module is used for displaying a user interface through a touch screen;
the receiving module is used for receiving a first sliding signal triggered from the touch screen, and the first sliding signal is a dual-contact sliding signal;
the display module is configured to, when starting positions of two contact points of the dual-contact downslide signal are respectively located in different sub-areas of an upper edge area of the touch screen, move a control center interface from the upper edge area to an upper layer of the user interface for display according to continuous sliding of the dual-contact downslide signal on the touch screen;
wherein the control center interface is a sliding interface for displaying at least one control option;
the receiving module is used for receiving a second gliding signal triggered on the touch screen, wherein the second gliding signal is a single-contact gliding signal;
the display module is used for moving a notification center interface into an upper layer of the user interface from the upper edge area to display according to the continuous sliding of the single-contact downslide signal on the touch screen when the starting position of the single-contact downslide signal is located in a preset sub-area of the upper edge area of the touch screen;
the notification center interface is a sliding interface used for displaying at least one notification message, the notification center interface and the control center interface are different and mutually independent sliding interfaces, the first and second glide signals are different and mutually independent sliding signals, the number of contact points of the sliding signals is determined based on the number of touch coordinates carried in the sliding signals at the same moment, and the sliding direction of the sliding signals is determined based on the touch coordinates acquired twice in the vicinity.
7. The device of claim 6, wherein the starting positions of the two contact points are located at a left region and a right region of the upper edge region, respectively.
8. The apparatus of claim 6, wherein the predetermined sub-region is a central sub-region of the upper edge region.
9. A user interface display apparatus, the apparatus comprising:
the display module is used for displaying a user interface through a touch screen;
the receiving module is used for receiving a sliding signal for starting sliding in a preset edge area of the touch screen;
the display module is configured to, when the sliding signal is a dual-contact sliding signal and starting positions of two contact points of the dual-contact sliding signal are located in different sub-areas of the preset edge area, move a sliding interface from the preset edge area to an upper layer of the user interface for display according to continuous sliding of the dual-contact sliding signal on the touch screen, where the sliding interface displays a first display content;
the display module is configured to, when the sliding signal is a single-contact sliding signal and an initial position of the single-contact sliding signal is located in a preset sub-region of the preset edge region, move the sliding interface from the preset edge region to an upper layer of the user interface for display according to continuous sliding of the single-contact sliding signal on the touch screen, where the sliding interface displays second display content;
the first display content and the second display content are different and mutually independent, the double-contact sliding signal and the single-contact sliding signal are different types and mutually independent sliding signals, the number of contact points of the sliding signal is determined based on the number of touch coordinates carried in the sliding signal at the same moment, and the sliding direction of the sliding signal is determined based on the touch coordinates acquired twice in a neighboring mode.
10. The apparatus of claim 9,
the first display content is a control center, and the control center is used for displaying at least one control option; the second display content is a notification center for displaying at least one notification message;
or;
the first display content is the notification center and the second display content is the control center.
11. A terminal, characterized in that the terminal comprises: a processor and a memory, the memory storing at least one program that is loaded and executed by the processor to implement the user interface display method of any of claims 1 to 3, or the user interface display method of claim 4 or 5.
12. A computer-readable storage medium, characterized in that the storage medium stores at least one program which is loaded and executed by a processor to implement the user interface display method according to any one of claims 1 to 3, or the user interface display method according to claim 4 or 5.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810054400.9A CN108255404B (en) | 2018-01-19 | 2018-01-19 | User interface display method and device and terminal |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810054400.9A CN108255404B (en) | 2018-01-19 | 2018-01-19 | User interface display method and device and terminal |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN108255404A CN108255404A (en) | 2018-07-06 |
| CN108255404B true CN108255404B (en) | 2021-07-16 |
Family
ID=62726839
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201810054400.9A Active CN108255404B (en) | 2018-01-19 | 2018-01-19 | User interface display method and device and terminal |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN108255404B (en) |
Families Citing this family (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110471298B (en) * | 2019-08-12 | 2020-10-23 | 珠海格力电器股份有限公司 | Intelligent household appliance control method, equipment and computer readable medium |
| CN110531920B (en) * | 2019-08-29 | 2021-05-14 | Oppo广东移动通信有限公司 | Display method and device of sidebar, terminal and storage medium |
| CN110908579B (en) * | 2019-10-31 | 2022-02-22 | 维沃移动通信有限公司 | Touch response method and electronic equipment |
| CN115390952A (en) * | 2021-05-20 | 2022-11-25 | 华为技术有限公司 | Interface display method and equipment |
| CN115495002A (en) * | 2021-06-01 | 2022-12-20 | 华为技术有限公司 | Control method and electronic equipment |
| CN113806004A (en) * | 2021-09-28 | 2021-12-17 | 世邦通信股份有限公司 | Emergency broadcast implementation method, system, device and storage medium |
Family Cites Families (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103309618A (en) * | 2013-07-02 | 2013-09-18 | 姜洪明 | Mobile operating system |
| CN104571873A (en) * | 2015-01-30 | 2015-04-29 | 深圳市中兴移动通信有限公司 | Management method and device of notification bars |
| CN105630490A (en) * | 2015-12-21 | 2016-06-01 | 小米科技有限责任公司 | Layout adjustment method and apparatus for message notification display page |
| CN105677167A (en) * | 2016-01-05 | 2016-06-15 | 青岛海信移动通信技术股份有限公司 | Notification message display method and device used for intelligent terminal |
| CN106406728A (en) * | 2016-08-31 | 2017-02-15 | 瓦戈科技（上海）有限公司 | Operation method for desktop gesture of mobile terminal |
| CN107526509B (en) * | 2017-09-05 | 2019-04-02 | Oppo广东移动通信有限公司 | Message display method, device and mobile terminal |
-
2018
- 2018-01-19 CN CN201810054400.9A patent/CN108255404B/en active Active
Also Published As
| Publication number | Publication date |
|---|---|
| CN108255404A (en) | 2018-07-06 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108255404B (en) | User interface display method and device and terminal | |
| US10956022B2 (en) | Devices, methods, and graphical user interfaces for navigating between user interfaces and interacting with control objects | |
| EP3380918B1 (en) | Devices, methods, and graphical user interfaces for navigating between user interfaces and interacting with control objects | |
| CN108701001B (en) | Method for displaying graphical user interface and electronic equipment | |
| WO2021035884A1 (en) | Screen mirroring method and apparatus, terminal, and storage medium | |
| AU2013348880B2 (en) | Split-screen display method and apparatus, and electronic device thereof | |
| WO2020000969A1 (en) | Method and device for controlling information flow display panel, terminal apparatus, and storage medium | |
| US8947375B2 (en) | Information processing device, information processing method, and information processing program | |
| US10082949B2 (en) | Apparatus and method for application peel | |
| US20100107116A1 (en) | Input on touch user interfaces | |
| KR102411858B1 (en) | Display method, apparatus and device of user interface | |
| AU2018253513A1 (en) | Devices, methods, and graphical user interfaces for navigating between user interfaces and interacting with control objects | |
| US20140053097A1 (en) | Method for providing user interface having multi-tasking function, mobile communication device, and computer readable recording medium for providing the same | |
| EP4002075A1 (en) | Interface display method and apparatus, terminal, and storage medium | |
| CN108536357B (en) | Application display method and device, storage medium and electronic equipment | |
| CN103377026B (en) | Shortcut panel display method and device | |
| CN109960443A (en) | A kind of display application drawing calibration method and terminal device | |
| CN108563416B (en) | Application display method and device, storage medium and electronic equipment | |
| CN114661219A (en) | Device control method, device, storage medium and electronic device | |
| CN108259660A (en) | A kind of information cuing method and device, terminal, readable storage medium storing program for executing | |
| CN110262714A (en) | A kind of information cuing method, device and equipment | |
| CN109885249A (en) | A kind of split screen processing method, intelligent terminal and readable storage medium storing program for executing | |
| WO2022247557A1 (en) | Content sharing method and apparatus, and terminal and storage medium | |
| WO2023241013A1 (en) | Interface operation method and apparatus, electronic device, and storage medium | |
| CN114895820B (en) | Display control method based on man-machine interaction |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| CB02 | Change of applicant information |
Address after: Changan town in Guangdong province Dongguan 523860 usha Beach Road No. 18 Applicant after: OPPO Guangdong Mobile Communications Co.,Ltd. Address before: Changan town in Guangdong province Dongguan 523860 usha Beach Road No. 18 Applicant before: GUANGDONG OPPO MOBILE TELECOMMUNICATIONS Corp.,Ltd. |
|
| CB02 | Change of applicant information | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |