WO2022184035A1 - 应用页面显示方法和装置 - Google Patents

应用页面显示方法和装置 Download PDF

Info

Publication number
WO2022184035A1
WO2022184035A1 PCT/CN2022/078520 CN2022078520W WO2022184035A1 WO 2022184035 A1 WO2022184035 A1 WO 2022184035A1 CN 2022078520 W CN2022078520 W CN 2022078520W WO 2022184035 A1 WO2022184035 A1 WO 2022184035A1
Authority
WO
WIPO (PCT)
Prior art keywords
option
area
label
page
application
Prior art date
Application number
PCT/CN2022/078520
Other languages
English (en)
French (fr)
Inventor
王晓露
王玥
Original Assignee
北京字跳网络技术有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 北京字跳网络技术有限公司 filed Critical 北京字跳网络技术有限公司
Priority to EP22762500.1A priority Critical patent/EP4287004A1/en
Priority to JP2023552513A priority patent/JP2024509803A/ja
Publication of WO2022184035A1 publication Critical patent/WO2022184035A1/zh
Priority to US18/457,580 priority patent/US20230400966A1/en

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/0483—Interaction with page-structured environments, e.g. book metaphor
    • 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/0482—Interaction with lists of selectable items, e.g. menus
    • 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/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
    • G06F3/04842—Selection of displayed objects or displayed text elements
    • 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
    • G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • 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
    • G06F3/0485—Scrolling or panning
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/16—Sound input; Sound output
    • G06F3/165—Management of the audio stream, e.g. setting of volume, audio stream path
    • 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

