CN108540647A - Method for displaying user interface, device, terminal and storage medium - Google Patents

Method for displaying user interface, device, terminal and storage medium Download PDF

Info

Publication number
CN108540647A
CN108540647A CN201810202215.XA CN201810202215A CN108540647A CN 108540647 A CN108540647 A CN 108540647A CN 201810202215 A CN201810202215 A CN 201810202215A CN 108540647 A CN108540647 A CN 108540647A
Authority
CN
China
Prior art keywords
floating frame
user interface
display area
program
display
Prior art date
Application number
CN201810202215.XA
Other languages
Chinese (zh)
Inventor
敬雷
宋方
刘培根
付亮晶
林志泳
Original Assignee
广东欧珀移动通信有限公司
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 广东欧珀移动通信有限公司 filed Critical 广东欧珀移动通信有限公司
Priority to CN201810202215.XA priority Critical patent/CN108540647A/en
Publication of CN108540647A publication Critical patent/CN108540647A/en

Links

Classifications

    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04MTELEPHONIC COMMUNICATION
    • H04M1/00Substation equipment, e.g. for use by subscribers; Analogous equipment at exchanges
    • H04M1/72Substation extension arrangements; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selecting
    • H04M1/725Cordless telephones
    • H04M1/72519Portable communication terminals with improved user interface to control a main telephone operation mode or to indicate the communication status
    • H04M1/72583Portable communication terminals with improved user interface to control a main telephone operation mode or to indicate the communication status for operating the terminal by selecting telephonic functions from a plurality of displayed items, e.g. menus, icons
    • GPHYSICS
    • G06COMPUTING; CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F1/00Details not covered by groups G06F3/00 – G06F13/00 and G06F21/00
    • G06F1/16Constructional details or arrangements
    • G06F1/1613Constructional details or arrangements for portable computers
    • G06F1/1633Constructional details or arrangements of portable computers not specific to the type of enclosures covered by groups G06F1/1615 - G06F1/1626
    • G06F1/1637Details related to the display arrangement, including those related to the mounting of the display in the housing
    • G06F1/1643Details related to the display arrangement, including those related to the mounting of the display in the housing the display being associated to a digitizer, e.g. laptops that can be used as penpads
    • GPHYSICS
    • G06COMPUTING; CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F1/00Details not covered by groups G06F3/00 – G06F13/00 and G06F21/00
    • G06F1/16Constructional details or arrangements
    • G06F1/1613Constructional details or arrangements for portable computers
    • G06F1/1633Constructional details or arrangements of portable computers not specific to the type of enclosures covered by groups G06F1/1615 - G06F1/1626
    • G06F1/1684Constructional details or arrangements related to integrated I/O peripherals not covered by groups G06F1/1635 - G06F1/1675
    • G06F1/1686Constructional details or arrangements related to integrated I/O peripherals not covered by groups G06F1/1635 - G06F1/1675 the I/O peripheral being an integrated camera
    • GPHYSICS
    • G06COMPUTING; CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F1/00Details not covered by groups G06F3/00 – G06F13/00 and G06F21/00
    • G06F1/16Constructional details or arrangements
    • G06F1/1613Constructional details or arrangements for portable computers
    • G06F1/1633Constructional details or arrangements of portable computers not specific to the type of enclosures covered by groups G06F1/1615 - G06F1/1626
    • G06F1/1684Constructional details or arrangements related to integrated I/O peripherals not covered by groups G06F1/1635 - G06F1/1675
    • G06F1/169Constructional details or arrangements related to integrated I/O peripherals not covered by groups G06F1/1635 - G06F1/1675 the I/O peripheral being an integrated pointing device, e.g. trackball in the palm rest area, mini-joystick integrated between keyboard keys, touch pads or touch stripes
    • GPHYSICS
    • G06COMPUTING; CALCULATING; 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
    • G06F3/04817Interaction 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 using icons
    • GPHYSICS
    • G06COMPUTING; CALCULATING; 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING; 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 entering handwritten data, e.g. gestures, text
    • GPHYSICS
    • G06COMPUTING; CALCULATING; 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/04886Interaction 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 by partitioning the screen or tablet into independently controllable areas, e.g. virtual keyboards, menus
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04MTELEPHONIC COMMUNICATION
    • H04M1/00Substation equipment, e.g. for use by subscribers; Analogous equipment at exchanges
    • H04M1/72Substation extension arrangements; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selecting
    • H04M1/725Cordless telephones
    • H04M1/72519Portable communication terminals with improved user interface to control a main telephone operation mode or to indicate the communication status
    • H04M1/72597Portable communication terminals with improved user interface to control a main telephone operation mode or to indicate the communication status wherein handling of applications is triggered by incoming communication events
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04MTELEPHONIC COMMUNICATION
    • H04M1/00Substation equipment, e.g. for use by subscribers; Analogous equipment at exchanges
    • H04M1/72Substation extension arrangements; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selecting
    • H04M1/725Cordless telephones
    • H04M1/72519Portable communication terminals with improved user interface to control a main telephone operation mode or to indicate the communication status
    • H04M1/72522With means for supporting locally a plurality of applications to increase the functionality
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04MTELEPHONIC COMMUNICATION
    • H04M2250/00Details of telephonic subscriber devices
    • H04M2250/22Details of telephonic subscriber devices including a touch pad, a touch sensor or a touch detector

Abstract

The embodiment of the present application discloses a kind of method for displaying user interface, device, terminal and storage medium, belongs to field of human-computer interaction.The method includes:The first user interface of the first application program is shown in main display area;At least two program icons are shown in auxiliary display area;When receiving the first operation signal at least two program icons in the first program icon, show that the first floating frame, the first floating frame are used to show the second user interface of the second application program in the first user interface;When receiving the second operation signal at least two program icons in the second program icon, cancel and show the first floating frame, and show the second floating frame in the first user interface, the second floating frame is used to show the third user interface of third application program.The embodiment of the present application can simplify operating procedure when user switches between different applications, improve human-computer interaction efficiency.

Description

Method for displaying user interface, device, terminal and storage medium

Technical field

The invention relates to field of human-computer interaction, more particularly to a kind of method for displaying user interface, device, terminal and Storage medium.

Background technology

Multiple application programs are installed on smart mobile phone.When running background has multiple application programs, user can be by it In an application program switch to front stage operation.

A kind of application programe switch-over method that the relevant technologies provide, including:During front stage operation application program A, If receive the first click signal on Menu key, smart mobile phone shows breviary diagram page, is shown in the breviary diagram page The thumbnail of the application program of several running backgrounds.Letter is clicked when receiving second on the corresponding thumbnails of application program B Number when, application program B is switched to front stage operation by smart mobile phone.

Invention content

The embodiment of the present application provides a kind of method for displaying user interface, device, terminal and storage medium, can solve phase Application programe switch-over method in the technology of pass needs more multiple human-machine operation, the less efficient problem of human-computer interaction.The technology Scheme is as follows:

In a first aspect, a kind of method for displaying user interface is provided, the method includes:

