CN111221450B - Information display method and device, electronic equipment and storage medium - Google Patents

Information display method and device, electronic equipment and storage medium Download PDF

Info

Publication number
CN111221450B
CN111221450B CN202010003231.3A CN202010003231A CN111221450B CN 111221450 B CN111221450 B CN 111221450B CN 202010003231 A CN202010003231 A CN 202010003231A CN 111221450 B CN111221450 B CN 111221450B
Authority
CN
China
Prior art keywords
area
touch operation
movable
function
control
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
CN202010003231.3A
Other languages
Chinese (zh)
Other versions
CN111221450A (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.)
Hangzhou Netease Cloud Music Technology Co Ltd
Original Assignee
Hangzhou Netease Cloud Music Technology Co 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 Hangzhou Netease Cloud Music Technology Co Ltd filed Critical Hangzhou Netease Cloud Music Technology Co Ltd
Priority to CN202010003231.3A priority Critical patent/CN111221450B/en
Publication of CN111221450A publication Critical patent/CN111221450A/en
Application granted granted Critical
Publication of CN111221450B publication Critical patent/CN111221450B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction 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
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The embodiment of the application provides an information display method, an information display device, electronic equipment and a storage medium. The information display method is applied to a terminal, a first application runs in the terminal, and a first area in an interface of the first application comprises at least one function control; the information display method comprises the following steps: after a preset trigger condition is met, the first area is converted from a static state to a movable state; after receiving a first moving instruction, moving the first area, so that all or part of the first area moves out of an initial position; and the second area moves, so that all or part of the second area enters the current interface, wherein the second area comprises information and/or function controls. By the aid of the method and the device, interested information can be flexibly and quickly provided for the user.

Description