Definitions

  • the present disclosure relates to the field of computer technologies, and in particular, to a method and apparatus for displaying an application page.
  • a page corresponding to one entry can display the contents of multiple function sets, wherein one function set is composed of one or more functions of the APP.
  • one function set is composed of one or more functions of the APP.
  • the display space of a page corresponding to an entry is limited, and often the content of multiple function sets cannot be fully displayed, which is not attractive to users.
  • the present disclosure provides an application page display method and apparatus.
  • the present disclosure provides a method for displaying an application page, including:
  • the first label is different from the function identified by the second label
  • the second page is switched to display the second area corresponding to the second label, and the information stream corresponding to the second option in the second area is played.
  • the electronic device in response to receiving the first operation performed by the user on the first page of the first application, can display multiple labels and the first area corresponding to the first label on the second page, And play the information flow in the function set corresponding to the first area. And when a preset condition is met (for example, after a preset time period, or a second operation performed by the user on the second label is received), the electronic device may display multiple labels and the first page corresponding to the second label on the second page. two areas, and play the information flow in the function set corresponding to the second area.
  • the space of one page is fully used to be compatible with the display of multiple function sets and the information flow of one function set, so that the user can specify the functions of each function set as much as possible, and also enables the user to automatically or manually obtain each function.
  • the video content in the collection such as the user's interest or the current fact, helps the application to display the function collection in a rich and three-dimensional manner, and improves the user's experience of using the application.
  • the preset condition includes: a preset time period elapses or a second operation performed by the user on the second tag is received.
  • the first area and the second area are in the same position on the second page.
  • playing the information stream corresponding to the first option in the first area includes: playing the first option in the first area The information flow corresponding to the option is displayed, and a picture picture in the information flow corresponding to the third option in the first area is displayed.
  • the method further includes: receiving a third operation performed by the user on the second page; in response to receiving the third operation, playing the information stream corresponding to the first option in the first area and displaying A picture picture in the information flow corresponding to the third option in the first area is switched to display a picture picture in the information flow corresponding to the first option in the first area and play the corresponding picture of the third option in the first area. information flow.
  • the third operation is an operation of increasing the displayed area of the third option in the first area to be greater than or equal to a preset value; or, the third operation is an operation of moving the third option to the first area operation in the preset position.
  • the preset position is that when the information stream corresponding to the first option is played and a picture in the information stream corresponding to the third option is displayed, the information stream corresponding to the first option is in the first area s position.
  • playing an information stream corresponding to an option includes: playing a video picture and video sound of an information stream corresponding to an option; or, playing a video picture of an information stream corresponding to an option.
  • the method further includes: receiving a fourth operation performed by the user on an option in the first area or the second area; in response to receiving the fourth operation, setting the first area or the selected The video sound of the information stream corresponding to an option in the second area is turned down, up or muted.
  • the first tab is the first tab on the second page
  • the first option is the first option in the first area
  • the second option is the first option in the second area.
  • the tabs or options are displayed in preset positions on the second page.
  • the first tab and the second tab are displayed on a single line or multiple lines on the second page.
  • the options of the first tab and the second tab are related to the user's browsing history in the first application; the first tab and the second tab are related to the user's browsing history in the first application; The user's browsing history in the first application is related.
  • the present disclosure provides an electronic device, including: a memory and a processor; the memory is used to store program instructions; the processor is used to call the program instructions in the memory to make the electronic device execute any one of the first aspect and the first aspect App page display methods in possible designs.
  • the present disclosure provides a computer storage medium, including computer instructions, which, when the computer instructions are executed on an electronic device, cause the electronic device to execute the first aspect and any possible design of the first aspect to display the application page in the design method.
  • the present disclosure provides a computer program product that, when the computer program product runs on a computer, enables the computer to execute the application page display method in the first aspect and any possible design of the first aspect.
  • the present disclosure provides a chip system, the chip system includes: a processor; when the processor executes computer instructions stored in a memory, the electronic device executes the first aspect and any possible design of the first aspect. App page display method.
  • FIGS. 1A-1N are schematic diagrams of human-computer interaction interfaces provided by embodiments of the present disclosure.
  • FIG. 2 is a schematic flowchart of a method for displaying an application page provided by an embodiment of the present disclosure.
  • the present disclosure provides an application page display method, apparatus, device, computer storage medium, and computer program product, displaying the tags of multiple function sets through a page corresponding to an entry of an application program, and playing the tags corresponding to one of the tags.
  • the information flow corresponding to one or more options makes full use of the space of the page to be compatible with the display of multiple function sets, so that users can quickly and clearly understand the functions of each function set, and also enable users to accurately obtain each function set. Users are interested in or current facts, etc., which improves the user's experience of using the application.
  • the application page display method of the present disclosure is executed by an electronic device.
  • Electronic devices can be tablet computers, mobile phones (such as folding screen mobile phones, large-screen mobile phones, etc.), wearable devices, in-vehicle devices, augmented reality (AR)/virtual reality (VR) devices, laptops, super Mobile personal computer (ultra-mobile personal computer, UMPC), netbook, personal digital assistant (PDA), smart TV, smart screen, high-definition TV, 4K TV, smart speaker, smart projector and other Internet of Things things, IOT) devices, the present disclosure does not make any limitation on the specific types of electronic devices.
  • the present disclosure does not limit the type of the operating system of the electronic device.
  • Android system Linux system
  • Windows system iOS system
  • FIGS. 1A-1N an electronic device is a mobile phone, and a short video social APP 1 (referred to as application 1) is installed in the mobile phone as an example for illustration.
  • application 1 a short video social APP 1
  • FIGS. 1A-1N are schematic diagrams of human-computer interaction interfaces provided by the embodiments of the present disclosure.
  • the application 1 can display the user interface 11 exemplarily shown in FIG. 1A on the mobile phone, and the user interface 11 is used to display the main page of the application 1, wherein the application 1 performs a certain function set in the main page of the application 1, such as playing multimedia information (such as short videos).
  • the user interface 11 may include: a control 101, the control 101 is used to enter the discovery page of the application 1, and the discovery page is used to display three function sets of the application 1's live broadcast room, good object recommendation and music recommendation.
  • the application 1 After the application 1 receives that the user performs an operation such as clicking the control 101 in the user interface 11 shown in FIG. 1A , the application 1 can display the window 102 exemplarily shown in FIG. 1B on the user interface 11 , and the window 102 is used to display the application 1's discovery page.
  • the window 102 adopts a sidebar style, and the window 102 covers a part of the user interface 11 .
  • the coverage area of the window 102 and the user interface 11 may be an area in the user interface 11, and the present disclosure does not limit parameters such as size, position, shape, and background color of the area.
  • the window 102 may include: a tab 1031 , a tab 1032 , a tab 1033 , and a display area 104 .
  • Each label can be displayed in the form of icons, text, pictures, videos, etc.
  • the label can be displayed with a default icon, or the label can be displayed with a personalized icon based on the user's historical browsing content and facts in application 1, such as the cover of a live room or a video screen.
  • the label 1031 is used to identify a function set in the application 1, and the function set is used to provide the entrance of the live room.
  • Tab 1031 corresponds to display area 104, and application 1 selects tab 1031.
  • the display area 104 is used to enter each live broadcast room in the function set.
  • the display area 104 may display the entrance of each live broadcast room in the form of icons, text, pictures, videos, and the like.
  • Display area 104 may include: option 1041 and option 1042 .
  • Option 1041 and option 1042 respectively correspond to an information stream (feed) of a live room, and are used to enter the corresponding live room.
  • the mobile phone uses a window (ie, a card) to play the current video picture of the live broadcast room 1 in option 1041 .
  • the mobile phone displays a picture (eg, cover) of the live broadcast room 2 in option 1042 in the form of a window.
  • display area 104 may also include other options.
  • other options may also correspond to the information flow of the live broadcast room that is not live broadcast.
  • the parameters such as the number and area of the options in the display area 104 can be set according to the screen size of the mobile phone and the like.
  • the mobile phone can also play the current video sound of the live room 1 in the option 1041 .
  • the option 1041 may further display a control 1051, and the control 1051 is used to adjust the volume of the sound in the live room 1 corresponding to the option 1041.
  • application 1 After application 1 receives that the user performs an operation such as clicking on control 1051 in option 1041 shown in FIG. 1B , application 1 can display control 1052 exemplarily shown in FIG. 1C on the mobile phone to mute the current video and sound of live room 1 . After application 1 receives that the user performs an operation such as clicking on control 1052 in option 1041 shown in FIG. 1C , application 1 can display control 1051 exemplarily shown in FIG. 1B on the mobile phone, so that the current video and sound of live room 1 is canceled Mute.
  • the mobile phone may display the control 1053 exemplarily shown in FIG. 1D on the mobile phone.
  • the mobile phone can increase or decrease the current video sound of the live room 1 .
  • application 1 After application 1 receives that the user performs an operation such as swiping up in display area 104 shown in FIG. 1B , application 1 can change the display area of option 1041 and option 1042 in display area 104 , so that the display area of option 1041 becomes smaller and The display area of option 1042 becomes larger.
  • the mobile phone displays a picture (such as the cover) of the live broadcast room 1 in option 1041 in a window form, and the mobile phone uses a window form Playing the current video picture of the live broadcast room 2 in the live broadcast option 1042, the application 1 can display the display area 104 exemplarily shown in FIG. 1E on the mobile phone. Additionally, control 1051 does not continue to be displayed in option 1041, but instead is displayed in option 1042.
  • option 1042 When option 1042 is slid to a preset position (the position corresponding to option 1041 in FIG. 1B , that is, the initial position of option 1041 ), the mobile phone no longer continues to display option 1041 , and the mobile phone plays the live broadcast in option 1042 in the form of a window. If the current video image of room 2 is displayed on the mobile phone in the form of a window to display a picture (such as the cover) of the live broadcast room 3 in option 1043, application 1 can display the display area 104 exemplarily shown in FIG. 1F on the mobile phone. Additionally, control 1051 does not continue to be displayed in option 1041, but instead is displayed in option 1042.
  • the mobile phone in addition to playing the current video picture of the live room 2 in the option 1042 on the mobile phone, can also play the current video sound of the live room 2 in the option 1042 .
  • the control 1051 adjusts the video sound of the live room 2 in the option 1042 for details, please refer to the description of the control 1051 in FIG. 1C-FIG. 1D to adjust the video sound of the live room 1 in the option 1041.
  • the user can continue to perform a slide-up operation in the display area 104 , so that the mobile phone displays a live room that is not displayed in the display area 104 .
  • the user can continue to perform a sliding operation in the display area 104, so that the mobile phone displays the live broadcast room that has been displayed in the display area 104 again.
  • application 1 After application 1 receives that the user performs an operation such as clicking option 1041 in the window 102 shown in FIG. 1B , application 1 can display the user interface 12 exemplarily shown in FIG. 1G on the mobile phone, and the user interface 12 is used to play the live broadcast in full screen 1 current video picture and video sound.
  • the tag 1032 is used to identify a function set in the application 1, and the function set is used to provide an entry for good item recommendation.
  • the tag 1033 is used to identify a function set in the application 1, and the function set is used to enter the entrance of music recommendation.
  • each label corresponds to an area, and the area is used to enter each entry in the function set corresponding to the label.
  • the application 1 can change the display area 104 to Display area 106 is exemplarily shown in FIG. 1H .
  • the display area 106 is used to enter the entrance of each good item recommendation in the function set corresponding to the label 1032 .
  • the display area 106 may use icons, texts, pictures, videos, etc. to display the recommended entry of each good item.
  • Display area 106 may include: option 1061 and option 1062 .
  • Option 1061 and option 1062 respectively correspond to an information flow (feed) for good item recommendation, and are used to enter the recommendation page corresponding to the good item.
  • the mobile phone uses a window (ie a card) to play the video picture of the good thing 1 in the option 1061 in the live broadcast room being broadcast.
  • the mobile phone displays a picture screen (such as a cover) of the good item in option 1062 in the form of a window.
  • display area 106 may also include other options.
  • other options can also correspond to information flows such as shopping links and introductory videos of good things.
  • the parameters such as the number and area of the options in the display area 106 can be set according to the screen size of the mobile phone and the like.
  • the application 1 can change the display area 106 to the display corresponding to the label 1033 Area.
  • the mobile phone can automatically rotate the information streams in the multiple tabs in the window 102 based on the default mode or the mode set by the user, or the mobile phone can manually switch the information streams in the multiple tabs in the window 102 .
  • the display area corresponding to the label 1033 may include one or more options, and each option corresponds to a music playback screen, cover, or information stream such as a music video (music video, MV) or a recording.
  • the window 102 may further include: a control 1071, which is used to display all labels.
  • a control 1071 which is used to display all labels.
  • the present disclosure does not limit parameters such as the shape, size, and color of the control 1071 .
  • application 1 After application 1 receives that the user performs an operation such as clicking the control 1071 in the window 102 shown in FIG. 1B , in addition to the label 1031 , label 1032 , label 1033 and display area 104 , the application 1 can also display the graph in the window 102 Label 1034 and controls 1072 are illustratively shown.
  • the tag 1034 is used to identify a function set in the application 1, and the function set is used to provide an entry recommended by the applet.
  • the label 1034 corresponds to an area, and the area is used to enter each recommended entry of the applet.
  • control 1072 the control 1072 is used to display some labels.
  • the present disclosure does not limit the shape, size, color and other parameters of the control 1072 .
  • display positions of the control 1071 and the control 1072 are the same.
  • the application 1 After the application 1 receives that the user performs an operation such as clicking the control 1072 in the window 102 shown in FIG. 1I , the application 1 can display the window 102 exemplarily shown in FIG. 1B on the mobile phone.
  • the application 1 may display the window 102 exemplarily shown in FIG. 11 on the user interface 11.
  • Application 1 can display multiple tags in a single line, or display multiple tags in multiple lines, which enriches the way of displaying tags.
  • a label 1035 may also be included in FIG. 1I, and the label 1035 is used to add a new label.
  • the present disclosure does not limit the shape, size, color and other parameters of the label 1035 .
  • the mobile phone can select one or more new labels on the options page, such as label 1036, except for the label 1031 and the label 1032 , tab 1033 , display area 104 , tab 1034 , and tab 1035 , application 1 may display tab 1036 exemplarily shown in FIG. 1J in window 102 .
  • the label 1036 is used to identify a function set in the application 1, and the function set is used to provide a check-in entry.
  • the label 1036 corresponds to an area for entering the recommended entry for check-in.
  • the window 102 After application 1 receives that the user performs an operation such as long-pressing the label 1036 in the window 102 shown in FIG. 1J , the window 102 enters the editing mode of the label, that is, exits the non-editing mode of the label, and then the application 1 can display the picture on the mobile phone.
  • 1K Illustratively shows window 102 in tabbed edit mode. A control 1073 is added to the lower right corner of each label, and the control 1073 is used to delete the corresponding label. In addition, the tab 1035 is no longer displayed.
  • application 1 After application 1 receives that the user performs an operation such as moving the label 1034 to the position of label 1036 in the window 102 shown in FIG. 1K , application 1 can display the window 102 exemplarily shown in FIG. 1L on the mobile phone, so that the label 1034 and the label 1034 The positions of the labels 1036 in the window 102 are reversed.
  • the application 1 After application 1 receives that the user performs an operation such as clicking the control 1073 in the lower right corner of the label 1034 in the window 102 shown in FIG. 1K , the application 1 can display the window 102 exemplarily shown in FIG. 1M on the mobile phone, so that the label 1034 is removed from the window 102 removed.
  • the window 102 exits the editing mode of the label, that is, enters the non-editing mode of the label, then the application 1 can display the example shown in FIG. 1N on the mobile phone.
  • Window 102 is shown in a tabbed non-editing mode. Among them, a control 1073 is added to the lower right corner of each label and is no longer displayed. In addition, tab 1035 continues to be displayed.
  • the label 1035 may not be displayed in the window 102 shown in FIG. 1I .
  • the label 1035 may be displayed in the window 102 shown in FIG. 1K.
  • application 1 can display the labels of multiple function sets to the user through a page corresponding to an entry (using a sidebar style), so that the user can quickly determine the functions of multiple function sets, and play a label to the user.
  • the information flow in the corresponding function set enables the user to obtain a richer and three-dimensional function set, makes full use of the page space corresponding to the entry, and improves the convenience for the user to use the application 1 .
  • the application 1 displays the page, it can still continue to perform the function corresponding to the previous page (playing multimedia information).
  • application 1 can be manually switched or automatically rotated to the information stream corresponding to the next tag among the multiple tags, so that the user can accurately obtain the content that the user is interested in or the current facts.
  • Application 1 can display multiple tags in a single-line or multi-line display mode, which enriches the variety of displaying multiple tags.
  • each tag can be related based on the user's historical browsing records in application 1, current popular facts, the region to which the user belongs, etc., so that application 1 can display the tags of each function set in a personalized manner.
  • App 1 can edit the position and number of multiple tags, such as adding tags, deleting tags, changing the position of tags, etc.
  • FIG. 2 is a schematic flowchart of a method for displaying an application page according to an embodiment of the present disclosure.
  • the application page display method of the present disclosure may include:
  • S101 Receive a first operation performed by a user on a first page of a first application.
  • An entry of the second page corresponding to the first operation is configured on the first page of the first application. Accordingly, the electronic device may receive the first operation performed on the first page.
  • the first page may be a page of the first application.
  • the first page may be the home page of the first application, or may be a page other than the home page in the first application.
  • the first operation is used to enter the second page of the first application, and the first operation may include, but is not limited to, operations such as clicking, double-clicking, long-pressing, and sliding.
  • the first operation may be an operation acting on a certain control on the first page, or may be an operation that satisfies a preset gesture, such as the right swipe/left swipe/pull-up/pull-down performed by the user on the screen of the mobile phone operate.
  • the second page is a page of the first application other than the first page, and the first page is different from the second page.
  • the contents of the first page and the second page may be the same or different, which is not limited in the present disclosure.
  • the second page may adopt a sidebar style, covering part of the first page, so that the second page can regionally display the labels of multiple function sets and the information flow of options in one function set.
  • the present disclosure does not limit parameters such as the size, location, and area of the area covered by the second page on the first page.
  • the specific implementation of the first page may refer to the description of the user interface 11 in the embodiment of FIG. 1A, and the specific implementation of the first operation may be Referring to the description of the user clicking the control 101 in the embodiment of FIG. 1A , the specific implementation of the second page may refer to the description of the window 102 in the embodiment of FIG. 1B or FIG. 1 , which is not repeated here.
  • the electronic device After receiving the first operation, the electronic device displays the first label, the second label and the first area corresponding to the first label on the second page, and plays the information stream corresponding to the first option in the first area.
  • the first label (label) is used to identify the function of each option in the first area, and the first label is different from the second label.
  • the first tab or the options in the first tab are displayed in a preset position on the second page, that is, the position of the first tab on the second page is fixed, and the position of the first option on the second page is fixed. Also fixed.
  • the functions identified by the first label and the second label are different, and one or more options are set in the first area corresponding to the first label, and each option is used to display the function set corresponding to the first label.
  • an information flow can be understood as a video clip, such as a video in a live room, or an explanation video of a good thing, or an MV of a song.
  • the present disclosure does not limit parameters such as the position, size, and color of the first region in the second page.
  • the first tab is the first tab on the second page
  • the first option is the first option in the first area.
  • the display content and display style in the first tab or options in the first tab may be related to the user's browsing history in the first application, current popular facts, the region to which the user belongs, etc., so that the first application can be personalized Display the first label, and in the first option, display a stream of information that is closer to the user's behavior.
  • FIGS. 1B to 1F and FIGS. 1I to 1N for the specific implementation of the first label
  • FIGS. 1B to 1F With the description of one of the labels 1032, 1033, 1034, and 1036 in FIG. 1I-FIG. 1N, the specific implementation of the first area corresponding to the first label can refer to FIG. 1B-FIG. 1F and FIG. 1I-FIG. The description of the display area 104 in 1N will not be repeated here.
  • the first option in the first area please refer to the description of the option 1041 in the display area 104 in FIG. 1B-FIG. 1D and FIG. 1I-FIG. 1N .
  • the description of the information flow corresponding to the option 1041 in FIG. 1B-FIG. 1D and FIG. 1I-FIG. 1N which will not be repeated here.
  • the description of the option 1042 in the display area 104 in FIG. 1E-FIG. 1F please refer to the description of the option 1042 in the display area 104 in FIG. 1E-FIG. 1F , and for the specific implementation of the information flow corresponding to the first option in the first area, please refer to FIG. 1E The description of the information flow corresponding to the option 1042 in the display area 104 of FIG. 1F will not be repeated here.
  • the specific implementation of the information flow corresponding to the first option in the first area may refer to the description of the information flow corresponding to the option 1061 in FIG. 1H, which will not be repeated here.
  • a preset condition when a preset condition is met, it may be switched to display the second area corresponding to the second label on the second page, where the preset condition may be that a preset time has elapsed, or the user may The second action performed on the label.
  • the electronic device can automatically replace the first area corresponding to the first label on the second page with the second area corresponding to the second label, so that the electronic device can display the first label,
  • the second label and the second area corresponding to the second label are played, and the information stream corresponding to the second option in the second area is played.
  • the electronic device can manually replace the first area corresponding to the first label on the second page with the second area corresponding to the second label, so that the electronic device can display the first area on the second page.
  • a label, a second label, and a second area corresponding to the second label, and the information stream corresponding to the second option in the second area is played.
  • the second operation is used to change the label, and the second operation may include, but is not limited to, operations of types such as clicking, double-clicking, long-pressing, and sliding.
  • the second operation may be an operation acting on a certain label, or an operation satisfying a preset gesture.
  • the second label is used to identify the function of each option in the second area.
  • the second tab or options in the second tab are displayed in a preset position on the second page, that is, the position of the second tab on the second page is fixed, and the position of the second option on the second page is fixed. Also fixed.
  • the second option is the first option in the second area.
  • the present disclosure does not limit the display manner of the first label and the second label.
  • the first tab and the second tab are displayed on a single line or multiple lines on the second page.
  • the manner in which the second page displays multiple tags is enriched.
  • One or more options are set in the second area corresponding to the second label, and each option is used to display an information flow in the function set corresponding to the second label.
  • the information flow here can be understood as a video clip, such as a video in a live room, or an explanation video of a good thing, or an MV of a song.
  • the present disclosure does not limit parameters such as the position, size, and color of the second region in the second page.
  • the location of the first region and the second region on the second page may remain the same.
  • the display content and display style in the second tab or options in the second tab can be based on the user's historical browsing records in the first application, current popular facts, the region to which the user belongs, etc., so that the first application can be personalized Display the second tab, and in the second option, display a stream of information that is more closely related to the user's behavior.
  • the second label corresponds to For the specific implementation of the second area, please refer to the description of the display area 106 in FIG. 1H.
  • For the second option in the second area please refer to the description of the option 1061 in the display area 106 in FIG. 1H.
  • a plurality of labels and the first label corresponding to the first label can be displayed on the second page. area, and play the information flow in the function set corresponding to the first area.
  • the electronic device may display multiple labels and the second area corresponding to the second label on the second page, and play The information flow in the function set corresponding to the second area.
  • the space of one page is fully utilized to be compatible with the display of multiple function sets and the information flow of one function set, so that the user can clarify the functions of each function set as much as possible, and also enables the user to automatically or automatically obtain each function.
  • the video content in the collection such as the user's interest or the current fact, helps the application to display the function collection in a rich and three-dimensional manner, and improves the user's experience of using the application.
  • the electronic device may continue to play the multimedia information on the first page while displaying the second page, so as to maintain the playing state of the multimedia information.
  • the electronic device may play the information stream corresponding to the first option, and display a picture in the information stream corresponding to the third option.
  • the third option may be an option in the first area corresponding to the first label, the first option is different from the third option, and the third option is used to display an information flow in the function set corresponding to the first label.
  • the first option in the first area can refer to the description of the option 1041 in the display area 104 in FIGS. 1B-1D and FIGS. 1I-1N
  • the third option can refer to FIGS.
  • the specific implementation of the information flow corresponding to the second option in the first area can be referred to in FIGS. 1B-1D and 1I-1N
  • the description of the information flow corresponding to the option 1042 of will not be repeated here.
  • the specific implementation of the information flow corresponding to the first option in the first area can refer to the description of the information flow corresponding to the option 1061 in FIG. 1H, and the specific information flow corresponding to the second option in the first area.
  • the electronic device may also change the information flow in the function set corresponding to the first label.
  • the electronic device may receive the third operation performed by the user on the second page.
  • the third operation may be used to replace the information stream corresponding to one option being played with the information stream corresponding to another option, and the third operation may include, but is not limited to, operations such as clicking, double-clicking, long-pressing, and sliding.
  • the third operation may be an operation acting on a certain control in the option, or may be an operation satisfying a preset gesture.
  • the third operation may be an operation of increasing the area displayed by the third option in the first area to be greater than or equal to a preset value.
  • the present disclosure does not limit the size of the preset value.
  • the default value is the entire area of the third option.
  • the third operation may also be an operation in which the moving distance of the third option is greater than or equal to a preset distance.
  • the present disclosure does not limit the size of the preset distance.
  • the preset distance is half the length of the third option.
  • the third operation may also be an operation of moving the third option to a preset position in the first area.
  • the preset position is the position of the information stream corresponding to the first option in the first area when the information stream corresponding to the first option is played and a picture in the information stream corresponding to the third option is displayed; in some examples , the preset position may be the initial position of the information flow corresponding to the first option in the first area.
  • the electronic device can play the information stream corresponding to the first option and display a picture in the information stream corresponding to the third option, and update it to display the information stream corresponding to the first option.
  • a picture picture and the information stream corresponding to the third option is played.
  • the first application can set the adsorption effect, and play the information stream corresponding to the first option in the first area by default. Therefore, after receiving the third operation, the electronic device can adsorb and display the third option to the position of the first option, so that the third option can be completely displayed on the second page, and the information corresponding to the third option can be automatically played flow.
  • the information stream may include video pictures and video sound; in other examples, the information stream may include video pictures.
  • the electronic The device can play the video picture and video sound of the information flow corresponding to the option, or play the video picture of the information flow corresponding to an option with mute.
  • the electronic device may also adjust the video and sound of the information stream corresponding to the option.
  • the electronic device may receive a fourth operation performed by the user on the display area of an option. After receiving the fourth operation, the electronic device may turn down, turn up, or mute the video sound of the information stream corresponding to an option. For example, the electronic device receives the fourth operation performed by the user on an option in the first area or the second area, and turns down the video and sound of the information flow corresponding to an option in the first area or the second area , increase or mute.
  • the fourth operation is used to adjust the video and sound of the information stream corresponding to an option, and the fourth operation may include, but is not limited to, operations such as clicking, double-clicking, long-pressing, and sliding.
  • the fourth operation may be an operation acting on a certain control in the option, or may be an operation satisfying a preset gesture.
  • the description of the user clicking the control 1051 in the embodiment of FIG. 1B or, for the specific implementation of the fourth operation, refer to the description of the user clicking the control 1052 in the embodiment of FIG. 1C .
  • the present disclosure can edit the positions, sizes, numbers, etc. of the multiple tags.
  • the electronic device may delete the displayed tab in the second page.
  • a first control may also be displayed on the second page, and the first control is used to delete a label.
  • the present disclosure does not limit the parameters such as the shape, size, position, and color of the first control.
  • the electronic device may receive a fifth operation performed by the user on the first control.
  • the fifth operation is used to delete the label, and the fifth operation may include but not limited to operations such as clicking, double-clicking, long-pressing, sliding, and the like.
  • the fifth operation may be an operation acting on the first control, or may be an operation satisfying a preset gesture. Therefore, after receiving the fifth operation, the electronic device can delete the first tag on the second page.
  • the specific implementation of the first control can refer to the description of the control 1073 in the embodiment of FIG. 1K
  • the specific implementation of the fifth operation can refer to the description of the user clicking the control 1073 in the embodiment of FIG. 1K to delete the first control.
  • the specific implementation of a label reference may be made to the description of the user clicking the delete label 1034 in the embodiment of FIG. 1M , which is not limited here.
  • the electronic device may add tags not displayed in the second page.
  • a second control may also be displayed on the second page, and the second control is used to add a new label.
  • the present disclosure does not limit the shape, size, position, color and other parameters of the second control.
  • the electronic device may receive a sixth operation performed by the user on the second control.
  • the sixth operation is used to add a new label, and the sixth operation may include, but is not limited to, operations such as clicking, double-clicking, long-pressing, and sliding.
  • the sixth operation may be an operation acting on the second control, or may be an operation satisfying a preset gesture. Therefore, after receiving the sixth operation, the electronic device can display the third tab on the second page, where the third tab is different from the first tab and the second tab.
  • the electronic device may move the position of the label that has been displayed in the second page.
  • the electronic device may receive a seventh operation performed by the user on the first tag.
  • the seventh operation is used to move the position of the label, and the seventh operation may include but not limited to operations such as clicking, double-clicking, long-pressing, sliding, and the like.
  • the seventh operation may be an operation satisfying a preset gesture. Therefore, after receiving the seventh operation, the electronic device can exchange the positions of the first label and the second label with each other on the second page.
  • the electronic device may display all tabs in the second page.
  • a third control may also be displayed on the second page, and the third control is used to display all labels.
  • the present disclosure does not limit the shape, size, position, color and other parameters of the third control.
  • the electronic device may receive an eighth operation performed by the user on the third widget.
  • the eighth operation is used to display all labels, and the eighth operation may include but not limited to operations such as clicking, double-clicking, long-pressing, and sliding.
  • the eighth operation may be an operation acting on the third control, or may be an operation satisfying a preset gesture.
  • the electronic device can update from displaying the first label and the second label on the second page to displaying the first label, the second label and the fourth label on the second page, and the first label and the second label are displayed on the second page.
  • Four tabs are different from the first tab and the second tab.
  • the specific implementation of displaying the first label, the second label and the fourth label may refer to the description of the label 1031 , the label 1032 , the label 1033 and the label 1034 in the embodiment of FIG. 1I , which is not limited here.
  • the electronic device may display some of the tabs in the second page.
  • a fourth control may also be displayed on the second page, and the fourth control is used to display some labels and hide some labels.
  • the present disclosure does not limit the shape, size, position, color and other parameters of the fourth control.
  • the electronic device may receive a ninth operation performed by the user on the fourth widget.
  • the ninth operation is used to display some labels, and the ninth operation may include, but is not limited to, operations such as clicking, double-clicking, long-pressing, and sliding.
  • the ninth operation may be an operation acting on the fourth control, or may be an operation satisfying a preset gesture. Therefore, after receiving the ninth operation, the electronic device may update the display of the first label and the second label on the second page to display the first label on the second page.
  • the electronic device may also enter a page corresponding to each option in the first area and each option in the second area. Wherein, after receiving the operation performed by the user on an option, the electronic device may also enter a page corresponding to an option.
  • the electronic device may also enter a page corresponding to an option.
  • the present disclosure provides an electronic device comprising: one or more processors; a memory; and one or more computer programs; wherein the one or more computer programs are stored in the memory; one or more processors When executing one or more computer programs, the electronic device is made to implement the application page display method of the foregoing embodiment.
  • the present disclosure provides a chip system, which is applied to an electronic device including a memory and a sensor; the chip system includes: a processor; when the processor executes the application page display method of the foregoing embodiment.
  • the present disclosure provides a computer-readable storage medium on which a computer program is stored, and the computer program is executed by a processor to cause an electronic device to implement the application page display method of the foregoing embodiments.
  • the present disclosure provides a computer program product that, when the computer program product runs on a computer, causes the computer to execute the application page display method of the foregoing embodiments.
  • all or part of the functions may be implemented by software, hardware, or a combination of software and hardware.
  • software When implemented in software, it can be implemented in whole or in part in the form of a computer program product.
  • a computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on a computer, the procedures or functions according to the embodiments of the present disclosure result in whole or in part.
  • the computer may be a general purpose computer, a special purpose computer, a computer network, or other programmable device.
  • Computer instructions may be stored in a computer-readable storage medium.
  • a computer-readable storage medium can be any available medium that can be accessed by a computer or a data storage device such as a server, data center, or the like that contains one or more of the available mediums integrated.
  • Useful media may be magnetic media (eg, floppy disks, hard disks, magnetic tapes), optical media (eg, DVDs), or semiconductor media (eg, solid state disks (SSDs)), and the like.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Multimedia (AREA)
  • Health & Medical Sciences (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • General Health & Medical Sciences (AREA)
  • User Interface Of Digital Computer (AREA)
  • Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)