The first user interface of the first application program is shown in main display area;

At least two program icons are shown in auxiliary display area;

When receiving the first operation signal at least two program icon in the first program icon, described Show that the first floating frame, first floating frame are used to show second user circle of the second application program in one user interface Face;

When receiving the second operation signal at least two program icon in the second program icon, cancel display First floating frame, and the second floating frame is shown in first user interface, second floating frame is used for Show the third user interface of third application program.

Second aspect, provides a kind of user interface display device, and described device includes:

Interface display module, for showing the first user interface of the first application program in main display area;

Icon display module, for showing at least two program icons in auxiliary display area;

First window display module, for when receiving at least two program icon the in the first program icon When one operation signal, the first floating frame is shown in first user interface, first floating frame is for showing the The second user interface of two application programs;

Second window display module, for when receiving at least two program icon the in the second program icon When two operation signals, cancels and shows first floating frame, and the second floating frame is shown in first user interface, Second floating frame is used to show the third user interface of third application program.

The third aspect, provides a kind of terminal, and the terminal includes processor and memory;The memory be stored with to A few instruction, at least one instruction by the processor for being executed to realize user circle described in first aspect as above Plane display method.

Fourth aspect provides a kind of computer readable storage medium, and the storage medium is stored at least one instruction, The method for displaying user interface described in first aspect as above is realized at least one instruction for being executed by processor.

Method for displaying user interface provided in this embodiment, by showing at least two programme diagrams on auxiliary display area Mark, when receiving the first operation signal in program icon, shows on the first application program user interface and is answered comprising second With the first floating frame of program user interface, operation step when user switches between different applications can be simplified Suddenly, human-computer interaction efficiency is improved;And when receiving the second operation signal to other program icons, by the first floating frame The second floating frame for replacing with display third application program user interface, further increases the switching between different application Efficiency.

Description of the drawings

Fig. 1 is the structural schematic diagram for the terminal that one exemplary embodiment of the application provides;

Fig. 2 is the structural schematic diagram of the terminal of the application another exemplary embodiment offer;

Fig. 3 A to Fig. 3 F are the appearances for the terminal with different touch display screens that the exemplary embodiment of the application provides Schematic diagram;

Fig. 4 is the flow chart for the method for displaying user interface that one exemplary embodiment of the application provides;

Fig. 5 is that interface of the method for displaying user interface of one exemplary embodiment of the application offer when implementing is illustrated Figure;

Fig. 6 is the flow chart of the method for displaying user interface of the application another exemplary embodiment offer;

Fig. 7 and Fig. 8 is interface schematic diagram of the method for displaying user interface of Fig. 6 embodiments offer when implementing;

Fig. 9 is the flow chart of the method for displaying user interface of the application another exemplary embodiment offer;

Figure 10 is interface schematic diagram of the method for displaying user interface of Fig. 9 embodiments offer when implementing;

Figure 11 is the structural schematic diagram for the user interface display device that one exemplary embodiment of the application provides;

Figure 12 is the structural schematic diagram of the terminal of the application another exemplary embodiment offer.

Specific implementation mode

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.

Referenced herein " multiple " refer to two or more."and/or", the association for describing affiliated partner are closed System indicates may exist three kinds of relationships, for example, A and/or B, can indicate:Individualism A exists simultaneously A and B, individualism These three situations of B.It is a kind of relationship of "or" that character "/", which typicallys represent forward-backward correlation object,.

Referring to fig. 1 and fig. 2, the structure side of the terminal 100 provided it illustrates one exemplary embodiment of the application Block diagram.The terminal 100 can be mobile phone, tablet computer, laptop and e-book etc..Terminal 100 in the application can be with Including one or more such as lower component:Processor 110, memory 120 and touch display screen 130.

Processor 110 may include one or more processing core.Processor 110 utilizes various interfaces and connection Various pieces in entire terminal 100, by running or executing the instruction being stored in memory 120, program, code set or refer to Collection is enabled, and calls the data being stored in memory 120, executes the various functions and processing data of terminal 100.Optionally, Digital Signal Processing (Digital Signal Processing, DSP), field programmable gate array may be used in processor 110 (Field-Programmable Gate Array, FPGA), programmable logic array (Programmable Logic Array, PLA) at least one of example, in hardware realize.Processor 110 can integrating central processor (Central Processing Unit, CPU), in image processor (Graphics Processing Unit, GPU) and modem etc. One or more of combinations.Wherein, the main processing operation systems of CPU, user interface and application program etc.;GPU is for being responsible for The rendering and drafting of content to be shown needed for touch display screen 130;Modem is wirelessly communicated for handling.It is appreciated that , above-mentioned modem can not also be integrated into processor 110, be realized separately through chip piece.

Memory 120 may include random access memory (Random Access Memory, RAM), can also include read-only Memory (Read-Only Memory).Optionally, which includes non-transient computer-readable medium (non- transitory computer-readable storage medium).Memory 120 can be used for store instruction, program, generation Code, code set or instruction set.Memory 120 may include storing program area and storage data field, wherein storing program area can store Instruction for realizing operating system, the instruction at least one function (such as touch function, sound-playing function, image Playing function etc.), for realizing the instruction etc. of following each embodiments of the method;Storage data field can be stored according to terminal 100 Use created data (such as audio data, phone directory) etc..

By taking operating system is Android (Android) system as an example, program and the data such as Fig. 1 institutes that are stored in memory 120 Show, Linux inner core 220, system operation library layer 240, application framework layer 260 and application layer 280 are stored in memory 120. Linux inner core 220 provides the driving of bottom for the various hardware of terminal 100, such as shows driving, audio driven, camera Driving, bluetooth driving, Wi-Fi drivings, power management etc..System operation library layer 240 is by some libraries C/C++ come for Android System provides main characteristic and supports.If the libraries SQLite provide the support of database, the libraries OpenGL/ES provide 3D drawing Support, the libraries Webkit provide the support etc. of browser kernel.Android fortune is also provided in system operation library layer 240 Library 242 (Android Runtime) when row, it mainly provides some core libraries, and developer can allow for use Java language To write Android applications.Application framework layer 260 provides the various API that may be used when structure application program, developer The application program of oneself, such as activity management, window management, view management, notice pipe can be built by using these API Reason, assures reason, call management, resource management, orientation management at content provider.Operation has at least one application in application layer 280 Program, these application programs can be the included contact person's program of operating system, short message program, timing routine, camera applications etc.; Can also be application program that third party developer is developed, such as instant messaging program, photograph pretty program etc..