Information display method and device, electronic equipment and storage medium
Technical Field
Embodiments of the present application relate to the field of mobile communication technologies, and in particular, to an information display method, an information display apparatus, an electronic device, and a non-volatile computer-readable storage medium.
Background
This section is intended to provide a background or context to the embodiments of the application that are recited in the claims. The description herein is not admitted to be prior art by inclusion in this section.
Nowadays, people can use a variety of application programs (sometimes referred to as applications for short, and abbreviated as apps) by means of intelligent terminal equipment, and work and life of people can be facilitated. Common application categories may include information-based, educational-based, music-based, video-based, and social-based applications, among others.
By taking music application as an example, people can listen to music and songs on line, can search interesting music or musicians, can collect favorite music and pay attention to the interesting musicians, and can also make comments on music works and the like; taking education applications as an example, people can watch training course videos on line, can search interested training courses or speakers, can collect important training courses and concern favorite speakers, and can make comments on the training courses. In addition, more and more applications are additionally provided with a recommendation function, and related information can be actively recommended according to the use history of the user, the recommended information may be information which is interesting for the user, and the use requirements of the user can be met to a certain extent.
At present, in order to provide convenience for users and meet the use requirements of the users, additional functions of various applications are more and more abundant, the designs of various applications are more and more complicated and bloated in practice, and the users often feel unpreferable in the face of numerous operation buttons and operation guides.
Disclosure of Invention
It is desirable to provide an information display method, apparatus, electronic device and non-volatile computer readable storage medium to solve at least some of the above technical problems.
In a first aspect, an embodiment of the present application provides an information display method, which is applied to a terminal, and includes: a first application runs in the terminal, and a first area in an interface of the first application comprises at least one function control; the information display method comprises the following steps:
after a preset trigger condition is met, the first area is converted from a static state to a movable state;
after receiving a first moving instruction, moving the first area, so that all or part of the first area moves out of an initial position; and the number of the first and second groups,
and moving the second area to enable all or part of the second area to enter the current interface, wherein the second area comprises information and/or function controls.
According to the information display method of the embodiment of the application, the first movement instruction comprises at least one of the following items: receiving appointed touch operation in the first area range; receiving a designated touch operation outside the first area range; and the instruction is triggered when the duration of continuously not receiving the touch operation in the first area range and/or outside the first area range exceeds a first preset threshold.
According to the information display method of the embodiment of the application, the method further comprises the following steps: receiving touch operation in the second area range; and executing an instruction corresponding to the touch operation.
According to the information display method of the embodiment of the application, the executing of the instruction corresponding to the touch operation includes at least one of the following: responding to the touch operation of the information in the selected second area, and displaying the related content of the information; responding to the touch operation of the selected function control in the second area, and executing the function corresponding to the selected function control; responding to the designated touch operation in the range of the second area, moving part or all of the second area out of the current position, and moving part or all of the first area into the current position.
According to the information display method of the embodiment of the application, the first area is converted from the static state to the movable state, and the method comprises the following steps: the first area transforms into a movable first card, wherein the at least one functionality control is in the movable first card.
According to the information display method of the embodiment of the application, the method further comprises the following steps: in the event that the first area is converted to a moveable first card, displaying a portion of the second area in an interface, the second area including a moveable second card.
According to the information display method of the embodiment of the application, the number of the second cards is one or more than one.
According to the information display method of the embodiment of the application, the preset trigger condition includes at least one of the following conditions: at least one designated functionality control in the first region is triggered; the duration of playing the same file in the current interface exceeds a second preset threshold; receiving appointed touch operation in the first area range; and receiving a specified touch operation outside the range of the first area.
According to the information display method of the embodiment of the application, the specified function control comprises at least one control of the following controls: the control of the collection function, the control of the attention function, the control of the approval function, the control of the appreciation function, the control of the comment function, the control of the sharing function, the control of the forwarding function, the control of the purchase function, the control of the download function and the control set as prompt information.
According to the information display method of the embodiment of the application, the method further comprises the following steps: after receiving a second movement instruction, the first area and the second area both move, so that all or part of the first area and all or part of the second area move out of respective current positions; and the third area moves, so that all or part of the third area enters the current interface, wherein the third area comprises information and/or function controls.
According to the information display method of the embodiment of the application, the second area and the third area are respectively located on two sides of the first area.
According to the information display method of the embodiment of the application, the second movement instruction includes at least one of the following items: receiving appointed touch operation in the movable area range; a designated touch operation received outside the movable area range; and the instruction is triggered when the duration of continuously not receiving the touch operation in the range of the movable area and/or outside the range of the movable area exceeds a third preset threshold.
According to the information display method of the embodiment of the application, the third area comprises a movable third card.
According to the information display method of the embodiment of the application, the number of the third cards is one or more than one.
According to the information display method of the embodiment of the application, the method further comprises the following steps: after a preset exit condition is met, the first area moves, so that the first area returns to the initial position; all movable areas except the first area move out of the current interface; the first region is converted from a movable state to a stationary state.
According to the information display method of the embodiment of the application, the preset exit condition includes at least one of the following conditions: the duration of continuously not receiving the touch operation in the movable area range exceeds a fourth preset threshold; receiving appointed touch operation in the range of the movable area; and receiving the specified touch operation outside the range of the movable area.
In a second aspect, an embodiment of the present application further provides an information display apparatus, which is applied to a terminal, where a first application runs in the terminal, and a first area in an interface of the first application includes at least one function control; the information display device includes:
the first state conversion module is used for converting the first area from a static state to a movable state after a preset trigger condition is met;
the first movement processing module is used for moving the first area after receiving a first movement instruction, so that all or part of the first area moves out of an initial position, and moving the second area, so that all or part of the second area enters a current interface, wherein the second area comprises information and/or function controls.
According to the information display apparatus of the embodiment of the application, the first movement instruction includes at least one of: receiving appointed touch operation in the first area range; receiving a designated touch operation outside the first area range; and the instruction is triggered when the duration of continuously not receiving the touch operation in the first area range and/or outside the first area range exceeds a first preset threshold.
According to the information display device of the embodiment of the application, the device further comprises: a touch operation receiving module, configured to receive a touch operation in the second area range; and the instruction execution module is used for executing the instruction corresponding to the touch operation.
According to the information display device of the embodiment of the application, the instruction execution module comprises at least one of the following sub-modules: the information display submodule is used for responding to the touch operation of the information in the selected second area and displaying the related content of the information; the function execution sub-module is used for responding to the touch operation of the selected function control in the second area and executing the function corresponding to the selected function control; and the area moving sub-module is used for responding to the appointed touch operation in the second area range, enabling part or all of the second area to move out of the current position, and enabling part or all of the first area to move into the current position.
According to the information display device of the embodiment of the application, the first state transition module comprises: a card conversion sub-module to convert the first area into a movable first card, wherein the at least one functionality control is in the movable first card.
According to the information display device of the embodiment of the application, the device further comprises: and the area display module is used for displaying part of the second area in an interface under the condition that the card conversion sub-module converts the first area into a movable first card, and the second area comprises a movable second card.
According to the information display device of the embodiment of the application, the number of the second cards is one or more than one.
According to the information display device of the embodiment of the application, the preset trigger condition comprises at least one of the following conditions: at least one designated functionality control in the first region is triggered; the duration of playing the same file in the current interface exceeds a second preset threshold; receiving appointed touch operation in the first area range; and receiving a specified touch operation outside the range of the first area.
According to the information display device of the embodiment of the application, the specified function control comprises at least one control of the following controls: the control of the collection function, the control of the attention function, the control of the approval function, the control of the appreciation function, the control of the comment function, the control of the sharing function, the control of the forwarding function, the control of the purchase function, the control of the download function and the control set as prompt information.
According to the information display device of the embodiment of the application, the device further comprises: and the second movement processing module is used for moving the first area and the second area after receiving a second movement instruction, so that all or part of the first area and all or part of the second area move out of respective current positions, and moving the third area, so that all or part of the third area enters a current interface, wherein the third area comprises information and/or functional controls.
According to the information display device of the embodiment of the application, the second area and the third area are respectively located on two sides of the first area.
According to the information display apparatus of the embodiment of the application, the second movement instruction includes at least one of: receiving appointed touch operation in the movable area range; a designated touch operation received outside the movable area range; and the instruction is triggered when the duration of continuously not receiving the touch operation in the range of the movable area and/or outside the range of the movable area exceeds a third preset threshold.
According to the information display device of the embodiment of the application, the third area comprises a movable third card.
According to the information display device of the embodiment of the application, the number of the third cards is one or more than one.
According to the information display device of the embodiment of the application, the device further comprises: the third movement processing module is used for moving the first area after meeting a preset exit condition, so that the first area returns to the initial position, and other movable areas except the first area are moved out of the current interface; and the second state conversion module is used for converting the first area from a movable state to a static state.
According to the information display device of the embodiment of the application, the preset exit condition comprises at least one of the following conditions: the duration of continuously not receiving the touch operation in the movable area range exceeds a fourth preset threshold; receiving appointed touch operation in the range of the movable area; and receiving the specified touch operation outside the range of the movable area.
In a third aspect, an embodiment of the present application further provides a computing device, including:
one or more processors;
storage means for storing one or more programs;
the one or more programs, when executed by the one or more processors, cause the one or more processors to implement the steps of the information display method as described above.
In a fourth aspect, embodiments of the present application further provide a non-volatile computer-readable storage medium, which stores a computer program, and when the computer program is executed by a processor, the computer program implements the steps of the information display method described above.
By utilizing the embodiment of the application, the interactive channel between the user and the terminal equipment can be expanded, the user does not need to switch the current interface in the using process, but the light application architecture design is realized by the newly presented movable area browsing information on the premise of providing continuous audio-visual experience for the user, and the defects of increasingly complicated and overstaffed current various application operations can be alleviated to a certain extent.
Drawings
The above and other objects, features and advantages of exemplary embodiments of the present application will become readily apparent from the following detailed description read in conjunction with the accompanying drawings. Several embodiments of the present application are illustrated by way of example, and not by way of limitation, in the figures of the accompanying drawings and in which:
fig. 1 schematically shows a flowchart of an implementation of an information display method according to an embodiment of the present application;
FIG. 2 is a schematic diagram showing the effect of a display interface of a music player of a terminal application in the embodiment of the application;
FIG. 3 is a schematic diagram illustrating an effect of a transition of a basic function area from a stationary state to a movable state in one embodiment of the present application;
FIG. 4 is a schematic diagram illustrating an effect of converting a basic function region from a static state to a movable state in another embodiment of the present application;
FIG. 5 is a schematic diagram showing possible effects of states of a first card, a second card and a third card in an embodiment of the present application;
FIG. 6 is a schematic diagram illustrating an effect of a second card in an operation area below the middle of the interface in the embodiment of the application;
FIG. 7 is a schematic diagram illustrating an effect of a third card in an operation area below the middle of an interface in an embodiment of the present application;
FIG. 8 is a schematic diagram illustrating an effect of an interface state after songs are switched by a third card in the embodiment of the present application;
FIG. 9 is a schematic diagram of a storage medium structure according to an embodiment of the present application;
fig. 10 schematically shows a structural diagram of an information display device according to an embodiment of the present application;
fig. 11 schematically shows a structural diagram of a computing device according to an embodiment of the present application.
In the drawings, the same or corresponding reference numerals indicate the same or corresponding parts.
Detailed Description
The principles and spirit of the present application will be described with reference to a number of exemplary embodiments. It should be understood that these embodiments are given solely for the purpose of enabling those skilled in the art to better understand and to practice the present application, and are not intended to limit the scope of the present application in any way. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the scope of the disclosure to those skilled in the art.
As will be appreciated by one skilled in the art, embodiments of the present application may be embodied as a system, apparatus, device, method, or computer program product. Accordingly, the present disclosure may be embodied in the form of: entirely hardware, entirely software (including firmware, resident software, micro-code, etc.), or a combination of hardware and software.
According to the embodiment of the application, an information display method, an information display device, a storage medium and a computing device are provided.
In this document, any number of elements in the drawings is by way of example and not by way of limitation, and any nomenclature is used solely for differentiation and not by way of limitation.
The principles and spirit of the present application are explained in detail below with reference to several representative embodiments of the present application.
Summary of The Invention
In the field, music and video applications are application types which appear earlier, especially music applications, and are always indispensable applications in user terminal equipment from the beginning of the rise of smart phones to the present day, determined by the characteristic that the smart terminal equipment is also an audio and video player.
The inventor of the present application has found that, although the versions of music applications are continuously changed and new application types are continuously emerging, the operation modes of the basic functions of various applications rarely change, every time a new function is developed, a new function control is added on the operation interface of an application, a user uses the corresponding function by clicking the trigger function control, when the home interface becomes crowded, the user sinks to the next level of sub-interface to place the function control, when the user needs to use a certain function or view certain information, such as "recommend similar songs", the interface has to be switched to find the corresponding function control or the recommended song information display, and such operations are unreasonable for the music and video application users because the interface switching means that the currently displayed content stops, the lyrics cannot be continuously viewed or the pictures cannot be continuously viewed, Multimedia contents such as videos and the like are not continuous enough in experience, the operation span for switching to other interfaces is large, the path is complex, and the weight is not light enough.
In view of this, embodiments of the present application provide an information display method and apparatus, which expand an interaction scene between a user and an application by designing a movable functional area for a terminal application, and flexibly and lightly implement display and control of new information and a new control. The embodiment of the application can be used for the applications of music, videos and the like, and can be popularized to all kinds of applications of intelligent terminals which are already listed or are not listed.
Having described the basic idea of the application, various non-limiting embodiments of the application are described in detail below.
Exemplary method
An information display method according to an exemplary embodiment of the present application is described below with reference to fig. 1.
Fig. 1 schematically shows a flowchart of an implementation of an information display method according to an embodiment of the present invention, where the method is applied to a terminal, a first application runs in the terminal, and a first area in an interface of the first application includes at least one function control;
the information display method comprises the following steps:
s101: after a preset trigger condition is met, the first area is converted from a static state to a movable state;
s102: after receiving a first moving instruction, moving the first area, so that all or part of the first area moves out of an initial position; and the number of the first and second groups,
s103: and moving the second area to enable all or part of the second area to enter the current interface, wherein the second area comprises information and/or function controls.
By utilizing the embodiment of the application, firstly, the application is run in a terminal such as a smart phone, a display interface of the application can be displayed with a plurality of commonly used basic function controls, when a trigger condition is met, the display interface of the application changes, specifically, a part of area carrying the basic function controls in the interface is converted from a static state to a movable state, if a movement instruction is received, the area in the movable state starts to move, and the movement distance is possibly larger, so that the movable area completely leaves the initial position of the movable area, and the movement distance is also possibly smaller, and only a part of the movable area leaves the initial position; at the same time or later, a new movable region will be entered into the display interface and the new region will carry information and/or functionality controls.
Since the new area entering the display interface can carry new information and/or function controls, it can provide new information that is not available in the original interface, for example, recommended information related to the currently played content, which may be information of interest to the user; on the other hand, a new function which is not used in the original interface can be provided for the user, taking the "focus" function as an example, one case is that: the focus function control provided on the new area is configured for the current playing content, and the user clicks the focus function control on the new area to finish focusing on the current playing content; the other situation is that: the focus function control provided on the new area is configured for the new recommendation information displayed on the new area instead of the current playing content, so that the user can quickly finish focusing on the new recommendation information by clicking the focus function control, and the user can conveniently track and view the new recommendation information.
Through the arrangement, the interactive channel between the user and the terminal device is expanded, the user does not need to switch the current interface in the using process, an operation path does not need to be searched, the operation can be completed through the newly presented movable area, on the premise of providing continuous audio-visual experience for the user, the lightweight application architecture design is realized, and the defects that various current application operations are increasingly complicated and overstaffed can be relieved to a certain extent.
The principles and implementations of embodiments of the present application are explained in detail below based on various aspects of the application.
< trigger Condition for State transition >
In the embodiment of the application, after a preset state transition triggering condition is met, a first area in the application display interface can be converted into a movable state from a static state, and the first area comprises at least one function control.
The embodiment of the application sets reasonable state transition triggering conditions according to the user using behavior data. One or more of the following state transition triggering conditions can be selectively adopted for different user usage behaviors.
In one embodiment of the present application, the triggering condition of the state transition may be: at least one designated functionality control in the first region is triggered.
The designated functionality control may be various application functionality controls known to the public, or may be an application functionality control that has not been published, and the following are listed schematically, and the designated functionality control may be any one or more of the following: the control of the collection function, the control of the attention function, the control of the approval function, the control of the appreciation function, the control of the comment function, the control of the sharing function, the control of the forwarding function, the control of the purchasing function, the control of the downloading function, the control set as the prompt message and the like.
Taking the control of the favorite function as an example, sometimes the favorite control is designed as a heart-shaped control icon, if the user clicks the control icon, it usually indicates that the user likes the currently played content, and in response to the click touch of the user, the background system of the application can record the currently played content into the favorite list, so that the user can view the content again. In contrast, in the embodiment of the present application, if the collection function control in the first area is clicked and selected, not only the collection of the currently played content may be implemented, but also the state transition of the first area may be triggered, and the first area is converted from the stationary state to the movable state to prepare for the next area movement.
Further, in the embodiment of the present application, a time when a state transition triggering condition (e.g., a favorite function control is clicked) is met is denoted as T1, a time when the first area completes a transition from a stationary state to a movable state is denoted as T2, where a time interval Δ T between T2 and T1 is ≧ 0, during the time interval Δ T, the background level of the application can request relevant data from the server, and after the relevant data fed back by the server is obtained, the application has the capability of providing new information and/or new function controls, at this time, when the first area completes the state transition, new information and/or new function controls can be provided and displayed for the user in a newly-appeared second area when the area moves next step.
In the case that Δ T is 0 or approaches to zero, for example, in a start-up phase or other default states of the application, the background actively calculates recommendation information for the user according to historical use information of the user, or actively requests recommendation information data from the server, and then before the collection function control is clicked and triggered, the required recommendation information can be prepared, so that the first area can be immediately converted into a movable state when the collection function control is clicked and triggered, the response speed is increased, and the user waiting time is shortened. It is to be noted that since the recommendation information in the present embodiment is prepared in advance, the content currently played by the application is not taken into consideration, and therefore there may be a case where the recommendation information displayed in the second region is not highly correlated with the currently played content.
In addition, for the case that two or more function controls are triggered in the first area, the difference from the aforementioned case that only the favorite function control is triggered is that after the user completes the first click touch and before the user performs the second click touch, the first area may have already been changed to the movable state, and the function control therein also becomes movable, and then the user may continue to operate on the first area in the movable state, for example, click on the movable praise function control, praise the currently played content, and complete the operation of the basic function.
In one embodiment of the present application, the triggering condition of the state transition may be: the duration of playing the same file in the current interface exceeds a preset threshold.
Here, the file played in the interface is the file being played by the application, and for different types of applications, the played file may be a collection of one or more of various forms of multimedia content such as audio, video, pictures, or text.
It is understood that if the user stays in the currently playing file for a certain length of time, for example, 5 seconds, 6 seconds, or 8 seconds, etc., meaning that the user may be interested in the currently playing file (e.g., a song, an online learning course), relevant content may be recommended to the user, which may have a high probability of being interested in the newly recommended content.
Therefore, in this case, that is, when the time that the user stays in the currently played file reaches a certain length, the application may actively initiate a process of area state transition in the display interface, activate the first area and the second area, so that the recommended content is displayed on the newly moved-in second area in a form that the first area is moved out and the second area is moved in, for the user to view, select, play, pay attention to, and/or collect, and the like. That is to say, the user may issue a touch operation for the currently moved second area, and the application will execute a corresponding control instruction, so as to implement deep interaction with the user.
In one embodiment of the present application, the triggering condition of the state transition may be: and receiving the appointed touch operation in the first area range.
In this embodiment, when the user performs the sliding touch control in the first area range, the state transition process of the area may also be triggered, for example, when the user slides to the left, the first area may transition from the stationary state to the movable state, and the first area slides to the left; correspondingly, the second area located at the right side of the first area is also slid to the left, so that the second area carries the recommendation information and/or the function control to enter the current interface.
In addition to the above-mentioned manner of sliding touch, other suitable touch manners may be set as the trigger condition of state transition, for example, long press, one short press, multiple continuous short presses, sliding touch or clicking touch of multi-point contact, different combinations of the foregoing manners, and the like in the first area range, as long as they can be distinguished from other touch functions, and the embodiment of the present application is not particularly limited thereto.
In one embodiment of the present application, the triggering condition of the state transition may be: and receiving the specified touch operation outside the range of the first area.
The present embodiment is different from the foregoing embodiments in that the foregoing embodiments are configured to be triggered by touch within the first area range, and the present embodiment is configured to be triggered by touch outside the first area range, so that the state transition of the movable area can be triggered. In practical application, a specific touch manner can be selected and set according to different application types or interface conditions and the like.
It should be noted that, in various embodiments of the present application, for a step involved in a touch operation, a desired function may be implemented based on various touch manners mentioned herein or not mentioned herein, for example, different page attributes and different touch manners may be arranged and combined to form an effective touch manner and an overall design of corresponding instructions. It can be understood that what kind of touch manner and combination of the corresponding instruction are specifically adopted does not affect the implementation of the concept of the embodiment of the present application.
< multiple movable regions >
According to the embodiment of the application, a first area in the application display interface can be activated as a movable area, and the first area moves after receiving a first movement instruction, wherein the first movement instruction can be at least one of the following items:
firstly, receiving appointed touch operation in a first area range;
receiving appointed touch operation outside the first area range;
and thirdly, triggering an instruction when the duration of continuously not receiving the touch operation in the first area range and/or outside the first area range exceeds a preset threshold.
In the first case, it can be understood that the user slides the movable first area to the left, for example, and the first area moves to the left in response to the touch operation, that is, the movement instruction, of the touch operation sliding to the left that can be received in the first area.
The second case is different from the first case in that, even if the user gives a touch operation, such as a rightward slide, at a position outside the range of the first area, the user can recognize it as a movement instruction to the first area without colliding with an existing function, and the first area is moved rightward in response to the movement instruction.
For the third case, the difference from the first or second case is that the terminal does not receive the touch operation within a period of time after the first area is converted into the movable state, and the user may not determine which movement instruction is given yet, and when the duration of continuously not receiving the touch operation exceeds a certain value, such as 2 seconds, 3 seconds, or 5 seconds, the background system may automatically trigger a movement instruction to indicate that the first area moves downward, for example.
After the first area moves, the second area which is in the movable state can enter the current interface to display the recommendation information. Through the multiple modes, the rapid interaction between the user and the application can be formed, the required operation span is small, the understanding and the realization are easy, the operation mode which needs interface switching and the traditional multi-stage path can be replaced, and the purpose of light application design is achieved.
Wherein, the moving direction of the first area can be any angle, optionally, for example, upward, downward, leftward or rightward; the first area can move for a short distance and completely or partially move out of the initial position, and the first area is still in the terminal screen after the movement; the first area can also be moved a larger distance, completely or partially out of the terminal screen, after which the first area is partially or completely invisible.
The reason for this is that, for the first area carrying the basic function control, its initial position should be the core important position in the interface, and after moving it away, a certain space can be left for the new second area, the new third area and/or the new fourth area, etc., so that the information and/or function control provided by the system can be displayed at the important position in the interface, which is convenient for the user to view and operate.
With respect to the use of the newly moved-in second area, referring to fig. 1, the information display method according to the embodiment of the present application further includes the steps of:
s104: receiving touch operation in the second area range;
s105: and executing an instruction corresponding to the touch operation.
As described above, in the embodiment of the present application, the recommended content can be displayed on the newly moved second area for the user to view, select, play, pay attention to, and/or collect, and the user can send out a touch operation for the second area, and the application will execute a corresponding control instruction to implement an instant deep interaction with the user.
Specifically, taking the first area moving out of the initial position and the second area moving into the initial position as an example, if the user performs a touch operation on the second area, the instruction corresponding to the touch operation may be implemented, and may include at least one of the following specific cases:
in response to a touch operation of selecting information in the second area, displaying related content of the information;
responding to the touch operation of the selected function control in the second area, and executing the function corresponding to the selected function control;
in response to a specified touch operation within the range of the second area, part or all of the second area moves out of the current position, and part or all of the first area moves into the current position.
The first two situations describe that a user sends out touch operation aiming at a newly moved second area, and the application executes a corresponding control instruction to realize horizontal and longitudinal depth interaction with the user; the latter case describes the way in which a first area is switched in position with an adjacent second area. Taking the user to touch the screen as an example, if the terminal receives a short-press touch within the second area range, the second area moves out of the current position partially or completely, and then the first area moves into the current position partially or completely, and the position switching is completed. Similarly, the user continues to tap the current first area, and the first area can be switched to the second area again. In addition, the current area can be slid to switch or the adjacent area can be clicked to switch, and the like.
Preferably, a third area may be further provided in the embodiment of the present application, where the third area includes information and/or functionality controls, and more new spaces can be introduced to provide incremental information for a user. The third region may be disposed on both sides of the first region, for example, the second region may be disposed on the left side of the first region, and the third region may be disposed on the right side of the first region.
Furthermore, the three movable areas can be set to be in a linkage state, when a user sends an instruction and moves one of the areas, the rest two areas also move in the same direction at the same time, information of the areas can be displayed circularly, and continuous and smooth operation experience is achieved.
In the embodiment of the application, for the case that the second area and the third area are configured at the same time, after receiving the second movement instruction, the first area and the second area both move, so that all or part of the first area and all or part of the second area move out of respective current positions; and the third area is moved so that all or part of the third area enters the current interface.
Wherein the second movement instruction may comprise at least one of:
firstly, receiving appointed touch operation in a movable area range;
receiving appointed touch operation outside the range of the movable area;
and thirdly, triggering the instruction when the duration of continuously not receiving the touch operation in the range of the movable area and/or outside the range of the movable area exceeds a preset threshold value.
Compared with the three cases of the first movement instruction, the difference is that the manipulation result of the second movement instruction is to move all or part of the first area and all or part of the second area out of the respective current positions, and to move all or part of the third area into the current interface, so as to bring more information and/or function controls into the user.
In an embodiment of the application, the second area is located on the right side of the first area, and the third area is located on the left side of the first area, the first moving instruction may be designated to slide leftward (or click on the second area), and the second moving instruction may be designated to slide rightward (or click on the third area).
According to the needs, the embodiment of the present application may further add a fourth area or more areas, for example, above and/or below the first area, to extend the expansion space of the embodiment of the present application to a greater extent. The specific setting manner is as described above, and can be obtained by analogy, and the description is omitted here.
< retraction mode of movable region >
In embodiments of the application, a user views information and/or triggers functionality controls of interest through multiple movable regions without leaving the interface currently playing multimedia files, so that the user can explore more new information and perform more required operations without breaking through core information.
And after the user finishes operating each movable area, returning to the original file playing interface. Therefore, in the embodiment of the application, after the preset exit condition is met, the first area moves, so that the first area returns to the initial position, and other movable areas except the first area move out of the current interface, the first area is converted from the movable state to the static state, and the user can continue to enjoy the currently played content. Of course, multiple movable zones may be triggered again for information recommendation if desired.
In the embodiment of the application, various exit conditions can be designed to be combined for use, and the movable state can be exited as long as one of the exit conditions is met, so that the operation of a user is facilitated, and the normal playing state can be quickly recovered.
In various embodiments, at least one of the following conditions may be set as the exit condition:
firstly, the duration of continuously not receiving the touch operation in the movable area range exceeds a preset threshold, such as 5 seconds, 7 seconds, 10 seconds, shorter time or longer time;
receiving appointed touch operation in the movable area range;
and receiving appointed touch operation outside the range of the movable area.
In the first case, it may be understood that if the operation of the user on any one of the movable areas is not received within a certain time, which means that the user does not need the expansion of the information or the function temporarily, a retraction process may be performed, that is, the second area, the third area, and the like that are expanded are all moved out, and the first area is used as the basic function control area to be retracted to the initial position and restored to the stationary state. The series of processing does not interfere with the thread of background playing files, so that the current playing content is not interrupted, and no matter the music playing interface or the video playing interface is affected.
For the second and third cases, when a touch operation that a user presses any position on the terminal screen for a long time, for example, and can set as a quit condition designation is received, the above-mentioned quit flow is executed immediately. As described above, the touch operation specified in the exit condition may be set according to actual situations or requirements, and may be other suitable touch operations besides the long-press operation, which is not particularly limited in this embodiment of the application.
The principles, implementations, and advantages of embodiments of the present application have been described in detail above in a number of perspectives. The following describes a specific implementation manner and a using method of the embodiment of the present application by taking a music application running in a smart phone as an example.
Fig. 2 schematically shows an effect diagram of a display interface of a music player of a terminal application in one embodiment of the present application. The larger area circle in the middle of FIG. 2 is an exemplary compact disc CD cover that is dynamically rotated during music playback, and in other embodiments, may scroll through the lyrics.
In fig. 2, the audio file information currently played by the music player is displayed above the CD cover, which specifically includes: song name 1, and singer name Z, more relevant information may also be displayed here in other embodiments, such as word authors, song authors, composers, and so forth.
In fig. 2, a horizontal line below the CD cover is an illustrative music playing progress bar, 5 icons of function controls are respectively arranged above and below the progress bar, and the 5 icons above are respectively: the device comprises a heart-shaped collection function control, an arrow downward downloading function control, a tree seedling shaped mobile phone ring tone setting function control, a circular dialog box shaped comment function control and a sharing function control formed by 3 points. Of the 5 icons below the progress bar, the first 4 are common music play control keys: random play, play last, pause/play, and play next, the 5 th icon is a music detailed information icon. In other embodiments, each of the above icons may represent other function control icons.
In the interface shown in fig. 2, the area occupied by the progress bar and the plurality of function control icons around the progress bar is a "basic function area", and in the music playing process, a user can check the playing progress and click the function control, so that basic control over the application is realized.
Fig. 3 schematically shows a case where the "basic function area" in fig. 2 is changed from the stationary state to the movable state. It can be seen that the "basic functional area" in fig. 3 has been transformed into a rectangular card, which in one embodiment can be designed as a removable card with a floating effect.
Further, it can be seen that the heart-shaped favorite function control in fig. 3 is darkened, indicating that the control has been selected to be triggered, which indicates that an area state transition triggering condition set by the embodiment of the present application, at least one specified function control is triggered, has been satisfied, and therefore, the "basic function area" in fig. 3 is changed from the static state to the movable card, and the card is called.
In another embodiment, as shown in FIG. 4, another trigger condition is satisfied, where the duration of playing the same file in the current interface exceeds a preset threshold, e.g., 6 seconds, so that the "basic function area" in FIG. 4 is also transitioned from a static state to a removable card, which is called up, with the noted difference that the favorite function control in FIG. 4 is not selected.
In addition, for the case that the movable card is triggered in other manners, for example, the case that a specified sliding touch is received within the range of the "basic function area", and as the case that a specified long-press touch is received outside the range of the "basic function area", the style of the obtained movable card may be similar to the effect shown in fig. 4.
Further, if the movable card converted from the "basic function area" is referred to as a "first card", it can be seen in fig. 3 or 4 that the first card is located at a middle position, and a part of the second card (right side) and a part of the third card (left side) are respectively displayed on both sides of the first card. For the initial interface shown in fig. 2, the second card and the third card are both newly-appearing cards.
In order to more clearly illustrate the implementation manner of the embodiment of the present application, fig. 5 schematically shows the possible states of the first card, the second card and the third card at the same time. It can be seen that in the movable state, on the second card (right side) there are displayed the name of the musician (e.g. waning peak), the reason for personalized recommendation (e.g. china rock pioneer) and the "focus" control that are expected to be recommended to the user; similarly, a number of songs that are desired to be recommended to the user are displayed on the third card (left side), and the recommended songs can be selected directly for play by the "play" control disposed to the left of the song name.
It should be noted that the recommendation information displayed on the second card and the third card in fig. 5 needs to be calculated by the background system of the application according to the user history information, or the application sends a request to the product server, and the server calculates the recommendation data and issues the recommendation data to the terminal application, so that the relevant recommendation information and/or the function control can be provided on the second card and the third card.
When the card is used, after the recommended information data is obtained, each card has the new information display capability, and therefore the card can be automatically positioned and slid to the corresponding personalized card position after the data feedback is obtained.
Optionally, the personalized card may also be displayed according to a movement instruction issued by the user, for example, if the first card is slid to the left, or if a part of the second card on the right side is clicked, both the first card and the second card move to the left until the second card is completely presented in the mobile phone screen, as shown in fig. 6.
Similarly, the user may also slide the first card to the right, or click a part of the third card on the left side, and then both the first card and the third card move to the right until the third card is completely displayed in the mobile phone screen, as shown in fig. 7.
Further, the song name 2 and the song name 3 listed in fig. 7 are songs recommended by the application system, if the user clicks the "play" control on the left side of the song name 2, the player can directly switch to play the song, fig. 8 schematically shows the interface state for playing the song, wherein the audio file information on the CD cover has been changed into the song name 2 and the singer name W, and the switching process between different songs is simple and smooth.
In fig. 6, 7 and 8, the movable cards are all located in the core operation area below the middle of the interface, and a user can switch and cyclically display the cards by sliding the cards or clicking adjacent cards, so that the user can conveniently browse and operate the cards in a centralized manner.
Further, there are other cards on both sides of the second card in the middle of fig. 6 and on both sides of the third card in the middle of fig. 7 and 8, and the total number of cards in this embodiment is five in general. That is, a fourth card or more may be further provided on the right side of the second card, and a fifth card or more may be further provided on the left side of the third card.
Therefore, the first card corresponding to the "basic function area" is used as a movable area, and the right side of the first card is provided with a movable area which comprises one or more movable cards; likewise, the left side of the first card has another movable region, including one or more movable cards. The cards can be regarded as function card groups, data required by the function card groups are provided by a background system or a server, and personalized information and/or function controls which are expected to be displayed for a user can be displayed on each card.
In other embodiments, if a tablet computer with a larger screen is used, or a multi-screen mobile phone with multiple display screens is used, or a flexible foldable screen mobile phone is used, the movable cards such as the first card, the second card, the third card, and the like can be moved to other positions of the terminal screen, so that the user can browse and operate the terminal screen at the same time.
Finally, the deck mode may be exited by clicking on an area outside the card not occupied by other functions, returning to the default player style as shown in FIG. 2.
The embodiment of the application can call a plurality of switchable function cards in a basic function area of a music player through specific operation, innovatively form a man-machine interaction form with expansibility, and multiple beneficial technical effects can be obtained by adopting the embodiment of the application, including but not limited to the following:
1. personalized songs suitable for the user can be found according to the preference of the user, and the method can guide the interested music people to obtain more interest information;
2. on the basis of not leaving the core information presentation of the player, for example, the user can keep viewing the cover of a music album and the lyrics of a song, more personalized interest information can be searched, the experience scene is not interrupted, and the timeliness is strong;
3. the content displayed by the functional card group has expansibility, different functions can be expanded by different scenes, and the real-time exploration requirement of a user is met.
Exemplary Medium
Having described the method of the exemplary embodiment of the present invention, the medium of the exemplary embodiment of the present invention will be described next with reference to fig. 9.
In some possible embodiments, aspects of the present invention may also be implemented as a computer-readable medium on which a program is stored, the program, when executed by a processor, implementing the steps in the information display method according to various exemplary embodiments of the present invention described in the above section "exemplary method" of this specification.
Specifically, the information display method is applied to a terminal, a first application runs in the terminal, and a first area in an interface of the first application comprises at least one function control;
the processor is configured to implement the following steps when executing the program:
after a preset trigger condition is met, the first area is converted from a static state to a movable state;
after receiving a first moving instruction, moving the first area, so that all or part of the first area moves out of an initial position; and the number of the first and second groups,
and moving the second area to enable all or part of the second area to enter the current interface, wherein the second area comprises information and/or function controls.
It should be noted that: the above-mentioned medium may be a readable signal medium or a readable storage medium. The readable storage medium may be, for example but not limited to: an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples (a non-exhaustive list) of the readable storage medium include: an electrical connection having one or more wires, a portable disk, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
As shown in fig. 9, a medium 60 according to an embodiment of the present invention is described, which may employ a portable compact disc read only memory (CD-ROM) and include a program, and may be run on a device. However, the invention is not limited in this respect, and in this document, a readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device.
A readable signal medium may include a propagated data signal with readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated data signal may take a variety of forms, including, but not limited to: an electromagnetic signal, an optical signal, or any suitable combination of the foregoing. A readable signal medium may also be any readable medium that is not a readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device.
Program code for carrying out operations for aspects of the present invention may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, C + + or the like and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user computing device, partly on a remote computing device, or entirely on the remote computing device or server. In the case of a remote computing device, the remote computing device may be connected to the user computing device through any kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN).
Exemplary devices
Having described the media of the exemplary embodiments of the present application, the apparatus of the exemplary embodiments of the present application is next described with reference to fig. 10.
An information display apparatus is further provided in an embodiment of the present application, where a terminal runs a first application, and a first area in an interface of the first application includes at least one function control, as shown in fig. 10, and the information display apparatus in the embodiment of the present application may include:
the first state conversion module 12 is configured to, after a preset trigger condition is met, convert the first area from a stationary state to a movable state;
the first movement processing module 14 is configured to, after receiving the first movement instruction, cause the first area to move, so that all or part of the first area moves out of the initial position, and cause the second area to move, so that all or part of the second area enters the current interface, where the second area includes information and/or function controls.
In one possible embodiment, the first movement instruction comprises at least one of:
receiving appointed touch operation in the first area range;
receiving a designated touch operation outside the first area range;
and the instruction is triggered when the duration of continuously not receiving the touch operation in the first area range and/or outside the first area range exceeds a first preset threshold.
In a possible embodiment, the apparatus further comprises:
a touch operation receiving module 16, configured to receive a touch operation in the second area range;
and the instruction execution module 18 is configured to execute an instruction corresponding to the touch operation.
In one possible implementation, the instruction execution module 18 includes at least one of the following sub-modules:
the information display submodule is used for responding to the touch operation of the information in the selected second area and displaying the related content of the information;
the function execution sub-module is used for responding to the touch operation of the selected function control in the second area and executing the function corresponding to the selected function control;
and the area moving sub-module is used for responding to the appointed touch operation in the second area range, enabling part or all of the second area to move out of the current position, and enabling part or all of the first area to move into the current position.
In a possible implementation, the first state transition module 12 includes:
a card conversion sub-module to convert the first area into a movable first card, wherein the at least one functionality control is in the movable first card.
In a possible embodiment, the apparatus further comprises:
and the area display module 20 is used for displaying part of the second area in the interface under the condition that the card conversion sub-module converts the first area into the movable first card, wherein the second area comprises the movable second card.
In one possible embodiment, the number of the second cards is one or more than one.
In a possible embodiment, the preset trigger condition includes at least one of the following conditions:
at least one designated functionality control in the first region is triggered;
the duration of playing the same file in the current interface exceeds a second preset threshold;
receiving appointed touch operation in the first area range;
and receiving a specified touch operation outside the range of the first area.
In one possible implementation, the designated functionality control comprises at least one of the following:
the control of the collection function, the control of the attention function, the control of the approval function, the control of the appreciation function, the control of the comment function, the control of the sharing function, the control of the forwarding function, the control of the purchase function, the control of the download function and the control set as prompt information.
In a possible embodiment, the apparatus further comprises:
the second movement processing module 22 is configured to, after receiving a second movement instruction, cause the first area and the second area to both move, so that all or part of the first area and all or part of the second area both move out of respective current positions, and cause a third area to move, so that all or part of the third area enters a current interface, where the third area includes information and/or function controls.
In a possible embodiment, the second region and the third region are located on two sides of the first region, respectively.
In one possible embodiment, the second movement instruction comprises at least one of:
receiving appointed touch operation in the movable area range;
a designated touch operation received outside the movable area range;
and the instruction is triggered when the duration of continuously not receiving the touch operation in the range of the movable area and/or outside the range of the movable area exceeds a third preset threshold.
In one possible embodiment, the third area includes a movable third card.
In one possible embodiment, the number of the third cards is one or more than one.
In a possible embodiment, the apparatus further comprises:
a third moving processing module 24, configured to, after a preset exit condition is met, move the first area, so that the first area returns to the initial position, and move all movable areas except the first area out of the current interface;
a second state transition module 26, configured to transition the first region from the movable state to the stationary state.
In a possible embodiment, the preset exit condition comprises at least one of the following conditions:
the duration of continuously not receiving the touch operation in the movable area range exceeds a fourth preset threshold;
receiving appointed touch operation in the range of the movable area;
and receiving the specified touch operation outside the range of the movable area.
Exemplary computing device
Having described the methods, media, and apparatus of the exemplary embodiments of the present application, a computing device of the exemplary embodiments of the present application is described next with reference to FIG. 11.
As will be appreciated by one skilled in the art, aspects of the present application may be embodied as a system, method or program product. Accordingly, various aspects of the present application may be embodied in the form of: an entirely hardware embodiment, an entirely software embodiment (including firmware, microcode, etc.) or an embodiment combining hardware and software aspects that may all generally be referred to herein as a "circuit," module "or" system.
In some possible implementations, a computing device according to an implementation of the present application may include at least one processing unit and at least one memory unit. Wherein the storage unit stores program code that, when executed by the processing unit, causes the processing unit to perform the steps in the analog interface configuration method according to various exemplary embodiments of the present application described in the above section "exemplary method" of the present specification.
The computing device 80 according to this embodiment of the present application is described below with reference to fig. 11. The computing device 80 shown in fig. 11 is only one example and should not impose any limitations on the functionality or scope of use of embodiments of the application.
As shown in fig. 11, computing device 80 is embodied in the form of a general purpose computing device. Components of computing device 80 may include, but are not limited to: the at least one processing unit 801 and the at least one memory unit 802, and a bus 803 connecting the various system components (including the processing unit 801 and the memory unit 802).
The bus 803 includes a data bus, a control bus, and an address bus.
The storage unit 802 may include readable media in the form of volatile memory, such as Random Access Memory (RAM)8021 and/or cache memory 8022, and may further include readable media in the form of non-volatile memory, such as Read Only Memory (ROM) 8023.
Storage unit 802 can also include a program/utility 8025 having a set (at least one) of program modules 8024, such program modules 8024 including, but not limited to: an operating system, one or more application programs, other program modules, and program data, each of which, or some combination thereof, may comprise an implementation of a network environment.
Computing device 80 may also communicate with one or more external devices 804 (e.g., keyboard, pointing device, etc.). Such communication may be through input/output (I/O) interfaces 805. Moreover, computing device 80 may also communicate with one or more networks (e.g., a Local Area Network (LAN), a Wide Area Network (WAN), and/or a public network, such as the internet) via network adapter 806. As shown in fig. 8, a network adapter 806 communicates with the other modules of the computing device 80 via the bus 803. It should be understood that although not shown in the figures, other hardware and/or software modules may be used in conjunction with computing device 80, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage systems, among others.
It should be noted that although in the above detailed description several units/modules or sub-units/modules of the analog interface configuration means are mentioned, such a division is merely exemplary and not mandatory. Indeed, the features and functionality of two or more of the units/modules described above may be embodied in one unit/module, according to embodiments of the application. Conversely, the features and functions of one unit/module described above may be further divided into embodiments by a plurality of units/modules.
Further, while the operations of the methods of the present application are depicted in the drawings in a particular order, this does not require or imply that these operations must be performed in this particular order, or that all of the illustrated operations must be performed, to achieve desirable results. Additionally or alternatively, certain steps may be omitted, multiple steps combined into one step execution, and/or one step broken down into multiple step executions.
While the spirit and principles of the application have been described with reference to several particular embodiments, it is to be understood that the application is not limited to the disclosed embodiments, nor is the division of aspects, which is for convenience only as the features in such aspects may not be combined to benefit from the description. The application is intended to cover various modifications and equivalent arrangements included within the spirit and scope of the appended claims.