Abstract

本公开涉及一种应用页面显示方法和装置，该方法包括：接收用户在第一应用的第一页面上执行的第一操作，第一操作用于进入到第一应用的第二页面；响应于接收到第一操作，在第二页面上显示第一标签、第二标签和第一标签对应的第一区域，且播放第一区域中的第一选项对应的信息流，第一标签用于标识第一区域中的各个选项的功能；在经过预设时长后，或者，在接收到用户在第二标签上执行的第二操作后，在第二页面上显示第一标签、第二标签和第二标签对应的第二区域，且播放第二区域中的第二选项对应的信息流，第二标签用于标识第二区域中的各个选项的功能。从而，充分利用了一个页面的空间兼容多个功能集合和一个功能集合的信息流的展示。

Description

应用页面显示方法和装置
本申请要求于2021年03月01日提交国家知识产权局、申请号为202110227882.5、申请名称为“应用页面显示方法和装置”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本公开涉及计算机技术领域，尤其涉及一种应用页面显示方法和装置。
背景技术
在应用程序(application，APP)的页面中，一个入口对应的页面可展示多个功能集合的内容，其中，一个功能集合是由APP的一个或者多个功能构成的。然而，一个入口对应的页面的展示空间是有限的，常常无法充分展示多个功能集合的内容，对用户缺乏吸引力。
因此，如何在一个入口对应的页面上充分展示多个功能集合更多的内容是现亟需解决的问题。
发明内容
为了解决上述技术问题或者至少部分地解决上述技术问题，本公开提供了一种应用页面显示方法和装置。
第一方面，本公开提供了一种应用页面显示方法，包括：
接收用户在第一应用的第一页面上执行的第一操作，第一操作用于进入到第一应用的第二页面，第一页面与第二页面不同；
响应于接收到第一操作，在第二页面上显示第一标签、第二标签和第一标签对应的第一区域，播放第一区域中的第一选项对应的信息流，所述第一标签与所述第二标签所标识的功能不同；
在满足预设条件时，在第二页面上切换为显示第二标签对应的第二区域，播放第二区域中的第二选项对应的信息流。
通过第一方面提供的方法，电子设备响应于接收到用户在第一应用的第一页面上执行的第一操作，可在第二页面中显示多个标签和第一标签对应的第一区域，且播放第一区域对应的功能集合中的信息流。且在满足预设条件时(例如经过预设时长，或者，接收到用户在第二标签上执行的第二操作)，电子设备可在第二页面中显示多个标签和第二标签对应的第二区域，且播放第二区域对应的功能集合中的信息流。从而，充分利用了一个页面的空间兼容多个功能集合和一个功能集合的信息流的展示，使得用户能够尽可能多地明确各个功能集合的功能，还使得用户能够自动或者手动获取到每个功能集合中的用户感兴趣或者当前实事等视频内容，有助于应用程序能够丰富且立体地展示功能集合，提升了用户使用应用程序的体验。
在一种可能的设计中，所述预设条件包括：经过预设时长或接收到所述用户在所述第二标签上执行的第二操作。
在一种可能的设计中，第一区域与第二区域在第二页面上的位置相同。
在一种可能的设计中，在第一区域中还包括与第一选项不同的第三选项时，播放第一 区域中的第一选项对应的信息流，包括：播放第一区域中的第一选项对应的信息流，且显示第一区域中的第三选项对应的信息流中的一个图片画面。
在一种可能的设计中，该方法还包括：接收用户在第二页面上执行的第三操作；响应于接收到第三操作，从播放第一区域中的第一选项对应的信息流且显示第一区域中的第三选项对应的信息流中的一个图片画面，切换为，显示第一区域中的第一选项对应的信息流中的一个图片画面且播放第一区域中的第三选项对应的信息流。
在一种可能的设计中，第三操作为将第三选项在第一区域中显示的面积增加到大于或等于预设值的操作；或者，第三操作为将第三选项移动到第一区域中的预设位置的操作。
在一种可能的设计中，预设位置为在播放第一选项对应的信息流，且显示第三选项对应的信息流中的一个图片画面时，第一选项对应的信息流在第一区域中的位置。
在一种可能的设计中，播放一个选项对应的信息流，包括：播放一个选项对应的信息流的视频画面和视频声音；或者，播放一个选项对应的信息流的视频画面。
在一种可能的设计中，该方法还包括：接收用户在第一区域或所述第二区域中的一个选项上执行的第四操作；响应于接收到第四操作，将第一区域或所述第二区域中的一个选项对应的信息流的视频声音调小、调大或者静音。
在一种可能的设计中，第一标签为第二页面上的首个标签，第一选项为第一区域中的首个选项，第二选项为第二区域中的首个选项。
在一种可能的设计中，标签或者选项在第二页面上的预设位置显示。
在一种可能的设计中，第一标签和第二标签在第二页面上单行显示或者多行显示。
在一种可能的设计中，所述第一标签和所述第二标签的选项，与所述用户在第一应用中的历史浏览记录相关；所述第一标签和所述第二标签与所述用户在所述第一应用中的历史浏览记录相关。
第二方面，本公开提供了一种电子设备，包括：存储器和处理器；存储器用于存储程序指令；处理器用于调用存储器中的程序指令使得电子设备执行第一方面及第一方面任一种可能的设计中的应用页面显示方法。
第三方面，本公开提供了一种计算机存储介质，包括计算机指令，当计算机指令在电子设备上运行时，使得电子设备执行第一方面及第一方面任一种可能的设计中的应用页面显示方法。
第四方面，本公开提供了一种计算机程序产品，当计算机程序产品在计算机上运行时，使得计算机执行第一方面及第一方面任一种可能的设计中的应用页面显示方法。
第五方面，本公开提供了一种芯片系统，芯片系统包括：处理器；当处理器执行存储器中存储的计算机指令时，电子设备执行第一方面及第一方面任一种可能的设计中的应用页面显示方法。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。
为了更清楚地说明本公开实施例或现有技术中的技术方案，下面将对实施例或现 有技术描述中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1A-图1N为本公开实施例提供的人机交互界面示意图；
图2为本公开实施例提供的应用页面显示方法的流程示意图。
具体实施方式
为了能够更清楚地理解本公开的上述目的、特征和优点，下面将对本公开的方案进行进一步描述。需要说明的是，在不冲突的情况下，本公开的实施例及实施例中的特征可以相互组合。
在下面的描述中阐述了很多具体细节以便于充分理解本公开，但本公开还可以采用其他不同于在此描述的方式来实施；显然，说明书中的实施例只是本公开的一部分实施例，而不是全部的实施例。
示例性地，本公开提供一种应用页面显示方法、装置、设备、计算机存储介质以及计算机程序产品，通过应用程序的一个入口对应的页面展示多个功能集合的标签，以及播放其中一个标签对应的一个或者多个选项对应的信息流，充分利用了该页面的空间兼容多个功能集合的展示，使得用户能够快速且明确了解各个功能集合的功能，还使得用户能够精准获取到每个功能集合中的用户感兴趣或者当前实事等内容，提升了用户使用应用程序的体验。
其中，本公开的应用页面显示方法由电子设备来执行。电子设备可以是平板电脑、手机(如折叠屏手机、大屏手机等)、可穿戴设备、车载设备、增强现实(augmented reality，AR)/虚拟现实(virtual reality，VR)设备、笔记本电脑、超级移动个人计算机(ultra-mobile personal computer，UMPC)、上网本、个人数字助理(personaldigital assistant，PDA)、智能电视、智慧屏、高清电视、4K电视、智能音箱、智能投影仪等物联网(the internet of things，IOT)设备，本公开对电子设备的具体类型不作任何限制。
其中，本公开对电子设备的操作系统的类型不做限定。例如，Android系统、Linux系统、Windows系统、iOS系统等。
基于前述描述，本公开以实施例将以电子设备为例，结合附图和应用场景，对本公开提供的应用页面显示方法进行详细阐述。
结合图1A-图1N，介绍本公开的应用页面显示方法的具体实现过程。为了便于说明，图1A-图1N中，以电子设备为手机，手机中安装有短视频社交APP 1(简称应用1)为例进行示意。
请参阅图1A-图1N，图1A-图1N为本公开实施例提供的人机交互界面示意图。
应用1可在手机上显示图1A示例性所示的用户界面11，用户界面11用于显示应用1的主页面，其中，应用1在应用1的主页面中执行某个功能集合，如播放多媒体信息(如短视频)。其中，用户界面11可以包括：控件101，控件101用于进入到应用1的发现页，该发现页用于展示应用1的直播间、好物推荐和音乐推荐三个功能集合。
在应用1接收到用户在图1A所示的用户界面11中执行如点击控件101的操作后，应用1可在用户界面11上显示图1B示例性所示的窗口102，窗口102用于显示应用1的发 现页。
其中，窗口102采用侧边栏样式，窗口102覆盖了用户界面11的部分区域。需要说明的是，窗口102与用户界面11的覆盖区域可以为用户界面11中的一个区域，本公开对该区域的大小、位置、形状和底色等参数不做限定。
图1B中，窗口102可以包括：标签1031、标签1032、标签1033和显示区104。
其中，本公开对每个标签的形状、大小、颜色等参数不做限定。每个标签可采用图标、文字、图片、视频等显示形式。例如，标签可采用默认图标进行显示，或者，标签可基于用户在应用1中的历史浏览内容和实事等内容采用个性化的图标进行显示，如某个直播间的封面或者一个视频画面。
标签1031用于标识应用1中的一个功能集合，该功能集合用于提供直播间的入口。标签1031与显示区104相对应，且应用1选中了标签1031。其中，显示区104用于进入到该功能集合中的各个直播间。显示区104可采用图标、文字、图片、视频等形式显示各个直播间的入口。
显示区104可以包括：选项1041和选项1042。选项1041和选项1042分别对应一个直播间的信息流(feed)，用于进入到对应的直播间。图1B中，手机采用窗口(即卡片)形式播放选项1041中的正在直播的直播间1当前的视频画面。手机采用窗口形式显示选项1042中的正在直播的直播间2的一个图片画面(如封面)。
另外，显示区104还可包括其他选项。除了对应于正在直播的直播间的信息流之外，其他选项也可以对应于未直播的直播间的信息流。其中，显示区104中选项的数量、面积等参数可根据手机的屏幕大小等情况进行设置。
1、调整标签对应的信息流中的视频声音
除了手机播放选项1041中的直播间1当前的视频画面之外，手机还可播放选项1041中的直播间1当前的视频声音。其中，选项1041中还可显示有控件1051，控件1051用于调整选项1041对应的直播间1中的声音大小。
在应用1接收到用户在图1B所示的选项1041中执行如点击控件1051的操作后，应用1可在手机上显示图1C示例性所示的控件1052，使得直播间1当前的视频声音静音。在应用1接收到用户在图1C所示的选项1041中执行如点击控件1052的操作后，应用1可在手机上显示图1B示例性所示的控件1051，使得直播间1当前的视频声音取消静音。
或者，在应用1接收到用户在图1B所示的选项1041中执行如点击控件1051的操作后，手机可在手机上显示图1D示例性所示的控件1053。在应用1接收到用户在图1D所示的选项1041中执行如点击控件1053的操作后，手机可将直播间1当前的视频声音调大或调小。
2、更改标签对应的信息流
在应用1接收到用户在图1B所示的显示区104中执行如上滑的操作后，应用1可改变显示区104中的选项1041和选项1042的显示面积，使得选项1041的显示面积变小且选项1042的显示面积变大。
在选项1042的显示面积大于或等于预设值或者选项1042滑动了预设距离时，手机采用窗口形式显示选项1041中的正在直播的直播间1的一个图片画面(如封面)，手机采用 窗口形式播放选项1042中的正在直播的直播间2当前的视频画面，则应用1可在手机上显示图1E示例性所示的显示区104。此外，控件1051不再继续显示在选项1041中，而显示在选项1042中。
在选项1042滑动到预设位置(如图1B中的选项1041对应的位置，即选项1041的初始位置)时，手机不再继续显示选项1041，手机采用窗口形式播放选项1042中的正在直播的直播间2当前的视频画面，手机采用窗口形式显示选项1043中的正在直播的直播间3的一个图片画面(如封面)，则应用1可在手机上显示图1F示例性所示的显示区104。此外，控件1051不再继续显示在选项1041中，而显示在选项1042中。
需要说明的是，除了手机播放选项1042中的直播间2当前的视频画面之外，手机还可以播放选项1042中的直播间2当前的视频声音。另外，控件1051调节选项1042中直播间2的视频声音具体可参见图1C-图1D中的控件1051调节选项1041中直播间1的视频声音的描述，此处不做赘述。
此外，用户可继续在显示区104中执行上滑操作，使得手机显示出显示区104中未显示的直播间。并且，用户可继续在显示区104中执行下滑操作，使得手机重新显示出显示区104中已显示过的直播间。
3、进入选项对应的页面
在应用1接收到用户在图1B所示的窗口102中执行如点击选项1041的操作后，应用1可在手机上显示图1G示例性所示的用户界面12，用户界面12用于全屏播放直播间1当前的视频画面和视频声音。
此外，显示区104中的其他选项对应的页面可参见图1G中的用户界面12全屏显示选项1041中的直播间1的方式。例如，应用1可在手机上全屏显示一个好物的介绍视频，或者，应用1可在手机上全屏显示一首歌曲的MV。
标签1032用于标识应用1中的一个功能集合，该功能集合用于提供好物推荐的入口。标签1033用于标识应用1中的一个功能集合，该功能集合用于进入到音乐推荐的入口。其中，每个标签对应一个区域，该区域用于进入到该标签对应的功能集合中的各个入口。
4、更改标签
在经过预设时长后，或者，在应用1接收到用户在图1B所示的窗口102中执行如点击标签1032的操作后，应用1选中了标签1032，则应用1可将显示区104更改为图1H示例性所示的显示区106。
其中，显示区106用于进入到标签1032对应的功能集合中的各个好物推荐的入口。显示区106可采用图标、文字、图片、视频等形式显示各个好物推荐的入口。
显示区106可以包括：选项1061和选项1062。选项1061和选项1062分别对应一个好物推荐的信息流(feed)，用于进入到好物对应的推荐页面。图1H中，手机采用窗口(即卡片)形式播放选项1061中的好物1在正在直播的直播间中的视频画面。手机采用窗口形式显示选项1062中的好物的一个图片画面(如封面)。
另外，显示区106还可包括其他选项。除了上述内容之外，其他选项也可以对应于好物的购物链接、介绍视频等信息流。其中，显示区106中选项的数量、面积等参数可根据 手机的屏幕大小等情况进行设置。
需要说明的是，显示区106中的信息流的视频声音的调整、选项的显示方式以及进入到好物/音乐的推荐页面等内容的具体实现方式可分别参见显示区104中的信息流的视频声音的调整、选项的显示以及进入到直播间的描述，此处不做赘述。
此外，在继续经过预设时长后，或者，在应用1接收到用户在图1B所示的窗口102中执行如点击标签1033的操作后，应用1可将显示区106更改为标签1033对应的显示区。
从而，手机可基于默认方式或用户设置的方式，自动轮播在窗口102中多个标签中的信息流，或者，手机可手动切换在窗口102中多个标签中的信息流。
其中，标签1033对应的显示区可包括一个或者多个选项，每个选项对应于音乐的播放画面、封面或音乐短片(music video，MV)或者录音等信息流。
5、编辑标签
图1B中，窗口102还可包括：控件1071，控件1071用于显示全部标签。本公开对控件1071的形状、大小、颜色等参数不做限定。
51、显示全部标签
在应用1接收到用户在图1B所示的窗口102中执行如点击控件1071的操作后，除了标签1031、标签1032、标签1033和显示区104之外，应用1还可在窗口102中显示图1I示例性所示的标签1034和控件1072。
其中，标签1034用于标识应用1中的一个功能集合，该功能集合用于提供小程序推荐的入口。标签1034对应一个区域，该区域用于进入到小程序的各个推荐入口。
其中，控件1072，控件1072用于显示部分标签。本公开对控件1072的形状、大小、颜色等参数不做限定。一般情况下，控件1071和控件1072的显示位置相同。
52、显示部分标签
在应用1接收到用户在图1I所示的窗口102中执行如点击控件1072的操作后，应用1可在手机上显示图1B示例性所示的窗口102。
需要说明的是，在应用1接收到用户在图1A所示的用户界面11中执行如点击控件101的操作后，除了在用户界面11上显示图1B示例性所示的窗口102之外，应用1可在用户界面11上显示图1I示例性所示的窗口102。
从而，应用1可单行显示多个标签，也可多行显示多个标签，丰富了标签的展示方式。
53、添加新的标签
另外，图1I中还可以包括标签1035，标签1035用于添加新的标签。本公开对标签1035的形状、大小、颜色等参数不做限定。
在应用1接收到用户在图1I所示的窗口102中执行如点击标签1035的操作后，手机可在选项页面上选择一个或者多个新的标签，如标签1036，则除了标签1031、标签1032、标签1033、显示区104、标签1034和标签1035之外，应用1可在窗口102中显示图1J示例性所示的标签1036。
其中，标签1036用于标识应用1中的一个功能集合，该功能集合用于提供签到的入口。标签1036对应一个区域，该区域用于进入到签到的推荐入口。
在应用1接收到用户在图1J所示的窗口102中执行如长按标签1036的操作后，窗口102进入到标签的编辑模式，即退出标签的非编辑模式，则应用1可手机上显示图1K示例性所示的处于标签的编辑模式下的窗口102。其中，每个标签的右下角增加有一个控件1073，控件1073用于删除对应的标签。另外，标签1035不再继续显示。
54、更改标签的位置
在应用1接收到用户在图1K所示的窗口102中执行如将标签1034移动到标签1036的位置的操作后，应用1可手机上显示图1L示例性所示的窗口102，使得标签1034与标签1036在窗口102中的位置互换。
55、删除标签
在应用1接收到用户在图1K所示的窗口102中执行如点击标签1034右下角的控件1073操作后，应用1可在手机上显示图1M示例性所示的窗口102，使得标签1034从窗口102中删除。
56、退出标签的编辑模式
在应用1接收到用户在图1K所示的窗口102中执行如点击的操作后，窗口102退出标签的编辑模式，即进入到标签的非编辑模式，则应用1可手机上显示图1N示例性所示的处于标签的非编辑模式下的窗口102。其中，每个标签的右下角增加有一个控件1073不再继续显示。另外，标签1035继续显示。
需要说明的是，在标签的非编辑模式下，标签1035可不显示在图1I所示的窗口102中。在标签的编辑模式下，标签1035可显示在图1K所示窗口102中。
综上，应用1可通过一个入口对应的页面(采用侧边栏样式)，向用户展示了多个功能集合的标签，使得用户能够快速确定多个功能集合的功能，以及向用户播放了一个标签对应的功能集合中的信息流，使得用户能够获得更加丰富且立体的功能集合，充分利用了该入口对应的页面空间，提升了用户使用应用1的便利性。并且，在应用1显示该页面的同时，仍能继续执行之前页面对应的功能(播放多媒体信息)。
另外，应用1可手动切换或者自动轮播到多个标签中的下一个标签对应的信息流，使得用户能够精准获取到用户感兴趣或者当前实事等内容。
另外，应用1可采用单行或者多行的显示方式展示多个标签，丰富了展示多个标签的多样性。并且，每个标签可基于用户在应用1中的历史浏览记录、当前热门实事、用户所属地域等内容相关，使得应用1能够个性化展示每个功能集合的标签。
另外，应用1可编辑多个标签的位置和数量，如添加标签、删除标签、更改标签的位置等。
基于图1A-图1N实施例的描述，结合图2，对本公开提供的应用页面显示方法的具体实现过程进行详细阐述。
请参阅图2，图2为本公开实施例提供的应用页面显示方法的流程示意图。如图2所示，本公开的应用页面显示方法可以包括：
S101、接收用户在第一应用的第一页面上执行的第一操作。
第一应用的第一页面上配置有基于第一操作对应的第二页面的入口。因此，电子设备 可接收到第一页面上执行的第一操作。
其中，第一页面可以为第一应用的一个页面。例如，第一页面可以为第一应用的主页面，也可以为第一应用中除了主页面之外的页面。
其中，第一操作用于进入到第一应用的第二页面，第一操作可以包括但不限于点击、双击、长按、滑动等类型的操作。例如，第一操作可为作用于第一页面中的某个控件上的操作，也可以为满足预设手势的操作，如用户在手机屏幕上执行的右滑/左滑/上拉/下拉的操作。
其中，第二页面为第一应用除了第一页面之外的一个页面，第一页面与第二页面不同。但第一页面与第二页面的内容可以相同或者不同，本公开对此不做限定。例如，第二页面可采用侧边栏样式，覆盖第一页面的部分区域，使得借助第二页面能够区域化展示多个功能集合的标签和一个功能集合中的选项的信息流。其中，本公开对第二页面覆盖第一页面的区域大小、位置、面积等参数不做限定。
在一些实施例中，第一应用为图1A-图1N中的应用1时，第一页面的具体实现方式可参见图1A实施例中的用户界面11的描述，第一操作的具体实现方式可参见用户点击图1A实施例中的控件101的描述，第二页面的具体实现方式可参见图1B或图1实施例中的窗口102的描述，此处不做赘述。
S102、响应于接收到第一操作，在第二页面上显示第一标签、第二标签和第一标签对应的第一区域，且播放第一区域中的第一选项对应的信息流。
电子设备在接收到第一操作后，在第二页面上显示第一标签、第二标签以及第一标签对应的第一区域，且播放第一区域中的第一选项对应的信息流。
其中，第一标签(标签)用于标识第一区域中的各个选项的功能，第一标签与第二标签不同。在一些实施例中，第一标签或者第一标签中的选项在第二页面上的预设位置显示，即第一标签在第二页面上的位置固定，第一选项在第二页面上的位置也固定。
其中，所述第一标签与所述第二标签所标识的功能不同，第一标签对应的第一区域中设置有一个或者多个选项，每个选项用于展示第一标签对应的功能集合中的一个信息流。此处的信息流可理解为一个视频片段，如一个直播间中的视频，或者，一个好物的讲解视频，或者，一首歌曲的MV。
本公开对第一区域在第二页面中的位置、大小、颜色等参数不做限定。例如，第一标签为第二页面上的首个标签，第一选项为第一区域中的首个选项。
另外，第一标签或者第一标签中的选项中的显示内容和展示样式可基于用户在第一应用中的历史浏览记录、当前热门实事、用户所属地域等内容相关，使得第一应用能够个性化展示第一标签，以及在第一选项中展示更为贴近用户行为习惯的一个信息流。
在一些实施例中，第一标签的具体实现方式可参见图1B-图1F和图1I-图1N中的标签1031的描述，对应的，第二标签的具体实现方式可参见图1B-图1F和图1I-图1N中的标签1032、标签1033、标签1034和标签1036中的一个标签的描述，第一标签对应的第一区域的具体实现方式可参见图1B-图1F和图1I-图1N中的显示区104的描述，此处不做赘述。
对应的，第一区域中的第一选项可参见图1B-图1D和图1I-图1N中的显示区104中的 选项1041的描述，第一区域中的第一选项对应的信息流的具体实现方式可参见图1B-图1D和图1I-图1N中的选项1041对应的信息流的描述，此处不做赘述。
对应的，第一区域中的第一选项可参见图1E-图1F中的显示区104中的选项1042的描述，第一区域中的第一选项对应的信息流的具体实现方式可参见图1E图1F的显示区104中的选项1042对应的信息流的描述，此处不做赘述。
在另一些实施例中，第一标签的具体实现方式可参见图1H中的标签1032的描述，对应的，第二标签的具体实现方式可参见图1H中的标签1031、标签1033、标签1034和标签1036中的一个标签的描述，第一标签对应的第一区域的具体实现方式可参见图1H中的显示区106的描述，第一区域中的第一选项可参见图1H中的显示区106中的选项1061的描述，第一区域中的第一选项对应的信息流的具体实现方式可参见图1H中的选项1061对应的信息流的描述，此处不做赘述。
在一些示例中，在满足预设条件时，可以切换为在第二页面上显示第二标签对应的第二区域，其中，预设条件可以是经过预设时间，也可以接收到用户在第二标签上执行的第二操作。
S103、在经过预设时长后，或者，在接收到用户在第二标签上执行的第二操作后，在第二页面上显示第一标签、第二标签和第二标签对应的第二区域，且播放第二区域中的第二选项对应的信息流。
电子设备在经过预设时长后，可自动将第二页面中的第一标签对应的第一区域更换为第二标签对应的第二区域，使得电子设备可在第二页面上显示第一标签、第二标签以及第二标签对应的第二区域，且播放第二区域中的第二选项对应的信息流。
其中，本公开对预设时长的具体数值不做限定。
或者，电子设备在接收到第二操作后，可手动将第二页面中的第一标签对应的第一区域更换为第二标签对应的第二区域，使得电子设备可在第二页面上显示第一标签、第二标签以及第二标签对应的第二区域，且播放第二区域中的第二选项对应的信息流。
其中，第二操作用于更换标签，第二操作可以包括但不限于点击、双击、长按、滑动等类型的操作。例如，第二操作可为作用于某个标签上的操作，也可以为满足预设手势的操作。
其中，第二标签用于标识第二区域中的各个选项的功能。在一些实施例中，第二标签或者第二标签中的选项在第二页面上的预设位置显示，即第二标签在第二页面上的位置固定，第二选项在第二页面上的位置也固定。例如，第二选项为第二区域中的首个选项。
另外，本公开对第一标签和第二标签的展示方式不做限定。在一些实施例中，第一标签和第二标签在第二页面上单行显示或者多行显示。从而，丰富第二页面展示多个标签的方式。
其中，第二标签对应的第二区域中设置有一个或者多个选项，每个选项用于展示第二标签对应的功能集合中的一个信息流。此处的信息流可理解为一个视频片段，如一个直播间中的视频，或者，一个好物的讲解视频，或者，一首歌曲的MV。
本公开对第二区域在第二页面中的位置、大小、颜色等参数不做限定。在一些实施例 中，第一区域与第二区域在第二页面上的位置可以保持相同。
另外，第二标签或者第二标签中的选项中的显示内容和展示样式可基于用户在第一应用中的历史浏览记录、当前热门实事、用户所属地域等内容相关，使得第一应用能够个性化展示第二标签，以及在第二选项中展示更为贴近用户行为习惯的一个信息流。
在一些实施例中，第二操作的具体实现方式可参见用户点击图1B实施例中的标签1032的描述，第二标签的具体实现方式可参见图1H中的标签1032的描述，第二标签对应的第二区域的具体实现方式可参见图1H中的显示区106的描述，第二区域中的第二选项可参见图1H中的显示区106中的选项1061的描述，第二区域中的第二选项对应的信息流的具体实现方式可参见图1H中的选项1061对应的信息流的描述，此处不做赘述。
本公开提供的应用页面显示方法，通过电子设备响应于接收到用户在第一应用的第一页面上执行的第一操作，可在第二页面中显示多个标签和第一标签对应的第一区域，且播放第一区域对应的功能集合中的信息流。且在经过预设时长后，或者，在接收到用户在第二标签上执行的第二操作后，电子设备可在第二页面中显示多个标签和第二标签对应的第二区域，且播放第二区域对应的功能集合中的信息流。从而，充分利用了一个页面的空间兼容多个功能集合和一个功能集合的信息流的展示，使得用户能够尽可能多地明确各个功能集合的功能，还使得用户能够自动或者自动获取到每个功能集合中的用户感兴趣或者当前实事等视频内容，有助于应用程序能够丰富且立体地展示功能集合，提升了用户使用应用程序的体验。
另外，在第一页面对应第一应用的多媒体信息时，电子设备可在显示第二页面的同时，在第一页面中继续播放多媒体信息，以便保持多媒体信息的播放状态。
基于前述描述，在第一区域中还包括的第三选项时，电子设备可播放第一选项对应的信息流，且显示第三选项对应的信息流中的一个图片画面。
其中，第三选项可为第一标签对应的第一区域中的一个选项，第一选项与第三选项不同，第三选项用于展示第一标签对应的功能集合中的一个信息流。
在一些实施例中，第一区域中的第一选项可参见图1B-图1D和图1I-图1N中的显示区104中的选项1041的描述，对应地，第三选项可参见图1B-图1D和图1I-图1N中的显示区104中的选项1042的描述，第一区域中的第二选项对应的信息流的具体实现方式可参见图1B-图1D和图1I-图1N中的选项1042对应的信息流的描述，此处不做赘述。
在另一些实施例中，第一区域中的第一选项可参见图1E-图1F中的显示区104中的选项1042的描述，对应地，第一区域中的第三选项可参见图1E-图1F中的显示区104中的选项1041或选项1043的描述，第一区域中的第二选项对应的信息流的具体实现方式可参见图1E-图1F的显示区104中的选项1041或选项1043对应的信息流的描述，此处不做赘述。
在另一些实施例中，第一区域中的第一选项可参见图1H中的显示区106中的选项1061的描述，第一区域中的第二选项可参见图1H中的显示区106中的选项1062的描述，第一区域中的第一选项对应的信息流的具体实现方式可参见图1H中的选项1061对应的信息流的描述，第一区域中的第二选项对应的信息流的具体实现方式可参见图1H中的选项1062 对应的信息流的描述，此处不做赘述。
基于前述描述，在第一区域中包括第一选项和第三选项时，电子设备还可更换第一标签对应的功能集合中的信息流。
在一些实施例中，电子设备可接收用户在第二页面上执行的第三操作。其中，第三操作可用于将播放的一个选项对应的信息流更换为另一个选项对应的信息流，第三操作可以包括但不限于点击、双击、长按、滑动等类型的操作。例如，第三操作可为作用于该选项中的某个控件上的操作，也可以为满足预设手势的操作。
在一些实施例中，第三操作的具体实现方式可参见用户在图1B实施例中执行的上滑操作的描述，此处不做限定。
其中，第三操作可以为将第三选项在第一区域中显示的面积增加到大于等于预设值的操作。本公开对预设值的大小不做限定。例如，预设值为第三选项的整个面积。
或者，第三操作还可以为第三选项的移动距离大于等于预设距离的操作。本公开对预设距离的大小不做限定。例如，预设距离为第三选项的长度的一半。
或者，第三操作还可以为将第三选项移动到第一区域中的预设位置的操作。其中，预设位置为在播放第一选项对应的信息流，且显示第三选项对应的信息流中的一个图片画面时，第一选项对应的信息流在第一区域中的位置；在一些示例中，预设位置可以是第一选项对应的信息流在第一区域中的初始位置。
从而，电子设备在接收到第三操作后，可从播放第一选项对应的信息流且显示第三选项对应的信息流中的一个图片画面，更新为，显示第一选项对应的信息流中的一个图片画面且播放第三选项对应的信息流。
另外，在第三选项的滑动过程中，第一应用可设置吸附效果，且默认播放第一区域中的首个选项对应的信息流。从而，电子设备在接收到第三操作后，可将第三选项吸附且显示到第一选项的位置处，使得第三选项能够在第二页面上完全显示，且自动播放第三选项对应的信息流。
在一些示例中，信息流可以包括视频画面和视频声音；在另一些示例中，信息流可以包括视频画面。针对步骤S102中的播放第一区域中的第一选项对应的信息流，或者步骤S103中的播放第二区域中的第二选项对应的信息流中的播放一个选项对应的信息流而言，电子设备可播放该选项对应的信息流的视频画面和视频声音，或者，播放一个选项对应的信息流的视频画面且静音。
基于上述描述，电子设备还可调整该选项对应的信息流的视频声音。在一些实施例中，电子设备可接收用户在一个选项的显示区域上执行的第四操作。电子设备在接收到第四操作后，可将一个选项对应的信息流的视频声音调小、调大或者静音。例如电子设备接收用户在第一区域或者是第二区域中的一个选项上执行的第四操作，将所述第一区域或所述第二区域中的一个选项对应的信息流的视频声音调小、调大或者静音。
其中，第四操作用于调整一个选项对应的信息流的视频声音，第四操作可以包括但不限于点击、双击、长按、滑动等类型的操作。例如，第四操作可为作用于该选项中的某个控件上的操作，也可以为满足预设手势的操作。
在一些实施例中，第四操作的具体实现方式可参见用户点击图1B实施例中的控件1051的描述，或者，第四操作的具体实现方式可参见用户点击图1C实施例中的控件1052的描述，第四操作的具体实现方式可参见用户点击图1D实施例中的控件1053的描述，此处不做限定。
基于前述描述，在第二页面中展示多个标签时，本公开可编辑多个标签的位置、大小、数量等。
电子设备可在第二页面中删除已显示的标签。在一些实施例中，第二页面上还可显示有第一控件，第一控件用于删除标签。其中，本公开对第一控件的形状、大小、位置、颜色等参数不做限定。电子设备可接收用户在第一控件上执行的第五操作。其中，第五操作用于删除标签，第五操作可以包括但不限于点击、双击、长按、滑动等类型的操作。例如，第五操作可为作用于第一控件上的操作，也可以为满足预设手势的操作。从而，电子设备在接收到第五操作后，可在第二页面上删除第一标签。
在一些实施例中，第一控件的具体实现方式可参见图1K实施例中的控件1073的描述，第五操作的具体实现方式可参见用户点击图1K实施例中的控件1073的描述，删除第一标签的具体实现方式可参见用户点击图1M实施例中的删除标签1034的描述，此处不做限定。
电子设备可在第二页面中添加未显示的标签。在一些实施例中，第二页面上还可显示有第二控件，第二控件用于添加新的标签。其中，本公开对第二控件的形状、大小、位置、颜色等参数不做限定。电子设备可接收用户在第二控件上执行的第六操作。其中，第六操作用于添加新的标签，第六操作可以包括但不限于点击、双击、长按、滑动等类型的操作。例如，第六操作可为作用于第二控件上的操作，也可以为满足预设手势的操作。从而，电子设备在接收到第六操作后，可在第二页面上显示第三标签，第三标签与第一标签和第二标签不同。
在一些实施例中，第二控件的具体实现方式可参见图1I实施例中的标签1035的描述，第六操作的具体实现方式可参见用户点击图1I实施例中的标签1035的描述，第三标签的具体实现方式可参见用户点击图1J实施例中的标签1036的描述，此处不做限定。
电子设备可移动在第二页面中已显示的标签的位置。在一些实施例中，电子设备可接收用户在第一标签上执行的第七操作。其中，第七操作用于移动标签的位置，第七操作可以包括但不限于点击、双击、长按、滑动等类型的操作。例如，第七操作可为满足预设手势的操作。从而，电子设备在接收到第七操作后，可在第二页面上相互更换第一标签和第二标签的位置。
在一些实施例中，第七操作的具体实现方式可参见用户将图1K实施例中的标签1034移动到标签1036的位置的操作的描述，更换第一标签和第二标签的位置的具体实现方式可参见图1L实施例中的标签1034与标签1036在窗口102中的位置互换的描述，此处不做限定。
电子设备可在第二页面中显示全部标签。在一些实施例中，第二页面上还可显示有第三控件，第三控件用于显示全部标签。其中，本公开对第三控件的形状、大小、位置、颜色等参数不做限定。电子设备可接收用户在第三控件上执行的第八操作。其中，第八操作 用于显示全部标签，第八操作可以包括但不限于点击、双击、长按、滑动等类型的操作。例如，第八操作可为作用于第三控件上的操作，也可以为满足预设手势的操作。从而，电子设备在接收到第八操作后，可从在第二页面上显示第一标签和第二标签，更新为，在第二页面上显示第一标签、第二标签和第四标签，第四标签与第一标签和第二标签不同。
在一些实施例中，第三控件的具体实现方式可参见图1B实施例中的控件1071的操作的描述，第八操作的具体实现方式可参见用户点击图1B实施例中的控件1071的操作的描述，显示第一标签、第二标签和第四标签的具体实现方式可参见图1I实施例中的标签1031、标签1032、标签1033和标签1034的描述，此处不做限定。
电子设备可在第二页面中显示部分标签。在一些实施例中，第二页面上还可显示有第四控件，第四控件用于显示部分标签且隐藏部分标签。其中，本公开对第四控件的形状、大小、位置、颜色等参数不做限定。电子设备可接收用户在第四控件上执行的第九操作。其中，第九操作用于显示部分标签，第九操作可以包括但不限于点击、双击、长按、滑动等类型的操作。例如，第九操作可为作用于第四控件上的操作，也可以为满足预设手势的操作。从而，电子设备在接收到第九操作后，可从在第二页面上显示第一标签和第二标签，更新为，在第二页面上显示第一标签。
在一些实施例中，第四控件的具体实现方式可参见图1I实施例中的控件1072的操作的描述，第九操作的具体实现方式可参见用户点击图1I实施例中的控件1072的操作的描述，显示第一标签的具体实现方式可参见图1B实施例中的标签1031、标签1032和标签1033的描述，此处不做限定。
另外，电子设备还可进入到第一区域中的每个选项及第二区域中的每个选项对应的页面。其中，电子设备在接收到用户在一个选项上执行的操作后，还可进入到一个选项对应的页面中。在一些实施例中，上述的具体实现过程可参见图1G中的用户界面12显示的一个直播间的描述，此处不做赘述。
示例性地，本公开提供一种电子设备，包括：一个或多个处理器；存储器；以及一个或多个计算机程序；其中一个或多个计算机程序被存储在存储器中；一个或多个处理器在执行一个或多个计算机程序时，使得电子设备实现前文实施例的应用页面显示方法。
示例性地，本公开提供一种芯片系统，芯片系统应用于包括存储器和传感器的电子设备；芯片系统包括：处理器；当处理器执行前文实施例的应用页面显示方法。
示例性地，本公开提供一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器使得电子设备执行时实现前文实施例的应用页面显示方法。
示例性地，本公开提供一种计算机程序产品，当计算机程序产品在计算机上运行时，使得计算机执行前文实施例的应用页面显示方法。
在上述实施例中，全部或部分功能可以通过软件、硬件、或者软件加硬件的组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行计算机程序指令时，全部或部分地产生按照本公开实施例的流程或功能。计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。计算机指令可以存储在计算机可读存储介质中。计算机可读存 储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。可用介质可以是磁性介质，(例如，软盘、硬盘、磁带)、光介质(例如，DVD)、或者半导体介质(例如，固态硬盘(solid state disk，SSD))等。
需要说明的是，在本文中，诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
以上所述仅是本公开的具体实施方式，使本领域技术人员能够理解或实现本公开。对这些实施例的多种修改对本领域的技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本公开的精神或范围的情况下，在其它实施例中实现。因此，本公开将不会被限制于本文所述的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims (16)

  1. 一种应用页面显示方法，其特征在于，包括：
    接收用户在第一应用的第一页面上执行的第一操作，所述第一操作用于进入到所述第一应用的第二页面，所述第一页面与所述第二页面不同；
    响应于接收到所述第一操作，在所述第二页面上显示第一标签、第二标签和所述第一标签对应的第一区域，播放所述第一区域中的第一选项对应的信息流，所述第一标签与所述第二标签所标识的功能不同；
    在满足预设条件时，在所述第二页面上切换为显示所述第二标签对应的第二区域，播放所述第二区域中的第二选项对应的信息流。
  2. 根据权利要求1所述的方法，其特征在于，所述预设条件包括：经过预设时长或接收到所述用户在所述第二标签上执行的第二操作。
  3. 根据权利要求1或2所述的方法，其特征在于，所述第一区域与所述第二区域在所述第二页面上的位置相同。
  4. 根据权利要求1-3任一项所述的方法，其特征在于，在所述第一区域中还包括与所述第一选项不同的第三选项时，所述播放所述第一区域中的第一选项对应的信息流，包括：
    播放所述第一区域中的第一选项对应的信息流，且显示所述第一区域中的第三选项对应的信息流中的一个图片画面。
  5. 根据权利要求4所述的方法，其特征在于，所述方法还包括：
    接收用户在所述第二页面上执行的第三操作；
    响应于接收到所述第三操作，从播放所述第一区域中的第一选项对应的信息流且显示所述第一区域中的第三选项对应的信息流中的一个图片画面，切换为，显示所述第一区域中的第一选项对应的信息流中的一个图片画面且播放所述第一区域中的第三选项对应的信息流。
  6. 根据权利要求5所述的方法，其特征在于，
    所述第三操作为将所述第三选项在所述第一区域中显示的面积增加到大于或等于预设值的操作；
    或者，所述第三操作为将所述第三选项移动到第一区域中的预设位置的操作。
  7. 根据权利要求6所述的方法，其特征在于，所述预设位置为在播放所述第一选项对应的信息流，且显示所述第三选项对应的信息流中的一个图片画面时，所述第一选项对应的信息流在所述第一区域中的位置。
  8. 根据权利要求1-7任一项所述的方法，其特征在于，播放一个选项对应的信息流，包括：
    播放所述一个选项对应的信息流的视频画面和视频声音；
    或者，播放所述一个选项对应的信息流的视频画面。
  9. 根据权利要求1所述的方法，其特征在于，所述方法还包括：
    接收用户在所述第一区域或所述第二区域中的一个选项上执行的第四操作；
    响应于接收到所述第四操作，将所述第一区域或所述第二区域中的一个选项对应的信息流的视频声音调小、调大或者静音。
  10. 根据权利要求1-9任一项所述的方法，其特征在于，所述第一标签为所述第二页面上的首个标签，所述第一选项为所述第一区域中的首个选项，所述第二选项为所述第二区域中的首个选项。
  11. 根据权利要求1-10任一项所述的方法，其特征在于，标签或者选项在所述第二页面上的预设位置显示。
  12. 根据权利要求1-11任一项所述的方法，其特征在于，所述第一标签和所述第二标签在所述第二页面上单行显示或者多行显示。
  13. 根据权利要求1-12任一项所述的方法，其特征在于，所述第一标签和所述第二标签中的选项，与所述用户在所述第一应用中的历史浏览记录相关；
    所述第一标签和所述第二标签与所述用户在所述第一应用中的历史浏览记录相关。
  14. 一种电子设备，包括：一个或多个处理器；存储器；以及一个或多个计算机程序；其中所述一个或多个计算机程序被存储在所述存储器中；其特征在于，所述一个或多个处理器在执行所述一个或多个计算机程序时，使得所述电子设备实现如权利要求1-13任一项所述的应用页面显示方法。
  15. 一种计算机存储介质，其特征在于，包括计算机指令，当所述计算机指令在电子设备上运行时，使得所述电子设备执行如权利要求1-13任一项所述的应用页面显示方法。
  16. 一种计算机程序产品，其特征在于，当所述计算机程序产品在计算机上运行时，使得所述计算机执行如权利要求1-13任一项所述的应用页面显示方法。
