CN109246464B - User interface display method, device, terminal and storage medium - Google Patents

User interface display method, device, terminal and storage medium Download PDF

Info

Publication number
CN109246464B
CN109246464B CN201810962659.3A CN201810962659A CN109246464B CN 109246464 B CN109246464 B CN 109246464B CN 201810962659 A CN201810962659 A CN 201810962659A CN 109246464 B CN109246464 B CN 109246464B
Authority
CN
China
Prior art keywords
information
user interface
displaying
application program
icon
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201810962659.3A
Other languages
Chinese (zh)
Other versions
CN109246464A (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 CN201810962659.3A priority Critical patent/CN109246464B/en
Publication of CN109246464A publication Critical patent/CN109246464A/en
Application granted granted Critical
Publication of CN109246464B publication Critical patent/CN109246464B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
    • 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
    • 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 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/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485Scrolling or panning
    • 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/443OS processes, e.g. booting an STB, implementing a Java virtual machine in an STB or power management in an STB
    • H04N21/4438Window management, e.g. event handling following interaction with the user interface
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47End-user applications
    • H04N21/472End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47End-user applications
    • H04N21/475End-user interface for inputting end-user data, e.g. personal identification number [PIN], preference data
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/80Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
    • H04N21/81Monomedia components thereof
    • H04N21/8126Monomedia components thereof involving additional data, e.g. news, sports, stocks, weather forecasts
    • H04N21/8133Monomedia components thereof involving additional data, e.g. news, sports, stocks, weather forecasts specifically related to the content, e.g. biography of the actors in a movie, detailed information about an article seen in a video program

Abstract

The application discloses a user interface display method, a user interface display device, a terminal and a storage medium, and belongs to the technical field of terminals. The method comprises the following steps: displaying a first user interface of a first application program, wherein the first user interface is used for displaying target content; displaying an information icon on a first user interface; and when a second operation signal on the information icon is received, displaying a floating window on the first user interface, wherein the floating window is used for displaying recommendation information associated with the target content in the second application program. According to the method and the device, the recommendation information associated with the target content in the second application program is displayed on the first user interface in the form of the floating window, so that the operation steps of a user during switching among different application programs can be simplified, and the human-computer interaction efficiency is improved.

Description

User interface display method, device, terminal and storage medium
Technical Field
The embodiment of the application relates to the technical field of terminals, in particular to a user interface display method, a user interface display device, a terminal and a storage medium.
Background
Generally, a plurality of applications are installed in a terminal. When a plurality of application programs are operated in the background, the user can switch one application program to be operated in the foreground.
An application switching method provided by the related art includes: when a terminal plays a certain video through a video application program A, if a user wants to know related information of the current video in other application programs, such as rating information on a social application program B, the terminal switches the video application program A to background operation, when click operation on an icon of the social application program B is received, the social application program B is switched to foreground operation, the terminal receives input information in an input box, when the click operation on a search button is received, the name of the video input in the input box is obtained, and the rating information corresponding to the name of the video is searched.
Disclosure of Invention
The embodiment of the application provides a user interface display method, a user interface display device, a user interface display terminal and a storage medium, and can be used for solving the problems that the application program switching method in the related art needs more man-machine operations and the man-machine interaction efficiency is low. The technical scheme is as follows:
according to a first aspect of an embodiment of the present application, a user interface display method is provided, which is applied to a terminal, and the method includes:
displaying a first user interface of a first application, the first user interface for displaying target content;
displaying an information icon on the first user interface;
when a first operation signal on the information icon is received, displaying a floating window on the first user interface, wherein the floating window is used for displaying recommended information associated with the target content in a second application program, and the second application program is different from the first application program.
According to a second aspect of the embodiments of the present application, there is provided a user interface display apparatus applied in a terminal, the apparatus including:
the first display module is used for displaying a first user interface of a first application program, and the first user interface is used for displaying target content;
a second display module for displaying an information icon on the first user interface;
and the third display module is used for displaying a floating window on the first user interface when a first operation signal on the information icon is received, wherein the floating window is used for displaying recommendation information associated with the target content in a second application program, and the second application program is different from the first application program.
According to a third aspect of embodiments of the present application, there is provided a terminal, where the terminal includes a processor and a memory, and the memory stores at least one instruction, where the instruction is loaded and executed by the processor to implement the user interface display method according to any one of the first aspect and the optional embodiments of the present application.
According to a fourth aspect of embodiments of the present application, there is provided a computer-readable storage medium having at least one instruction stored therein, where the instruction is loaded and executed by a processor to implement the user interface display method according to any one of the first aspect and the optional embodiments of the present application.
The beneficial effects brought by the technical scheme provided by the embodiment of the application at least comprise:
displaying a first user interface of a first application, the first user interface being used to display target content; displaying an information icon on a first user interface; when a second operation signal on the information icon is received, a floating window is displayed on the first user interface, and the floating window is used for displaying recommendation information associated with the target content in the second application program, so that the operation steps of a user during switching among different application programs can be simplified, and the man-machine interaction efficiency is improved. Moreover, when the normal use of the first application program by the user is not interrupted, the recommendation information associated with the target content in the second application program is displayed, for example, the first application program is a video application program, so that when the user uses the video application program to play a video, the recommendation information associated with the current video in the second application program is displayed while the video experience is not interrupted.
Drawings
Fig. 1 is a schematic structural diagram of a terminal provided in an exemplary embodiment of the present application;
fig. 2 is a schematic structural diagram of a terminal according to another exemplary embodiment of the present application;
fig. 3A to 3F are schematic external views of terminals with different touch display screens provided by an exemplary embodiment of the present application;
FIG. 4 is a flowchart of a user interface display method provided by an exemplary embodiment of the present application
FIG. 5 is a schematic interface diagram relating to a user interface display method provided by an exemplary embodiment of the present application;
FIG. 6 is a flow chart of a user interface display method provided by another exemplary embodiment of the present application;
FIGS. 7 to 11 are schematic interface diagrams of the user interface display method provided in the embodiment of FIG. 6 when implemented;
fig. 12 is a schematic structural diagram of a user interface display device according to an exemplary embodiment of the present application.
Detailed Description
To make the objects, technical solutions and advantages of the present application more clear, embodiments of the present application will be described in further detail below with reference to the accompanying drawings.
When the following description refers to the accompanying drawings, like numbers in different drawings represent the same or similar elements unless otherwise indicated. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present application. Rather, they are merely examples of apparatus and methods consistent with certain aspects of the present application, as detailed in the appended claims.
In the description of the present application, it is to be understood that the terms "first," "second," and the like are used for descriptive purposes only and are not to be construed as indicating or implying relative importance. In the description of the present application, it is to be noted that, unless otherwise explicitly specified or limited, the terms "connected" and "connected" are to be interpreted broadly, e.g., as being fixed or detachable or integrally connected; can be mechanically or electrically connected; may be directly connected or indirectly connected through an intermediate. The specific meaning of the above terms in the present application can be understood in a specific case by those of ordinary skill in the art. Further, in the description of the present application, "a plurality" means two or more unless otherwise specified. "and/or" describes the association relationship of the associated objects, meaning that there may be three relationships, e.g., a and/or B, which may mean: a exists alone, A and B exist simultaneously, and B exists alone. The character "/" generally indicates that the former and latter associated objects are in an "or" relationship.
Referring to fig. 1 and 2, a block diagram of a terminal 100 according to an exemplary embodiment of the present application is shown. The terminal 100 may be a mobile phone, a tablet computer, a notebook computer, an e-book, etc. The terminal 100 in the present application may include one or more of the following components: a processor 110, a memory 120, and a touch display screen 130.
Processor 110 may include one or more processing cores. The processor 110 connects various parts within the overall terminal 100 using various interfaces and lines, and performs various functions of the terminal 100 and processes data by executing or executing instructions, programs, code sets, or instruction sets stored in the memory 120 and calling data stored in the memory 120. Alternatively, the processor 110 may be implemented in hardware using at least one of Digital Signal Processing (DSP), Field-Programmable Gate Array (FPGA), and Programmable Logic Array (PLA). The processor 110 may integrate one or more of a Central Processing Unit (CPU), a Graphics Processing Unit (GPU), a modem, and the like. Wherein, the CPU mainly processes an operating system, a user interface, an application program and the like; the GPU is used for rendering and drawing the content to be displayed by the touch display screen 130; the modem is used to handle wireless communications. It is understood that the modem may not be integrated into the processor 110, but may be implemented by a single chip.
The Memory 120 may include a Random Access Memory (RAM) or a Read-Only Memory (Read-Only Memory). Optionally, the memory 120 includes a non-transitory computer-readable medium. The memory 120 may be used to store instructions, programs, code sets, or instruction sets. The memory 120 may include a stored program area and a stored data area, wherein the stored program area may store instructions for implementing an operating system, instructions for at least one function (such as a touch function, a sound playing function, an image playing function, etc.), instructions for implementing various method embodiments described below, and the like; the storage data area may store data (such as audio data, a phonebook) created according to the use of the terminal 100, and the like.
Taking an operating system as an Android (Android) system as an example, programs and data stored in the memory 120 are shown in fig. 1, and a Linux kernel layer 220, a system runtime layer 240, an application framework layer 260, and an application layer 280 are stored in the memory 120. The Linux kernel layer 220 provides underlying drivers for various hardware of the terminal 100, such as a display driver, an audio driver, a camera driver, a bluetooth driver, a Wi-Fi driver, power management, and the like. The system runtime library layer 240 provides the main feature support for the Android system through some C/C + + libraries. For example, the SQLite library provides support for a database, the OpenGL/ES library provides support for 3D drawing, the Webkit library provides support for a browser kernel, and the like. Also provided in the system Runtime layer 240 is an Android Runtime library 242(Android Runtime), which mainly provides some core libraries and can allow developers to write Android applications using the Java language. The application framework layer 260 provides various APIs that may be used in building applications, and developers may build their own applications by using these APIs, such as activity management, window management, view management, notification management, content provider, package management, session management, resource management, and location management. At least one application program runs in the application layer 280, and the application programs may be a contact program, a short message program, a clock program, a camera application, etc. of the operating system; or an application program developed by a third-party developer, such as an instant messaging program, a photo beautification program, and the like.
Taking an operating system as an IOS system as an example, programs and data stored in the memory 120 are shown in fig. 2, and the IOS system includes: a Core operating system Layer 320(Core OS Layer), a Core Services Layer 340(Core Services Layer), a Media Layer 360(Media Layer), and a touchable Layer 380(Cocoa Touch Layer). The kernel operating system layer 320 includes an operating system kernel, drivers, and underlying program frameworks that provide functionality closer to hardware for use by program frameworks located in the kernel services layer 340. The core services layer 340 provides system services and/or program frameworks, such as a Foundation framework, an account framework, an advertisement framework, a data storage framework, a network connection framework, a geographic location framework, a motion framework, and so forth, that are needed by the application. The media layer 360 provides audiovisual interfaces for applications, such as graphics-related interfaces, audio-related interfaces, video-related interfaces, and audio/video transmission technology wireless broadcast (AirPlay) interfaces. The touchable layer 380 provides various common interface-related frameworks for application development, and the touchable layer 380 is responsible for user touch interaction operations on the terminal 100. Such as a local notification service, a remote push service, an advertising framework, a game tool framework, a messaging User Interface (UI) framework, a User Interface UIKit framework, a map framework, and so forth.
In the framework shown in FIG. 2, the framework associated with most applications includes, but is not limited to: a base framework in the core services layer 340 and a UIKit framework in the touchable layer 380. The base framework provides many basic object classes and data types, provides the most basic system services for all applications, and is UI independent. While the class provided by the UIKit framework is a basic library of UI classes for creating touch-based user interfaces, iOS applications can provide UIs based on the UIKit framework, so it provides an infrastructure for applications for building user interfaces, drawing, processing and user interaction events, responding to gestures, and the like.
The touch display screen 130 is used for receiving a touch operation of a user on or near the touch display screen using any suitable object such as a finger, a touch pen, or the like, and displaying a user interface of each application program. The touch display 130 is generally disposed on a front panel of the terminal 130. The touch display screen 130 may be designed as a full-face screen, a curved screen, or a profiled screen. The touch display screen 130 can also be designed as a combination of a full-screen and a curved screen, and a combination of a special-shaped screen and a curved screen, which is not limited in this embodiment. Wherein:
full screen
A full screen may refer to a screen design where the touch display screen 130 occupies a screen fraction of the front panel of the terminal 100 that exceeds a threshold (e.g., 80% or 90% or 95%). One way of calculating the screen occupation ratio is as follows: (area of touch display 130/area of front panel of terminal 100) × 100%; another way to calculate the screen ratio is: (area of actual display area in touch display 130/area of front panel of terminal 100) × 100%; another calculation method of the screen occupation ratio is as follows: (diagonal of touch display screen 130/diagonal of front panel at terminal 100) × 100%. In the example shown schematically in fig. 3A, nearly all areas on the front panel of the terminal 100 are the touch display 130, and all areas on the front panel 40 of the terminal 100 except for the edge created by the bezel 41 are the touch display 130. The four corners of the touch display screen 130 may be right angles or rounded.
A full-screen may also be a screen design that integrates at least one front panel component within or underneath the touch screen display 130. Optionally, the at least one front panel component comprises: cameras, fingerprint sensors, proximity light sensors, distance sensors, etc. In some embodiments, other components on the front panel of the conventional terminal are integrated in all or a part of the area of the touch display screen 130, such as after splitting the light sensing element in the camera into a plurality of light sensing pixels, each light sensing pixel is integrated in a black area in each display pixel in the touch display screen 130. The full-screen has a higher screen-to-screen ratio due to the integration of at least one front panel component inside the touch display screen 130.
Of course, in other embodiments, the front panel component of the front panel of the conventional terminal may be disposed at the side or back of the terminal 100, such as disposing the ultrasonic fingerprint sensor below the touch screen 130, disposing the bone conduction receiver inside the terminal 130, and disposing the camera head in a pluggable structure at the side of the terminal.
In some optional embodiments, when the terminal 100 employs a full-screen, a single side, or two sides (e.g., two left and right sides), or four sides (e.g., four upper, lower, left and right sides) of the middle frame of the terminal 100 is provided with an edge touch sensor 120, and the edge touch sensor 120 is configured to detect at least one of a touch operation, a click operation, a press operation, a slide operation, and the like of a user on the middle frame. The edge touch sensor 120 may be any one of a touch sensor, a thermal sensor, a pressure sensor, and the like. The user may apply operations on the edge touch sensor 120 to control applications in the terminal 100.
Curved surface screen
The curved screen refers to a screen design in which the cross section of the touch display screen 130 has a curved shape, and a projection in a direction parallel to the cross section is a plane, and the curved shape may be a U shape. Alternatively, a curved screen refers to a screen design where at least one side is curved. Alternatively, the curved screen means that at least one side edge of the touch display screen 130 extends to cover the middle frame of the terminal 100. Since the side of the touch display screen 130 extends to cover the middle frame of the terminal 100, that is, the middle frame which does not have the display function and the touch function originally is covered as the displayable area and/or the operable area, the curved screen has a higher screen occupation ratio. Alternatively, as in the example shown in fig. 3B, the curved screen refers to a screen design in which the left and right sides 42 are curved; or, the curved screen refers to a screen design in which the upper and lower sides are curved; or, the curved screen refers to a screen design in which the upper side, the lower side, the left side and the right side are all in a curved shape. In an alternative embodiment, the curved screen is made of a touch screen material with certain flexibility.
Special-shaped screen
The special-shaped screen is a display screen with an irregular shape, and the irregular shape is not a rectangle or a rounded rectangle. Optionally, the irregular screen refers to a screen design in which a protrusion, a notch and/or a hole is/are formed on the rectangular or rounded rectangular touch display screen 130. Alternatively, the protrusions, indentations, and/or cutouts may be located at the edges of the touch screen display 130, at the center of the screen, or both. When the protrusion, the notch and/or the dug hole are arranged on one edge, the protrusion, the notch and/or the dug hole can be arranged in the middle or at two ends of the edge; when the projection, notch and/or cutout is provided in the center of the screen, it may be provided in one or more of an upper region, an upper left region, a left side region, a lower left region, a lower right region, a right side region, and an upper right region of the screen. When the projections, the notches and the dug holes are arranged in a plurality of areas, the projections, the notches and the dug holes can be distributed in a concentrated mode or in a dispersed mode; the distribution may be symmetrical or asymmetrical. Optionally, the number of projections, indentations and/or cutouts is also not limited.
The special-shaped screen has a larger screen occupation ratio because the special-shaped screen covers the upper forehead area and/or the lower forehead area of the display screen as a displayable area and/or an operable area, so that the display screen occupies more space on the front panel of the terminal. In some embodiments, the indentation and/or cutout is configured to receive at least one front panel component therein, the front panel component including at least one of a camera, a fingerprint sensor, a proximity light sensor, a distance sensor, an earpiece, an ambient light level sensor, and a physical key.
For example, the notch may be provided on one or more edges, and the notch may be a semicircular notch, a right-angled rectangular notch, a rounded rectangular notch, or an irregularly shaped notch. In the example shown in fig. 3C, the special-shaped screen may be a screen design having a semicircular notch 43 at the center of the upper edge of the touch display screen 130, and the semicircular notch 43 is used to accommodate at least one front panel component of a camera, a distance sensor (also called a proximity sensor), an earpiece, and an ambient light sensor; as schematically shown in fig. 3D, the irregular-shaped screen may be a screen design in which a semicircular notch 44 is formed at a central position of the lower edge of the touch display screen 130, and the semicircular notch 44 is free for accommodating at least one of a physical key, a fingerprint sensor, and a microphone; in an exemplary example shown in fig. 3E, the special-shaped screen may be a screen design in which a semi-elliptical notch 45 is formed in the center of the lower edge of the touch display screen 130, and a semi-elliptical notch is also formed on the front panel of the terminal 100, and the two semi-elliptical notches form an elliptical area for accommodating a physical key or a fingerprint identification module; in the illustrated example of fig. 3F, the contoured screen may be a screen design having at least one aperture 46 in the upper half of the touch screen display 130, the aperture 46 being free to receive at least one of a camera, a distance sensor, an earpiece, and an ambient light level sensor.
In addition, those skilled in the art will appreciate that the configuration of terminal 100 as illustrated in the above-described figures is not intended to be limiting of terminal 100, and that terminals may include more or less components than those illustrated, or some components may be combined, or a different arrangement of components. For example, the terminal 100 further includes a radio frequency circuit, an input unit, a sensor, an audio circuit, a wireless fidelity (WiFi) module, a power supply, a bluetooth module, and other components, which are not described herein again.
Referring to fig. 4, a flow chart of a user interface display method is shown in an exemplary embodiment of the present application. The present embodiment is exemplified by applying the method to the terminal 100. The method comprises the following steps:
step 401, displaying a first user interface of a first application program, where the first user interface is used to display target content.
The screen state of the terminal includes a vertical screen state and a horizontal screen state. Optionally, the first user interface of the first application is displayed when the terminal is in the landscape state.
Optionally, when the display screen of the terminal is the special-shaped screen, the terminal displays the first user interface of the first application program on the main display area, and does not display the content on the auxiliary display area. Or the terminal displays the first user interface of the first application program on the whole display area of the display screen. Among them, the display screen is also called a touch display screen.
Wherein, the special-shaped screen is the screen of the irregular shape that is provided with the breach region.
Optionally, the display screen of the terminal includes a main display area and an auxiliary display area. The main display area and the auxiliary display area belong to different display areas on the same display screen. The first display area of the main display area is larger than the second display area of the auxiliary display area. When the display screen of the terminal is the special-shaped screen, the main display area is a rectangular display area on the special-shaped screen, the auxiliary display area is a special-shaped display area on the special-shaped screen, and the collection of the main display area and the auxiliary display area is equal to the whole display area of the special-shaped screen.
The first application is an application running in the foreground. In the process that a user uses the first application program, the terminal displays a first user interface of the first application program on the whole display area of the display screen, wherein the first user interface is a program interface for displaying target content in the first application program.
The first application includes one of a video application, a game application, a reading application, and a picture editing application.
Optionally, the target content includes one of video, games, text, and images.
Illustratively, when the first application is a video application, the target content is a video; when the first application is a game application, the target content is a game.
At step 402, an information icon is displayed on a first user interface.
The terminal displays an information icon on a first user interface of a first application. Optionally, the information icon is an integrated entry for triggering display of 1 or more pieces of recommendation information.
The triggering manner for displaying the information icon includes, but is not limited to, the following possible implementation manners.
In one possible implementation, the information icon is displayed on the first user interface when the second operation signal on the first user interface is received.
Optionally, when the terminal receives the second operation signal on the first user interface, the information icon is displayed in an overlapping manner on the first local area of the first user interface.
The second operation signal may be at least one of a single click signal, a double click signal, a long press signal, and a slide signal.
Optionally, the second operation signal includes: a first swipe signal acting on a first partial area of a first user interface. Illustratively, the sliding start position of the first sliding signal is located in the first local area, and the sliding direction of the first sliding signal points to the middle position of the display screen of the terminal.
Illustratively, the first user interface includes a float, the float is an operable control for triggering display of the information icon, and the second operation signal includes: a third slip signal acting on the float. For example, the sliding start position of the third sliding signal is located on the float, and the sliding direction of the third sliding signal points to the middle position of the display screen.
Optionally, when the display screen of the terminal is a special-shaped screen, the first local area is used for indicating an area located at a side of the gap area of the special-shaped screen. Optionally, when the display screen of the terminal is a special-shaped screen, the first local area is used for representing an area where a gap area with the special-shaped screen is smaller than a preset distance.
The preset distance is set by the default of the terminal, and can also be set by the user in a self-defined way. This embodiment is not limited thereto.
Optionally, when the display screen of the terminal is the special-shaped screen and the display state of the terminal is the vertical screen state, the second operation signal is a sliding signal corresponding to at least one sliding track sliding downwards from a curved edge with a concave part on the special-shaped screen; when the display screen of the terminal is the special-shaped screen and the display state of the terminal is the horizontal screen state, the second operation signal is a sliding signal corresponding to at least one sliding track sliding rightwards from a curve edge with a concave part on the special-shaped screen.
For example, when the display screen of the terminal is the special-shaped screen and the display state of the terminal is the landscape screen state, the user performs a sliding operation rightward at the left edge of the special-shaped screen of the terminal through one finger, and correspondingly, the first operation signal received by the terminal is a signal corresponding to 1 sliding track sliding rightward from the left edge of the special-shaped screen.
In another possible implementation, the information icon is displayed on the first user interface when a duration of displaying the target content on the first user interface exceeds a display duration threshold.
The display duration threshold is set by the default of the terminal or is set by the user in a self-defining way. This embodiment is not limited thereto.
Illustratively, when the first application program is a game application program, recording the game starting time, and if the time difference between the current time and the game starting time reaches the display duration threshold, displaying an information icon on the first user interface.
In the present embodiment, the manner of triggering the display of the information icon is not limited, and the following description will be given only by taking an example in which the information icon is displayed on the first user interface when the second operation signal on the first user interface is received.
And step 403, when a first operation signal on the information icon is received, displaying a floating window on the first user interface, wherein the floating window is used for displaying recommendation information associated with the target content in a second application program, and the second application program is different from the first application program.
And when the terminal receives a first operation signal on the information icon, displaying a floating window on the first user interface, and displaying recommendation information in the floating window, wherein the recommendation information is recommendation information associated with the target content in the second application program.
The first operation signal may be at least one of a click signal, a double click signal, a long press signal, and a slide signal. The following description will be given by taking only the first operation signal as the click signal.
The floating window, also known as a top-level window or a picture-in-picture window, may be implemented by a Windows Manager window in an android operating system. The floating window may minimize occlusion of primary display elements on the first user interface. The user can operate on the information in the floating window.
Optionally, the terminal receives a dragging signal on a border or a corner of the floating window, and changes any one of the length, the width, and the display scale of the floating window according to the dragging signal.
Optionally, the recommendation information is recommendation information associated with the target content in the second application program. Or the recommendation information is introductory information which is associated with the target content in the second application program and has recommendation value. Or the recommendation information is information of which the association degree with the target content in the second application is higher than a predetermined threshold.
The second application is an application other than the first application.
Illustratively, the recommendation information includes at least one of strategy information, comment information, and welfare information.
For example, when the first application is a video application and the target content is a video, the recommendation information includes at least one of comment information, encyclopedia information, catkin information, recommended video information, and creative people information associated with the video in the second application.
For another example, when the first application is a game application and the target content is a game, the recommendation information includes at least one of strategy information, event information, and recommended game information associated with the game in the second application.
In an illustrative example, as shown in fig. 5, the terminal plays a video through a video application, i.e. the terminal displays a first user interface 51 of the video application on the whole display area of the display screen at this time, and the first user interface 51 is used for displaying video content (not shown in the figure). The terminal displays an information icon 52 on the first partial area of the first user interface 51. When the terminal receives a click signal on the information icon 52, a floating window 53 is displayed on the first user interface 51, and the floating window 53 is used for displaying two pieces of video information 53 associated with the video in other applications except the video application.
In summary, in the embodiment, by displaying the first user interface of the first application, the first user interface is used for displaying the target content; displaying an information icon on a first user interface; when a second operation signal on the information icon is received, a floating window is displayed on the first user interface, and the floating window is used for displaying recommendation information associated with the target content in the second application program, so that the operation steps of a user during switching among different application programs can be simplified, and the man-machine interaction efficiency is improved. Moreover, when the normal use of the first application program by the user is not interrupted, the recommendation information associated with the target content in the second application program is displayed, for example, the first application program is a video application program, so that when the user uses the video application program to play a video, the recommendation information associated with the current video in the second application program is displayed while the video experience is not interrupted.
Referring to fig. 6, a flowchart of a user interface display method provided by an exemplary embodiment of the present application is shown. The present embodiment is exemplified by applying the information presentation method to the terminal shown in fig. 1. The information prompting method comprises the following steps:
step 601, displaying a first user interface of the first application program, wherein the first user interface is used for displaying target content.
The terminal displays a first user interface of a first application on the entire display area of the display screen.
The first user interface is a program interface in the first application program that displays the target content. Optionally, the first user interface is a video playing interface or a game running interface.
And step 602, when a second operation signal on the first user interface is received, overlaying and displaying a sidebar on a first local area of the first user interface, wherein the sidebar comprises an information icon and a basic icon.
The display mode of the information icon includes but is not limited to the following several possible implementation modes.
In one possible implementation manner, the terminal superposes and displays a side bar on the first local area of the first user interface, wherein the side bar is used for displaying the information icon.
Optionally, the sidebar includes a base icon and an information icon. And the association degree of the information icon and the target content is higher than that of the basic icon and the target content.
Optionally, the basic icon includes at least one of a function icon of a fixed function, a program icon of a third application program, and a tool icon of a shortcut tool.
Illustratively, the fixed function includes at least one of a shorthand function, a file transfer function, and a file storage function. The third application is an application other than the first application, and the third application may be the second application. The shortcut tool comprises at least one of a mute tool, a brightness adjusting tool, a screen capturing tool, a screen recording tool, a hanging-up tool, a parameter configuration tool and a background cleaning tool.
For example, when the first application is a video application and the target content is a video, the basic icon includes at least one of a play icon, a pause icon, a volume adjustment icon, a brightness adjustment icon, a screen capture icon, and a screen recording icon, and the information icon is a video information icon for triggering display of at least one recommendation information of comment information, encyclopedia information, floral information, recommended video information, and creator information associated with the video in the second application.
For example, when the first application is a game application and the target content is a game, the basic icon includes at least one of an on-hook icon, a virtual backpack icon, a virtual skill icon, a mute icon, a background cleaning icon, a screen capture icon, and a screen recording icon, and the information icon is a game information icon for triggering display of at least one of strategy information, event information, and recommended game information associated with the game in the second application.
In an illustrative example, as shown in fig. 7, the terminal is playing a video through a video application, i.e. the terminal displays a first user interface 51 of the video application on the whole display area of the display screen at this time, and the first user interface 51 is used for displaying video content (not shown in the figure). When the terminal receives a slide signal on the first user interface 51 that the left edge of the display screen slides to the right, the terminal superimposes and displays a side bar 71 on the first partial area of the first user interface 51, wherein the side bar 71 is used for displaying an information icon 72 of the video information.
Optionally, the terminal displays three partitions on the sidebar, where the three partitions include a first partition, a second partition, and a third partition. The first partition is used for displaying function icons of fixed functions, the second partition is used for displaying tool icons of the shortcut tools, and the third partition is used for displaying program icons and/or information icons of a third application program.
In another possible implementation manner, the terminal superposes and displays a side bar on the first local area of the first user interface, wherein the side bar is used for displaying the first basic icon. When a second slide signal on the sidebar is received, the display of the first base icon is cancelled in the sidebar following the second slide signal, and the display of the second base icon and the information icon is added in the sidebar.
The base icon includes a first base icon and a second base icon. Due to the fact that the display area of the sidebar is limited, the terminal can display the first basic icon in the sidebar firstly, when the terminal receives the second sliding signal on the sidebar, the terminal cancels display of the first basic icon in the sidebar along with the second sliding signal, and increases display of the second basic icon and the information icon in the sidebar.
That is, the terminal may slide the sidebar according to the second slide signal. The slide display includes: canceling the display of the first basic icon moved out of the sidebar, displaying the second basic icon and the information icon moved into the sidebar, and changing the display position of the first basic icon still positioned in the sidebar along with the second sliding signal.
Optionally, the terminal displays a page break in the sidebar, where the page break is used to prompt that an icon not yet displayed exists in the sidebar pack.
The information icon may be directly displayed in the sidebar, or may be moved into the sidebar along with the slide signal to be displayed, which is not limited in this embodiment.
Optionally, when the terminal displays three partitions on the sidebar, the first partition is used for displaying a function icon of the fixed function, the second partition is used for displaying a tool icon of the shortcut tool, and the third partition is used for displaying a program icon of the third application, the terminal displays a page break in the third partition, where the page break is used to prompt that an icon that is not yet displayed exists in the third partition. When the terminal receives the sliding signal on the third partition, the display of the program icon of the third application program is cancelled in the third partition following the sliding signal, and the display of the information icon is increased in the third partition.
In an illustrative example, as shown in fig. 8, the terminal displays a first user interface 51 of a video application on the entire display area of the display screen, the first user interface 51 being used to display video content (not shown in the figure). When the terminal receives a slide signal of sliding the left edge of the display screen to the right on the first user interface 51, the terminal superimposes and displays a sidebar 81 on a first partial area of the first user interface 51, the sidebar 81 displays three sections, the first section 82 is used for displaying function icons of fixed functions (such as an icon a and an icon B), the second section 83 is used for displaying tool icons of shortcut tools (such as an icon C and an icon D), the third section 84 is used for displaying program icons of a third application (such as icons E to J), the terminal displays a page break 85 in the third section 84, and the page break 85 is used for prompting that an icon which is not yet displayed exists in the third section 84. When the terminal receives the slide signal on the third partition 84, the display of the icons E to J is canceled in the third partition 84 following the slide signal, and the display of the icons K to O and the information icon 86 is added in the third partition 84.
And 603, when a first operation signal on the information icon is received, displaying first prompt information in a floating window form on the first user interface, wherein the first prompt information is used for indicating that recommendation information associated with the target content in the second application program is being detected.
Optionally, when the terminal receives a first operation signal on the information icon in the sidebar, a floating window is displayed on the first user interface, and first prompt information is displayed in the floating window.
Optionally, when the terminal receives a first operation signal on the information icon, the terminal acquires target content displayed in the first user interface; detecting recommendation information associated with the target content in the second application; the first prompt message is displayed in the form of a floating window on the first user interface.
In a possible implementation manner, the detecting, by the terminal, recommendation information associated with the target content in the second application includes: acquiring characteristic information corresponding to target content; acquiring a target matching model, wherein the target matching model is used for training sample characteristic information; inputting the characteristic information into a target matching model to obtain n recommended identifications, wherein n is a positive integer; and acquiring recommendation information corresponding to the n recommendation identifications.
Optionally, the terminal obtains a first user interface currently displayed in the first application program, and performs image feature extraction on target content displayed by the first user interface to obtain feature information of the target content.
Optionally, the terminal performs image feature extraction on the target content displayed by the first user interface by using a preset image feature extraction algorithm to obtain feature information. Illustratively, the image feature extraction algorithm is a Perceptual hash algorithm (the pHash algorithm).
Illustratively, the characteristic information may be a name of the target content or a name of a creator of the target content.
When the target content is a video, the feature information may be a name of the video, a name of a director of the video, or a name of a director of the video. The characteristic information may be a game name when the target content is a game, or may be a creator name of the game.
Optionally, the target matching model is a pre-trained model. And the terminal acquires a target matching model stored by the terminal or acquires a trained template matching model from the server.
Target matching models include, but are not limited to: at least one of a Convolutional Neural Network (CNN) model, a Deep Neural Network (DNN) model, a Recurrent Neural Network (RNN) model, an embedding (embedding) model, a Gradient Boosting Decision Tree (GBDT) model, and a Logistic Regression (LR) model.
The recommendation identifier is used for uniquely identifying recommendation information in the plurality of recommendation information. The recommendation identifier is used for indicating recommendation information and a second application program corresponding to the recommendation information.
It should be noted that the process of matching the target with the model may refer to the following training process of training the model by the server, which is not described herein first.
In another possible implementation manner, the detecting, by the terminal, recommendation information associated with the target content in the second application includes: the terminal acquires characteristic information corresponding to target content; sending a query request carrying the characteristic information to a server, wherein the query request is used for indicating the server to obtain a target matching model, and the target matching model is a model used for training the characteristic information of the sample; inputting the characteristic information into a target matching model to obtain n recommendation identifications, and feeding back recommendation information corresponding to the n recommendation identifications to a terminal, wherein n is a positive integer; and receiving n pieces of recommendation information fed back by the server.
The process of training the target matching model by the server comprises the following steps: the method comprises the steps that a server obtains a training sample set, wherein the training sample set comprises at least one group of sample data groups; and the server trains at least one group of sample data set by adopting an error back propagation algorithm to obtain a target matching model. Wherein each group of sample data groups comprises: sample characteristic information and a correct recommended mark calibrated in advance.
The server trains at least one group of sample data set by adopting an error back propagation algorithm to obtain a target matching model, and the method comprises the following steps of:
1. and for each group of sample data groups in at least one group of sample data groups, inputting the sample characteristic information into the original parameter model to obtain a training result.
Optionally, the original parametric model is built according to a neural network model, such as: the original parameter model is a CNN model or a DNN model.
Illustratively, for each group of sample data groups, the server creates an input-output pair corresponding to the group of sample data groups, wherein input parameters of the input-output pair are sample characteristic information in the group of sample data groups, and output parameters are correct recommended identifiers in the group of sample data groups; and the terminal inputs the input parameters into the original parameter model to obtain a training result.
For example, the sample data set includes sample feature information a and correct recommendation identifiers "recommendation identifier 1, recommendation identifier 2, recommendation identifier 3", and the input-output pair created by the terminal is: (sample feature information a) - > (recommendation identification 1, recommendation identification 2, recommendation identification 3); wherein, (sample characteristic information a) is an input parameter, (recommendation identifier 1, recommendation identifier 2, recommendation identifier 3) is an output parameter.
Alternatively, the input-output pairs are represented by feature vectors.
2. And for each group of sample data groups, comparing the training result with the correct recommendation identifier to obtain a calculation loss, wherein the calculation loss is used for indicating the error between the training result and the correct recommendation identifier.
Alternatively, the computational loss is expressed by cross-entropy (English),
optionally, the terminal calculates the calculated loss H (p, q) by the following formula:
Figure BDA0001774176410000091
wherein p (x) and q (x) are discrete distribution vectors of equal length, and p (x) represents the training result; q (x) represents an output parameter; x is a vector in the training results or output parameters.
3. And training by adopting an error back propagation algorithm according to the respective corresponding calculation loss of at least one group of sample data groups to obtain a target matching model.
Optionally, the terminal determines the gradient direction of the target matching model according to the calculation loss through a back propagation algorithm, and updates the model parameters in the target matching model layer by layer from the output layer of the target matching model.
Optionally, the terminal cancels the display of the sidebar while displaying the floating window on the first user interface.
And step 604, when the recommendation information is detected, switching and displaying the first prompt information in the floating window as the recommendation information.
Optionally, when the terminal detects the recommendation information, the first prompt information in the floating window is switched and displayed as a detection result, where the detection result includes profile information corresponding to each of n pieces of recommendation information, and n is a positive integer.
Optionally, after the terminal switches and displays the first prompt information in the floating window as the recommendation information, step 609 is executed.
Step 605, when the recommendation information is not detected, switching and displaying the first prompt information in the floating window to be second prompt information, where the second prompt information is used to indicate that the recommendation information is not detected.
Optionally, when the terminal does not detect the recommendation information, the first prompt information in the floating window is switched and displayed to be the second prompt information, and the floating window further displays a search button and an input box.
The input box is an operable control used for inputting content, and the search button is an operable control used for indicating to acquire the content input in the input box and searching recommendation information corresponding to the input content.
And step 606, when a third operation signal on the search button in the floating window is received, acquiring the key words input in the input box.
Optionally, when the terminal does not detect the recommendation information and receives a third operation signal on the search button, the keyword input in the input box is acquired. Wherein, the key words comprise the name of the target content and/or the name of the author of the target content.
When the target content is a video, the keyword may be a name of the video, a name of a director of the video, or a name of a director of the video. When the target content is a game, the keyword may be a game name or a name of a creator of the game.
Step 607, searching the recommendation information corresponding to the keyword in the second application program.
Optionally, the terminal searches for recommendation information associated with the keyword in the second application program. The recommendation information is information in the second application program, wherein the relevance degree of the input key words is higher than a preset threshold value.
It should be noted that, the process of the terminal searching for the recommendation information corresponding to the keyword in the second application program may be similar to the process of the terminal detecting the recommendation information associated with the target content in the second application program, and is not described herein again.
Optionally, in the process that the terminal searches for the recommendation information corresponding to the keyword in the second application program, the second prompt information in the floating window is switched and displayed as third prompt information, and the third prompt information is used for indicating that the terminal is searching for the recommendation information.
In an illustrative example, when the terminal receives a click signal on the information icon in the sidebar, the terminal displays a floating window 91 on the first user interface 51 and displays a first prompt "search … …" in the floating window 91, as shown in fig. 9. When the terminal does not detect the recommendation information, the terminal switches and displays the first prompt information in the floating window 91 as second prompt information ' video related information is not found ', and you can manually input a video name search '. When receiving a click signal on the search button 92 in the floating window 91, the keyword "AA" input in the input box 93 is acquired. The terminal searches for recommendation information corresponding to the keyword "AA" in the second application, and in the process of searching for recommendation information, the terminal switches and displays the second prompt information in the floating window 91 to be the third prompt information "… … being searched".
Optionally, when the terminal does not find the recommendation information corresponding to the keyword, the terminal displays a fourth prompt message in the floating window, where the fourth prompt message is used to instruct the terminal to acquire the input other keywords. The other key words are other words than the above-input key word. And when the terminal receives a click signal on the search button in the floating window, acquiring other key words input in the input box. And the terminal searches the recommendation information corresponding to other key words in the second application program. And if the terminal does not find the recommendation information corresponding to other key words, the terminal displays the failure reason in the floating window.
Optionally, the failure reason includes at least one of that the terminal is not connected to the network, the length of the other key words is greater than the length threshold, and the number of the other key words is greater than the number threshold.
The length threshold and the number threshold are set by the terminal in a default mode or set by a user in a self-defined mode. This embodiment is not limited thereto.
In an illustrative example, based on the first user interface 51 provided in fig. 9, as shown in fig. 10, if the terminal does not find the recommendation information corresponding to the keyword "AA", the terminal displays a fourth prompt message "video related information is not found, you can try another keyword again" in the floating window 91, and when a click signal on the search button 92 in the floating window 91 is received, the keyword "AABB" input in the input box 93 is acquired. And the terminal searches recommendation information corresponding to the keyword 'AABB' in the second application program. If the terminal does not find the recommended information yet, the terminal displays the failure reason "retry after linking network" in the floating window 91.
And step 608, displaying the recommendation information in the floating window when the recommendation information is found.
And when the terminal finds the recommendation information corresponding to the key words in the second application program, displaying a recommendation information list in the floating window, wherein the recommendation information list comprises at least one recommendation information.
It should be noted that, the manner of displaying the recommendation information in the floating window by the terminal may refer to the step of switching and displaying the first prompt information in the floating window as the recommendation information when the recommendation information is detected, which is not described herein again.
And step 609, when a seventh operation signal on the recommendation information is received, displaying a detail page corresponding to the recommendation information in the floating window, wherein a jump button is displayed in the detail page.
And when the terminal receives a seventh operation signal on the recommendation information, switching and displaying the recommendation information list in the floating window to be a detail page corresponding to the recommendation information.
The seventh operation signal includes at least one of a click signal, a double click signal, a long press signal, and a slide signal. The following description will be given by taking only the seventh operation signal as the click signal.
Optionally, the detail page corresponding to the recommendation information includes at least one of the strategy information, the comment information, and the benefit information corresponding to the target content.
The jump button is an operable control for triggering display of a jump of the first user interface as a second user interface of a second application corresponding to the detail page.
And 610, when an eighth operation signal on the jump button is received, jumping and displaying the first user interface as a second user interface of a second application program corresponding to the detail page.
Optionally, when the terminal receives an eighth operation signal on the skip button, a pop-up window is displayed on the first user interface, and a confirmation button for confirming the skip display is displayed in the pop-up window. And when the terminal receives a ninth operation signal on the confirmation button, skipping and displaying the first user interface as a second user interface of the second application program.
Optionally, the eighth operation signal and the ninth operation signal include at least one of a click signal, a double click signal, a long press signal, and a slide signal. In the following description, only the eighth operation signal and the ninth operation signal are both click signals as an example.
In an illustrative example, based on the first user interface 51 provided in fig. 9, as shown in fig. 11, if the terminal automatically detects recommendation information or finds recommendation information corresponding to the keyword "AA", the terminal displays two pieces of recommendation information, namely recommendation information 94 and recommendation information 95, in the floating window 91. When a click signal on the recommendation information 94 is received, a detail page 96 corresponding to the recommendation information 94 is displayed in the floating window 91, a jump button 97 is displayed in the detail page 96, and when the click signal on the jump button 97 is received, the terminal jumps to display the first user interface 51 as a second user interface 98 of a second application corresponding to the detail page 96.
Optionally, at least one of a minimize button, a full screen button, and a move button is further displayed on the floating window.
Optionally, when the terminal receives a fourth operation signal on the minimize button, the floating window is cancelled from being displayed, and the display of the information icon is increased on the first user interface.
And after the user clicks the minimization button, the terminal cancels the display of the floating window and increases the display of the information icon on the first user interface, namely, the terminal displays the minimized floating window as the information icon.
Optionally, the fourth operation signal is any one of a click signal, a double click signal and a long press signal, and this embodiment exemplifies that the fourth operation signal is a click signal.
Optionally, when the terminal receives a fifth operation signal on the full-screen button, displaying a user interface corresponding to the information icon in a full-screen manner on the special-shaped screen.
And after the user clicks the full screen button, the terminal displays the user interface corresponding to the information icon in a full screen mode on the display screen, and switches the first application program from the foreground running state to the background running state.
Optionally, the fifth operation signal is any one of a click signal, a double click signal and a long press signal, and this embodiment exemplifies that the fifth operation signal is a click signal.
Optionally, when the terminal receives a sixth operation signal on the moving button, the display position of the floating window in the display screen of the terminal is changed according to the sixth operation signal.
Optionally, the sixth operation signal is a drag signal. The movement area may be a button, a control, or any area on a floating window.
And when the user drags the moving area, the terminal changes the display position of the floating window in the display screen according to the sixth operation signal.
In summary, in the embodiment of the present application, when a second operation signal on the first user interface is received, the information icon is superimposed and displayed on the first local area of the first user interface, where the second operation signal is a first sliding signal acting on the first local area of the first user interface; the method for triggering the display of the information icon is recessive, and the man-machine interaction efficiency is improved while the display element of the first user interface of the first application program is not shielded.
The method and the device for displaying the first basic icon further include the step of overlapping and displaying a side bar on the first local area of the first user interface through the terminal, wherein the side bar is used for displaying the first basic icon. When a second sliding signal on the sidebar is received, canceling the display of the first basic icon in the sidebar along with the second sliding signal, and increasing the display of the second basic icon and the information icon in the sidebar; the first local area displays more information in a limited display area, and the utilization rate of the first local area is improved.
In the user interface display method provided by the embodiment, the moving button, the minimizing button and the full-screen button are additionally arranged on the floating window, so that the display position and the display state of the floating window can be freely changed by the user, and the user can freely give consideration to the recommendation information corresponding to the first application program and the at least one second application program.
The following are embodiments of the apparatus of the present application that may be used to perform embodiments of the method of the present application. For details which are not disclosed in the embodiments of the apparatus of the present application, reference is made to the embodiments of the method of the present application.
Referring to fig. 12, a schematic structural diagram of a user interface display device according to an embodiment of the present application is shown. The information prompting device can be implemented by a dedicated hardware circuit, or a combination of hardware and software, as all or a part of the terminal in fig. 1, and includes: a first display module 1210, a second display module 1220, and a third display module 1230.
A first display module 1210, configured to display a first user interface of a first application, where the first user interface is used to display target content;
a second display module 1220 for displaying information icons on the first user interface;
the third display module 1230 is configured to display a floating window on the first user interface when the first operation signal on the information icon is received, where the floating window is used to display recommended information associated with the target content in a second application program, and the second application program is different from the first application program.
Optionally, the second display module 1220 is further configured to, when the second operation signal on the first user interface is received, superimpose and display an information icon on the first local area of the first user interface.
Optionally, the second display module 1220 is further configured to, when a second operation signal on the first user interface is received, superimpose and display a sidebar on the first local area of the first user interface, where the sidebar includes an information icon and a basic icon;
and the association degree of the information icon and the target content is higher than that of the basic icon and the target content.
Optionally, the third display module 1230 is configured to display, in the form of a floating window, first prompt information on the first user interface when the first operation signal on the information icon is received, where the first prompt information is used to indicate whether recommendation information associated with the target content is being detected in the second application;
and when the recommendation information is detected, switching and displaying the first prompt information in the floating window as the recommendation information.
Optionally, the third display module 1230 includes an acquiring unit, a detecting unit and a displaying unit. The acquisition unit is used for acquiring target content displayed in the first user interface when receiving a first operation signal on the information icon; the detection unit is used for detecting recommendation information related to the target content in the second application program; and the display unit is used for displaying the first prompt information in a floating window form on the first user interface.
Optionally, the detection unit is further configured to obtain feature information corresponding to the target content;
acquiring a target matching model, wherein the target matching model is used for training sample characteristic information;
inputting the characteristic information into a target matching model to obtain n recommended identifications, wherein n is a positive integer;
and acquiring recommendation information corresponding to the n recommendation identifications.
Optionally, the detection unit is further configured to obtain feature information corresponding to the target content;
sending a query request carrying the characteristic information to a server, wherein the query request is used for indicating the server to obtain a target matching model, and the target matching model is a model used for training the characteristic information of the sample; inputting the characteristic information into a target matching model to obtain n recommendation identifications, and feeding back recommendation information corresponding to the n recommendation identifications to a terminal, wherein n is a positive integer;
and receiving n pieces of recommendation information fed back by the server.
Optionally, the apparatus further includes: and a switching module. The switching module is used for switching and displaying the first prompt information in the floating window into second prompt information when the recommendation information is not detected, wherein the second prompt information is used for indicating that the recommendation information is not detected.
Optionally, the floating window further displays a search button and an input box; the third display module 1230 is further configured to, when the recommendation information is not detected and a third operation signal on the search button is received, acquire a keyword input in the input box, where the keyword includes a name of the target content and/or a name of an author of the target content; searching recommendation information corresponding to the key words in the second application program; and displaying the recommended information in the floating window when the recommended information is found.
Optionally, the apparatus further comprises: and a skip display module. The skip display module is used for displaying a detail page corresponding to the recommendation information in the floating window when a seventh operation signal on the recommendation information is received, and a skip button is displayed in the detail page; and when an eighth operation signal on the jump button is received, displaying the first user interface jump as a second user interface of a second application program corresponding to the detail page.
Optionally, the skip display module is further configured to display a pop-up window on the first user interface when an eighth operation signal on the skip button is received, where a confirmation button for confirming that the skip display is performed is displayed in the pop-up window; and when a ninth operation signal on the confirmation button is received, skipping and displaying the first user interface as a second user interface of the second application program.
Optionally, the floating window further displays a minimize button; the device also includes: the module is minimized.
And the minimizing module is used for canceling the display of the floating window and increasing the display of the information icon on the first user interface when receiving a fourth operation signal on the minimizing button.
Optionally, a full screen button is displayed on the floating window; the device also includes: and a full screen module.
And the full-screen module is used for displaying the user interface corresponding to the information icon on the special-shaped screen in a full-screen mode when the fifth operation signal on the full-screen button is received.
Optionally, the floating window further displays a moving button; the device also includes: and a moving module.
And the moving module is used for changing the display position of the floating window in the display screen of the terminal according to the sixth operation signal when the sixth operation signal on the moving button is received.
Optionally, when the first application program is a video application program and the target content is a video, the recommendation information includes at least one of comment information, encyclopedia information, catkin information, recommended video information, and authoring personnel information associated with the video in the second application program; when the first application program is a game application program and the target content is a game, the recommendation information includes at least one of strategy information, event information and recommended game information associated with the game in the second application program.
The relevant details may be combined with the method embodiments described with reference to fig. 4-11. The first display module 1210, the second display module 1220 and the third display module 1230 are further configured to implement any other implicit or disclosed functions related to the display steps in the above method embodiments.
It should be noted that, when the apparatus provided in the foregoing embodiment implements the functions thereof, only the division of the functional modules is illustrated, and in practical applications, the functions may be distributed by different functional modules according to needs, that is, the internal structure of the apparatus may be divided into different functional modules to implement all or part of the functions described above. In addition, the apparatus and method embodiments provided by the above embodiments belong to the same concept, and specific implementation processes thereof are described in the method embodiments for details, which are not described herein again.
The present application also provides a computer readable medium, on which program instructions are stored, and when the program instructions are executed by a processor, the user interface display method provided by the above-mentioned method embodiments is implemented.
The present application also provides a computer program product containing instructions which, when run on a computer, cause the computer to perform the user interface display method described in the various embodiments above.
The above-mentioned serial numbers of the embodiments of the present application are merely for description and do not represent the merits of the embodiments.
It will be understood by those skilled in the art that all or part of the steps in the user interface display method for implementing the above embodiments may be implemented by hardware, or may be implemented by a program instructing associated hardware, where the program may be stored in a computer-readable storage medium, and the above-mentioned storage medium may be a read-only memory, a magnetic disk or an optical disk, etc. The above description is only exemplary of the present application and should not be taken as limiting the present application, as any modification, equivalent replacement, or improvement made within the spirit and principle of the present application should be included in the protection scope of the present application.

Claims (17)

1. A user interface display method is applied to a terminal, and comprises the following steps:
displaying a first user interface of a first application, the first user interface for displaying target content;
displaying an information icon on the first user interface, wherein the information icon is an integrated entrance for triggering and displaying at least one piece of recommendation information;
when a first operation signal on the information icon is received, displaying a floating window on the first user interface, wherein the floating window is used for displaying the recommendation information associated with the target content in a second application program, the recommendation information is information of which the association degree with the target content in the second application program is higher than a preset threshold value, and the second application program is an application program except the first application program;
when a seventh operation signal on the recommendation information is received, displaying a detail page corresponding to the recommendation information in the floating window, wherein a jump button is displayed in the detail page;
and when an eighth operation signal on the jump button is received, displaying the first user interface jump as a second user interface of the second application program corresponding to the detail page.
2. The method of claim 1, wherein displaying an information icon on the first user interface comprises:
when a second operation signal on the first user interface is received, the information icon is displayed in an overlapping mode on the first local area of the first user interface.
3. The method of claim 2, wherein the displaying the information icon superimposed on the first partial area of the first user interface upon receiving the second operation signal on the first user interface comprises:
when the second operation signal on the first user interface is received, a side bar is displayed in an overlapping mode on the first local area of the first user interface, and the side bar comprises the information icon and a basic icon;
wherein the association degree of the information icon with the target content is higher than that of the basic icon with the target content.
4. The method of claim 1, wherein displaying a floating window on the first user interface when the first operation signal on the information icon is received comprises:
when the first operation signal on the information icon is received, displaying first prompt information in the form of the floating window on the first user interface, wherein the first prompt information is used for indicating that the recommendation information associated with the target content in the second application program is being detected;
and when the recommendation information is detected, switching and displaying the first prompt information in the floating window as the recommendation information.
5. The method of claim 4, wherein displaying a first prompt message in the form of the floating window on the first user interface when the first operation signal on the information icon is received comprises:
when the first operation signal on the information icon is received, the target content displayed in the first user interface is obtained;
detecting the recommendation information associated with the target content in the second application;
displaying the first prompt message in the form of the floating window on the first user interface.
6. The method of claim 5, wherein the detecting the recommendation information associated with the target content in the second application comprises:
acquiring characteristic information corresponding to the target content;
obtaining a target matching model, wherein the target matching model is used for training sample characteristic information;
inputting the characteristic information into the target matching model to obtain n recommended identifications, wherein n is a positive integer;
and acquiring recommendation information corresponding to the n recommendation identifications respectively.
7. The method of claim 5, wherein the detecting the recommendation information associated with the target content in the second application comprises:
acquiring characteristic information corresponding to the target content;
sending a query request carrying the characteristic information to a server, wherein the query request is used for indicating the server to obtain a target matching model, and the target matching model is a model used for training sample characteristic information; inputting the characteristic information into the target matching model to obtain n recommendation identifications, and feeding back recommendation information corresponding to the n recommendation identifications to the terminal, wherein n is a positive integer;
and receiving the n pieces of recommendation information fed back by the server.
8. The method of claim 4, further comprising:
and when the recommendation information is not detected, switching and displaying the first prompt information in the floating window as second prompt information, wherein the second prompt information is used for indicating that the recommendation information is not detected.
9. The method of claim 8, wherein the floating window further displays a search button and an input box; the method further comprises the following steps:
when the recommendation information is not detected and a third operation signal on the search button is received, acquiring a key word input in the input box, wherein the key word comprises the name of the target content and/or the name of an author of the target content;
searching the recommendation information corresponding to the key words in the second application program;
and when the recommendation information is found, displaying the recommendation information in the floating window.
10. The method according to claim 1, wherein when receiving an eighth operation signal on the jump button, displaying the first user interface jump as a second user interface of the second application corresponding to the detail page comprises:
when the eighth operation signal on the jump button is received, displaying a pop-up window on the first user interface, wherein a confirmation button for confirming the jump display is displayed in the pop-up window;
when a ninth operation signal on the confirmation button is received, the first user interface is displayed as the second user interface of the second application program in a skipping manner.
11. The method of any of claims 1 to 9, wherein the floating window further displays a minimize button; the method further comprises the following steps:
when a fourth operation signal on the minimize button is received, canceling the display of the floating window, and increasing the display of the information icon on the first user interface.
12. The method of any of claims 1 to 9, wherein the floating window is further displayed with a full screen button; the method further comprises the following steps:
and when a fifth operation signal on the full-screen button is received, displaying a user interface corresponding to the information icon on the special-shaped screen in a full-screen mode.
13. The method of any of claims 1 to 9, wherein the floating window further displays a move button; the method further comprises the following steps:
and when a sixth operation signal on the mobile button is received, changing the display position of the floating window in the display screen of the terminal according to the sixth operation signal.
14. The method according to any one of claims 1 to 9,
when the first application program is a video application program and the target content is a video, the recommendation information comprises at least one of comment information, encyclopedia information, floral information, recommended video information and creative people information which are related to the video in the second application program;
when the first application program is a game application program and the target content is a game, the recommendation information comprises at least one of strategy information, event information and recommended game information associated with the game in the second application program.
15. A user interface display device, applied to a terminal, the device comprising:
the first display module is used for displaying a first user interface of a first application program, and the first user interface is used for displaying target content;
the second display module is used for displaying an information icon on the first user interface, wherein the information icon is an integrated entrance used for triggering and displaying at least one piece of recommendation information;
a third display module, configured to display a floating window on the first user interface when a first operation signal on the information icon is received, where the floating window is used to display the recommendation information associated with the target content in a second application program, and the recommendation information is information that a degree of association with the target content in the second application program is higher than a predetermined threshold, and the second application program is an application program other than the first application program;
the skip display module is used for displaying a detail page corresponding to the recommendation information in the floating window when a seventh operation signal on the recommendation information is received, wherein a skip button is displayed in the detail page;
the skip display module is further configured to skip and display the first user interface as a second user interface of the second application program corresponding to the detail page when an eighth operation signal on the skip button is received.
16. A terminal, characterized in that the terminal comprises a processor, a memory connected to the processor, and program instructions stored on the memory, which when executed by the processor implement a user interface display method according to any one of claims 1 to 14.
17. A computer-readable storage medium, having stored thereon program instructions which, when executed by a processor, implement a user interface display method according to any one of claims 1 to 14.
CN201810962659.3A 2018-08-22 2018-08-22 User interface display method, device, terminal and storage medium Active CN109246464B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201810962659.3A CN109246464B (en) 2018-08-22 2018-08-22 User interface display method, device, terminal and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201810962659.3A CN109246464B (en) 2018-08-22 2018-08-22 User interface display method, device, terminal and storage medium

Publications (2)

Publication Number Publication Date
CN109246464A CN109246464A (en) 2019-01-18
CN109246464B true CN109246464B (en) 2021-03-16

Family

ID=65068913

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201810962659.3A Active CN109246464B (en) 2018-08-22 2018-08-22 User interface display method, device, terminal and storage medium

Country Status (1)

Country Link
CN (1) CN109246464B (en)

Families Citing this family (20)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111694626A (en) * 2019-03-15 2020-09-22 Oppo广东移动通信有限公司 Application skipping method and device, terminal and storage medium
CN110111125A (en) * 2019-03-21 2019-08-09 北京奇艺世纪科技有限公司 A kind of information output method, device, terminal and readable storage medium storing program for executing
CN109947330A (en) * 2019-03-28 2019-06-28 努比亚技术有限公司 Prompt operation processing method, mobile terminal and computer readable storage medium
CN111857897A (en) 2019-04-25 2020-10-30 北京小米移动软件有限公司 Information display method and device and storage medium
CN110354498A (en) * 2019-06-21 2019-10-22 努比亚技术有限公司 Game strategy method for pushing, wearable device and computer readable storage medium
CN115686705B (en) * 2019-07-31 2023-11-28 华为技术有限公司 Interface display method and electronic equipment
CN111061530A (en) * 2019-12-05 2020-04-24 维沃移动通信有限公司 Image processing method, electronic device and storage medium
CN111399720A (en) * 2020-03-24 2020-07-10 北京小米移动软件有限公司 Method and device for displaying application interface and storage medium
CN111538449A (en) * 2020-04-29 2020-08-14 深圳市元征科技股份有限公司 Information display method and terminal equipment
CN111708959A (en) * 2020-06-16 2020-09-25 Oppo广东移动通信有限公司 Page display method and device, storage medium and electronic equipment
CN111949358A (en) * 2020-08-18 2020-11-17 北京字节跳动网络技术有限公司 Dynamic display method, device, readable medium and electronic equipment
CN112148170B (en) * 2020-09-29 2022-07-01 维沃移动通信有限公司 Desktop element adjusting method and device and electronic equipment
CN112799558A (en) * 2021-02-01 2021-05-14 联想(北京)有限公司 Information processing method, information processing device, electronic equipment and storage medium
CN115220828A (en) * 2021-04-19 2022-10-21 Oppo广东移动通信有限公司 Sidebar display method and device, terminal and storage medium
CN115706823A (en) * 2021-08-05 2023-02-17 聚好看科技股份有限公司 Service capability reporting method of terminal equipment and terminal equipment
CN113778598A (en) * 2021-08-31 2021-12-10 维沃移动通信有限公司 Prompt message display method and device and electronic equipment
CN113794920A (en) * 2021-08-31 2021-12-14 维沃移动通信有限公司 Interface display method and device, electronic equipment and medium
CN117193514A (en) * 2022-05-31 2023-12-08 华为技术有限公司 Man-machine interaction method and electronic equipment
CN117714791A (en) * 2022-09-08 2024-03-15 抖音视界有限公司 Multimedia component triggering method and device, electronic equipment and storage medium
CN116320644A (en) * 2022-12-23 2023-06-23 北京奇艺世纪科技有限公司 Object recommendation method and device, electronic equipment and storage medium

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103686410A (en) * 2013-12-10 2014-03-26 乐视网信息技术(北京)股份有限公司 Method and terminal for video playing
CN105302837A (en) * 2014-07-31 2016-02-03 腾讯科技(深圳)有限公司 Information query method and terminal

Family Cites Families (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
AU2012202162B2 (en) * 2011-04-18 2014-08-28 Wms Gaming, Inc. Dynamic updating of content based on gaming-application context
CN103269440A (en) * 2013-05-15 2013-08-28 深圳市龙视传媒有限公司 Method for displaying figure information and digital television terminal
CN103561330A (en) * 2013-10-17 2014-02-05 深圳市同洲电子股份有限公司 Method, device and system for correlating video to news
CN103763626B (en) * 2013-12-19 2017-11-21 华为软件技术有限公司 A kind of information-pushing method, equipment and system
CN103747347A (en) * 2013-12-30 2014-04-23 乐视网信息技术(北京)股份有限公司 Video recommendation method
CN104918094A (en) * 2014-03-15 2015-09-16 杨曜骏 Program associated information obtaining and releasing method based on playing program synchronization time axis
US9866589B1 (en) * 2014-12-17 2018-01-09 Airwatch Llc Management of actions initiated by applications in client devices
CN108279828A (en) * 2016-12-30 2018-07-13 北京搜狗科技发展有限公司 A kind of method, apparatus and terminal starting application program
CN108415752A (en) * 2018-03-12 2018-08-17 广东欧珀移动通信有限公司 Method for displaying user interface, device, equipment and storage medium

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103686410A (en) * 2013-12-10 2014-03-26 乐视网信息技术(北京)股份有限公司 Method and terminal for video playing
CN105302837A (en) * 2014-07-31 2016-02-03 腾讯科技(深圳)有限公司 Information query method and terminal

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
"聚合类新闻客户端的个性化新闻推荐研究";吴晓霞;《中国优秀硕士学位论文全文数据库》;20180415;全文 *

Also Published As

Publication number Publication date
CN109246464A (en) 2019-01-18

Similar Documents

Publication Publication Date Title
CN109246464B (en) User interface display method, device, terminal and storage medium
CN109164964B (en) Content sharing method and device, terminal and storage medium
CN108804190B (en) User interface display method, device, terminal and storage medium
CN109034115B (en) Video image recognizing method, device, terminal and storage medium
CN108089786B (en) User interface display method, device, equipment and storage medium
CN107688422B (en) Notification message display method and device
WO2019174546A1 (en) User interface display method and device, apparatus, and storage medium
CN109947979B (en) Song identification method, device, terminal and storage medium
CN109101157B (en) Sidebar icon setting method and device, terminal and storage medium
CN107632874B (en) Interface display method and device and terminal
CN108845854B (en) User interface display method, device, terminal and storage medium
US10271105B2 (en) Method for playing video, client, and computer storage medium
WO2019085821A1 (en) Processing method, device, apparatus, and machine-readable medium
CN107590006A (en) Document handling method, device and mobile terminal
CN109656445B (en) Content processing method, device, terminal and storage medium
CN107506123A (en) Regulation operation performs method, apparatus and terminal
CN109117060B (en) Pull-down notification bar display method, device, terminal and storage medium
WO2019233307A1 (en) User interface display method and apparatus, and terminal and storage medium
WO2019085820A1 (en) Processing method, device, apparatus, and machine-readable medium
US20150121301A1 (en) Information processing method and electronic device
CN113342248A (en) Live broadcast display method and device, storage medium and electronic equipment
CN108845733B (en) Screen capture method, device, terminal and storage medium
WO2019085810A1 (en) Processing method, device, apparatus, and machine-readable medium
CN111526290B (en) Image processing method, device, terminal and storage medium
US11194598B2 (en) Information display method, terminal and storage medium

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
GR01 Patent grant
GR01 Patent grant