Claims (32)

1. An information display method is applied to a terminal, and is characterized in that a first application runs in the terminal, and a first area in an interface of the first application comprises at least one function control;
the information display method comprises the following steps:
after a preset trigger condition is met, the first area is converted from a static state to a movable state;
after receiving a first moving instruction, moving the first area, so that all or part of the first area moves out of an initial position; and the number of the first and second groups,
moving a second area to enable all or part of the second area to enter a current interface, wherein the second area comprises information and/or function controls; wherein,
the interface is used for playing the multimedia file by the first application;
the first region is converted from a stationary state to a movable state, and comprises: the first area is converted into a movable first card, wherein the at least one functionality control is in the movable first card;
the second area includes a movable second card.
2. The method of claim 1, wherein the first movement instruction comprises at least one of:
receiving appointed touch operation in the first area range;
receiving a designated touch operation outside the first area range;
and the instruction is triggered when the duration of continuously not receiving the touch operation in the first area range and/or outside the first area range exceeds a first preset threshold.
3. The method of claim 1, further comprising:
receiving touch operation in the second area range;
and executing an instruction corresponding to the touch operation.
4. The method according to claim 3, wherein the instruction for executing the touch operation comprises at least one of:
responding to the touch operation of the information in the selected second area, and displaying the related content of the information;
responding to the touch operation of the selected function control in the second area, and executing the function corresponding to the selected function control;
responding to the designated touch operation in the range of the second area, moving part or all of the second area out of the current position, and moving part or all of the first area into the current position.
5. The method of claim 1, further comprising:
displaying a portion of the second area in an interface with the first area converted to a moveable first card.
6. The method of claim 5, wherein the number of second cards is one or more than one.
7. The method of claim 1, wherein the preset trigger condition comprises at least one of the following conditions:
at least one designated functionality control in the first region is triggered;
the duration of playing the same file in the current interface exceeds a second preset threshold;
receiving appointed touch operation in the first area range;
and receiving a specified touch operation outside the range of the first area.
8. The method of claim 7, wherein the designated functionality control comprises at least one of:
the control of the collection function, the control of the attention function, the control of the approval function, the control of the appreciation function, the control of the comment function, the control of the sharing function, the control of the forwarding function, the control of the purchase function, the control of the download function and the control set as prompt information.
9. The method of claim 1, further comprising:
after receiving a second movement instruction, the first area and the second area both move, so that all or part of the first area and all or part of the second area move out of respective current positions; and the number of the first and second groups,
and moving the third area to enable all or part of the third area to enter the current interface, wherein the third area comprises information and/or function controls.
10. The method of claim 9, wherein the second region and the third region are located on either side of the first region.
11. The method of claim 9, wherein the second movement instruction comprises at least one of:
receiving appointed touch operation in the movable area range;
a designated touch operation received outside the movable area range;
and the instruction is triggered when the duration of continuously not receiving the touch operation in the range of the movable area and/or outside the range of the movable area exceeds a third preset threshold.
12. The method of claim 9, wherein the third area includes a movable third card.
13. The method of claim 12, wherein the number of third cards is one or more than one.
14. The method according to any one of claims 1-13, further comprising:
after a preset exit condition is met, the first area moves, so that the first area returns to the initial position;
all movable areas except the first area move out of the current interface;
the first region is converted from a movable state to a stationary state.
15. The method of claim 14, wherein the preset exit condition comprises at least one of the following conditions:
the duration of continuously not receiving the touch operation in the movable area range exceeds a fourth preset threshold;
receiving appointed touch operation in the range of the movable area;
and receiving the specified touch operation outside the range of the movable area.
16. An information display device is applied to a terminal, and is characterized in that a first application runs in the terminal, and a first area in an interface of the first application comprises at least one function control;
the information display device includes:
the first state conversion module is used for converting the first area from a static state to a movable state after a preset trigger condition is met;
the first movement processing module is used for moving the first area after receiving a first movement instruction, so that all or part of the first area moves out of an initial position, and moving the second area, so that all or part of the second area enters a current interface, wherein the second area comprises information and/or function controls; wherein,
the interface is used for playing the multimedia file by the first application;
the first region is converted from a stationary state to a movable state, and comprises: the first area is converted into a movable first card, wherein the at least one functionality control is in the movable first card;
the second area includes a movable second card.
17. The apparatus of claim 16, wherein the first movement instruction comprises at least one of:
receiving appointed touch operation in the first area range;
receiving a designated touch operation outside the first area range;
and the instruction is triggered when the duration of continuously not receiving the touch operation in the first area range and/or outside the first area range exceeds a first preset threshold.
18. The apparatus of claim 16, further comprising:
a touch operation receiving module, configured to receive a touch operation in the second area range;
and the instruction execution module is used for executing the instruction corresponding to the touch operation.
19. The apparatus of claim 18, wherein the instruction execution module comprises at least one of the following sub-modules:
the information display submodule is used for responding to the touch operation of the information in the selected second area and displaying the related content of the information;
the function execution sub-module is used for responding to the touch operation of the selected function control in the second area and executing the function corresponding to the selected function control;
and the area moving sub-module is used for responding to the appointed touch operation in the second area range, enabling part or all of the second area to move out of the current position, and enabling part or all of the first area to move into the current position.
20. The apparatus of claim 16, further comprising:
and the area display module is used for displaying part of the second area in an interface under the condition that the card conversion sub-module converts the first area into a movable first card.
21. The apparatus of claim 20, wherein the number of second cards is one or more than one.
22. The apparatus of claim 16, wherein the preset trigger condition comprises at least one of the following conditions:
at least one designated functionality control in the first region is triggered;
the duration of playing the same file in the current interface exceeds a second preset threshold; receiving appointed touch operation in the first area range;
and receiving a specified touch operation outside the range of the first area.
23. The apparatus of claim 22, wherein the designated functionality control comprises at least one of:
the control of the collection function, the control of the attention function, the control of the approval function, the control of the appreciation function, the control of the comment function, the control of the sharing function, the control of the forwarding function, the control of the purchase function, the control of the download function and the control set as prompt information.
24. The apparatus of claim 16, further comprising:
and the second movement processing module is used for moving the first area and the second area after receiving a second movement instruction, so that all or part of the first area and all or part of the second area move out of respective current positions, and moving the third area, so that all or part of the third area enters a current interface, wherein the third area comprises information and/or functional controls.
25. The device of claim 24, wherein the second region and the third region are located on either side of the first region.
26. The apparatus of claim 24, wherein the second movement instruction comprises at least one of:
receiving appointed touch operation in the movable area range;
a designated touch operation received outside the movable area range;
and the instruction is triggered when the duration of continuously not receiving the touch operation in the range of the movable area and/or outside the range of the movable area exceeds a third preset threshold.
27. The apparatus of claim 24, wherein the third area includes a movable third card.
28. The apparatus of claim 27, wherein the number of third cards is one or more than one.
29. The apparatus according to any one of claims 16-28, further comprising:
the third movement processing module is used for moving the first area after meeting a preset exit condition, so that the first area returns to the initial position, and other movable areas except the first area are moved out of the current interface;
and the second state conversion module is used for converting the first area from a movable state to a static state.
30. The apparatus of claim 29, wherein the predetermined exit condition comprises at least one of the following conditions:
the duration of continuously not receiving the touch operation in the movable area range exceeds a fourth preset threshold;
receiving appointed touch operation in the range of the movable area;
and receiving the specified touch operation outside the range of the movable area.
31. A computing device, comprising:
one or more processors;
storage means for storing one or more programs;
the one or more programs, when executed by the one or more processors, cause the one or more processors to implement the steps of the information display method of any of claims 1-15.
32. A non-transitory computer-readable storage medium storing a computer program, wherein the program, when executed by a processor, implements the steps of the information display method according to any one of claims 1 to 15.
CN202010003231.3A 2020-01-02 2020-01-02 Information display method and device, electronic equipment and storage medium Active CN111221450B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010003231.3A CN111221450B (en) 2020-01-02 2020-01-02 Information display method and device, electronic equipment and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010003231.3A CN111221450B (en) 2020-01-02 2020-01-02 Information display method and device, electronic equipment and storage medium