PCT/CN2022/078520 2021-03-01 2022-03-01 应用页面显示方法和装置 WO2022184035A1 (zh)

Priority Applications (3)

Application Number Priority Date Filing Date Title
EP22762500.1A EP4287004A1 (en) 2021-03-01 2022-03-01 Application page display method and apparatus
JP2023552513A JP2024509803A (ja) 2021-03-01 2022-03-01 アプリケーションページ表示方法及び装置
US18/457,580 US20230400966A1 (en) 2021-03-01 2023-08-29 Application page display method and apparatus

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202110227882.5 2021-03-01
CN202110227882.5A CN115079906A (zh) 2021-03-01 2021-03-01 应用页面显示方法和装置

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US18/457,580 Continuation US20230400966A1 (en) 2021-03-01 2023-08-29 Application page display method and apparatus

Publications (1)

Publication Number Publication Date
WO2022184035A1 true WO2022184035A1 (zh) 2022-09-09

Family

ID=83154700

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/078520 WO2022184035A1 (zh) 2021-03-01 2022-03-01 应用页面显示方法和装置

Country Status (5)

Country Link
US (1) US20230400966A1 (zh)
EP (1) EP4287004A1 (zh)
JP (1) JP2024509803A (zh)
CN (1) CN115079906A (zh)
WO (1) WO2022184035A1 (zh)

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110753902A (zh) * 2017-06-02 2020-02-04 苹果公司 用于在电子设备上下载应用程序的用户界面
CN111147913A (zh) * 2020-03-09 2020-05-12 北京字节跳动网络技术有限公司 一种视频的播放方法、装置、电子设备及存储介质
CN111432268A (zh) * 2020-04-29 2020-07-17 深圳市酷开网络科技有限公司 终端控制页面的显示方法、显示终端及可读存储介质
CN111694478A (zh) * 2020-06-10 2020-09-22 广州酷狗计算机科技有限公司 内容展示方法、装置、终端及存储介质
CN111767487A (zh) * 2020-05-22 2020-10-13 阿里巴巴集团控股有限公司 页面展示方法、装置及电子设备

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108021307A (zh) * 2017-12-28 2018-05-11 深圳豪客互联网有限公司 一种播放器控件更改方法及装置
CN110798728B (zh) * 2019-11-06 2022-04-01 北京小米移动软件有限公司 视频播放方法、装置及存储介质
CN110764671B (zh) * 2019-11-06 2022-07-12 北京字节跳动网络技术有限公司 信息展示方法、装置、电子设备和计算机可读介质
CN111738801A (zh) * 2020-06-29 2020-10-02 拉扎斯网络科技（上海）有限公司 一种交互方法、交互装置、存储介质和电子设备
US20220019631A1 (en) * 2020-07-16 2022-01-20 Fox Sports Productions, Llc System and method for animated website

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110753902A (zh) * 2017-06-02 2020-02-04 苹果公司 用于在电子设备上下载应用程序的用户界面
CN111147913A (zh) * 2020-03-09 2020-05-12 北京字节跳动网络技术有限公司 一种视频的播放方法、装置、电子设备及存储介质
CN111432268A (zh) * 2020-04-29 2020-07-17 深圳市酷开网络科技有限公司 终端控制页面的显示方法、显示终端及可读存储介质
CN111767487A (zh) * 2020-05-22 2020-10-13 阿里巴巴集团控股有限公司 页面展示方法、装置及电子设备
CN111694478A (zh) * 2020-06-10 2020-09-22 广州酷狗计算机科技有限公司 内容展示方法、装置、终端及存储介质