By taking operating system is IOS systems as an example, the program and data stored in memory 120 is as shown in Fig. 2, IOS systems Including:Kernel operating system layer 320 (Core OS layer), kernel service layer 340 (Core Services layer), media 360 (Media layer) of layer, tangible layer 380 (Cocoa Touch Layer).Kernel operating system layer 320 includes operation System kernel, driver and underlying programs frame, these underlying programs frames provide the function closer to hardware, for position It is used in the program frame of kernel service layer 340.Kernel service layer 340 is supplied to the required system service of application program And/or program frame, such as basic (Foundation) frame, account frame, advertising framework, data frame memory frame, network company Connect frame, geographical location frame, moving frame etc..Media layer 360 provided in relation to audiovisual for application program in terms of interface, such as The relevant interface of graph image, the relevant interface of Audiotechnica, the relevant interface of video technique, audio video transmission technology it is wireless Play (AirPlay) interface etc..Tangible layer 380 provides the various relevant frames in common interface for application development, Tangible layer 380 is responsible for the touch interactive operation of user on the terminal 100.Such as local notice service, long-range Push Service, extensively Accuse frame, game tool frame, message user interface interface (User Interface, UI) frame, user interface UIKit frames Frame, map frame etc..

It is shown in Fig. 2 go out frame in, frame related with major applications program includes but not limited to:Kernel service layer The UIKit frames in basic framework and tangible layer 380 in 340.Basic framework provides many basic object class and data Type provides most basic system service for all application programs and UI is unrelated.And the class that UIKit frames provide is basic UI class libraries, for creating the user interface based on touch, iOS application programs can provide UI based on UIKit frames, so it The architecture for providing application program, for building user interface, drawing, processing and user's alternative events, response gesture etc. Deng.

Touch display screen 130 for receive user using any suitable object such as finger, felt pen on it or near Touch operation, and each application program of display user interface.Before touch display screen 130 is generally arranged at terminal 130 Panel.Touch display screen 130 is designed to shield comprehensively, Curved screen or abnormal shape shield.Touch display screen 130 is also designed to To shield and the combination of Curved screen comprehensively, the combination of abnormal shape screen and Curved screen, the present embodiment is not limited this.Wherein:

Screen comprehensively

Comprehensively screen can refer to 130 occupied terminal 100 of touch display screen front panel screen accounting be more than threshold value (such as 80% or 90% or 95%) screen design.Screen accounting a kind of calculation be:(area/terminal of touch display screen 130 The area of 100 front panel) * 100%;Screen accounting another calculation be:(actual displayed area in touch display screen 130 The area of the front panel of the area/terminal 100 in domain) * 100%;Screen accounting another calculation be:(touch display screen 130 Diagonal line/terminal 100 front panel diagonal line) * 100%.In schematical example as shown in Figure 3A, terminal 100 Front panel on nearly all region be touch display screen 130, on the front panel 40 of terminal 100, except produced by center 41 Edge except other regions, all touch display screens 130.Four angles of the touch display screen 130 can be right angle or Person's fillet.

Screen can also be the screen that at least one bezel assembly is integrated in 130 inside of touch display screen or lower layer comprehensively Design.Optionally, which includes:Camera, fingerprint sensor, close to optical sensor, Distance-sensing Device etc..In some embodiments, the other component on the front panel of conventional terminal is integrated in whole areas of touch display screen 130 In domain or subregion, such as after the photosensitive element in camera is split as multiple photosensitive pixels, by each photosensitive pixel collection At in the black region in each display pixel in touch display screen 130.Since at least one bezel assembly being integrated in The inside of touch display screen 130, so screen has higher screen accounting comprehensively.

Certainly in other embodiments, the bezel assembly on the front panel of conventional terminal can also be arranged at end The side or the back side at end 100, for example ultrasonic fingerprint sensor is arranged in the lower section of touch display screen 130, by osteoacusis formula Receiver be arranged the inside of terminal 130, by camera be arranged to positioned at terminal side and pluggable structure.

In some optional embodiments, when terminal 100 is using screen comprehensively, the single side of the center of terminal 100, or Edge is provided on two sides (such as left and right two sides) or four sides (such as four, upper and lower, left and right side) to touch Sensor 120 is controlled, which is used to detect touch operation, clicking operation, pressing of the user on center and grasps The operation of at least one of work and slide etc..The edge touch sensing 120 can be touch sensor, heating power sensing Any one in device, pressure sensor etc..User can apply operation on edge touch sensing 120, in terminal 100 Application program controlled.

Curved screen

Curved screen refers to that the section of touch display screen 130 is projected as in curved shape and along being parallel on the direction in section The screen of plane designs, which can be U-shaped.Optionally, it is curved shape that Curved screen, which refers at least one side, Screen design method.Optionally, Curved screen refers to that at least one side of touch display screen 130 is extended over to terminal 100 On center.Since the side of touch display screen 130 is extended over to the center of terminal 100, will not have display work(originally yet Can and touch function center be covered as can display area and/or operable area so that Curved screen be provided with it is higher Shield accounting.Optionally, in example as shown in Figure 3B, Curved screen refers to or so two sides 42 are that the screen of curved shape is set Meter;Alternatively, it is the screen design of curved shape that Curved screen, which refers to upper and lower two sides,;Alternatively, Curved screen refers to upper and lower, left and right Four sides are the screen design of curved shape.In an alternate embodiment of the invention, Curved screen uses the touch with certain flexibility It is prepared by screen material.

Abnormal shape screen

Abnormal shape screen is the touch display screen that face shaping is irregular shape, and irregular shape is not rectangle or fillet square Shape.Optionally, special-shaped screen refers to that protrusion, notch and/or borehole are provided in the touch display screen 130 of rectangle or round rectangle Screen design.Optionally, the protrusion, notch and/or borehole can be located at the edge of touch display screen 130, center Screen or Both have.When protrusion, notch and/or borehole are arranged in one edge, can be arranged in the centre position at the edge or two End;When protrusion, notch and/or borehole are arranged in center Screen, can be arranged the upper area in screen, upper left side region, One or more of left area, bottom-left quadrant, lower zone, lower right region, right area, upper right side region region In.When being arranged in multiple regions, protrusion, notch and borehole can be with integrated distributions, can also dispersed distribution;Can symmetrically it divide Cloth, can not also be symmetrical.Optionally, the quantity of the protrusion, notch and/or borehole is also unlimited.

Since be covered as the upper frontal region of touch display screen and/or lower frontal region can display area and/or operable for abnormal shape screen Region so that touch display screen occupies more spaces on the front panel of terminal, so also the screen with bigger accounts for special-shaped screen Than.In some embodiments, it is used to accommodate at least one bezel assembly in notch and/or borehole, which includes Camera, fingerprint sensor, close in optical sensor, range sensor, receiver, environmental luminance sensor, physical button It is at least one.

Illustratively, which can be arranged on one or more edges, which can be semicircular indentations, right angle Rectangular notch, round rectangle notch or irregular shape notch.In schematical example as shown in Figure 3 C, abnormal shape screen can be The middle position of the top edge of touch display screen 130 is provided with the screen design of semicircular indentations 43, the semicircular indentations 43 The position vacated is for accommodating in camera, range sensor (also known as proximity sensor), receiver, environmental luminance sensor At least one bezel assembly;Schematical as shown in Figure 3D, abnormal shape screen can be the lower edge in touch display screen 130 Middle position be provided with semicircular indentations 44 screen design, the position which is vacated for accommodate physics by At least one of key, fingerprint sensor, microphone component;Schematically in example as shown in FIGURE 3 E, abnormal shape screen can be The middle position of the lower edge of touch display screen 130 is provided with the screen design of half elliptic notch 45, while in terminal 100 Front panel on be also formed with a semiellipse type notch, two half elliptic notches enclose an elliptical region, this is ellipse Border circular areas is for accommodating physical button or fingerprint recognition module;Schematically in example as illustrated in Figure 3 F, abnormal shape screen can To be the screen design for being provided at least one aperture 46 in the first half in touch display screen 130, which is vacated Position for accommodating at least one of camera, range sensor, receiver, environmental luminance sensor bezel assembly.

In addition to this, it will be understood by those skilled in the art that the structure of the terminal 100 shown by above-mentioned attached drawing is not constituted Restriction to terminal 100, terminal may include either combining certain components or difference than illustrating more or fewer components Component arrangement.For example, further including radio circuit, input unit, sensor, voicefrequency circuit, Wireless Fidelity in terminal 100 The components such as (Wireless Fidelity, WiFi) module, power supply, bluetooth module, details are not described herein.

Referring to FIG. 4, it illustrates the flows of the method for displaying user interface shown in one exemplary embodiment of the application Figure.The present embodiment is in this way applied to illustrating in terminal 100.This method includes:

Step 401, the first user interface of the first application program is shown in main display area.

Include main display area and auxiliary display area on the display screen of terminal.In general, main display area and auxiliary display area It is to belong to the different display areas on same display screen.First display area of main display area is more than the second of auxiliary display area Show area.

Optionally, main display area is adjacent with auxiliary display area, total display area of main display area and auxiliary display area Equal to the available display area of display screen.

When display screen is abnormity screen, main display area is the upper rectangular display area of abnormity screen, and auxiliary display area is The intersection of the special-shaped display area shielded in profiled shape, main display area and auxiliary display area is equal to the entire display that abnormity shields Region.Schematically, three sides of abnormity screen are straight line, and a remaining side is the curved side there are depressed area, main display Region is the region where the maximum rectangle marked off according to the edge of three straight lines and depressed area, and auxiliary display area is Remainder in addition to main display area.Optionally, auxiliary display area is one or two.

When display screen is rectangle screen (screen containing round rectangle), main display area can be the display area of rectangle, auxiliary aobvious Show that region can be the strip region positioned at a side, such as Showing Status Bar or the region of navigation bar.Work as display screen When being Curved screen, main display area can be plane display area, and auxiliary display area can be positioned at the curved-surface display area of side Domain, the embodiment of the present application are not limited the position of main display area and auxiliary display area.

First application program is the application program positioned at front stage operation.During user uses the first application program, Terminal shows the first user interface of the first application program on main display area, which refers to first using journey The program interface of sequence.

Step 402, at least two program icons are shown in auxiliary display area.

Terminal can show program icon on auxiliary display area in advance, can also be when in transverse screen state in auxiliary display Program icon is shown on region, can also be and program icon, this Shen are shown in auxiliary display area according to the operation signal received Please embodiment the display opportunity of program icon is not limited.

When the display limited area of auxiliary display area, auxiliary display area can only show the journey of second application program Sequence icon.When the display area of auxiliary display area is more idle, auxiliary display area can also show that third application program, the 4th answer With the program icon of the other application programs such as program.In the embodiment of the present application, auxiliary display area shows at least two programme diagrams Mark.

The corresponding application program of program icon can be the application program not yet started, can also be positioned at running background shape The application program of state, the operating status that the embodiment of the present application corresponds to program icon application program are not limited.

Step 403, when receiving the first operation signal at least two program icons in the first program icon, Show that the first floating frame, the first floating frame are used to show the second user interface of the second application program in one user interface.

Wherein, the first program icon is any one program icon in auxiliary display area, and the first operation signal can be At least one of click signal, double-click signal, long-press signal, slip signals.

By taking the first operation signal is click signal as an example, with reference to figure 5, terminal shows the first user on main display area Interface 51 shows the program icon of application program A, application program B and application program C on auxiliary display area 52.Work as terminal When receiving the click signal in the program icon of application program A, superposition (or pop-up) first is floating in the first user interface 51 Dynamic window 53, the first floating frame 53 are used to show the second user interface 54 of application program A.

In a kind of possible embodiment, after terminal shows the first floating frame in the first user interface, by One program icon is set as that state can not be clicked, and highlights other program icons in auxiliary display area.Wherein, programme diagram For mark in when can not click state, terminal does not respond to the operation signal in the program icon;Highlight the side of program icon Formula includes being highlighted, showing any one in icon frame or amplification procedure icon.

Schematically, as shown in figure 5, after terminal shows corresponding first floating frame of application program A 53, to application program The corresponding program icons of A carry out ashing processing, and treated that program icon can not be clicked for ashing.

Step 404, when receiving the second operation signal at least two program icons in the second program icon, cancel It shows the first floating frame, and shows the second floating frame in the first user interface, the second floating frame is for showing third The third user interface of application program.

Wherein, the second program icon is the appointing in other program icons in addition to the first program icon in auxiliary display area Meaning one, and the second operation signal can be at least one of click signal, double-click signal, long-press signal, slip signals.

In one possible implementation, third floating frame uses default window size, and/or, third floating window Mouth is shown in acquiescence display area;In other possible realization methods, third floating frame has phase with the second floating frame Same window size, and/or, third floating frame and the second floating frame are located at same display area.

By taking the second operation signal is click signal as an example, with reference to figure 5, Overlapping display has first to float in the first user interface 51 Dynamic window 53 (user interface for including application program A), the click signal in the program icon that terminal receives application program B When, cancel and show the first floating frame 53, and Overlapping display third user interface 56 (applies journey B in the first user interface 51 User interface) the second floating frame 55.

In other possible embodiments, terminal can also replace with the second user interface in the first floating frame Third user interface, to avoid re-creating new floating frame.

In conclusion method for displaying user interface provided in this embodiment, by showing at least two on auxiliary display area A program icon shows packet when receiving the first operation signal in program icon on the first application program user interface The first floating frame containing the second application program user interface can simplify when user switches between different applications Operating procedure improves human-computer interaction efficiency;And when receiving the second operation signal to other program icons, first is floated Dynamic window replaces with the second floating frame of display third application program user interface, further increases between different application Switching efficiency.

Referring to FIG. 6, the flow of the method for displaying user interface provided it illustrates one exemplary embodiment of the application Figure.The present embodiment is applied to illustrate in the terminal 100 with abnormity screen in this way.This method includes:

Step 601, the first user interface of the first application program is shown in main display area.

Include main display area and auxiliary display area on the display screen of terminal.When display screen is abnormity screen, main viewing area Domain is the upper rectangular display area of special-shaped screen, and auxiliary display area is the display area in profiled shape on abnormity screen.Schematically Three sides on ground, abnormity screen are straight line, and a remaining side is the curved side there are depressed area, and main display area is according to three Region where the maximum rectangle that a straight line and the edge of depressed area are marked off, auxiliary display area are to remove main display area Except remainder.In the present embodiment, auxiliary display area is two:The first auxiliary display area on the right side of terminal, position The second auxiliary display area on the left of terminal.Certainly, the first auxiliary display area and the second auxiliary display area can also regard one as A entirety is treated as an auxiliary display area.

In the present embodiment to simplify the description, it is illustrated using the first auxiliary display area, but following realizations are also same Sample is suitable for the second auxiliary display area.

First application program is the application program positioned at front stage operation.During user uses the first application program, Terminal shows the first user interface of the first application program on main display area, which refers to first using journey The program interface of sequence.

Step 602, at least two program icons are shown in auxiliary display area.

In the initial state, it if terminal is in vertical screen display state, can Show Status Bar on the first auxiliary display area Information.Status bar message includes:Operator name, signal strength, network formats, time, date, battery capacity, Wireless Fidelity At least one of (Wireless Fidelity, WiFi) network information, Bluetooth information.If terminal is in transverse screen display state, Then the first auxiliary display area can not show any content, either show fixed color (such as black) background or display and the The display content of one application matches.

When receiving the first slip signals on the first auxiliary display area, at least two are shown on the first auxiliary display area The program icon of a application program.

First auxiliary display area includes the first long side being sequentially connected, the first short side, the second long side and the second short side.It is optional Ground, the first long side and the second long side are parallel straight flanges, and the first short side and the second short side can be straight flange or curl.First long side The distance between main display area is more than the distance between the second long side and main display area.For example, the first long side is shown with main Show that the distance between region is 30 pixels, the distance between the second long side and main display area are 0 pixels.

Optionally, the first slip signals are the signals slided from the first long side to the second long side.

When terminal receives the first slip signals on the first auxiliary display area, terminal will be on the first auxiliary display area Initial display content switching is shown as the program icon of candidate application program.

Optionally, candidate application program is to be different application program with the first application program.If candidate application program It is the application program with message sink function, then can shows footmark in the program icon of candidate application program, the footmark Being used to indicate candidate application program, there are unread messages.For example, candidate application program be short message program, mail applications, Any one in instant messaging program, microblogging program, voice communication programs.

With reference to figure 7, when terminal receives the first slip signals on the first auxiliary display area 50, terminal is auxiliary aobvious first Show the program icon that application program A, application program B and application program C are shown as on region 50.Schematically, the first sliding letter Number it is the signal slided from the first long side 501 of the first auxiliary display area 50 from the second long side 502.

In an alternative embodiment, first slip signals and fuselage of the terminal on receiving the first auxiliary display area When state is transverse screen state, the program icon of the second application program is shown on the first auxiliary display area.Schematically, terminal can Only to respond the first slip signals under transverse screen display pattern, the first slip signals are not responding under vertical screen display pattern.For example, When terminal receives the first slip signals on the first auxiliary display area, whether detection fuselage state is transverse screen state;Work as machine When body state is transverse screen state, program icon is shown on the first auxiliary display area.Otherwise, then the first slip signals are not responding to, Or the first slip signals are responded otherwise, other manner can be pop-up drop-down notification bar.For another example, when terminal is in machine When body state is vertical screen state, the signal receiving function of the first auxiliary display area is closed;When terminal is transverse screen shape in fuselage state When state, the signal receiving function of the first auxiliary display area is enabled, when receiving the first slip signals in the first auxiliary display area, Program icon is shown on the first auxiliary display area.

Optionally, it when receiving the second slip signals on the first auxiliary display area, is taken on the first auxiliary display area Disappear display program icon.

Optionally, the second slip signals are the signals slided from the second long side of the first auxiliary display area to the first long side.

When terminal receives the second slip signals on the first auxiliary display area, terminal will be shown on the first auxiliary display area The program icon switching shown is shown as initially showing content, or does not show any content.

Step 603, when receiving the first operation signal at least two program icons in the first program icon, Show that the first floating frame, the first floating frame are used to show the second user interface of the second application program in one user interface.

If necessary to use the second application program outside the first application program, then user clicks on the first auxiliary display area Corresponding first program icon of second application program.Terminal receives the first operation signal in the first program icon.It is optional Ground, the first operation signal are to click signal, double-click any one in signal, long-press signal, and the present embodiment is believed with the first operation Number it is to click signal to be illustrated.

Terminal can in the regional area in the first user interface Overlapping display floating frame, show in the floating frame There is the second user interface of the second application program.The regional area can be the adjacent area of the first auxiliary display area, namely should The distance between regional area and the first auxiliary display area are less than threshold value.When the second application program is not actuated application program When, terminal starts the second application program according to the first operation signal, and the second application program is then shown in the first floating frame Second user interface;When the second application program is the application program of running background, terminal is by the application in running background Program is switched in the first floating frame and is shown.

Floating frame, also known as top-level windows or picture-in-picture window, can be by the Windows in Android operation system Manager windows are realized.The floating frame can not block the main display elements in the first user interface as possible.User can be with Second user interface in floating frame is operated, and then controls the operation of the second application program.

Optionally, hiding button and/or full frame button are also shown on the first floating frame.

When the operation signal on the hiding button for receiving the first floating frame, terminal, which is cancelled, shows the first floating window Mouthful.Optionally, terminal, which is cancelled, shows the first floating frame, and closes the second application program.Alternatively, terminal cancels display first Floating frame, and the second application program is switched to background operation state.

When receiving the operation signal on full frame button, terminal shows the second application in main display area with full form The second user interface of program, and the first application program is switched to background operation state from foreground operating status.

Step 604, when receiving the third operation signal on moving area, it is floating to change first according to third operation signal Dynamic display area of the window in main display area.

Under practical application scene, the first floating frame due to being shown in acquiescence display area may not meet user's Operating habit, therefore user can adjust the display area of the first floating frame according to itself operating habit.

Optionally, also comprising moving area on the first floating frame, which may be used the controls form such as button It shows, can not also show, and replaced using any one region on the first floating frame.

Correspondingly, terminal changes the first floating frame in main display area according to the third operation signal on moving area In display area, wherein third operation signal can be dragging signal.

Schematically, as shown in figure 8, the top area 531 of the first floating frame 53 be moving area, when user's long-press simultaneously When dragging top area 531, terminal is to change the display area of the first floating frame 53 according to drawing direction.

Step 605, when receiving the second operation signal at least two program icons in the second program icon, cancel Show the first floating frame.

Under normal conditions, when carrying out application program switching, it is necessary first to close current application program, then selection opens it His application program, operating process are relatively complicated.In order to simplify the operating process of application switching, journey is applied second when needing end Operation in sequence, and when being operated in third application program, user clicks directly on the second programme diagram in auxiliary display area Mark (corresponding third application program).Correspondingly, when terminal receives the second operation signal to the second program icon, cancel display First floating frame.

Step 606, if display area of first floating frame in the first user interface changes, it is floating to obtain first Dynamic destination display area of the window in the first user interface.

Under normal conditions, the operating habit of user in a short time is fixed, and is existed in order to avoid user frequently adjusts floating frame Display location in main display area, after terminal receives the second operation signal, the display area of the first floating frame of detection is It is no that variation occurred, if variation occurred, it is determined that user adjusted window display area according to personal habits, to obtain the The destination display area of one floating frame, and execute following step 607;If variation did not occurred, it is determined that floating frame is write from memory Recognize display area and meet user operation habits, to directly in acquiescence the second floating frame of display area Overlapping display.

Wherein, which is when receiving the second operation signal, and the first floating frame is in the first user interface On display area.

In a kind of possible embodiment, each floating frame that terminal creates is both provided with mobile logo, if floating Moving operation is received in the life cycle of dynamic window, mobile logo is then set as 1 by terminal, conversely, then mobile logo is arranged It is 0.Subsequent terminal is to determine whether the floating frame is moved through by detecting the mobile logo of floating frame.

Optionally, which includes the apex coordinate on specified window vertex in the first floating frame.For example, the The apex coordinate in one floating frame upper left corner window vertex.

In other possible embodiments, terminal can directly acquire the first floating frame in the first user interface Destination display area, and the step of whether display area for removing the first floating frame of detection from changes.

Step 607, the second floating frame of Overlapping display on destination display area, the second floating frame is for showing third The third user interface of application program.

Further, terminal second floating frame of Overlapping display at destination display area, so that user floats second It is operated in the third user interface that window is shown.

Schematically, as shown in figure 8, after the program icon of user's click application program B, terminal first is floated after movement The location of window 53 shows the second floating frame 55.

It should be noted that above-mentioned steps 605 are performed simultaneously with step 606 to 607, that is, cancel showing the first floating frame It is completed in moment with the second floating frame of display, user can not differentiate.

In method for displaying user interface provided in this embodiment, in the case where user is moved through the first floating frame, eventually End shows the second floating frame at the corresponding destination display area of the first floating frame, avoids user again according to operating habit The display location for adjusting the second floating frame further improves the efficiency of human-computer interaction.

In practical application scene, user may adjust the window size of floating frame according to itself use habit, because This, in order to avoid user frequently adjusts window size, in a kind of possible embodiment, on the basis of Fig. 6, such as Fig. 9 institutes Show, further includes following steps after above-mentioned steps 603.

Step 608, when receiving four operation signal on the first floating frame, change the according to the 4th operation signal The window size of one floating frame.

Under practical application scene, since the operation that the first floating frame of default window size may not meet user is practised It is used, therefore user can adjust the window size of the first floating frame according to itself operating habit.

Optionally, the frame or the dragging signal on corner that terminal receives the first floating frame, change according to the dragging signal Become the length and width of the first floating frame and any one in display scale.

Schematically, as shown in Figure 10, when user's long-press and when dragging the right window boundary of the first floating frame 53, terminal The window size of the first floating frame 53 is adjusted according to drag operation.

Step 609, when receiving the second operation signal at least two program icons in the second program icon, cancel Show the first floating frame.

The embodiment of this step is similar to above-mentioned steps 605, and details are not described herein for the present embodiment.

Step 610, if the window size of the first floating frame changes, the target window of the first floating frame is obtained Size.

Under normal conditions, the operating habit of user in a short time is fixed, in order to avoid user frequently adjusts floating frame Window size, after terminal receives the second operation signal, whether the window size of the first floating frame of detection occurred variation, if Occurred to change, it is determined that user adjusted window size according to personal habits, to obtain the target window of the first floating frame Mouth size, and execute following step 611;If variation did not occurred, it is determined that the default window size of floating frame meets user Operating habit, thus with the second floating frame of default window size Overlapping display directly in the first user interface.

Wherein, which is when receiving the second operation signal, and the first floating frame is in the first user interface On window size.

In a kind of possible embodiment, each floating frame that terminal creates is both provided with sizing, if floating The life cycle of dynamic window is inscribed to receive sizing operation, and sizing is then set as 1 by terminal, conversely, then by sizing It is set as 0.Subsequent terminal is to determine whether the size of the floating frame is conditioned by detecting the sizing of floating frame.

Optionally, which includes the window width and window height of the first floating frame.

Since the optimal display size of different type application program is different, optionally, when the window ruler of the first floating frame It is very little to change, and when the second application program is identical as the Program Type of third application program, terminal obtains the first floating frame Target window size;Otherwise, terminal shows the second floating frame using the corresponding default window size of third application program.

In other possible embodiments, terminal can directly acquire the target window size of the first floating frame, and Remove window size the step of whether changing of the first floating frame of detection from.

Step 611, according to target window size in the first user interface the second floating frame of Overlapping display.

Further, terminal is according to target window size, the second floating frame of Overlapping display in the first user interface, with Just user operates in the third user interface that the second floating frame is shown.

Schematically, as shown in Figure 10, after user clicks the program icon of application program B, the second floating that terminal show 53 window size having the same of window 55 and the first floating frame.

It should be noted that above-mentioned steps 609 are performed simultaneously with step 610 to 611, that is, cancel showing the first floating frame It is completed in moment with the second floating frame of display, user can not differentiate.

In method for displaying user interface provided in this embodiment, the case where user adjusted the first floating frame size Under, terminal sets the second floating frame to size identical with the first floating frame, avoids user again according to operating habit The second floating frame size is adjusted, the efficiency of human-computer interaction is further improved.

It should be noted that above-mentioned steps 604 to 607 and step 608 may be performed simultaneously to 611, i.e., second floats The display area and size all same of window and the first floating frame, details are not described herein for the present embodiment.

1 is please referred to Fig.1, it illustrates the structure diagrams for the user interface display device that the application one embodiment provides. The user interface display device can by software, hardware or both be implemented in combination with as terminal all or part of. The device includes:

Interface display module 1110, for showing the first user interface of the first application program in main display area;

Icon display module 1120, for showing at least two program icons in auxiliary display area;

First window display module 1130 receives the first program icon at least two program icon for working as The first operation signal when, show the first floating frame in first user interface, first floating frame is for showing Show the second user interface of the second application program;

Second window display module 1140 receives the second program icon at least two program icon for working as The second operation signal when, cancel and show first floating frame, and display second is floated in first user interface Window, second floating frame are used to show the third user interface of third application program.

Optionally, second window display module 1140, including:

First acquisition unit, for obtaining target viewing area of first floating frame in first user interface Domain;

First display unit, for the second floating frame described in the Overlapping display on the destination display area.

Optionally, first floating frame shows moving area, and described device further includes:

First changes module, for when receiving the third operation signal on the moving area, according to the third Operation signal changes display area of first floating frame in the main display area;

The first acquisition unit, is used for:

If display area of first floating frame in first user interface changes, described is obtained The destination display area of one floating frame in first user interface.

Optionally, second window display module 1140, including:

Second acquisition unit, the target window size for obtaining first floating frame;

Second display unit, for according to the target window size in first user interface described in Overlapping display Second floating frame.

Optionally, described device further includes:

Second changes module, for when receiving four operation signal on first floating frame, according to described 4th operation signal changes the window size of first floating frame;

The first acquisition unit, is used for:

If the window size of first floating frame changes, the target of first floating frame is obtained Window size.

Optionally, described device further includes:

Icon setup module for being set as first program icon that can not click state, and highlights described Other program icons in auxiliary display area.

In conclusion user interface display device provided in this embodiment, by showing at least two on auxiliary display area A program icon shows packet when receiving the first operation signal in program icon on the first application program user interface The first floating frame containing the second application program user interface can simplify when user switches between different applications Operating procedure improves human-computer interaction efficiency;And when receiving the second operation signal to other program icons, first is floated Dynamic window replaces with the second floating frame of display third application program user interface, further increases between different application Switching efficiency.

In addition, in the case where user is moved through the first floating frame, terminal is aobvious in the corresponding target of the first floating frame Show the second floating frame of display at region, user avoided to adjust the display location of the second floating frame again according to operating habit, Further improve the efficiency of human-computer interaction.

In addition, in the case where user adjusted the first floating frame size, terminal by the second floating frame be set as with The identical size of first floating frame avoids user from adjusting the second floating frame size again according to operating habit, further carries The high efficiency of human-computer interaction.

2 are please referred to Fig.1, it illustrates a kind of structure diagrams for terminal that one exemplary embodiment of the application provides.It should Terminal includes processor 801, memory 802 and touch display screen 803.

Processor 801 can be central processing unit (English:Central processing unit, CPU), network processes Device (English:Network processor, NP) or CPU and NP combination.Processor 801 can further include hardware Chip.Above-mentioned hardware chip can be application-specific integrated circuit (English:application-specific integrated Circuit, ASIC), programmable logic device (English:Programmable logic device, PLD) or combinations thereof.It is above-mentioned PLD can be Complex Programmable Logic Devices (English:Complex programmable logic device, CPLD), scene Programmable gate array (English:Field-programmable gate array, FPGA), Universal Array Logic (English: Generic array logic, GAL) or its arbitrary combination.

Memory 802 is connected by bus or other means with processor 801, and at least one is stored in memory 802 Instruction, at least one section of program, code set or instruction set, above-mentioned at least one instruction, at least one section of program, code set or instruction set It is loaded by processor 801 and is executed to realize the method for displaying user interface described in as above each embodiment.Memory 802 can be with For volatile memory (English:Volatile memory), nonvolatile memory (English:non-volatile memory) Or combination thereof.Volatile memory can be random access memory (English:Random-access memory, RAM), such as static RAM is (English:Static random access memory, SRAM), dynamic random is deposited Access to memory (English:Dynamic random access memory, DRAM).Nonvolatile memory can be read-only storage Device (English:Read only memory image, ROM), such as programmable read only memory (English:programmable Read only memory, PROM), Erasable Programmable Read Only Memory EPROM (English:erasable programmable read Only memory, EPROM), electrically erasable programmable read-only memory (English:electrically erasable Programmable read-only memory, EEPROM).Nonvolatile memory may be flash memory (English: Flash memory), magnetic memory, such as tape (English:Magnetic tape), floppy disk (English:Floppy disk), firmly Disk.Nonvolatile memory may be CD.

Touch display screen 803 is connected by bus or other means with processor 801.Memory 802 is stored at least one Item instructs, and at least one instruction is loaded by the processor 801 and executed to realize the use described in as above each embodiment Family interface display method.

The embodiment of the present application also provides a kind of computer-readable medium, which has at least one Instruction, at least one instruction are loaded by the processor and are executed to realize the user interface described in as above each embodiment Display methods.

The embodiment of the present application also provides a kind of computer program product, which is stored at least one Instruction, at least one instruction are loaded by the processor and are executed to realize the user interface described in as above each embodiment Display methods.

Those skilled in the art it will be appreciated that in said one or multiple examples, retouched by the embodiment of the present application The function of stating can be realized with hardware, software, firmware or their arbitrary combination.It when implemented in software, can be by this A little functions storages in computer-readable medium or as on computer-readable medium one or more instructions or code into Row transmission.Computer-readable medium includes computer storage media and communication media, and wherein communication media includes convenient for from one Any medium of computer program is transmitted to another place in place.Storage medium, which can be general or specialized computer, to be deposited Any usable medium taken.

The foregoing is merely the preferred embodiments of the application, not to limit the application, it is all in spirit herein and Within principle, any modification, equivalent replacement, improvement and so on should be included within the protection domain of the application.

Claims (14)

1. a kind of method for displaying user interface, which is characterized in that the method includes:
The first user interface of the first application program is shown in main display area;
At least two program icons are shown in auxiliary display area;
When receiving the first operation signal at least two program icon in the first program icon, used described first Show that the first floating frame, first floating frame are used to show the second user interface of the second application program on the interface of family;
When receiving the second operation signal at least two program icon in the second program icon, cancel described in display First floating frame, and the second floating frame is shown in first user interface, second floating frame is for showing The third user interface of third application program.
2. according to the method described in claim 1, it is characterized in that, the display second in first user interface is floated Window, including:
Obtain destination display area of first floating frame in first user interface;
The second floating frame described in Overlapping display on the destination display area.
3. described according to the method described in claim 2, it is characterized in that, first floating frame shows moving area After showing the first floating frame in first user interface, the method further includes:
When receiving the third operation signal on the moving area, it is floating to change described first according to the third operation signal Dynamic display area of the window in the main display area;
The destination display area that first floating frame is obtained in first user interface, including:
If display area of first floating frame in first user interface changes, it is floating to obtain described first The dynamic destination display area of the window in first user interface.
4. according to the method described in claim 1, it is characterized in that, the display second in first user interface is floated Window, including:
Obtain the target window size of first floating frame;
According to the target window size in first user interface the second floating frame described in Overlapping display.
5. according to the method described in claim 4, it is characterized in that, the display first in first user interface is floated After window, the method further includes:
When receiving four operation signal on first floating frame, change described the according to the 4th operation signal The window size of one floating frame;
The window size for obtaining first floating frame, including:
If the window size of first floating frame changes, the target window of first floating frame is obtained Size.
6. method according to any one of claims 1 to 5, which is characterized in that described to be shown in first user interface After first floating frame, the method further includes:
It is set as first program icon that can not click state, and highlights other programs in the auxiliary display area Icon.
7. a kind of user interface display device, which is characterized in that described device includes:
Interface display module, for showing the first user interface of the first application program in main display area;
Icon display module, for showing at least two program icons in auxiliary display area;
First window display module, for working as the first behaviour received at least two program icon in the first program icon When making signal, the first floating frame is shown in first user interface, first floating frame is for showing that second answers With the second user interface of program;
Second window display module, for working as the second behaviour received at least two program icon in the second program icon When making signal, cancels and show first floating frame, and the second floating frame is shown in first user interface, it is described Second floating frame is used to show the third user interface of third application program.
8. device according to claim 7, which is characterized in that second window display module, including:
First acquisition unit, for obtaining destination display area of first floating frame in first user interface;
First display unit, for the second floating frame described in the Overlapping display on the destination display area.
9. device according to claim 8, which is characterized in that first floating frame shows moving area, described Device further includes:
First changes module, for when receiving the third operation signal on the moving area, being operated according to the third Signal changes display area of first floating frame in the main display area;
The first acquisition unit, is used for:
If display area of first floating frame in first user interface changes, it is floating to obtain described first The dynamic destination display area of the window in first user interface.
10. device according to claim 7, which is characterized in that second window display module, including:
Second acquisition unit, the target window size for obtaining first floating frame;
Second display unit, for according to the target window size in first user interface second described in Overlapping display Floating frame.
11. device according to claim 10, which is characterized in that described device further includes:
Second changes module, for when receiving four operation signal on first floating frame, according to the described 4th Operation signal changes the window size of first floating frame;
The first acquisition unit, is used for:
If the window size of first floating frame changes, the target window of first floating frame is obtained Size.
12. according to any device of claim 7 to 11, which is characterized in that described device further includes:
Icon setup module for being set as first program icon that can not click state, and highlights described auxiliary aobvious Show other program icons in region.
13. a kind of terminal, which is characterized in that the terminal includes processor and memory;The memory is stored at least one Item instructs, and at least one instruction by the processor for being executed to realize the user as described in claim 1 to 6 is any Interface display method.
14. a kind of computer readable storage medium, which is characterized in that the storage medium is stored at least one instruction, described At least one instruction is for being executed by processor the method for displaying user interface to realize as described in claim 1 to 6 is any.
CN201810202215.XA 2018-03-12 2018-03-12 Method for displaying user interface, device, terminal and storage medium CN108540647A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201810202215.XA CN108540647A (en) 2018-03-12 2018-03-12 Method for displaying user interface, device, terminal and storage medium

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201810202215.XA CN108540647A (en) 2018-03-12 2018-03-12 Method for displaying user interface, device, terminal and storage medium
PCT/CN2019/076444 WO2019174465A1 (en) 2018-03-12 2019-02-28 User interface display method and apparatus, terminal, and storage medium

Publications (1)

Publication Number Publication Date
CN108540647A true CN108540647A (en) 2018-09-14

Family

ID=63484326

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201810202215.XA CN108540647A (en) 2018-03-12 2018-03-12 Method for displaying user interface, device, terminal and storage medium

Country Status (2)

Country Link
CN (1) CN108540647A (en)
WO (1) WO2019174465A1 (en)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109525710A (en) * 2018-10-22 2019-03-26 维沃移动通信有限公司 A kind of method and apparatus of access application
WO2019174465A1 (en) * 2018-03-12 2019-09-19 Oppo广东移动通信有限公司 User interface display method and apparatus, terminal, and storage medium
CN110275690A (en) * 2019-06-03 2019-09-24 珠海格力电器股份有限公司 A kind of application display method, device, mobile terminal and storage medium
WO2020057613A1 (en) * 2018-09-20 2020-03-26 中兴通讯股份有限公司 Display control method for display screen, apparatus, device, and readable storage medium

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110175930A1 (en) * 2010-01-19 2011-07-21 Hwang Inyong Mobile terminal and control method thereof
CN105808095A (en) * 2015-07-08 2016-07-27 维沃移动通信有限公司 Display method for application interface of terminal and terminal
CN107506109A (en) * 2017-08-16 2017-12-22 维沃移动通信有限公司 A kind of method and mobile terminal for starting application program
CN107688422A (en) * 2017-09-05 2018-02-13 广东欧珀移动通信有限公司 Notification message display methods and device

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108089786B (en) * 2017-12-14 2019-12-31 Oppo广东移动通信有限公司 User interface display method, device, equipment and storage medium
CN108540647A (en) * 2018-03-12 2018-09-14 广东欧珀移动通信有限公司 Method for displaying user interface, device, terminal and storage medium

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110175930A1 (en) * 2010-01-19 2011-07-21 Hwang Inyong Mobile terminal and control method thereof
CN105808095A (en) * 2015-07-08 2016-07-27 维沃移动通信有限公司 Display method for application interface of terminal and terminal
CN107506109A (en) * 2017-08-16 2017-12-22 维沃移动通信有限公司 A kind of method and mobile terminal for starting application program
CN107688422A (en) * 2017-09-05 2018-02-13 广东欧珀移动通信有限公司 Notification message display methods and device

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2019174465A1 (en) * 2018-03-12 2019-09-19 Oppo广东移动通信有限公司 User interface display method and apparatus, terminal, and storage medium
WO2020057613A1 (en) * 2018-09-20 2020-03-26 中兴通讯股份有限公司 Display control method for display screen, apparatus, device, and readable storage medium
CN109525710A (en) * 2018-10-22 2019-03-26 维沃移动通信有限公司 A kind of method and apparatus of access application
CN110275690A (en) * 2019-06-03 2019-09-24 珠海格力电器股份有限公司 A kind of application display method, device, mobile terminal and storage medium

Also Published As

Publication number Publication date
WO2019174465A1 (en) 2019-09-19

Similar Documents

Publication Publication Date Title
US10628007B2 (en) Page operating method and electronic device thereof
US20180307388A1 (en) Device, method, and graphical user interface for managing folders
US10503368B2 (en) User terminal device and displaying method thereof
US10698567B2 (en) Method and apparatus for providing a user interface on a device that indicates content operators
US20200167061A1 (en) Display device and method of controlling the same
US9940003B2 (en) Method and device for executing object on display
US10140014B2 (en) Method and terminal for activating application based on handwriting input
US20170364218A1 (en) Method and apparatus for providing a user interface on a device enabling selection of operations to be performed in relation to content
US10691313B2 (en) User terminal device for displaying contents and methods thereof
CN105683895B (en) User terminal device for providing user interaction and method thereof
US20190121519A1 (en) Operating method for multiple windows and electronic device supporting the same
EP2662761B1 (en) Multiple display window providing apparatus and method
US10254915B2 (en) Apparatus, method, and computer-readable recording medium for displaying shortcut icon window
EP2667293B1 (en) Mobile terminal and control method thereof
CA2807031C (en) Method and apparatus for adjusting a user interface to reduce obscuration
US10747416B2 (en) User terminal device and method for displaying thereof
US9411512B2 (en) Method, apparatus, and medium for executing a function related to information displayed on an external device
US20200125222A1 (en) Application execution method by display device and display device thereof
EP2808781B1 (en) Method, storage medium, and electronic device for mirroring screen data
US9891809B2 (en) User terminal device and controlling method thereof
CN106227344B (en) Electronic device and control method thereof
US9052820B2 (en) Multi-application environment
US10386992B2 (en) Display device for executing a plurality of applications and method for controlling the same
US10048824B2 (en) User terminal device and display method thereof
CN103189828B (en) The method and system of the item in managing user interface and computing equipment

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
RJ01 Rejection of invention patent application after publication

Application publication date: 20180914

RJ01 Rejection of invention patent application after publication