WO2025082005A1 - 用于页面交互的方法、装置、设备和存储介质 - Google Patents

用于页面交互的方法、装置、设备和存储介质 Download PDF

Info

Publication number
WO2025082005A1
WO2025082005A1 PCT/CN2024/112345 CN2024112345W WO2025082005A1 WO 2025082005 A1 WO2025082005 A1 WO 2025082005A1 CN 2024112345 W CN2024112345 W CN 2024112345W WO 2025082005 A1 WO2025082005 A1 WO 2025082005A1
Authority
WO
WIPO (PCT)
Prior art keywords
operation panel
option
page
display page
content display
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.)
Pending
Application number
PCT/CN2024/112345
Other languages
English (en)
French (fr)
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.)
Beijing Zitiao Network Technology Co Ltd
Original Assignee
Beijing Zitiao Network 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 Beijing Zitiao Network Technology Co Ltd filed Critical Beijing Zitiao Network Technology Co Ltd
Priority to JP2025557507A priority Critical patent/JP2026512321A/ja
Publication of WO2025082005A1 publication Critical patent/WO2025082005A1/zh
Anticipated expiration legal-status Critical
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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 OR CALCULATING; 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
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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 OR CALCULATING; 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 OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Definitions

  • Example embodiments of the present disclosure generally relate to the computer field, and more particularly to a page interaction method, apparatus, device, and computer-readable storage medium.
  • users can publish, browse, and view various types of content in applications, including multimedia content such as videos, images, image collections, and sounds. Users can also interact with other users in applications, such as liking, collecting, and commenting on content published by other users, or following other users and visiting their personal homepages.
  • a method for page interaction includes: presenting a content display page, the content display page is at least used to present media content items; in response to detecting a preset trigger operation, providing an operation panel in an active layer of the content display page, the media content items are presented in a background layer of the content display page, the operation panel at least includes a plurality of options corresponding to a plurality of view modes respectively; and in response to detecting a selection operation of a first option among the plurality of options, presenting the media content items in a first view mode corresponding to the first option in the background layer of the content display page, while maintaining the presentation of the operation panel in the active layer of the content display page.
  • a device for page interaction comprises: a page presentation module, configured to present a content presentation page, the content presentation page being used to present at least media content items; a panel providing module, configured to provide an operation panel in an active layer of the content presentation page in response to detecting a preset trigger operation, the media content items being presented in a background layer of the content presentation page, the operation panel comprising at least a plurality of options corresponding to a plurality of view modes respectively; and a content item presentation module, configured to present the media content items in a first view mode corresponding to the first option in the background layer of the content presentation page in response to detecting a selection operation on a first option among the plurality of options, while maintaining the presentation of the operation panel in the active layer of the content presentation page.
  • an electronic device in a third aspect of the present disclosure, includes at least one processing unit; and at least one memory, the at least one memory is coupled to the at least one processing unit and stores instructions for execution by the at least one processing unit. When the instructions are executed by the at least one processing unit, the device executes the method of the first aspect.
  • a computer-readable storage medium wherein a computer program is stored on the computer-readable storage medium, and the computer program can be executed by a processor to implement the method of the first aspect.
  • FIG1 is a schematic diagram showing an example environment in which embodiments of the present disclosure can be implemented.
  • FIGS. 2A to 2H show schematic diagrams of example content display pages according to some embodiments of the present disclosure
  • FIG3 shows a flow chart of a process for page interaction according to some embodiments of the present disclosure
  • FIG. 4 shows a block diagram of an apparatus for page interaction according to some embodiments of the present disclosure.
  • FIG5 shows a block diagram of a device capable of implementing various embodiments of the present disclosure.
  • executing a step “in response to A” does not mean executing the step immediately after “A” but may include one or more intermediate steps.
  • a prompt message is sent to the user to clearly prompt the user that the operation requested to be performed will require obtaining and using the user's personal information, so that the user can independently choose whether to provide personal information to software or hardware such as electronic devices, applications, servers or storage media that execute operations of the technical solution of the present disclosure based on the prompt message.
  • a prompt message is sent to the user, for example, in the form of a pop-up window.
  • the pop-up window may also carry a selection control for the user to choose "agree” or “disagree” to provide personal information to the electronic device.
  • FIG. 1 shows a schematic diagram of an example environment 100 in which embodiments of the present disclosure can be implemented.
  • an application 120 is installed in a terminal device 110.
  • a user 140 can interact with the application 120 via the terminal device 110 and/or an attached device of the terminal device 110.
  • application 120 may be a content sharing application (e.g., a video application mainly based on video sharing), which may provide various services related to media content items to user 140, including browsing, commenting, forwarding, creation (e.g., shooting and/or editing), publishing, etc. of content.
  • application 120 may also be any other appropriate application, in which media content items may be displayed.
  • each "media content item" includes one or more types of content, such as video, image, animated image, image set, audio, text, etc.
  • the terminal device 110 may present a page 150 of the application 120.
  • the page 150 may include various types of pages that the application 120 can provide, such as a content presentation page, a content creation page, a content publishing page, a message page, a personal homepage, and the like.
  • the application 120 may provide a content viewing function to view various types of content published in the application 120.
  • the application 120 may provide the user 140 with content associated with media content or shopping content.
  • the application 120 may also provide the user 140 with the selection and switching of the presentation mode of the associated content.
  • "media content” includes one or more types of content, such as images, image sets, videos, animated images, audio, text, and the like.
  • the terminal device 110 communicates with the server 130 to provide services for the application 120.
  • the terminal device 110 can be any type of mobile terminal, fixed terminal or portable terminal, including a mobile phone, a desktop computer, a laptop computer, a notebook computer, a netbook computer, a tablet computer, a media computer, a multimedia tablet, or a computer.
  • the terminal device 110 may be a computer system or server that can provide computing power, such as a mainframe, an edge computing node, a computing device in a cloud environment, or the like.
  • a scheme for page interaction is proposed.
  • a content display page for presenting at least media content items is presented. If a preset trigger operation is detected, an operation panel is provided in the active layer of the content display page. The media content items are presented in the background layer of the content display page, and the operation panel includes at least a plurality of options corresponding to a plurality of view modes. If a selection operation of a first option among the plurality of options is detected, the media content items are presented in the background layer of the content display page in a first view mode corresponding to the first option, while maintaining the presentation of the operation panel in the active layer of the content display page.
  • the user can quickly Directly preview the content display effects under different views, so that users can select a satisfactory mode from multiple view modes.
  • the operation panel is always displayed, users can always know the optional view modes. In this way, users can always easily switch to other view modes before they select a satisfactory view mode.
  • Figures 2A to 2H show schematic diagrams of example content display pages 200A to example content display pages 200H (also referred to as examples 200A to 200H) according to some embodiments of the present disclosure. It should be understood that the pages shown in the accompanying drawings are merely examples, and various page designs may actually exist. The various graphic elements in the pages may have different arrangements and different visual representations, one or more of which may be omitted or replaced, and one or more other elements may also exist. The embodiments of the present disclosure are not limited in this respect.
  • Examples 200A-200H may be presented at the terminal device 110.
  • Examples 200A-200H will be described with reference to the environment 100 of FIG.
  • terminal device 110 presents a page 150 of application 120.
  • the page 150 presented by terminal device 110 can be a specific content display page of application 120, and media content items are presented in the content display page.
  • the content display page refers to a page for displaying or pushing media content items and other related information to users.
  • a group of media content items that can be presented in the content display page can include various types of media content items.
  • the media content items to be presented in the specific content display page can be determined according to the application design needs. The specific media content items to be displayed and their number will change in different scenarios.
  • the content display page may include the homepage of the application 120, or a recommended homepage in a group of homepage pages of the application 120.
  • the recommended content items displayed to the user in the recommended homepage are sometimes also referred to as recommended information streams.
  • the content display page may include other pages under the homepage of the application 120, such as a follow page (in which media content items posted by a group of users followed by the current user are displayed), a same-city page (in which media content items posted by other users in the same area as the current user are displayed), or media content items aggregated or classified in other ways.
  • navigation tags for navigating to different pages may be provided in the application 120.
  • a page, including a content display page can be presented at least by selecting a predetermined navigation tag.
  • the predetermined navigation tag in the application can be used to navigate to the content display page.
  • a plurality of navigation tags for navigating to various pages are provided on the current page of the application 120, such as “Same City”, “Follow”, “Recommend”, “Home”, “Friends”, and the like.
  • These multiple navigation tags may also have different levels.
  • the navigation tags “Home”, “Friends”, etc. may be the first level
  • the navigation tags “Same City”, “Follow”, and “Recommend” may be the second level.
  • the navigation tags of the first level may correspond to a group of pages (for example, a group of home pages), and the page corresponding to the navigation tags of the second level may be, for example, at least one of the group of pages corresponding to the navigation tags of the first level (for example, the recommended home page corresponding to the navigation tag “Recommend” is one of the group of home pages corresponding to the navigation tag “Home”).
  • the navigation tag 210 is the tag “Home”. If the terminal device 110 detects a selection operation on the navigation tag 210, the home page of the application 120 may be presented.
  • the terminal device 110 may present the recommended home page (that is, the page corresponding to the navigation tag “Recommend”) among the multiple home pages by default. On this basis, if the terminal device 110 detects a selection operation on the navigation tag "Follow”, it can switch to presenting the focus homepage among multiple homepages (that is, the page corresponding to the navigation tag "Follow”).
  • the terminal device 110 presents a specific content display page, such as a specific content display page of the application 120.
  • the content display page is used to present at least media content.
  • the terminal device 110 can present media content items in any appropriate view mode (such as a default view mode, which can be a view mode pre-set by the user, or a historical view mode when the user last exited the application and/or page) in the content display page.
  • the navigation tag 210 is the tag "Home"
  • the content display page may be presented in one of the following pages, for example, presenting a recommended homepage.
  • the content display page may also be presented by detecting a startup operation of the application, for example, the content display page is the default page presented when the application is started.
  • media content items may be presented in a default view mode in the content display page. That is, in the absence of a user selection of a navigation tag, the content display page may be the default page after the application 120 is started.
  • an operation panel is provided in the active layer of the content display page, and the operation panel at least includes a plurality of options corresponding to a plurality of view modes.
  • the plurality of view modes correspond to different viewing views of the media content items in the content display page. Under different view modes, the media content items in the content display page can be organized and presented to the user according to different views.
  • the operation panel when the operation panel is provided, the media content items in the content display page will be presented in the background layer of the content display page.
  • the background layer of a page refers to the page content that the user cannot currently directly operate
  • the active layer of a page refers to the page content that the user can currently directly operate. Therefore, the operation panel in the active layer is an area that the user can directly operate, so as to allow the user to perform corresponding operations on the interface elements such as options and controls provided by the operation panel, especially to flexibly switch the view mode.
  • the media content items in the background layer are not currently directly operated by the user.
  • the multiple view modes may include at least a single-column view mode and at least one multi-column view mode (including but not limited to a double-column view mode, a three-column view mode, etc.).
  • the single-column view mode can reduce the cost of user thinking and selection, while the at least one multi-column view mode facilitates the user to explore more content of interest.
  • Providing multiple view modes can facilitate the user to compare the differences between the single-column view mode and the at least one multi-column view mode, and then select or switch according to preference.
  • the navigation tag corresponding to the content display page can also be used to trigger the presentation of the operation panel.
  • the preset trigger operation for triggering the provision of the operation panel may include a trigger operation on the navigation tag.
  • the trigger operation includes but is not limited to a trigger operation on the navigation tag. A single click operation, a double click operation, a long press operation, etc. of a tag.
  • the preset trigger operation may also include other trigger operations on the content display page (such as a long press operation on the content display page).
  • the present disclosure does not limit the specific preset trigger operation, and the terminal device 110 may provide an operation panel in the active layer of the content display page in response to detecting any appropriate preset trigger operation.
  • the terminal device 110 may present a content display page as shown in example 200B of FIG. 2B or a content display page as shown in example 200C of FIG. 2C , wherein an operation panel 240 is provided.
  • the trigger operation on the navigation tag 210 here is only exemplary, and the terminal device 110 may present the content display page shown in example 200B or the content display page shown in example 200C in response to detecting a trigger operation (e.g., a click operation) on other navigation tags corresponding to the content display page (e.g., the navigation tag “recommendation” in FIG. 2A ).
  • the content display page shown in example 200B or the content display page shown in example 200C both include a background layer and an active layer.
  • the operation panel 240 may present options 241 and 242 corresponding to the two view modes.
  • Option 241 and option 242 may be designed as identifiers of the two view modes, for example. It is understood that the operation panel 240 may include a greater number of options, and FIG. 2B and FIG. 2C and other subsequent figures are only examples, and the present disclosure does not limit the number of multiple options (i.e., the number of multiple view modes).
  • terminal equipment 110 in order to better distinguish active layer and background layer, to enhance the visual experience of the user, terminal equipment 110 can also be superimposed with mask layer on the media content item in the background layer of the content display page.As shown in Figure 2B, terminal equipment 110 can superimpose mask layer 230 on the media content item 220 in the background layer of example 200B.
  • Mask layer 230 can be a semi-transparent superimposed layer, thereby makes the media content item still visible to the user.
  • the mask layer superimposed in the background layer can present all the time.
  • the terminal device 110 may present the content display page shown in example 200B. If it is determined that a mask is not to be superimposed (for example, when the user In the case where it is desired to clearly see the media content items in the background layer, the terminal device 110 may present the content display page shown in example 200C.
  • the terminal device 110 Before the preset trigger operation for triggering the presentation of the operation panel is detected, the terminal device 110 can present the media content item in any appropriate view mode in the content presentation page. After the preset trigger operation is detected, the terminal device 110 can present the state of the option corresponding to the current view mode as a selected state in the operation panel in the active layer, and present the states of other options in the multiple options except the option corresponding to the current view mode as an unselected state.
  • the terminal device 110 may present the option 241 corresponding to the single-column view mode in the operation panel 240 as a selected state.
  • the terminal device 110 may present the option 241 as a selected state by, for example, performing a highlighting operation such as highlighting, adding a border, or enlarging the size of the option 241.
  • the terminal device 110 may not perform a highlighting operation on the option 242 corresponding to the dual-column view mode to present the option 242 as an unselected state.
  • the terminal device 110 may present the selection control 243 in the operation panel 240 in a ring style to indicate that option 241 is in a selected state, and present the selection control 244 in the operation panel 240 in a circle style to indicate that option 242 is in an unselected state.
  • the terminal device 110 after providing an operation panel in the active layer of the content display page, if a selection operation of a first option among multiple options corresponding to multiple view modes in the operation panel is detected, the terminal device 110 presents the media content item in the background layer of the content display page in the first view mode corresponding to the first option, while maintaining the operation panel in the background layer.
  • the first option here can be, for example, an option corresponding to a view mode other than the view mode in which the media content item is presented before the preset trigger operation is detected.
  • the terminal device 110 presents the media content item in a single-column view mode in the background layer of the content display page before the preset trigger operation is detected, then after the preset trigger operation is detected, the terminal device 110 presents an operation panel including multiple options.
  • the terminal device 110 can present the media content item in the background layer of the content display page in a view mode corresponding to the selected option, while maintaining the presentation of the operation panel in the active layer of the content display page.
  • the terminal device 110 can also present the state of the first option in the operation panel as a selected state while maintaining the presentation of the operation panel in the active layer, and present the states of other options except the first option among multiple options in the operation panel as unselected states.
  • the terminal device 110 may present a content display page as shown in example 200D of FIG2D .
  • the terminal device 110 may switch the state of option 242 to a selected state and switch the state of option 241 to an unselected state.
  • the terminal device 110 may present the selection control 244 in a circular ring style in the operation panel 240 to indicate that option 242 is in a selected state, and present the selection control 243 in a circular style in the operation panel 240 to indicate that option 241 is in an unselected state.
  • the media content items will be presented in the view mode corresponding to the option in the background layer of the content display page. That is, a preview of the view mode selected by the user is provided in the content display page.
  • the operation panel does not completely cover the media content items in the content display page, so that the preview of the media content items presented in the corresponding view will not be completely covered by the operation panel, so that the user can see the preview effect of the selected view mode.
  • the operation panel and the media content items can be presented in different areas of the content display page, so that the operation panel will not cover the media content items.
  • the operation panel may be provided in a transparent or semi-transparent style, thereby allowing the user to view the media content items in the background layer even if the operation panel partially or completely covers the media content items.
  • the terminal device 110 can switch the view mode of the media content item by presenting a transition animation.
  • the transition animation here can be pre-set, default, or determined by the terminal device 110.
  • the transition animation of the example is shown from Figure 2D to Figure 2G.
  • the option 244 corresponding to the double-column view mode in the operation panel 240 is in a selected state.
  • the terminal device 110 can then present the content display pages shown in Example 200E and Example 200F in sequence, that is, multiple media content items presented in the currently selected double-column view mode can gradually be seen from under the media content items previously presented in the single-column view mode.
  • the media content items previously presented in the single-column view mode gradually become blurred until they are completely covered by the multiple media content items presented in the dual-column view mode.
  • the terminal device 110 presents the content display page presenting the media content items in the dual-column view mode as shown in Example 200G.
  • the user can continue to operate on the operation panel, for example, switch to select options corresponding to other view modes.
  • the terminal device 110 can also detect the selection operation of other options on the operation panel. If the selection operation of the second option among the multiple options corresponding to the multiple view modes is detected, the terminal device 110 can present the media content item in the second view mode corresponding to the second option in the background layer of the content display page, while maintaining the presentation of the operation panel in the active layer. That is, the terminal device 110 will continue to perform the view mode switching operation to switch the media content item presented in the first view mode to the media content item presented in the second view mode.
  • the second view mode here can be any appropriate view mode different from the previously selected first view mode.
  • the terminal device 110 presents the media content items in a single-column view mode in the background layer of the content display page.
  • the terminal device 110 After detecting the preset trigger operation, the terminal device 110 presents an operation panel including multiple options.
  • the terminal device 110 can present the media content items in the double-column view mode in the background layer of the content display page.
  • the terminal device 110 can further switch back to presenting the media content items in the single-column view mode in the background layer of the content display page in response to detecting the selection operation of the option corresponding to the single-column view mode.
  • the operation panel also includes a content refresh control.
  • the terminal device 110 can refresh the media content items presented in the background layer of the content display page in response to detecting a selection operation on the content refresh control.
  • a selection operation on the content refresh control Exemplarily, as shown in FIG2G, when the option 242 corresponding to the double-column view mode is in a selected state, the terminal device 110 presents the media content items in the background layer of the content display page in a double-column view mode.
  • the terminal device 110 refreshes the media content items in the background layer, and presents the refreshed media content items in the background layer of the content display page in a double-column view mode.
  • the user can refresh the media content items in the content display page without canceling the presentation of the operation panel, thereby improving the user's content browsing experience.
  • the terminal device 110 can cancel the presentation of the operation panel in the content display page, and make the media content items in the content display page be presented in the first view mode in the active layer of the content display page.
  • the cancel presentation operation here includes but is not limited to the selection operation of the folding control for folding the operation panel, the selection operation of the cancel control, and the touch operation of any other appropriate area outside the operation panel in the content display page, etc.
  • the presentation effect of presenting the media content items in the first view mode presented by the terminal device 110 in the background layer when the operation panel is presented can be regarded as a preview effect of the final presentation effect.
  • the terminal device 110 can respond to the detection of the cancel presentation operation of the operation panel, determine that the confirmation operation of the preview effect is received, and present the media content items according to the first view mode indicated by the preview effect.
  • the terminal device 110 can respond to the detection of the folding control 250, the cancel control 252, or the touch operation of other areas outside the operation panel 240 in Example 200G.
  • Select operation determine to detect the cancellation presentation operation to operation panel 240.
  • Terminal device 110 can then cancel the presentation of operation panel 240.
  • operation panel 240 is put away, present the content display page shown in example 200H.
  • terminal device 110 can present media content items with the last selected double column view mode. Because operation panel 240 is canceled from presentation, media content items are presented in the active layer of content display page at this moment. User can operate the media content items directly presented.
  • the operation panel always remains presented when the user selects a view and does not actively collapse the panel, the user can always be aware of the optional view modes through the presentation effects of the preview view modes.
  • the user can quickly and directly preview the content display effect under different views, so that a satisfactory mode can be selected from multiple view modes.
  • the operation panel since the operation panel is always presented, the user can always be aware of the optional view modes. In this way, it can be allowed to easily switch to other view modes before the user selects a satisfactory view mode.
  • Fig. 3 shows a flow chart of a process 300 for page interaction according to some embodiments of the present disclosure.
  • the process 300 may be implemented at the terminal device 110.
  • the process 300 is described below with reference to Fig. 1 .
  • the terminal device 110 presents a content presentation page, where the content presentation page is used to present at least a media content item.
  • the terminal device 110 in response to detecting a preset trigger operation, provides an operation panel in the active layer of the content display page, and the media content items are presented in the background layer of the content display page.
  • the operation panel includes at least multiple options corresponding to the multiple view modes.
  • the terminal device 110 in response to detecting a selection operation on a first option among multiple options, presents the media content item in a first view mode corresponding to the first option in the background layer of the content display page, while maintaining the presentation of the operation panel in the active layer of the content display page.
  • the process 300 further includes: in response to detecting a selection operation on the first option, while maintaining the presentation of the operation panel in the active layer, placing the first option in the operation panel; The state of an option is presented as a selected state, and the states of other options except the first option among the plurality of options in the operation panel are presented as unselected states.
  • a mask is superimposed on the media content item presented in the background layer of the content display page.
  • the operation panel does not completely cover the media content item in the content display page.
  • the operation panel also includes a content refresh control
  • process 300 also includes: in response to detecting a selection operation on the content refresh control when the first option is in a selected state, presenting the refreshed media content item in the background layer of the content display page in the first view mode.
  • the content display page is presented at least by selecting a predetermined navigation tag, and the preset trigger operation includes a trigger operation on the navigation tag.
  • process 300 also includes: in response to detecting a selection operation of a second option among multiple options after a selection operation of a first option, presenting the media content item in a second view mode corresponding to the second option in the background layer of the content display page, while maintaining the presentation of the operation panel in the active layer.
  • process 300 also includes: in response to detecting a cancel presentation operation on the operation panel when the first option is in a selected state, canceling the presentation of the operation panel in the content display page; and causing the media content items in the content display page to be presented in the active layer of the content display page in the first view mode.
  • a media content item is presented in a third view mode in a content display page before a preset trigger operation is detected, and providing an operation panel in an active layer of the content display page in response to detecting the preset trigger operation includes: presenting a state of a third option corresponding to the third view mode in the operation panel as a selected state, and presenting states of other options except the third option among multiple options in the operation panel as unselected states.
  • the multiple view modes include at least: a single-column view mode, and at least one multi-column view mode.
  • FIG4 shows a schematic diagram of a device 400 for page interaction according to some embodiments of the present disclosure.
  • the apparatus 400 may be implemented as or included in the terminal device 110.
  • Each module/component in the apparatus 400 may be implemented by hardware, software, firmware or any combination thereof.
  • the device 400 includes a page presentation module 410, which is configured to present a content display page, and the content display page is at least used to present media content items.
  • the device 400 also includes a panel providing module 420, which is configured to provide an operation panel in the active layer of the content display page in response to detecting a preset trigger operation, and the media content items are presented in the background layer of the content display page, and the operation panel includes at least a plurality of options corresponding to a plurality of view modes.
  • the device 400 also includes a content item presentation module 430, which is configured to present the media content item in the background layer of the content display page in a first view mode corresponding to the first option in response to detecting a selection operation of a first option among a plurality of options, while maintaining the presentation of the operation panel in the active layer of the content display page.
  • a content item presentation module 430 which is configured to present the media content item in the background layer of the content display page in a first view mode corresponding to the first option in response to detecting a selection operation of a first option among a plurality of options, while maintaining the presentation of the operation panel in the active layer of the content display page.
  • the device 400 also includes: a state switching module, which is configured to, in response to detecting a selection operation on the first option, present the state of the first option in the operation panel as a selected state, and present the states of other options among multiple options in the operation panel except the first option as an unselected state while maintaining the presentation of the operation panel in the active layer.
  • a state switching module which is configured to, in response to detecting a selection operation on the first option, present the state of the first option in the operation panel as a selected state, and present the states of other options among multiple options in the operation panel except the first option as an unselected state while maintaining the presentation of the operation panel in the active layer.
  • a mask is superimposed on the media content item presented in the background layer of the content display page.
  • the operation panel does not completely cover the media content item in the content display page.
  • the operation panel also includes a content refresh control
  • the device 400 also includes: a refresh module, configured to present the refreshed media content item in the background layer of the content display page in a first view mode in response to detecting a selection operation on the content refresh control when the first option is in a selected state.
  • the content display page is presented at least by selecting a predetermined navigation tag, and the preset trigger operation includes a trigger operation on the navigation tag.
  • the apparatus 400 further includes: a second content item presentation module configured to, in response to detecting a selection operation on a second option among the multiple options after a selection operation on the first option, present the second content item corresponding to the second option in the background layer of the content presentation page;
  • the second view mode presents the media content item while maintaining the presentation of the operation panel in the active layer.
  • the device 400 also includes: a cancellation module, configured to cancel the presentation of the operation panel in the content display page in response to detecting a cancel presentation operation on the operation panel when the first option is in a selected state; and a presentation module, configured to cause the media content items in the content display page to be presented in the active layer of the content display page in a first view mode.
  • a cancellation module configured to cancel the presentation of the operation panel in the content display page in response to detecting a cancel presentation operation on the operation panel when the first option is in a selected state
  • a presentation module configured to cause the media content items in the content display page to be presented in the active layer of the content display page in a first view mode.
  • the media content item is presented in a third view mode in the content display page before a preset trigger operation is detected
  • the panel providing module 420 includes: a status presentation module, configured to present the status of the third option corresponding to the third view mode in the operation panel as a selected state, and to present the status of other options among multiple options in the operation panel except the third option as an unselected state.
  • the multiple view modes include at least: a single-column view mode, and at least one multi-column view mode.
  • the units and/or modules included in the device 400 can be implemented in various ways, including software, hardware, firmware, or any combination thereof.
  • one or more units and/or modules can be implemented using software and/or firmware, such as machine executable instructions stored on a storage medium.
  • some or all of the units and/or modules in the device 400 can be implemented at least in part by one or more hardware logic components.
  • exemplary types of hardware logic components include field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chips (SOCs), complex programmable logic devices (CPLDs), and the like.
  • FIG5 shows a block diagram of an electronic device 500 in which one or more embodiments of the present disclosure may be implemented. It should be understood that the electronic device 500 shown in FIG5 is merely exemplary and should not constitute any limitation on the functionality and scope of the embodiments described herein. The electronic device 500 shown in FIG5 may be used to implement the terminal device 110 of FIG1 .
  • the electronic device 500 is in the form of a general electronic device.
  • the components of the electronic device 500 may include, but are not limited to, one or more processors or processing units 510, a memory 520, a storage device 530, one or more communication units 540, one or more input devices 550, and one or more output devices 560.
  • the processing unit 510 may be an actual or virtual processor and is capable of performing various processes according to a program stored in the memory 520. In a multi-processor system, multiple processing units execute computer executable instructions in parallel to improve the parallel processing capability of the electronic device 500.
  • the electronic device 500 typically includes a plurality of computer storage media. Such media may be any available media accessible to the electronic device 500, including but not limited to volatile and non-volatile media, removable and non-removable media.
  • the memory 520 may be a volatile memory (e.g., registers, caches, random access memory (RAM)), a non-volatile memory (e.g., a read-only memory (ROM), an electrically erasable programmable read-only memory (EEPROM), flash memory), or some combination thereof.
  • the storage device 530 may be a removable or non-removable medium, and may include a machine-readable medium, such as a flash drive, a disk, or any other medium, which may be capable of being used to store information and/or data and may be accessed within the electronic device 500.
  • a machine-readable medium such as a flash drive, a disk, or any other medium, which may be capable of being used to store information and/or data and may be accessed within the electronic device 500.
  • the electronic device 500 may further include additional removable/non-removable, volatile/non-volatile storage media.
  • a disk drive for reading or writing from a removable, non-volatile disk e.g., a “floppy disk”
  • an optical drive for reading or writing from a removable, non-volatile optical disk may be provided.
  • each drive may be connected to a bus (not shown) by one or more data media interfaces.
  • the memory 520 may include a computer program product 525 having one or more program modules configured to perform various methods or actions of various embodiments of the present disclosure.
  • the communication unit 540 implements communication with other electronic devices through a communication medium. Additionally, the functions of the components of the electronic device 500 can be implemented in a single computing cluster or multiple computing machines that can communicate through a communication connection. Therefore, the electronic device 500 can operate in a networked environment using a logical connection with one or more other servers, a network personal computer (PC), or another network node.
  • PC network personal computer
  • the input device 550 may be one or more input devices, such as a mouse, a keyboard, a tracking ball, etc.
  • the output device 560 may be one or more output devices, such as a display, a speaker, a printer, etc.
  • the electronic device 500 may also communicate with one or more external devices (not shown) through the communication unit 540 as needed, such as a storage device, a display device, etc., communicate with one or more devices that allow a user to interact with the electronic device 500, or communicate with any device that allows the electronic device 500 to communicate with one or more other electronic devices (e.g., a network card, a modem, etc.). Such communication may be performed via an input/output (I/O) interface (not shown).
  • I/O input/output
  • a computer-readable storage medium on which computer-executable instructions are stored, wherein the computer-executable instructions are executed by a processor to implement the method described above.
  • a computer program product is also provided, which is tangibly stored on a non-transitory computer-readable medium and includes computer-executable instructions, and the computer-executable instructions are executed by a processor to implement the method described above.
  • These computer-readable program instructions can be provided to a processing unit of a general-purpose computer, a special-purpose computer, or other programmable data processing device, thereby producing a machine, so that when these instructions are executed by the processing unit of the computer or other programmable data processing device, a device that implements the functions/actions specified in one or more boxes in the flowchart and/or block diagram is generated.
  • These computer-readable program instructions can also be stored in a computer-readable storage medium, and these instructions cause the computer, programmable data processing device, and/or other equipment to work in a specific manner, so that the computer-readable medium storing the instructions includes a manufactured product, which includes instructions for implementing various aspects of the functions/actions specified in one or more boxes in the flowchart and/or block diagram.
  • the computer readable program instructions can be loaded into a computer, other programmable data processing apparatus, or other device so that the computer, other programmable data processing apparatus, or other device can be used.
  • a series of operating steps are performed on other devices to produce a computer-implemented process, so that the instructions executed on the computer, other programmable data processing apparatus, or other devices implement the functions/actions specified in one or more boxes in the flowchart and/or block diagram.
  • each square box in the flow chart or block diagram can represent a part of a module, program segment or instruction, and a part of a module, program segment or instruction includes one or more executable instructions for realizing the logical function of the specification.
  • the function marked in the square box can also occur in a sequence different from that marked in the accompanying drawings. For example, two continuous square boxes can actually be executed substantially in parallel, and they can sometimes be executed in reverse order, depending on the functions involved.
  • each square box in the block diagram and/or flow chart, and the combination of the square boxes in the block diagram and/or flow chart can be realized by a special hardware-based system that performs the function or action of the specification, or can be realized by a combination of special hardware and computer instructions.

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)
  • Software Systems (AREA)
  • User Interface Of Digital Computer (AREA)
  • Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)