Publications (2)

Publication Number Publication Date
CN111221450A CN111221450A (en) 2020-06-02
CN111221450B true CN111221450B (en) 2021-07-30

Family

ID=70806339

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010003231.3A Active CN111221450B (en) 2020-01-02 2020-01-02 Information display method and device, electronic equipment and storage medium

Country Status (1)

Country Link
CN (1) CN111221450B (en)

Families Citing this family (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111861315A (en) * 2020-07-13 2020-10-30 北京利丰雅高长城印刷有限公司 Digital jet printing medium management method and device, electronic equipment and storage medium
CN115134643A (en) * 2021-03-24 2022-09-30 腾讯科技（深圳）有限公司 Bullet screen display method and device for vehicle-mounted terminal, terminal and medium
CN112987996B (en) * 2021-04-14 2022-09-23 杭州网易云音乐科技有限公司 Information display method, information display device, electronic equipment and computer readable storage medium
CN113626127A (en) * 2021-08-20 2021-11-09 广州酷狗计算机科技有限公司 Content item display method, device, terminal and storage medium
CN113986422A (en) * 2021-10-20 2022-01-28 钉钉(中国)信息技术有限公司 Rapid control method and device for application function
CN114398016B (en) * 2022-01-12 2024-06-11 金华鸿正科技有限公司 Interface display method and device
WO2024077498A1 (en) * 2022-10-11 2024-04-18 广州酷狗计算机科技有限公司 Playback interface display method and apparatus, device, and readable storage medium

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103870130A (en) * 2012-12-14 2014-06-18 北京新媒传信科技有限公司 Method and system for presenting interface in terminal
CN106951152A (en) * 2016-01-07 2017-07-14 阿里巴巴集团控股有限公司 The control method and device of tab bar
CN107132971A (en) * 2016-02-29 2017-09-05 福建兑信科技有限公司 A kind of control method of mobile terminal operation interface, system and mobile terminal
CN108958805A (en) * 2017-05-26 2018-12-07 腾讯科技（深圳）有限公司 menu display method and device
CN110020140A (en) * 2017-11-15 2019-07-16 腾讯科技（深圳）有限公司 Recommendation display methods, apparatus and system
CN110554897A (en) * 2019-08-29 2019-12-10 珠海格力电器股份有限公司 Function page switching method and device, electronic equipment and storage medium

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8619038B2 (en) * 2007-09-04 2013-12-31 Apple Inc. Editing interface
KR101381484B1 (en) * 2012-02-29 2014-04-07 주식회사 팬택 Mobile device having a graphic object floating function and execution method using the same
CN105426051B (en) * 2015-11-27 2019-02-12 珠海市魅族通讯设备有限公司 A kind of application control method and the terminal using this method
CN110290272A (en) * 2019-06-28 2019-09-27 北京小米移动软件有限公司 A kind of method, apparatus and medium of display function card

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103870130A (en) * 2012-12-14 2014-06-18 北京新媒传信科技有限公司 Method and system for presenting interface in terminal
CN106951152A (en) * 2016-01-07 2017-07-14 阿里巴巴集团控股有限公司 The control method and device of tab bar
CN107132971A (en) * 2016-02-29 2017-09-05 福建兑信科技有限公司 A kind of control method of mobile terminal operation interface, system and mobile terminal
CN108958805A (en) * 2017-05-26 2018-12-07 腾讯科技（深圳）有限公司 menu display method and device
CN110020140A (en) * 2017-11-15 2019-07-16 腾讯科技（深圳）有限公司 Recommendation display methods, apparatus and system
CN110554897A (en) * 2019-08-29 2019-12-10 珠海格力电器股份有限公司 Function page switching method and device, electronic equipment and storage medium

Also Published As

Publication number Publication date
CN111221450A (en) 2020-06-02

Similar Documents

Publication Publication Date Title
CN111221450B (en) Information display method and device, electronic equipment and storage medium
JP7080999B2 (en) Search page Interaction methods, devices, terminals and storage media
US11474666B2 (en) Content presentation and interaction across multiple displays
JP6153868B2 (en) Method and apparatus for displaying items
KR102667413B1 (en) Method and Apparatus for Executing Application based on Voice Command
US8745513B2 (en) Method and apparatus for use in accessing content
KR101683356B1 (en) Navigating among content items in a browser using an array mode
US8650505B2 (en) Multi-state unified pie user interface
US20130268826A1 (en) Synchronizing progress in audio and text versions of electronic books
US20140123006A1 (en) User interface for streaming media stations with flexible station creation
US20080062137A1 (en) Touch actuation controller for multi-state media presentation
CN106462630A (en) Methods, systems, and media for searching for video content
KR20140139859A (en) Method and apparatus for user interface for multimedia content search
CN104487926A (en) Mobile user interface for contextual browsing while playing digital content
JP5339314B2 (en) Audio-visual search and browse interface (AVSBI)
KR20130024255A (en) Providing method for data complex recording and portable device thereof
Miller et al. MiniDiver: A Novel Mobile Media Playback Interface for Rich Video Content on an iPhone TM
GB2485567A (en) Playlist creation using a graph of interconnected nodes
CN112135182B (en) List processing method, list processing apparatus, storage medium, and electronic device
CN113282269A (en) Audio playing method and device, storage medium and computing equipment
KR101177453B1 (en) User interface method activating a clickable object and apparatus providing user interface method thereof
CN113392260B (en) Interface display control method, device, medium and electronic equipment
CN115455229A (en) Song list recommending method, song list recommending device, song list recommending apparatus, song list recommending storage medium and program product
US10198245B1 (en) Determining hierarchical user interface controls during content playback
CN110941472A (en) Function switching method, medium, device and computing equipment

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant