CN108255404A - Method for displaying user interface, device and terminal - Google Patents

Method for displaying user interface, device and terminal Download PDF

Info

Publication number
CN108255404A
CN108255404A CN201810054400.9A CN201810054400A CN108255404A CN 108255404 A CN108255404 A CN 108255404A CN 201810054400 A CN201810054400 A CN 201810054400A CN 108255404 A CN108255404 A CN 108255404A
Authority
CN
China
Prior art keywords
interface
touch screen
slip signals
user interface
slip
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.)
Granted
Application number
CN201810054400.9A
Other languages
Chinese (zh)
Other versions
CN108255404B (en
Inventor
杨颂
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Guangdong Oppo Mobile Telecommunications Corp Ltd
Original Assignee
Guangdong Oppo Mobile Telecommunications Corp Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Guangdong Oppo Mobile Telecommunications Corp Ltd filed Critical Guangdong Oppo Mobile Telecommunications Corp Ltd
Priority to CN201810054400.9A priority Critical patent/CN108255404B/en
Publication of CN108255404A publication Critical patent/CN108255404A/en
Application granted granted Critical
Publication of CN108255404B publication Critical patent/CN108255404B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction 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/0488Interaction 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/04883Interaction 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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

This application discloses a kind of method for displaying user interface, device and equipment, belong to field of human-computer interaction.The method includes:User interface is shown by touch screen;The default fringe region received in the touch screen starts the slip signals slided;When the slip signals are the first slip signals, sliding interface is moved into the upper strata of the user interface according to first slip signals and shown that the sliding interface shows the first display content;When the slip signals are the second slip signals, the sliding interface is moved into the upper strata of the user interface according to second slip signals and shown that the sliding interface shows the second display content.The application can solve the problem of that the limited control option that can be shown in the display area of drop-down user interface and notification message are less;Reach and shown different display contents in sliding interface according to different slip signals, so as to show the effect of more display contents in sliding interface.

Description

Method for displaying user interface, device and terminal
Technical field
The present embodiments relate to field of human-computer interaction, more particularly to a kind of method for displaying user interface, device and terminal.
Background technology
The mobile terminal of such as smart mobile phone, tablet computer etc is the most frequent electronic equipment of user's routine use.
In the related art, when user is pulled down on the top state column of terminal, operating system can follow user Pulling operation shows drop-down user interface.Several control options and several notification messages are shown on drop-down user interface. Control option includes:Wireless network switch, Bluetooth switch, silence switch, offline mode switch, brightness regulation slider bar etc..
Invention content
This application provides a kind of method for displaying user interface, device and terminals, can solve the aobvious of drop-down user interface Show that region is limited, the problem of the control option and less notification message that can show.The technical solution is as follows:
According to the application's in a first aspect, providing a kind of method for displaying user interface, the method includes:
User interface is shown by touch screen;
Receive the first downslide signal triggered from the touch screen;
According to lasting slip of the first downslide signal on the touch screen, moved on the upper strata of the user interface Control centre interface is shown;
Wherein, the control centre interface is the sliding interface for showing at least one control option.
According to the second aspect of the application, a kind of method for displaying user interface is provided, the method includes:
User interface is shown by touch screen;
The default fringe region received in the touch screen starts the slip signals slided;
When the slip signals are the first slip signals, according to the first slip signals holding on the touch screen It is continuous to slide, sliding interface is moved into the upper strata of the user interface shown from the default fringe region, slip circle Face shows the first display content;
When the slip signals are the second slip signals, according to the second slip signals holding on the touch screen It is continuous to slide, the sliding interface is moved into the upper strata of the user interface shown from the default fringe region, the cunning Arena face shows the second display content;
Wherein, first slip signals and second slip signals.
According to the third aspect of the application, a kind of user interface display device is provided, described device includes:
Display module shows user interface for passing through touch screen;
Receiving module, for receiving the first downslide signal triggered from the touch screen;
The display module, for the lasting slip according to the first downslide signal on the touch screen, described The upper strata of user interface moves into control centre interface and is shown;
Wherein, the control centre interface is the sliding interface for showing at least one control option.
According to the fourth aspect of the application, a kind of user interface display device is provided, described device includes:
Display module shows user interface for passing through touch screen;
Receiving module, the default fringe region for receiving in the touch screen start the slip signals slided;
The display module, for when the slip signals are the first slip signals, according to first slip signals Lasting slip on the touch screen, from the default fringe region to the upper strata of the user interface move into sliding interface into Row display, the sliding interface show the first display content;
The display module, for when the slip signals be the second slip signals when, according to second slip signals Lasting slip on the touch screen moves into slip circle from the default fringe region to the upper strata of the user interface Face is shown that the sliding interface shows the second display content.
According to the 5th of the application the aspect, a kind of terminal is provided, the terminal includes:Processor and memory, it is described Memory is stored at least one program, and at least one program is loaded by the processor and performed as described above to realize Method for displaying user interface.
According to the 6th of the application the aspect, a kind of computer readable storage medium is provided, the storage medium is stored with At least one program, at least one program are loaded by the processor and are performed to realize that user interface as described above is shown Show method.
The advantageous effect that technical solution provided in an embodiment of the present invention is brought includes at least:
User interface is shown by touch screen, receives the first downslide signal triggered from touch screen;It glides according to first The lasting slip of signal on the touchscreen moves into control centre interface on the upper strata of user interface and is shown;Due to being used for showing Show that the region of notification message can be provided for display control option, so the aobvious of the drop-down user interface in the relevant technologies can be solved Show that region is limited, the problem of the control option and less notification message that can show;So reach when slip signals are first During downslide signal, move into and shown for the control centre interface of display control option so that in limited display area Show the effect of more control options.
Description of the drawings
To describe the technical solutions in the embodiments of the present invention more clearly, make required in being described below to embodiment Attached drawing is briefly described, it should be apparent that, the accompanying drawings in the following description is only some embodiments of the present invention, for For those of ordinary skill in the art, without creative efforts, other are can also be obtained according to these attached drawings Attached drawing.
Fig. 1 shows the flow chart of method for displaying user interface that one exemplary embodiment of the application provides;
Fig. 2 shows interface schematic diagram of the method for displaying user interface that Fig. 1 embodiments provide in schematic implement;
Fig. 3 shows interface schematic diagram of the method for displaying user interface of Fig. 2 embodiments offer in schematic implement;
Fig. 4 shows the flow chart of method for displaying user interface that one exemplary embodiment of the application provides;
Fig. 5 shows interface schematic diagram of the method for displaying user interface of Fig. 4 embodiments offer in schematic implement;
Fig. 6 shows interface schematic diagram of the method for displaying user interface of Fig. 4 embodiments offer in schematic implement;
Fig. 7 shows division signal of the method for displaying user interface of Fig. 4 embodiments offer when dividing upper edge region Figure;
Fig. 8 shows division signal of the method for displaying user interface of Fig. 4 embodiments offer when dividing upper edge region Figure;
Fig. 9 shows interface signal of the method for displaying user interface of another alternative embodiment offer in schematic implement Figure;
Figure 10 shows that interface of the method for displaying user interface of another alternative embodiment offer in schematic implement shows It is intended to;
Figure 11 shows the flow chart of user interface display device that one exemplary embodiment of the application provides;
Figure 12 shows the block diagram of terminal that one exemplary embodiment of the application provides.
Specific embodiment
To make the object, technical solutions and advantages of the present invention clearer, below in conjunction with attached drawing to embodiment party of the present invention Formula is described in further detail.
Method for displaying user interface provided in this embodiment can be applied in terminal.The terminal can be mobile phone, tablet (Moving Picture Experts Group Audio Layer III, dynamic image are special by computer, E-book reader, MP3 Family's compression standard audio level 3) player, (Moving Picture Experts Group Audio Layer IV are moved MP4 State image expert's compression standard audio level 4) player, pocket computer on knee and desktop computer etc..
Fig. 1 shows the flow chart of method for displaying user interface that one exemplary embodiment of the application provides.This implementation Example in terminal in this way applied to coming for example, the terminal is provided with touch display screen (abbreviation touch screen).This method packet It includes:
Step 101, user interface is shown by touch screen;
Step 102, the default fringe region received in touch screen starts the slip signals slided;
Step 103, when slip signals are the first slip signals, according to the lasting cunning of the first slip signals on the touchscreen It is dynamic, sliding interface is moved into the upper strata of user interface shown that sliding interface shows the first display from default fringe region Content;
The sliding interface is that the interface shown in touch screen is moved into from default fringe region.Optionally, slip circle Face is that the interface shown in the upper strata at original subscriber interface is moved into from default fringe region.Default fringe region includes:Top Any one in edge region, lower edge margin, left hand edge region and right hand edge region.
Schematical reference chart 2 when slip signals are single contact downslide signals, are moved on the upper strata of user interface 20 and is slided Arena face 22 is shown, the first display content 26 is shown on the sliding interface 22.
Step 104, when slip signals are the second slip signals, according to the lasting cunning of the second slip signals on the touchscreen It is dynamic, sliding interface is moved into the upper strata of user interface shown that sliding interface shows the second display from default fringe region Content.
Schematical reference chart 3 when slip signals are double-contact downslide signals, are moved on the upper strata of user interface and is slided Interface 22 is shown, the second display content 28 is shown on the sliding interface 22.
In conclusion method provided in this embodiment, by when receiving slip signals, being touched according to slip signals Lasting slip on screen moves into sliding interface and is shown, and is shown on sliding interface according to different slip signals different Show content;The display area that can solve the drop-down user interface in the relevant technologies is limited, the control item that can be shown and logical Know the problem of message is less;Reach and shown different display contents on sliding interface according to different slip signals, so as to Show that more same types show the effect of content on the limited display area of sliding interface.
In the alternative provided in above-mentioned steps 101, user, can be by touching screen display during using terminal Show user interface.The user interface can be the desktop of operating system, the user interface of system application, third-party application journey At least one of the user interface of sequence, split screen user interface.
In the alternative provided in above-mentioned steps 102, default fringe region is the upper edge region of touch screen, lower edge Any one in region, left hand edge region and right hand edge region.When " upper and lower, left and right " herein are to face terminal Visual angle illustrates.The width of upper edge region and lower edge margin can be the width of touch screen, highly pre- for first If value;The height in left hand edge region and right hand edge region can be the height of touch screen, and width is the second preset value.
Optionally, slip signals are that user's finger carries out generated signal during duration contact on the touchscreen.One In the illustrative example of kind, slip signals fall event, at least one finger movement event and a finger including a finger It lifts event, carries that there are one touch coordinates in each event.The touch coordinate that finger falls in event can be slip signals Starting point coordinate, the touch coordinate in finger movement event is coordinate of the slip signals in sliding process, digit up event In touch coordinate be slip signals terminal point coordinate.Coordinate in each event is connected, obtains the slip signals Sliding trace.
In the alternative provided in above-mentioned steps 103 and step 104, the first slip signals and the second slip signals are not Same slip signals.Optionally, different slip signals refer to contact point quantity, initial position, glide direction, sliding trace, At least one of sliding pressure, sliding type slide parameter and there is difference.
Optionally, the first slip signals are double-contact slip signals, also referred to as two fingers slip signals;Second slip signals are single Contact wipe signal, also referred to as singly refers to slip signals.
Optionally, the first display content is control centre, and the control centre is for showing at least one control option, also referred to as Control centre interface;And/or second display content be notice center, the notice center for show at least one notification message, Also referred to as notify center interface.
Optionally, the first display content is notice center, and the second display content is control centre.
In the alternative provided in above-mentioned steps 103, if the first slip signals are double-contact downslide signals, touched when double When the initial position of two contact points of point downslide signal is located at the different subregions of default fringe region of touch screen respectively, eventually The lasting slip according to double-contact slip signals on the touchscreen is held, moves into control centre interface since default fringe region The upper strata of user interface is shown.
In the alternative provided in above-mentioned steps 104, if the second slip signals are single contact downslide signals, work as single-tap When the initial position of point slip signals is located at the default subregion of default fringe region, terminal is being touched according to single contact slip signals The lasting slip on screen is touched, the upper strata that control centre interface is moved into user interface since default fringe region is shown.
Below to preset the upper edge region that fringe region is touch screen, the first display content is control centre, and second is aobvious Show that content is notice center to illustrate.
Fig. 4 shows the flow chart of method for displaying user interface that one exemplary embodiment of the application provides.This implementation Example is in this way applied to illustrating in terminal.This method includes:
Step 401, user interface is shown by touch screen;
User can show user interface during using terminal by touch screen.The user interface can be behaviour Make in the desktop of system, the user interface of system application, the user interface of third party application, split screen user interface It is at least one.
Step 402, the first downslide signal triggered on the touchscreen is received;
User carries out slide on the touch screen of terminal, which can be slide downward operation, slide up Dynamic operation, to the left slide or to the right slide.
For slide by user is slide downward operation, terminal receives slide downward operation pair by touch screen The downslide signal answered.Optionally, the screen of terminal is the touch screen for supporting multi-point touch.User can perform list on the touchscreen Refer to slide or refer to slide more.Touch screen reports slip signals when sensing slip signals, to the processor of terminal. The touch coordinate that the processor of terminal is carried from slip signals obtains contact point quantity.Belong to for example, existing in slip signals Two touch coordinates that synchronization occurs, then contact point quantity is two.
Optionally, the terminal touch coordinate of interval acquiring slip signals on the touchscreen to schedule, according to adjacent (or continuous several times) collected touch coordinate twice calculates the glide direction of slip signals.For example, terminal touches ith Coordinate is directed toward the direction of i+1 touch coordinate, is determined as the glide direction of slip signals;For another example, terminal is according to continuous more Secondary collected touch coordinate draws the sliding trace of slip signals, according to a nearest touch coordinate cutting on sliding trace Line determines the glide direction of slip signals.The embodiment of the present application determines terminal the concrete mode of the glide direction of slip signals It is not limited.
Optionally, the first downslide signal is double-contact downslide signal, also referred to as two fingers downslide signal.
Step 403, the lasting slip according to the first downslide signal on the touchscreen is moved on the upper strata of user interface and is controlled Center interface is shown.
Lasting slip of the terminal according to double-contact downslide signal on the touchscreen, will control since the top edge of touch screen The upper strata that center interface moves into user interface is shown.That is, the upper strata that control centre interface is covered in user interface is shown. When control centre interface is opaque interface, the display content of underlying user interface is blocked at interface in control centre; When control centre interface is translucent interface, control centre interface covers underlying user circle in a manner of translucent The display content in face.
Control centre interface is the user interface for showing at least one control option.Control option includes but unlimited In:Offline mode control switch, cellular network control switch, the control of WiFi (WIreless Fidelity, Wireless Fidelity) network Switch, VPN (Virtual Private Network, Virtual Private Network), Wi-Fi hotspot switch, Bluetooth switch prevent bothering out Pass, positioning service switch, flashlight switch, automatic Rotation screen switch, record screen functional switch, battery saving mode switch, screen are cut Figure switch, vibroswitch, silence switch, screen are always at least one of switch.
Schematically refering to what is shown in Fig. 5, showing user interface 50 on touch screen.When user is being touched simultaneously using two fingers On screen during slide downward, terminal receives double-contact slip signals.Terminal according to the lasting slide downwards of double-contact slip signals, The slip of double-contact slip signals is followed to move at control centre interface 52 in touch screen to show.The control centre interface 52 Most of region of user interface 50 can be blocked, and 9 different control options are shown on the control centre interface 52: WIFI switches, positioning function switch, mobile network's switch, music switch, offline mode switch, alarm-clock switch, reading model are opened Pass, in the daytime/Night switching switch and Bluetooth switch.It optionally, can be in addition to controlling option on control centre interface 52 Show other auxiliary informations such as current time, current date, expansion/retraction button.
Optionally, the immigration speed at control centre interface and the sliding speed proportional of the first downslide signal.
Optionally, terminal judges whether the initial position of two contact points of double-contact downslide signal is located at touch screen respectively Upper edge region different subregions;If the initial position of two contact points is located at the different sub-districts of upper edge region respectively Domain, then lasting slip of the terminal according to double-contact slip signals on the touchscreen, by control centre circle since upper edge region The upper strata that face moves into user interface is shown;If the initial position of two contact points is located at same sub-regions, terminal is not It gives response or is responded with other predetermined manners.Other predetermined manners can be display error message or the other interfaces of display.
Optionally, upper edge region is divided into left side subregion and right side subregion, left side subregion and right side subregion Size can be identical or different.Schematically as shown in fig. 6, upper edge region is divided into left side subregion 62 and right side sub-district Domain 64.
Optionally, upper edge region is divided into left side subregion, central subregion and right side subregion, three sub-regions Size can be identical or different.Schematically as shown in fig. 7, left side subregion 62 is identical with the size of right side subregion 64, but Central subregion 66 is smaller.
Step 404, when the glide direction of the first downslide signal is from when becoming upwards downwards or receiving on first sliding signal, Cancel the display to control centre interface;
In a possible embodiment, if user is in the first sliding process for gliding operation is carried out, halfway by first The glide direction of downslide signal is from becoming downwards upward, then terminal cancels the display to control centre interface.
In a possible embodiment, it after display control center interface, is touched on the touchscreen if terminal receives On the first of hair during sliding signal, then terminal cancels the display to control centre interface.Sliding signal can be sliding in two fingers on first Signal.
Optionally, terminal cancellation includes the display at control centre interface:Terminal moves at control centre interface from top edge Go out touch screen, restore the display of the user interface to being located at lower floor.
Step 405, the second downslide signal triggered on the touchscreen is received;
User carries out slide on the touch screen of terminal, which can be slide downward operation, slide up Dynamic operation, to the left slide or to the right slide.
For slide by user is slide downward operation, terminal receives slide downward operation pair by touch screen The downslide signal answered.Optionally, the screen of terminal is the touch screen for supporting multi-point touch.User can perform list on the touchscreen Refer to slide or refer to slide more.Touch screen reports slip signals when sensing slip signals, to the processor of terminal. The processor of terminal obtains contact point quantity from the touch coordinate that slip signals carry.For example, in same a period of time in slip signals It carves and a touch coordinate only occurs, then contact point quantity is one.
Optionally, the terminal touch coordinate of interval acquiring slip signals on the touchscreen to schedule, according to adjacent (or continuous several times) collected touch coordinate twice calculates the glide direction of slip signals.For example, terminal touches ith Coordinate is directed toward the direction of i+1 touch coordinate, is determined as the glide direction of slip signals;For another example, terminal is according to continuous more Secondary collected touch coordinate draws the sliding trace of slip signals, according to a nearest touch coordinate cutting on sliding trace Line determines the glide direction of slip signals.The embodiment of the present application determines terminal the concrete mode of the glide direction of slip signals It is not limited.
Optionally, the second downslide signal is single contact downslide signal, also referred to as singly refers to downslide signal.
Step 406, the lasting slip according to the second downslide signal on the touchscreen is moved on the upper strata of user interface and is notified Center interface is shown;
Lasting slip of the terminal according to single contact downslide signal on the touchscreen, will notify since the top edge of touch screen The upper strata that center interface moves into user interface is shown.That is, the upper strata that notice center interface is covered in user interface is shown. When it is opaque interface to notify center interface, notice center interface blocks the display content of underlying user interface; When it is translucent interface to notify center interface, notice center interface covers underlying user circle in a manner of translucent The display content in face.
Notice center interface is the user interface for showing notification message.The notification message shown on notice center interface Can be zero to a plurality of, depending on the message number of unread message.Notification message includes but not limited to:Short message, instant messaging At least one of recommendation message that class message, speech communication message, e-mail messages, third party application push.
Schematically refering to what is shown in Fig. 8, showing user interface 50 on touch screen.Singly refer to while touching when user uses On screen during slide downward, terminal receives single contact slip signals.Terminal according to the lasting slide downwards of single contact slip signals, The slip of single contact slip signals is followed center interface 54 will to be notified to move into touch screen to show.The notice center interface 54 Most of region of user interface 50 can be blocked, and 6 different notification messages are shown on the notice center interface 54. Optionally, notify can also to show in addition to notification message on center interface 54 current time, current date, expansion/contraction by Other auxiliary informations such as button.
Optionally, the immigration speed of center interface and the sliding speed proportional of the second downslide signal are notified.
Optionally, terminal judges whether the initial position of single contact downslide signal is located at the pre- of the upper edge region of touch screen If subregion;If the initial position of single contact downslide signal is located at the central subregion of upper edge region, terminal is according to single-tap The lasting slip of point slip signals on the touchscreen, will notify center interface to move into the upper of user interface since upper edge region Layer is shown;If the initial position of single contact slip signals is located at other subregions in addition to default subregion, terminal Not respond or responded with other predetermined manners.Other predetermined manners can be display error message or the other boundaries of display Face.
Optionally, upper edge region is divided into left side subregion, central subregion and right side subregion, three sub-regions Size can be identical or different.For example, left side subregion is identical with the size of right side subregion, but central subregion is smaller.
Step 407, when the glide direction of the second downslide signal is from when becoming upwards downwards or receiving on second sliding signal, Cancel the display to notifying center interface;
In a possible embodiment, if user is in the second sliding process for gliding operation is carried out, halfway by second The glide direction of downslide signal is from becoming downwards upward, then terminal cancels the display to notifying center interface.
In a possible embodiment, it after display notifies center interface, is touched on the touchscreen if terminal receives On the second of hair during sliding signal, then terminal cancels the display to notifying center interface.Sliding signal can singly refer to upper cunning on second Signal.
Optionally, terminal, which is cancelled, includes the display for notifying center interface:Terminal will notify center interface to be moved from top edge Go out touch screen, restore the display of the user interface to being located at lower floor.
In conclusion method provided in this embodiment, by the signal type according to downslide signal, from the default of touch screen Fringe region moves into notice center interface or control centre interface is shown;It can solve drop-down user circle in the relevant technologies The problem of display area in face is limited, the control item and less notification message that can show;The letter according to downslide signal is reached Number type can only display notice center interface or control centre interface so that is shown in the limited display area of sliding interface Go out the effect that more same types show content.
Method provided in this embodiment also shows user interface by touch screen, receives first triggered from touch screen Downslide signal;According to the lasting slip of the first downslide signal on the touchscreen, control centre circle is moved on the upper strata of user interface Face is shown;Due to being used for showing that the region of notification message can be provided for display control option in the relevant technologies, so can The display area for solving the drop-down user interface in the relevant technologies is limited, and the control option and notification message that can be shown are less Problem;So having reached when slip signals are the first downslide signals, the control centre interface for display control option is moved into It is shown so that the effect of more control options is shown in limited display area.
Method provided in this embodiment also shows user interface by touch screen, receives second triggered from touch screen Downslide signal;According to the lasting slip of the second downslide signal on the touchscreen, notice center circle is moved on the upper strata of user interface Face is shown;Since the region that display control option is used in the relevant technologies can be provided for display control option, so can The display area for solving the drop-down user interface in the relevant technologies is limited, and the control option and notification message that can be shown are less Problem;So the notice center interface when slip signals are the second downslide signals, moved into for showing notification message is reached It is shown so that the effect of more notification messages is shown in limited display area.
Method provided in this embodiment, also by between the initial position to downslide signal and the subregion of upper edge region Position relationship be detected, can be identified to avoid to slip signals caused by user misoperation, reduce the processing of terminal The unnecessary calculation amount of device saves the computing resource and/or electricity of terminal.
In various embodiments, above-mentioned first downslide signal and the second downslide signal can be interchanged.For example, second glides Signal is double-contact downslide signal, and terminal shows notice center interface according to the second downslide signal, as shown in Figure 9;First glides Signal is single contact downslide signal, and terminal shows notice center interface according to the first downslide signal, as shown in Figure 10.
It is the device embodiment of the embodiment of the present application below, which corresponds with above method embodiment. For the details not being described in detail in device embodiment, the description in above method embodiment can be referred to.
Figure 11 is the block diagram of user interface display device that one exemplary embodiment of the application provides.The device can lead to Cross software, hardware or both be implemented in combination with as terminal all or part of.Described device includes:
Display module 1120 shows user interface for passing through touch screen;
Receiving module 1140, for receiving the first downslide signal triggered from the touch screen;
The display module 1120, for the lasting slip according to the first downslide signal on the touch screen, The upper strata of the user interface moves into control centre interface and is shown;
Wherein, the control centre interface is the sliding interface for showing at least one control option.
In an optional embodiment, the receiving module 1140, for receiving triggered on the touch screen the Two downslide signals;The display module 1120, for the lasting slip according to the second downslide signal on the touch screen, Notice center interface is moved on the upper strata of the user interface to be shown;
Wherein, the notice center interface is the sliding interface for showing at least one notification message.
In an optional embodiment, under the first downslide signal and the second downslide signal are different types of Sliding signal.
In an optional embodiment, the first downslide signal is double-contact downslide signal;
The display module 1120, for working as the initial position of two contact points of double-contact downslide signal difference position When the different subregions of the upper edge region of the touch screen, according to the double-contact slip signals on the touch screen Lasting to slide, the upper strata that the control centre interface is moved into the user interface since the upper edge region is shown Show.
In an optional embodiment, the initial position of described two contact points is respectively positioned at the upper edge region Left area and right area.
In an optional embodiment, the second downslide signal is single contact downslide signal;
The display module 1120 is located at the touch screen for working as the initial position of the single contact slip signals During the default subregion of fringe region, according to lasting slip of the single contact slip signals on the touch screen, from described Upper edge region starts to show on the upper strata that the notice center interface moves into the user interface.
In an optional embodiment, the default subregion is the central subregion of the upper edge region.
Alternatively, in another optional embodiment:
Display module 1120 shows user interface for passing through touch screen;
Receiving module 1140, the default fringe region for receiving in the touch screen start the slip signals slided;
The display module 1120, for when the slip signals are the first slip signals, being slided according to described first Lasting slip of the signal on the touch screen moves into the upper strata of the user interface from the default fringe region and slides boundary Face is shown that the sliding interface shows the first display content;
The display module 1120, for when the slip signals are the second slip signals, being slided according to described second Lasting slip of the signal on the touch screen moves into the cunning from the default fringe region to the upper strata of the user interface Arena face is shown that the sliding interface shows the second display content.
In an optional embodiment, first slip signals and second slip signals are different types of cunnings Dynamic signal.
In an optional embodiment, the first display content is control centre, and the control centre is used to show At least one control option;The second display content is notice center, and the notice center is at least one notice of display Message;
Or;
The first display content is the notice center, and the second display content is the control centre.
In an optional embodiment, the first downslide signal is double-contact slip signals;
The display module is located at institute respectively for working as the initial position of two contact points of the double-contact slip signals When stating the different subregions of default fringe region, according to lasting slip of the double-contact slip signals on the touch screen, The upper strata that the control centre interface is moved into the user interface since the default fringe region is shown.
In an optional embodiment, the second downslide signal is single contact slip signals;
The display module is located at the default fringe region for working as the initial position of the single contact slip signals During default subregion, according to lasting slip of the single contact slip signals on the touch screen, from the default marginal zone The upper strata that domain starts to move at the control centre interface user interface is shown.
Figure 12 is the structure diagram of terminal that one exemplary embodiment of the application provides, and as shown in figure 12, the movement is whole End includes processor 1220, memory 1240 and screen 1260, and at least one program is stored in the memory 1240, described At least one program is loaded as the processor 1220 and is performed to realize that the user interface described in as above each embodiment is shown Method.The screen 1260 can be touch screen.
This application provides a kind of computer readable storage medium, at least one instruction is stored in the storage medium, At least one instruction is loaded by the processor and is performed the user interface to realize above-mentioned each embodiment of the method offer Display methods.
Present invention also provides a kind of computer program products, when computer program product is run on computers, make It obtains computer and performs the method for displaying user interface that above-mentioned each embodiment of the method provides.
The embodiments of the present invention are for illustration only, do not represent the quality of embodiment.
One of ordinary skill in the art will appreciate that hardware can be passed through by realizing all or part of step of above-described embodiment It completes, relevant hardware can also be instructed to complete by program, the program can be stored in a kind of computer-readable In storage medium, storage medium mentioned above can be read-only memory, disk or CD etc..
The foregoing is merely presently preferred embodiments of the present invention, is not intended to limit the invention, it is all the present invention spirit and Within principle, any modification, equivalent replacement, improvement and so on should all be included in the protection scope of the present invention.

Claims (22)

1. a kind of method for displaying user interface, which is characterized in that the method includes:
User interface is shown by touch screen;
Receive the first downslide signal triggered on the touch screen;
According to lasting slip of the first downslide signal on the touch screen, move into and control on the upper strata of the user interface Center interface is shown;
Wherein, the control centre interface is the sliding interface for showing at least one control option.
2. according to the method described in claim 1, it is characterized in that, the method further includes:
Receive the second downslide signal triggered on the touch screen;
According to lasting slip of the second downslide signal on the touch screen, move into and notify on the upper strata of the user interface Center interface is shown;
Wherein, the notice center interface is the sliding interface for showing at least one notification message, and described first, which glides, believes Number and the second downslide signal be different downslide signals.
3. method according to claim 1 or 2, which is characterized in that the first downslide signal is double-contact downslide signal;
The lasting slip according to the first downslide signal on the touch screen moves on the upper strata of the user interface Control centre interface shown, including:
When the initial position of two contact points of the double-contact downslide signal is located at the upper edge region of the touch screen respectively Different subregions when, according to lasting slip of the double-contact slip signals on the touch screen, from the top edge area The upper strata that domain starts to move at the control centre interface user interface is shown.
4. according to the method described in claim 3, it is characterized in that, the initial position of described two contact points is respectively positioned at described The left side subregion of upper edge region and right side subregion.
5. according to the method described in claim 2, it is characterized in that, the second downslide signal is single contact downslide signal;
The lasting slip according to the second downslide signal on the touch screen moves on the upper strata of the user interface Notify that center interface is shown, including:
When the initial position of the single contact slip signals is located at the default subregion of the upper edge region of the touch screen, root It, will be in the notice since the upper edge region according to lasting slip of the single contact slip signals on the touch screen The upper strata that heart interface moves into the user interface is shown.
6. according to the method described in claim 5, it is characterized in that, the default subregion is the center of the upper edge region Subregion.
7. a kind of method for displaying user interface, which is characterized in that the method includes:
User interface is shown by touch screen;
The default fringe region received in the touch screen starts the slip signals slided;
When the slip signals are the first slip signals, according to lasting cunning of first slip signals on the touch screen It is dynamic, sliding interface is moved into the upper strata of the user interface shown that the sliding interface is shown from the default fringe region It is shown with the first display content;
When the slip signals are the second slip signals, according to lasting cunning of second slip signals on the touch screen It is dynamic, the sliding interface is moved into the upper strata of the user interface shown from the default fringe region, slip circle Face shows the second display content;
Wherein, first slip signals and second slip signals are different slip signals.
8. according to the method described in claim 8, it is characterized in that,
The first display content is control centre, and the control centre is used to show at least one control option;Described second Show that content is notice center, the notice center is at least one notification message of display;
Or;
The first display content is the notice center, and the second display content is the control centre.
9. method according to claim 7 or 8, which is characterized in that the first downslide signal is double-contact slip signals;
It is described when the slip signals are the first slip signals, according to the first slip signals holding on the touch screen It is continuous to slide, sliding interface is moved into the upper strata of the user interface shown from the default fringe region, including:
When the initial position of two contact points of the double-contact slip signals is located at the difference of the default fringe region respectively During subregion, according to lasting slip of the double-contact slip signals on the touch screen, opened from the default fringe region The upper strata for beginning to move at the control centre interface user interface is shown.
10. method according to claim 7 or 8, which is characterized in that the second downslide signal is that single contact slides letter Number;
It is described when the slip signals be the second slip signals when, according to the second slip signals holding on the touch screen It is continuous to slide, the sliding interface is moved into the upper strata of the user interface shown from the default fringe region, including:
When the initial position of the single contact slip signals is located at the default subregion of the default fringe region, according to described Lasting slip of the single contact slip signals on the touch screen, by control centre circle since the default fringe region The upper strata that face moves into the user interface is shown.
11. a kind of user interface display device, which is characterized in that described device includes:
Display module shows user interface for passing through touch screen;
Receiving module, for receiving the first downslide signal triggered from the touch screen;
The display module, for the lasting slip according to the first downslide signal on the touch screen, in the user The upper strata at interface moves into control centre interface and is shown;
Wherein, the control centre interface is the sliding interface for showing at least one control option.
12. according to the devices described in claim 11, which is characterized in that
The receiving module, for receiving the second downslide signal triggered on the touch screen;
The display module, for the lasting slip according to the second downslide signal on the touch screen, in the user The upper strata at interface moves into notice center interface and is shown;
Wherein, the notice center interface is the sliding interface for showing at least one notification message, and described first, which glides, believes Number and the second downslide signal be different types of downslide signal.
13. the device according to claim 11 or 12, which is characterized in that the first downslide signal is double-contact downslide letter Number;
The display module is located at described touch respectively for working as the initial position of two contact points of the double-contact downslide signal When touching the different subregions of the upper edge region of screen, according to lasting cunning of the double-contact slip signals on the touch screen Dynamic, the upper strata that the control centre interface is moved into the user interface since the upper edge region is shown.
14. device according to claim 13, which is characterized in that the initial position of described two contact points is located at institute respectively State the left area and right area of upper edge region.
15. device according to claim 12, which is characterized in that the second downslide signal is single contact downslide signal;
The display module, for working as the upper edge region that the initial position of the single contact slip signals is located at the touch screen Default subregion when, according to lasting slip of the single contact slip signals on the touch screen, from the top edge area Domain starts to show on the upper strata that the notice center interface moves into the user interface.
16. device according to claim 15, which is characterized in that the default subregion is in the upper edge region Entreat subregion.
17. a kind of user interface display device, which is characterized in that described device includes:
Display module shows user interface for passing through touch screen;
Receiving module, the default fringe region for receiving in the touch screen start the slip signals slided;
The display module, for when the slip signals are the first slip signals, according to first slip signals in institute The lasting slip on touch screen is stated, moving into sliding interface to the upper strata of the user interface from the default fringe region is shown Show, the sliding interface shows the first display content;
The display module, for when the slip signals be the second slip signals when, according to second slip signals in institute State the lasting slip on touch screen, from the default fringe region to the upper strata of the user interface move into the sliding interface into Row display, the sliding interface show the second display content;
Wherein, first slip signals and second slip signals are different types of slip signals.
18. device according to claim 17, which is characterized in that
The first display content is control centre, and the control centre is used to show at least one control option;Described second Show that content is notice center, the notice center is at least one notification message of display;
Or;
The first display content is the notice center, and the second display content is the control centre.
19. the device according to claim 17 or 18, which is characterized in that the first downslide signal is that double-contact slides letter Number;
The display module, for working as the initial position of two contact points of the double-contact slip signals respectively positioned at described pre- If during the different subregions of fringe region, according to lasting slip of the double-contact slip signals on the touch screen, from institute Default fringe region is stated to start to show on the upper strata of the control centre interface immigration user interface.
20. the device according to claim 17 or 18, which is characterized in that the second downslide signal is that single contact slides letter Number;
The display module is located at the default of the default fringe region for working as the initial position of the single contact slip signals During subregion, according to lasting slip of the single contact slip signals on the touch screen, opened from the default fringe region The upper strata for beginning to move at the control centre interface user interface is shown.
21. a kind of terminal, which is characterized in that the equipment includes:Processor and memory, the memory are stored at least one A program, at least one program are loaded by the processor and are performed to realize the use as described in claim 1 to 6 is any Family interface display method.
22. a kind of computer readable storage medium, which is characterized in that the storage medium is stored at least one program, described At least one program is loaded by the processor and is performed to realize that the user interface as described in claim 1 to 6 is any is shown Method.
CN201810054400.9A 2018-01-19 2018-01-19 User interface display method and device and terminal Active CN108255404B (en)

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 true CN108255404A (en) 2018-07-06
CN108255404B 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)

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110471298A (en) * 2019-08-12 2019-11-19 珠海格力电器股份有限公司 A kind of intelligent electrical appliance control, equipment and computer-readable medium
CN110908579A (en) * 2019-10-31 2020-03-24 维沃移动通信有限公司 Touch response method and electronic equipment
CN113806004A (en) * 2021-09-28 2021-12-17 世邦通信股份有限公司 Emergency broadcast implementation method, system, device and storage medium
EP4016273A4 (en) * 2019-08-29 2022-09-14 Guangdong Oppo Mobile Telecommunications Corp., Ltd. Side toolbar display method and device, terminal, and storage medium
WO2022242356A1 (en) * 2021-05-20 2022-11-24 华为技术有限公司 Interface display method and device
WO2022252788A1 (en) * 2021-06-01 2022-12-08 华为技术有限公司 Control method and electronic device

Citations (6)

* Cited by examiner, † Cited by third party
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
CN107526509A (en) * 2017-09-05 2017-12-29 广东欧珀移动通信有限公司 message display method, device and mobile terminal

Patent Citations (6)

* Cited by examiner, † Cited by third party
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
CN107526509A (en) * 2017-09-05 2017-12-29 广东欧珀移动通信有限公司 message display method, device and mobile terminal

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110471298A (en) * 2019-08-12 2019-11-19 珠海格力电器股份有限公司 A kind of intelligent electrical appliance control, equipment and computer-readable medium
EP4016273A4 (en) * 2019-08-29 2022-09-14 Guangdong Oppo Mobile Telecommunications Corp., Ltd. Side toolbar display method and device, terminal, and storage medium
CN110908579A (en) * 2019-10-31 2020-03-24 维沃移动通信有限公司 Touch response method and electronic equipment
WO2022242356A1 (en) * 2021-05-20 2022-11-24 华为技术有限公司 Interface display method and device
WO2022252788A1 (en) * 2021-06-01 2022-12-08 华为技术有限公司 Control method and electronic device
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

Also Published As

Publication number Publication date
CN108255404B (en) 2021-07-16

Similar Documents

Publication Publication Date Title
CN108255404A (en) Method for displaying user interface, device and terminal
CN108255405B (en) Method for displaying user interface, device and terminal
KR101735902B1 (en) User interface interaction method and apparatus applied in touchscreen device, touchscreen device, program and storage medium
AU2013348880B2 (en) Split-screen display method and apparatus, and electronic device thereof
JP5604004B2 (en) Touch input transition
CN105760041B (en) A kind of methods of exhibiting and system of unread message
CN103218143B (en) A kind of classification page switching method and mobile device
CN110855828B (en) Notification information processing method and device and terminal
EP2698708A1 (en) Method for providing user interface having multi-tasking function, mobile communication device, and computer readable recording medium for providing the same
US20100107116A1 (en) Input on touch user interfaces
CN107678664A (en) A kind of terminal interface switching, the method, apparatus and terminal of gesture processing
CN102520860A (en) Method for controlling desktop display and mobile terminal
CN106020626B (en) The management method of message informing, the management system of message informing and terminal
CN106325663B (en) Mobile terminal and its screenshotss method
CN108121485A (en) A kind of icon method for sorting, terminal and computer readable storage medium
CN106201445B (en) Reminding message editing method and device and terminal equipment
KR20130112629A (en) Menu contolling method of media equipment, apparatus thereof, and medium storing program source thereof
KR20190064629A (en) Screen display method and terminal
CN110678833A (en) Apparatus, method and graphical user interface for moving user interface objects
CN106598405A (en) Terminal device and method for dynamically adjusting control position by terminal device
CN105892923A (en) Terminal page switching method and device
CN108259660A (en) A kind of information cuing method and device, terminal, readable storage medium storing program for executing
US9940010B2 (en) Information processing method and electronic device
KR20190136061A (en) Tactile Feedback for User Interfaces
CN111026313B (en) Visual list sorting method and device

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