Abstract

根据本公开的实施例，提供了用于页面交互的方法、装置、设备和存储介质。该方法包括：呈现内容展示页面，内容展示页面至少用于呈现媒体内容项；响应于检测到预设触发操作，在内容展示页面的活跃层中提供操作面板，媒体内容项被呈现在内容展示页面的背景层中，操作面板至少包括与多个视图模式分别对应的多个选项；以及响应于检测到对多个选项中的第一选项的选择操作，在内容展示页面的背景层中以第一选项对应的第一视图模式呈现媒体内容项，同时维持操作面板在内容展示页面的活跃层中的呈现。由此，可以使用户能够快速直接预览到不同视图下的内容展示效果，且能够允许在用户未选中满意的视图模式之前能够轻松切换到其他视图模式。

Description

用于页面交互的方法、装置、设备和存储介质
本申请要求2023年10月19日递交的，标题为“用于页面交互的方法、装置、设备和存储介质”、申请号为202311360044.0的中国发明专利申请的优先权，该申请的全部内容通过引用结合在本申请中。
技术领域
本公开的示例实施例总体涉及计算机领域，特别地涉及用于页面交互方法、装置、设备和计算机可读存储介质。
背景技术
当前越来越多应用被设计来向用户提供各种服务。例如，用户可以在应用中发布、浏览、查看各类内容，包括诸如视频、图像、图像集、声音等多媒体内容。用户还可以在应用中与其他的用户进行互动，例如对其他用户发布的内容进行点赞、收藏、评论等，或者关注其他用户、访问其他用户的个人主页等。
发明内容
在本公开的第一方面，提供了一种页面交互的方法。该方法包括：呈现内容展示页面，内容展示页面至少用于呈现媒体内容项；响应于检测到预设触发操作，在内容展示页面的活跃层中提供操作面板，媒体内容项被呈现在内容展示页面的背景层中，操作面板至少包括与多个视图模式分别对应的多个选项；以及响应于检测到对多个选项中的第一选项的选择操作，在内容展示页面的背景层中以第一选项对应的第一视图模式呈现媒体内容项，同时维持操作面板在内容展示页面的活跃层中的呈现。
在本公开的第二方面，提供了一种用于页面交互的装置。该装置 包括：页面呈现模块，被配置为呈现内容展示页面，内容展示页面至少用于呈现媒体内容项；面板提供模块，被配置为响应于检测到预设触发操作，在内容展示页面的活跃层中提供操作面板，媒体内容项被呈现在内容展示页面的背景层中，操作面板至少包括与多个视图模式分别对应的多个选项；以及内容项呈现模块，被配置为响应于检测到对多个选项中的第一选项的选择操作，在内容展示页面的背景层中以第一选项对应的第一视图模式呈现媒体内容项，同时维持操作面板在内容展示页面的活跃层中的呈现。
在本公开的第三方面，提供了一种电子设备。该设备包括至少一个处理单元；以及至少一个存储器，至少一个存储器被耦合到至少一个处理单元并且存储用于由至少一个处理单元执行的指令。指令在由至少一个处理单元执行时使设备执行第一方面的方法。
在本公开的第四方面，提供了一种计算机可读存储介质。该计算机可读存储介质上存储有计算机程序，计算机程序可由处理器执行以实现第一方面的方法。
应当理解，本内容部分中所描述的内容并非旨在限定本公开的实施例的关键特征或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的描述而变得容易理解。
附图说明
结合附图并参考以下详细说明，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。在附图中，相同或相似的附图标记表示相同或相似的元素，其中：
图1示出了本公开的实施例能够在其中实现的示例环境的示意图；
图2A至图2H示出了根据本公开的一些实施例的示例内容展示页面的示意图；
图3示出了根据本公开的一些实施例的用于页面交互的过程的流程图；
图4示出了根据本公开的一些实施例的用于页面交互的装置的框 图；以及
图5示出了能够实施本公开的多个实施例的设备的框图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中示出了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反，提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。
在本公开的实施例的描述中，术语“包括”及其类似用语应当理解为开放性包含，即“包括但不限于”。术语“基于”应当理解为“至少部分地基于”。术语“一个实施例”或“该实施例”应当理解为“至少一个实施例”。术语“一些实施例”应当理解为“至少一些实施例”。下文还可能包括其他明确的和隐含的定义。
在本文中，除非明确说明，“响应于A”执行一个步骤并不意味着在“A”之后立即执行该步骤，而是可以包括一个或多个中间步骤。
可以理解的是，本技术方案所涉及的数据(包括但不限于数据本身、数据的获得或使用)应当遵循相应法律法规及相关规定的要求。
可以理解的是，在使用本公开各实施例公开的技术方案之前，均应当根据相关法律法规通过适当的方式对本公开所涉及个人信息的类型、使用范围、使用场景等告知用户并获得用户的授权。
例如，在响应于接收到用户的主动请求时，向用户发送提示信息，以明确地提示用户，其请求执行的操作将需要获得和使用到用户的个人信息，从而使得用户可以根据提示信息来自主地选择是否向执行本公开技术方案的操作的电子设备、应用程序、服务器或存储介质等软件或硬件提供个人信息。
作为一种可选的但非限制性的实现方式，响应于接收到用户的主动请求，向用户发送提示信息的方式，例如可以是弹窗的方式，弹窗 中可以以文字的方式呈现提示信息。此外，弹窗中还可以承载供用户选择“同意”或“不同意”向电子设备提供个人信息的选择控件。
可以理解的是，上述通知和获得用户授权过程仅是示意性的，不对本公开的实现方式构成限定，其他满足相关法律法规的方式也可应用于本公开的实现方式中。
图1示出了本公开的实施例能够在其中实现的示例环境100的示意图。在该示例环境100中，终端设备110中安装有应用120。用户140可以经由终端设备110和/或终端设备110的附接设备来与应用120进行交互。
在一些实施例中，应用120可以是内容分享应用(例如，以视频分享为主的视频应用)，能够向用户140提供与媒体内容项相关的各类服务，包括内容的浏览、评论、转发、创作(例如，拍摄和/或编辑)、发布等等。在一些实施例中，应用120也可以是其他任意适当的应用，其中能够展示媒体内容项。在本文中，每个“媒体内容项”包括一个或多个类型的内容，例如视频、图像、动图、图像集、音频、文本等等。
在图1的环境100中，如果应用120处于活动状态，终端设备110可以呈现应用120的页面150。页面150可以包括应用120所能提供的各类页面，诸如内容呈现页面、内容创作页面、内容发布页面、消息页面、个人主页，等等。应用120可以提供内容查看功能，以查看在应用120中发布的各类内容。经由对应页面，应用120可以向用户140提供与媒体内容或购物内容相关联的内容。经由适当的方式，诸如点击或选择页面元素，应用120还可以向用户140提供相关联内容的呈现方式的选择和切换。在本文中，“媒体内容”包括一个或多个类型的内容，例如图像、图像集、视频、动图、音频、文本等等。
在一些实施例中，终端设备110与服务器130通信，以实现对应用120的服务的供应。终端设备110可以是任意类型的移动终端、固定终端或便携式终端，包括移动手机、台式计算机、膝上型计算机、笔记本计算机、上网本计算机、平板计算机、媒体计算机、多媒体平 板、个人通信系统(PCS)设备、个人导航设备、个人数字助理(PDA)、音频/视频播放器、数码相机/摄像机、定位设备、电视接收器、无线电广播接收器、电子书设备、游戏设备或者前述各项的任意组合，包括这些设备的配件和外设或者其任意组合。在一些实施例中，终端设备110也能够支持任意类型的针对用户的接口(诸如“可佩戴”电路等)。服务器130可以是能够提供计算能力的各种类型的计算系统/服务器，包括但不限于大型机、边缘计算节点、云环境中的计算设备，等等。
应当理解，仅出于示例性的目的描述环境100中各个元素的结构和功能，而不暗示对于本公开的范围的任何限制。
通常，在应用的特定内容展示页面，例如导航标签“推荐”页面中会展示推荐的媒体内容项。然而，这些媒体内容项均是以固定方式被组织和展示，例如，这些媒体内容通常以单列被呈现。然而，用户针对内容展示页面所呈现的媒体内容可能具有不同的诉求。例如，当用户需要快速浏览大量媒体内容时，用户期望内容展示页面同时呈现尽可能多的媒体内容。当用户需要更精准地定位到感兴趣的媒体内容时，用户可能期望内容展示页面同时呈现相对较少的媒体内容。单一的组织和呈现方式无法满足用户在不同情况下的诉求，导致用户体验不佳。
根据本公开的实施例，提出了一种用于页面交互的方案。根据本公开实施例的方案，呈现至少用于呈现媒体内容项的内容展示页面。如果检测到预设触发操作，在内容展示页面的活跃层中提供操作面板。媒体内容项被呈现在内容展示页面的背景层中，操作面板至少包括与多个视图模式分别对应的多个选项。如果检测到对多个选项中的第一选项的选择操作，则在内容展示页面的背景层中以第一选项对应的第一视图模式呈现媒体内容项，同时维持操作面板在内容展示页面的活跃层中的呈现。
以此方式，通过提供预设操作面板用于视图切换，并且在用户选择视图的过程中在背景层提供切换结果的预览效果，使用户能够快速 直接预览到不同视图下的内容展示效果，从而能够从多个视图模式中选择满意的模式。此外，由于操作面板总是维持呈现，使用户总是能够获知可选的视图模式。这样，能够允许在用户未选中满意的视图模式之前总是能够轻松切换到其他视图模式。
以下将继续参考附图描述本公开的一些示例实施例。
图2A至图2H示出了根据本公开的一些实施例的示例内容展示页面200A至示例内容展示页面200H(也可以简称为示例200A至示例200H)的示意图。应当理解，附图中示出的页面仅仅是示例，实际可以存在各种页面设计。页面中的各个图形元素可以具有不同的布置和不同的视觉表示，其中的一个或多个元素可以省略或被替换，并且还可以存在一个或多个其他元素。本公开的实施例在此方面不受限制。
示例200A至示例200H所示的页面可以被呈现在终端设备110处。为便于讨论，将参考图1的环境100来描述示例200A至示例200H。
在环境100中，终端设备110呈现应用120的一个页面150。在一些情况下，终端设备110呈现的页面150可以是应用120的特定内容展示页面，在内容展示页面中呈现有媒体内容项。在一些实施例中，内容展示页面指的是用于向用户展示或推送媒体内容项以及其他相关信息的页面。能够在内容展示页面中呈现的一组媒体内容项可以包括各种类型的媒体内容项。可以根据应用设计需要，确定在特定内容展示页面中要呈现的媒体内容项。具体要展示的媒体内容项及其数目在不同场景下会变化。
在一些实施例中，内容展示页面可以包括应用120的首页，或是在应用120的一组首页页面中的推荐首页。在推荐首页中向用户展示的推荐内容项有时也称为推荐信息流。在一些实施例中，内容展示页面可以包括应用120的首页下的其他页面，例如关注页面(其中展示当前用户关注的一组用户所发布的媒体内容项)，同城页面(其中展示与当前用户处于相同区域范围内的其他用户发布的媒体内容项)，或者以其他方式聚集或分类的媒体内容项。
如果应用中需要呈现的信息较多且杂时，往往会将信息进行分类呈现，从而便于用户以更简洁的方式获取信息。将信息分类呈现往往就需要在页面设置与不同信息对应的多个导航标签。用户可以通过切换不同的导航标签来获取与该标签对应的页面。在一些实施例中，在应用120中可以提供用于导航到不同页面的导航标签。在本公开的实施例中，某个页面，包括内容展示页面，至少可通过选中预定的导航标签而被呈现。也就是说，应用中的预定导航标签能够用于导航到内容展示页面。
如图2A所示，在应用120的当前页面提供了用于导航到各个页面的多个导航标签，诸如“同城”、“关注”、“推荐”、“首页”、“朋友”，等等。这多个导航标签还可以具有不同的级别，例如，导航标签“首页”、“朋友”等可以为第一级别，导航标签“同城”、“关注”、“推荐”可以为第二级别。第一级别的导航标签例如可以对应于一组页面(例如一组首页页面)，第二级别的导航标签对应的页面例如可以为第一级别的导航标签对应的一组页面中的至少一个(例如导航标签“推荐”对应的推荐首页为导航标签“首页”对应的一组首页页面中的一个)。示例性地，在图2A所示的示例200A中，导航标签210为标签“首页”，如果终端设备110检测到对导航标签210的选择操作，可以呈现应用120的首页。终端设备110例如可以默认呈现多个首页中的推荐首页(也即与导航标签“推荐”对应的页面)。在此基础上，如果终端设备110检测到对导航标签“关注”的选择操作，可以切换至呈现多个首页中的关注首页(也即与导航标签“关注”对应的页面)。
在本公开的实施例中，终端设备110呈现特定内容展示页面，例如应用120的特定内容展示页面。内容展示页面至少用于呈现媒体内容。在一些实施例中，终端设备110可以在内容展示页面中以任意适当的视图模式(例如默认视图模式，该模式视图模式可以使用户预先设置好的视图模式，也可以是用户上一次退出应用和/或页面时的历史视图模式)呈现媒体内容项。在图2A所示的示例200A中，导航标签210为标签“首页”，通过选择该导航标签，可以呈现一组首页页 面中的一个，例如呈现推荐首页。应当理解，这仅是示例性的，而无意限制本公开的方案。在一些实施例中，备选地或附加地，内容展示页面还可以通过检测到应用的启动操作而被呈现，例如该内容展示页面是在应用启动时被呈现的默认页面。在启动应用后被呈现时，可以在内容展示页面中以默认视图模式呈现媒体内容项。也就是说，在没有对导航标签的用户选择的情况下，内容展示页面可以是应用120启动后的默认页面。
在本公开的实施例中，在特定内容展示页面被呈现的同时，如果终端设备110检测到预设触发操作，则在内容展示页面的活跃层中提供操作面板，该操作面板至少包括与多个视图模式分别对应的多个选项。多个视图模式分别对应于对内容展示页面中的媒体内容项的不同查看视图。在不同视图模式下，内容展示页面中的媒体内容项可以按不同视图来组织和呈现给用户。此外，在操作面板被提供的情况下，内容展示页面中的媒体内容项将被呈现在内容展示页面的背景层中。
在本公开的实施例中，页面的背景层指的是用户当前不可直接操作的页面内容，页面的活跃层指的是用户当前可直接操作的页面内容。因此，处于活跃层的操作面板是用户可直接操作的区域，以允许用户在操作面板所提供的选项、控件等界面元素进行相应操作，特别是对视图模式进行灵活切换。处于背景层的媒体内容项是用户当前不可直接操作的。
在一些实施例中，多个视图模式例如可以至少包括单列视图模式，以及至少一个多列视图模式(包括但不限于双列视图模式、三列视图模式等等)。单列视图模式可以减少用户思考和选择的成本，而至少一个多列视图模式便于用户探索更多感兴趣的内容。提供多种视图模式，可以方便用户比对单列视图模式和至少一个多列视图模式的区别，进而根据喜好进行选择或切换。
在一些实施例中，内容展示页面对应的导航标签还可以用于触发操作面板的呈现。在这种情况下，用于触发提供操作面板的预设触发操作可以包括对导航标签的触发操作。触发操作包括但不限于对导航 标签的单击操作、双击操作、长按操作等等。在一些实施例中，备选地或者附加地，预设触发操作还可以包括对内容展示页面的其他触发操作(例如对内容展示页面的长按操作等)。本公开并不对具体的预设触发操作进行限定，终端设备110可以响应于检测到任意适当的预设触发操作，在内容展示页面的活跃层中提供操作面板。
参考图2A至图2C所示，如果终端设备110检测到对图2A中的导航标签210的触发操作，终端设备110可以呈现如图2B的示例200B所示的内容展示页面或者如图2C的示例200C所示的内容展示页面，其中提供有操作面板240。可以理解，这里对导航标签210的触发操作仅是示例性的，终端设备110可以响应于检测到对内容展示页面对应的其他导航标签(例如图2A中的导航标签“推荐”)的触发操作(例如，单击操作)，呈现示例200B所示的内容展示页面或者示例200C所示的内容展示页面。示例200B所示的内容展示页面或者示例200C所示的内容展示页面均包括背景层和活跃层。
如图2B或图2C所示，若多个视图模式分别为单列视图模式和双列视图模式，操作面板240中可以呈现这两个视图模式分别对应的选项241和选项242。选项241和选项242例如可以分别可以被设计为这两个视图模式的标识。可以理解，操作面板240中可以包括更多数目的选项，图2B和图2C以及后面的其他附图均仅作为示例，本公开并不对多个选项的数目(也即多个视图模式的数目)进行限定。
在一些实施例中，为了能够更好地对活跃层和背景层进行区分，以提升用户的视觉体验，终端设备110还可以在内容展示页面的背景层中的媒体内容项上叠加有蒙层。如图2B所示，终端设备110可以在示例200B的背景层中的媒体内容项220上叠加蒙层230。蒙层230可以是半透明的叠加层，从而使媒体内容项仍对用户可见。在一些实施例中，在操作面板未被取消呈现之前，在背景层中叠加的蒙层可以始终呈现。
可以理解，如果确定要叠加蒙层，终端设备110可以呈现示例200B所示的内容展示页面，如果确定不需要叠加蒙层(例如在用户 期望可以清楚地看到背景层中的媒体内容项的情况下)，终端设备110可以呈现示例200C所示的内容展示页面。
在用于触发呈现操作面板的预设触发操作被检测之前，终端设备110可以在内容展示页面中以任意适当的视图模式呈现媒体内容项。在检测到预设触发操作之后，终端设备110可以在活跃层中的操作面板中将当前的视图模式对应的选项的状态呈现为已选中状态，并将多个选项中除当前的视图模式对应的选项之外的其他选项的状态呈现为未选中状态。
示例性的，如图2B或图2C所示，若在预设触发操作之前，终端设备110以单列视图模式呈现媒体内容项，则终端设备110可以将操作面板240中单列视图模式对应的选项241呈现为已选中状态。终端设备110例如可以通过对选项241执行高亮、加边框、放大尺寸等突出呈现操作来将选项241呈现为已选中状态。终端设备110可以对双列视图模式对应的选项242不进行突出呈现操作以将选项242呈现为未选中状态。
在一些实施例中，终端设备110还可以在操作面板240中与多个选项相关联地呈现选择控件。该选择控件的呈现样式包括圆环样式和圆样式两种样式。终端设备110以圆环样式呈现选择控件指示该选择控件对应的选项为已选中状态，以圆样式呈现选择控件指示该选择控件对应的选项为未选中状态。如图2B或图2C所示，终端设备110可以在操作面板242中与单列视图模式的选项241相关联地呈现选择控件243，与双列视图模式的选项242相关联地呈现选择控件244。终端设备110可以将选择控件243以圆环样式呈现在操作面板240中以指示选项241为已选中状态，将选择控件244以圆样式呈现在操作面板240中以指示选项242为未选中状态。
在本公开的实施例中，在内容展示页面的活跃层中提供操作面板后，如果检测到对操作面板中与多个视图模式对应的多个选项中的第一选项的选择操作，则终端设备110在内容展示页面的背景层中以第一选项对应的第一视图模式呈现媒体内容项，同时维持操作面板在内 容展示页面的活跃层中的呈现。这里的第一选项例如可以为上述的在预设触发操作被检测之前呈现媒体内容项的视图模式之外的视图模式对应的选项。示例性地，若在预设触发操作被检测之前，终端设备110在内容展示页面的背景层中以单列视图模式呈现媒体内容项，则在检测到预设触发操作之后，终端设备110呈现包括多个选项的操作面板。终端设备110可以响应于检测到对多个选项中单列视图模式之外的选项(例如双列视图模式对应的选项)的选择操作，在内容展示页面的背景层中以被选择的选项对应的视图模式呈现媒体内容项，同时维持操作面板在内容展示页面的活跃层中的呈现。
在一些实施例中，如果检测到对第一选项的选择操作，终端设备110在维持操作面板在活跃层中的呈现时，还可以将在操作面板中第一选项的状态呈现为已选中状态，并将在操作面板中多个选项中除第一选项之外的其他选项的状态呈现为未选中状态。
示例性地，如果在图2B所示的内容展示页面中检测到对选项242的选择操作(例如对选项242或对选择控件244的点击操作)，终端设备110可以呈现如图2D的示例200D所示的内容展示页面。如图2D所示，终端设备110可以将选项242的状态切换至已选中状态并将选项241的状态切换至未选中状态。终端设备110例如可以通过将选则控件244以圆环样式呈现在操作面板240中以指示选项242为已选中状态，将选择控件243以圆样式呈现在操作面板240中以指示选项241为未选中状态。
如前所述，在某个视图模式对应的选项被选择的情况下，在内容展示页面的背景层中将以该选项对应的视图模式来呈现媒体内容项。也就是说，在内容展示页面中提供对用户所选的视图模式的预览。在一些实施例中，在内容展示页面中操作面板未完全覆盖媒体内容项，从而使得以对应视图呈现的媒体内容项的预览不会被操作面板完全覆盖，以允许用户可以看出所选视图模式的预览效果。在一些实施例中，操作面板与媒体内容项可以在内容展示页面的不同区域中被呈现，从而操作面板将不覆盖媒体内容项。在一些实施例中，附加地或备选 地，操作面板可以被提供为透明或半透明的样式，从而即使操作面板部分或全部覆盖媒体内容项，也能够允许用户查看到背景层中的媒体内容项。
关于终端设备110将视图模式切换至以第一选项对应的第一视图模式呈现媒体内容项的具体切换方式，在一些实施例中，终端设备110可以通过呈现过渡动画来切换媒体内容项的视图模式。这里的过渡动画可以是预先设置的、默认的、也可以是终端设备110所自行确定的。示例性地，从图2D至图2G示出了示例的过渡动画。在示例200D所示的内容展示页面中，操作面板240中的与双列视图模式对应的选项244处于已选中状态。终端设备110进而可以依次呈现示例200E和示例200F所示的内容展示页面，也即，以当前被选中的双列视图模式呈现的多个媒体内容项可以逐渐从先前的以单列视图模式呈现的媒体内容项下透出。随着以双列视图模式呈现的多个媒体内容项的呈现效果逐渐清晰，先前的以单列视图模式呈现的媒体内容项逐渐模糊直至被以双列视图模式呈现的多个媒体内容项完全覆盖，终端设备110呈现示例200G所示的以双列视图模式呈现媒体内容项的内容展示页面。
在一些实施例中，在切换至以第一选项对应的第一视图模式呈现媒体内容项后，由于操作面板仍然被呈现在内容展示页面的活跃层，用户可以继续在操作面板上进行操作，例如切换到选择其他视图模式对应的选项。终端设备110还可以检测操作面板上对其他选项的选择操作。如果检测到对多个视图模式对应的多个选项中第二选项的选择操作，终端设备110可以在内容展示页面的背景层中以第二选项对应的第二视图模式呈现媒体内容项，同时维持操作面板在活跃层中的呈现。也即终端设备110将继续执行视图模式切换操作以将以第一视图模式呈现的媒体内容项切换至以第二视图模式呈现媒体内容项。
这里的第二视图模式可以是与先前选中的第一视图模式不同的任意适当视图模式。示例性地，若在预设触发操作被检测之前，终端设备110在内容展示页面的背景层中以单列视图模式呈现媒体内容项， 则在检测到预设触发操作之后，终端设备110呈现包括多个选项的操作面板，终端设备110可以响应于检测到对双列视图模式对应的选项的选择操作，在内容展示页面的背景层中以双列视图模式呈现媒体内容项。终端设备110进而可以响应于检测到对单列视图模式对应的选项的选择操作，切换回在内容展示页面的背景层中以单列视图模式呈现媒体内容项。
在一些实施例中，操作面板还包括内容刷新控件。终端设备110可以响应于检测到对内容刷新控件的选择操作，刷新内容展示页面的背景层中所呈现的媒体内容项。示例性地，如图2G所示，在双列视图模式对应的选项242处于已选中状态下，终端设备110在内容展示页面的背景层中以双列视图模式呈现媒体内容项。终端设备110响应于检测到对内容刷新控件245的选择操作，刷新背景层中的媒体内容项，并在内容展示页面的背景层中以双列视图模式呈现刷新后的媒体内容项。由此，通过提供内容刷新控件，可以让用户在无需取消呈现操作面板的情况下刷新内容展示页面中的媒体内容项，提高用户的内容浏览体验。
在一些实施例中，在第一选项处于已选中状态下，如果检测到对操作面板的取消呈现操作，终端设备110可以取消操作面板在内容展示页面中的呈现，并使内容展示页面中的媒体内容项以第一视图模式呈现在内容展示页面的活跃层中。这里的取消呈现操作包括但不限于对用于收起操作面板的收起控件的选择操作、对取消控件的选择操作以及对内容展示页面中操作面板之外的其他任意适当的区域的触控操作等等。为了方便理解，可以将在呈现有操作面板的情况下，终端设备110在背景层中呈现的以第一视图模式呈现媒体内容项的呈现效果视为最终的呈现效果的预览效果。终端设备110可以响应于检测到对操作面板的取消呈现操作，确定接收到对预览效果的确认操作，按照预览效果所指示的第一视图模式呈现媒体内容项。示例性地，如图2G和图2H所示，终端设备110可以响应于检测到对收起控件250、对取消控件252或者对示例200G中操作面板240之外的其他区域的 选择操作，确定检测到对操作面板240的取消呈现操作。终端设备110进而可以取消呈现操作面板240。在操作面板240被收起后，呈现示例200H所示的内容展示页面。在示例200H所示的内容展示页面中，终端设备110可以以最后被选择的双列视图模式来呈现媒体内容项。由于操作面板240被取消呈现，此时媒体内容项被呈现在内容展示页面的活跃层中。用户可以直接所呈现的媒体内容项进行操作。
以此方式，由于在用户选择视图、且未主动收起面板时，操作面板总是维持呈现，可以使用户通过预览视图模式的呈现效果总是能够获知可选的视图模式。
综上所述，根据本公开的实施例，通过提供预设操作面板用于视图切换，并且在用户选择视图的过程中在背景层提供切换结果的预览效果，使用户能够快速直接预览到不同视图下的内容展示效果，从而能够从多个视图模式中选择满意的模式。此外，由于操作面板总是维持呈现，使用户总是能够获知可选的视图模式。这样，能够允许在用户未选中满意的视图模式之前总是能够轻松切换到其他视图模式。
图3示出了根据本公开的一些实施例的用于页面交互的过程300的流程图。过程300可以被实现在终端设备110处。下面参考图1描述过程300。
在框310，终端设备110呈现内容展示页面，内容展示页面至少用于呈现媒体内容项。
在框320，终端设备110响应于检测到预设触发操作，在内容展示页面的活跃层中提供操作面板，媒体内容项被呈现在内容展示页面的背景层中，操作面板至少包括与多个视图模式分别对应的多个选项。
在框330，终端设备110响应于检测到对多个选项中的第一选项的选择操作，在内容展示页面的背景层中以第一选项对应的第一视图模式呈现媒体内容项，同时维持操作面板在内容展示页面的活跃层中的呈现。
在一些实施例中，过程300还包括：响应于检测到对第一选项的选择操作，在维持操作面板在活跃层中的呈现时，将在操作面板中第 一选项的状态呈现为已选中状态，以及将在操作面板中多个选项中除第一选项之外的其他选项的状态呈现为未选中状态。
在一些实施例中，被呈现在内容展示页面的背景层中的媒体内容项上叠加有蒙层。在一些实施例中，在内容展示页面中操作面板未完全覆盖媒体内容项。
在一些实施例中，操作面板还包括内容刷新控件，过程300还包括：响应于在第一选项处于已选中状态下检测到对内容刷新控件的选择操作，在内容展示页面的背景层中以第一视图模式呈现刷新后的媒体内容项。
在一些实施例中，内容展示页面至少通过选中预定的导航标签而被呈现，并且预设触发操作包括对导航标签的触发操作。
在一些实施例中，过程300还包括：响应于在对第一选项的选择操作之后检测到对多个选项中的第二选项的选择操作，在内容展示页面的背景层中以第二选项对应的第二视图模式呈现媒体内容项，同时维持操作面板在活跃层中的呈现。
在一些实施例中，过程300还包括：响应于在第一选项处于已选中状态下检测到对操作面板的取消呈现操作，取消操作面板在内容展示页面中的呈现；以及使内容展示页面中的媒体内容项以第一视图模式呈现在内容展示页面的活跃层中。
在一些实施例中，在预设触发操作被检测之前内容展示页面中以第三视图模式呈现媒体内容项，并且其中响应于检测到预设触发操作在内容展示页面的活跃层中提供操作面板包括：将在操作面板中第三视图模式对应的第三选项的状态呈现为已选中状态，以及将在操作面板中多个选项中除第三选项之外的其他选项的状态呈现为未选中状态。
在一些实施例中，多个视图模式至少包括：单列视图模式，以及至少一个多列视图模式。
本公开的实施例还提供了用于实现上述方法或过程的相应装置。图4示出了根据本公开的某些实施例的用于页面交互的装置400的示 意性结构框图。装置400可以被实现为或者被包括在终端设备110中。装置400中的各个模块/组件可以由硬件、软件、固件或者它们的任意组合来实现。
如图4所示，装置400包括页面呈现模块410，被配置为呈现内容展示页面，内容展示页面至少用于呈现媒体内容项。装置400还包括面板提供模块420，被配置为响应于检测到预设触发操作，在内容展示页面的活跃层中提供操作面板，媒体内容项被呈现在内容展示页面的背景层中，操作面板至少包括与多个视图模式分别对应的多个选项。装置400还包括内容项呈现模块430，被配置为响应于检测到对多个选项中的第一选项的选择操作，在内容展示页面的背景层中以第一选项对应的第一视图模式呈现媒体内容项，同时维持操作面板在内容展示页面的活跃层中的呈现。
在一些实施例中，装置400还包括：状态切换模块，被配置为响应于检测到对第一选项的选择操作，在维持操作面板在活跃层中的呈现时，将在操作面板中第一选项的状态呈现为已选中状态，以及将在操作面板中多个选项中除第一选项之外的其他选项的状态呈现为未选中状态。
在一些实施例中，被呈现在内容展示页面的背景层中的媒体内容项上叠加有蒙层。在一些实施例中，在内容展示页面中操作面板未完全覆盖媒体内容项。
在一些实施例中，操作面板还包括内容刷新控件，装置400还包括：刷新模块，被配置为响应于在第一选项处于已选中状态下检测到对内容刷新控件的选择操作，在内容展示页面的背景层中以第一视图模式呈现刷新后的媒体内容项。
在一些实施例中，内容展示页面至少通过选中预定的导航标签而被呈现，并且预设触发操作包括对导航标签的触发操作。
在一些实施例中，装置400还包括：第二内容项呈现模块，被配置为响应于在对第一选项的选择操作之后检测到对多个选项中的第二选项的选择操作，在内容展示页面的背景层中以第二选项对应的第 二视图模式呈现媒体内容项，同时维持操作面板在活跃层中的呈现。
在一些实施例中，装置400还包括：取消模块，被配置为响应于在第一选项处于已选中状态下检测到对操作面板的取消呈现操作，取消操作面板在内容展示页面中的呈现；以及呈现模块，被配置为使内容展示页面中的媒体内容项以第一视图模式呈现在内容展示页面的活跃层中。
在一些实施例中，在预设触发操作被检测之前内容展示页面中以第三视图模式呈现媒体内容项，并且面板提供模块420包括：状态呈现模块，被配置为将在操作面板中第三视图模式对应的第三选项的状态呈现为已选中状态，以及将在操作面板中多个选项中除第三选项之外的其他选项的状态呈现为未选中状态。
在一些实施例中，多个视图模式至少包括：单列视图模式，以及至少一个多列视图模式。
装置400中所包括的单元和/或模块可以利用各种方式来实现，包括软件、硬件、固件或其任意组合。在一些实施例中，一个或多个单元和/或模块可以使用软件和/或固件来实现，例如存储在存储介质上的机器可执行指令。除了机器可执行指令之外或者作为替代，装置400中的部分或者全部单元和/或模块可以至少部分地由一个或多个硬件逻辑组件来实现。作为示例而非限制，可以使用的示范类型的硬件逻辑组件包括现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准品(ASSP)、片上系统(SOC)、复杂可编程逻辑器件(CPLD)，等等。
应当理解，以上方法中的一个或多个步骤可以由适当的电子设备或电子设备的组合来执行。这样的电子设备或电子设备的组合例如可以包括图1中的终端设备110。
图5示出了其中可以实施本公开的一个或多个实施例的电子设备500的框图。应当理解，图5所示出的电子设备500仅仅是示例性的，而不应当构成对本文所描述的实施例的功能和范围的任何限制。图5所示出的电子设备500可以用于实现图1的终端设备110。
如图5所示，电子设备500是通用电子设备的形式。电子设备500的组件可以包括但不限于一个或多个处理器或处理单元510、存储器520、存储设备530、一个或多个通信单元540、一个或多个输入设备550以及一个或多个输出设备560。处理单元510可以是实际或虚拟处理器并且能够根据存储器520中存储的程序来执行各种处理。在多处理器系统中，多个处理单元并行执行计算机可执行指令，以提高电子设备500的并行处理能力。
电子设备500通常包括多个计算机存储介质。这样的介质可以是电子设备500可访问的任何可以获得的介质，包括但不限于易失性和非易失性介质、可拆卸和不可拆卸介质。存储器520可以是易失性存储器(例如寄存器、高速缓存、随机访问存储器(RAM))、非易失性存储器(例如，只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、闪存)或它们的某种组合。存储设备530可以是可拆卸或不可拆卸的介质，并且可以包括机器可读介质，诸如闪存驱动、磁盘或者任何其他介质，其可以能够用于存储信息和/或数据并且可以在电子设备500内被访问。
电子设备500可以进一步包括另外的可拆卸/不可拆卸、易失性/非易失性存储介质。尽管未在图5中示出，可以提供用于从可拆卸、非易失性磁盘(例如“软盘”)进行读取或写入的磁盘驱动和用于从可拆卸、非易失性光盘进行读取或写入的光盘驱动。在这些情况中，每个驱动可以由一个或多个数据介质接口被连接至总线(未示出)。存储器520可以包括计算机程序产品525，其具有一个或多个程序模块，这些程序模块被配置为执行本公开的各种实施例的各种方法或动作。
通信单元540实现通过通信介质与其他电子设备进行通信。附加地，电子设备500的组件的功能可以以单个计算集群或多个计算机器来实现，这些计算机器能够通过通信连接进行通信。因此，电子设备500可以使用与一个或多个其他服务器、网络个人计算机(PC)或者另一个网络节点的逻辑连接来在联网环境中进行操作。
输入设备550可以是一个或多个输入设备，例如鼠标、键盘、追踪球等。输出设备560可以是一个或多个输出设备，例如显示器、扬声器、打印机等。电子设备500还可以根据需要通过通信单元540与一个或多个外部设备(未示出)进行通信，外部设备诸如存储设备、显示设备等，与一个或多个使得用户与电子设备500交互的设备进行通信，或者与使得电子设备500与一个或多个其他电子设备通信的任何设备(例如，网卡、调制解调器等)进行通信。这样的通信可以经由输入/输出(I/O)接口(未示出)来执行。
根据本公开的示例性实现方式，提供了一种计算机可读存储介质，其上存储有计算机可执行指令，其中计算机可执行指令被处理器执行以实现上文描述的方法。根据本公开的示例性实现方式，还提供了一种计算机程序产品，计算机程序产品被有形地存储在非瞬态计算机可读介质上并且包括计算机可执行指令，而计算机可执行指令被处理器执行以实现上文描述的方法。
这里参照根据本公开实现的方法、装置、设备和计算机程序产品的流程图和/或框图描述了本公开的各个方面。应当理解，流程图和/或框图的每个方框以及流程图和/或框图中各方框的组合，都可以由计算机可读程序指令实现。
这些计算机可读程序指令可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理单元，从而生产出一种机器，使得这些指令在通过计算机或其他可编程数据处理装置的处理单元执行时，产生了实现流程图和/或框图中的一个或多个方框中规定的功能/动作的装置。也可以把这些计算机可读程序指令存储在计算机可读存储介质中，这些指令使得计算机、可编程数据处理装置和/或其他设备以特定方式工作，从而，存储有指令的计算机可读介质则包括一个制造品，其包括实现流程图和/或框图中的一个或多个方框中规定的功能/动作的各个方面的指令。
可以把计算机可读程序指令加载到计算机、其他可编程数据处理装置、或其他设备上，使得在计算机、其他可编程数据处理装置或其 他设备上执行一系列操作步骤，以产生计算机实现的过程，从而使得在计算机、其他可编程数据处理装置、或其他设备上执行的指令实现流程图和/或框图中的一个或多个方框中规定的功能/动作。
附图中的流程图和框图显示了根据本公开的多个实现的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或指令的一部分，模块、程序段或指令的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
以上已经描述了本公开的各实现，上述说明是示例性的，并非穷尽性的，并且也不限于所公开的各实现。在不偏离所说明的各实现的范围和精神的情况下，对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择，旨在最好地解释各实现的原理、实际应用或对市场中的技术的改进，或者使本技术领域的其他普通技术人员能理解本文公开的各个实现方式。