Also Published As

Publication number Publication date
US20230400966A1 (en) 2023-12-14
EP4287004A1 (en) 2023-12-06
CN115079906A (zh) 2022-09-20
JP2024509803A (ja) 2024-03-05

Similar Documents

Publication Publication Date Title
US10839855B2 (en) Systems and methods for video clip creation, curation, and interaction
US11150792B2 (en) Method and device for executing object on display
US20110145745A1 (en) Method for providing gui and multimedia device using the same
WO2020133373A1 (zh) 视频处理方法、装置、电子设备及计算机可读存储介质
US9239662B2 (en) User interface editor
JP6530133B2 (ja) メディアを提供するためのタッチ・スクリーン・ユーザ・インタフェース
WO2022179442A1 (zh) 应用页面显示方法和电子设备
US20100318939A1 (en) Method for providing list of contents and multimedia apparatus applying the same
KR101032634B1 (ko) 미디어 파일 재생 방법 및 장치
US9519420B2 (en) Apparatus and method for editing synchronous media
JP7270850B2 (ja) ユーザガイドに用いられる方法、装置、機器と記憶媒体
KR20130064458A (ko) 복수 개의 영역으로 구분된 화면을 디스플레이하는 디스플레이 장치 및 그 방법
WO2023024921A1 (zh) 视频交互方法、装置、设备及介质
EP4304187A1 (en) Application video processing method, and electronic device
WO2022199406A1 (zh) 应用程序的热点事件展示方法和电子设备
WO2019157965A1 (zh) 界面显示方法、装置、设备以及存储介质
US10402438B2 (en) Systems and methods of visualizing multimedia content
WO2022194070A1 (zh) 应用程序的视频处理方法和电子设备
WO2022184035A1 (zh) 应用页面显示方法和装置
CN113392260B (zh) 界面显示控制方法、装置、介质及电子设备
US20240179368A1 (en) Video processing method for application, and electronic device
WO2022247585A1 (zh) 应用程序的热点事件展示方法、装置、设备、介质和产品
US20240121485A1 (en) Method, apparatus, device, medium and program product for obtaining text material
Gatt Turn Your Android Phone Or Tablet Into a Multimedia Hub

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 22762500

Country of ref document: EP

Kind code of ref document: A1

WWE Wipo information: entry into national phase

Ref document number: 2023552513

Country of ref document: JP

ENP Entry into the national phase

Ref document number: 2022762500

Country of ref document: EP

Effective date: 20230831

NENP Non-entry into the national phase

Ref country code: DE

WWE Wipo information: entry into national phase

Ref document number: 2401002585

Country of ref document: TH