Claims (12)

  1. 一种页面交互的方法，包括：
    呈现内容展示页面，所述内容展示页面至少用于呈现媒体内容项；
    响应于检测到预设触发操作，在所述内容展示页面的活跃层中提供操作面板，所述媒体内容项被呈现在所述内容展示页面的背景层中，所述操作面板至少包括与多个视图模式分别对应的多个选项；以及
    响应于检测到对所述多个选项中的第一选项的选择操作，在所述内容展示页面的所述背景层中以所述第一选项对应的第一视图模式呈现所述媒体内容项，同时维持所述操作面板在所述内容展示页面的所述活跃层中的呈现。
  2. 根据权利要求1所述的方法，还包括：
    响应于检测到对所述第一选项的选择操作，在维持所述操作面板在所述活跃层中的呈现时，
    将在所述操作面板中所述第一选项的状态呈现为已选中状态，以及
    将在所述操作面板中所述多个选项中除所述第一选项之外的其他选项的状态呈现为未选中状态。
  3. 根据权利要求1所述的方法，其中被呈现在所述内容展示页面的背景层中的所述媒体内容项上叠加有蒙层，和/或
    其中在所述内容展示页面中所述操作面板未完全覆盖所述媒体内容项。
  4. 根据权利要求1所述的方法，其中所述操作面板还包括内容刷新控件，所述方法还包括：
    响应于在所述第一选项处于已选中状态下检测到对所述内容刷新控件的选择操作，在所述内容展示页面的所述背景层中以所述第一视图模式呈现刷新后的媒体内容项。
  5. 根据权利要求1所述的方法，其中所述内容展示页面至少通过选中预定的导航标签而被呈现，并且所述预设触发操作包括对所述导 航标签的触发操作。
  6. 根据权利要求1所述的方法，还包括：
    响应于在对所述第一选项的选择操作之后检测到对所述多个选项中的第二选项的选择操作，在所述内容展示页面的所述背景层中以所述第二选项对应的第二视图模式呈现所述媒体内容项，同时维持所述操作面板在所述活跃层中的呈现。
  7. 根据权利要求1所述的方法，还包括：
    响应于在所述第一选项处于已选中状态下检测到对所述操作面板的取消呈现操作，
    取消所述操作面板在所述内容展示页面中的呈现；以及
    使所述内容展示页面中的媒体内容项以所述第一视图模式呈现在所述内容展示页面的活跃层中。
  8. 根据权利要求1所述的方法，其中在所述预设触发操作被检测之前所述内容展示页面中以第三视图模式呈现所述媒体内容项，并且
    其中响应于检测到预设触发操作在所述内容展示页面的活跃层中提供操作面板包括：
    将在所述操作面板中第三视图模式对应的第三选项的状态呈现为已选中状态，以及
    将在所述操作面板中所述多个选项中除所述第三选项之外的其他选项的状态呈现为未选中状态。
  9. 根据权利要求1至8中任一项所述的方法，其中所述多个视图模式至少包括：单列视图模式，以及至少一个多列视图模式。
  10. 一种用于页面交互的装置，包括：
    页面呈现模块，被配置为呈现内容展示页面，所述内容展示页面至少用于呈现媒体内容项；
    面板提供模块，被配置为响应于检测到预设触发操作，在所述内容展示页面的活跃层中提供操作面板，所述媒体内容项被呈现在所述内容展示页面的背景层中，所述操作面板至少包括与多个视图模式分别对应的多个选项；以及
    内容项呈现模块，被配置为响应于检测到对所述多个选项中的第一选项的选择操作，在所述内容展示页面的所述背景层中以所述第一选项对应的第一视图模式呈现所述媒体内容项，同时维持所述操作面板在所述内容展示页面的所述活跃层中的呈现。
  11. 一种电子设备，包括：
    至少一个处理单元；以及
    至少一个存储器，所述至少一个存储器被耦合到所述至少一个处理单元并且存储用于由所述至少一个处理单元执行的指令，所述指令在由所述至少一个处理单元执行时使所述电子设备执行根据权利要求1至9中任一项所述的方法。
  12. 一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序可由处理器执行以实现根据权利要求1至9中任一项所述的方法。
PCT/CN2024/112345 2023-10-19 2024-08-15 用于页面交互的方法、装置、设备和存储介质 Pending WO2025082005A1 (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2025557507A JP2026512321A (ja) 2023-10-19 2024-08-15 ページインタラクションのための方法、装置、デバイス及び記憶媒体

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202311360044.0 2023-10-19
CN202311360044.0A CN118210414A (zh) 2023-10-19 2023-10-19 用于页面交互的方法、装置、设备和存储介质

Publications (1)

Publication Number Publication Date
WO2025082005A1 true WO2025082005A1 (zh) 2025-04-24

Family

ID=91456497

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2024/112345 Pending WO2025082005A1 (zh) 2023-10-19 2024-08-15 用于页面交互的方法、装置、设备和存储介质

Country Status (3)

Country Link
JP (1) JP2026512321A (zh)
CN (1) CN118210414A (zh)
WO (1) WO2025082005A1 (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN118210414A (zh) * 2023-10-19 2024-06-18 北京字跳网络技术有限公司 用于页面交互的方法、装置、设备和存储介质
CN119106207A (zh) * 2024-07-26 2024-12-10 北京字跳网络技术有限公司 页面管理的方法、装置、设备、存储介质和程序产品

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115633206A (zh) * 2022-10-13 2023-01-20 北京字跳网络技术有限公司 媒体内容展示方法、装置、设备及存储介质
US20230022625A1 (en) * 2022-09-30 2023-01-26 Lemon Inc. Content management in application
CN115730092A (zh) * 2022-10-28 2023-03-03 北京字跳网络技术有限公司 用于内容呈现的方法、装置、设备和存储介质
CN116644200A (zh) * 2023-03-28 2023-08-25 北京字跳网络技术有限公司 用于内容呈现的方法、装置、设备和存储介质
CN116881587A (zh) * 2023-06-28 2023-10-13 北京有竹居网络技术有限公司 交互方法、装置、设备和计算机可读存储介质
CN116886972A (zh) * 2023-08-01 2023-10-13 成都光合信号科技有限公司 信息处理方法、装置及电子设备
CN118210414A (zh) * 2023-10-19 2024-06-18 北京字跳网络技术有限公司 用于页面交互的方法、装置、设备和存储介质

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20230022625A1 (en) * 2022-09-30 2023-01-26 Lemon Inc. Content management in application
CN115633206A (zh) * 2022-10-13 2023-01-20 北京字跳网络技术有限公司 媒体内容展示方法、装置、设备及存储介质
CN115730092A (zh) * 2022-10-28 2023-03-03 北京字跳网络技术有限公司 用于内容呈现的方法、装置、设备和存储介质
CN116644200A (zh) * 2023-03-28 2023-08-25 北京字跳网络技术有限公司 用于内容呈现的方法、装置、设备和存储介质
CN116881587A (zh) * 2023-06-28 2023-10-13 北京有竹居网络技术有限公司 交互方法、装置、设备和计算机可读存储介质
CN116886972A (zh) * 2023-08-01 2023-10-13 成都光合信号科技有限公司 信息处理方法、装置及电子设备
CN118210414A (zh) * 2023-10-19 2024-06-18 北京字跳网络技术有限公司 用于页面交互的方法、装置、设备和存储介质

Also Published As

Publication number Publication date
JP2026512321A (ja) 2026-04-15
CN118210414A (zh) 2024-06-18

Similar Documents

Publication Publication Date Title
WO2025082005A1 (zh) 用于页面交互的方法、装置、设备和存储介质
WO2024198888A1 (zh) 用于内容呈现的方法、装置、设备和存储介质
US20130191785A1 (en) Confident item selection using direct manipulation
US11074645B2 (en) User-widget-based transaction system
WO2025082003A9 (zh) 用于页面交互的方法、装置、设备和存储介质
WO2024087892A9 (zh) 用于内容呈现的方法、装置、设备和存储介质
EP4600815A1 (en) Content presentation method and apparatus, device, and storage medium
WO2025051169A1 (zh) 用于图像编辑的方法、装置、设备和存储介质
WO2025222949A1 (zh) 用于页面交互的方法、装置、设备、介质和产品
JP2025510489A (ja) ページ対話のための方法、装置、デバイス、及び記憶媒体
WO2024099201A1 (zh) 用于用户交互的方法、装置、设备和存储介质
WO2025241599A1 (zh) 界面交互的方法、装置、设备和存储介质
WO2025077430A1 (zh) 用于页面交互的方法、装置、设备和存储介质
EP4722881A1 (en) Methods and apparatus for page interaction, device and storage medium
JP6294349B2 (ja) タブボタンの管理
WO2025167711A1 (zh) 用于信息展示的方法、装置、设备和存储介质
JP7796909B2 (ja) ビデオ推奨のための方法、装置、デバイス、及び記憶媒体
WO2026020789A1 (zh) 页面管理的方法、装置、设备、存储介质和程序产品
WO2026056389A1 (zh) 用于页面交互的方法、装置、设备、介质和产品
WO2025112957A1 (zh) 用于切换媒体数据的推荐模式的方法、装置、设备和介质
WO2026000992A1 (zh) 管理应用页面的方法、装置、设备、介质和程序产品
WO2025185336A1 (zh) 用于订阅媒体项的方法、装置、设备和存储介质
WO2025247339A1 (zh) 用于共享媒体项的方法、装置、设备和介质
WO2025156725A1 (zh) 用于标记媒体项的方法、装置、设备和存储介质
WO2025153007A1 (zh) 用于内容交互的方法、装置、设备和存储介质

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: 24878657

Country of ref document: EP

Kind code of ref document: A1

ENP Entry into the national phase

Ref document number: 2025557507

Country of ref document: JP

Kind code of ref document: A

WWE Wipo information: entry into national phase

Ref document number: 2025557507

Country of ref document: JP