WO2024022102A1 - 一种页面显示方法、装置、电子设备及介质 - Google Patents

一种页面显示方法、装置、电子设备及介质 Download PDF

Info

Publication number
WO2024022102A1
WO2024022102A1 PCT/CN2023/106870 CN2023106870W WO2024022102A1 WO 2024022102 A1 WO2024022102 A1 WO 2024022102A1 CN 2023106870 W CN2023106870 W CN 2023106870W WO 2024022102 A1 WO2024022102 A1 WO 2024022102A1
Authority
WO
WIPO (PCT)
Prior art keywords
page
target
target attribute
displayed
content browsing
Prior art date
Application number
PCT/CN2023/106870
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 北京字跳网络技术有限公司
Publication of WO2024022102A1 publication Critical patent/WO2024022102A1/zh

Links

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
    • 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

Definitions

  • Embodiments of the present disclosure relate to computer technology, for example, to a page display method, device, electronic equipment, and media.
  • An application refers to a computer program that performs one or more specific tasks. It runs in user mode, can interact with the user, and has a visual user interface. With the development of computer technology and the diversity of user needs, the types of applications in electronic devices are becoming more and more diverse.
  • the application has a visual user page.
  • controls are displayed on the application page. Users can use the controls to implement corresponding functions on the page.
  • An application can include multiple pages with different themes.
  • the functions of the controls currently displayed on the pages of the application are relatively single, which not only affects the richness of the page, but also makes the correlation between different theme pages of the application poor.
  • the present disclosure provides a page display method, device, electronic device and medium to improve the richness of pages and the correlation between pages.
  • an embodiment of the present disclosure provides a page display method, including:
  • the content browsing page includes a target control, and the target control indicates a target attribute;
  • the target attribute is applied to the page to be interacted, and the page to be interacted and the content browsing page are pages with different themes.
  • embodiments of the present disclosure also provide a page display device, including:
  • the page display module is configured to display a content browsing page, the content browsing page includes a target control, and the target control indicates a target attribute;
  • a control display module configured to display an updated target control in the content browsing page in response to the browsing parameters in the content browsing page meeting the setting conditions, and the updated target control indicates the updated target attribute;
  • the target attribute is applied to the page to be interacted, and the page to be interacted and the content browsing page are pages with different themes.
  • embodiments of the present disclosure also provide an electronic device, the electronic device includes:
  • a storage device arranged to store at least one program
  • the at least one processing device When the at least one program is executed by the at least one processing device, the at least one processing device implements the page display method as provided by the embodiment of the present disclosure.
  • embodiments of the present disclosure also provide a computer-readable medium on which a computer program is stored.
  • the program is executed by a processing device, the page display method provided by the embodiment of the disclosure is implemented.
  • Figure 1 is a schematic flowchart of a page display method provided by an embodiment of the present disclosure
  • Figure 2 is a schematic diagram of the implementation of a content browsing page provided by an embodiment of the present disclosure
  • Figure 3 is a schematic flowchart of a page display method provided by an embodiment of the present disclosure.
  • Figure 4 is a schematic diagram of a target control update process provided by an embodiment of the present disclosure.
  • Figure 5 is a schematic diagram of an implementation of a target control provided by an embodiment of the present disclosure.
  • Figure 6 is a schematic diagram of the implementation of a setting page provided by an embodiment of the present disclosure.
  • Figure 7 is a schematic diagram of an implementation of progress information indicating the acquisition of target attributes provided by an embodiment of the present disclosure
  • Figure 8 is a schematic diagram of the implementation of sixth indication information provided by an embodiment of the present disclosure.
  • Figure 9 is a schematic diagram of the implementation of sixth indication information provided by an embodiment of the present disclosure.
  • Figure 10 is a schematic structural diagram of a page display device provided by an embodiment of the present disclosure.
  • FIG. 11 is a schematic structural diagram of an electronic device provided by an embodiment of the present disclosure.
  • the term “include” and its variations are open-ended, ie, “including but not limited to.”
  • the term “based on” means “based at least in part on.”
  • the term “one embodiment” means “at least one embodiment”; the term “another embodiment” means “at least one additional embodiment”; and the term “some embodiments” means “at least some embodiments”. Relevant definitions of other terms will be given in the description below.
  • a prompt message is sent to the user to clearly remind the user that the operation requested will require the acquisition and use of the user's personal information. Therefore, users can autonomously choose whether to provide personal information to software or hardware such as electronic devices, applications, servers or storage media that perform the operations of the technical solution of the present disclosure based on the prompt information.
  • the method of sending prompt information to the user may be, for example, a pop-up window, and the prompt information may be presented in the form of text in the pop-up window.
  • the pop-up window can also contain a selection control for the user to choose "agree” or "disagree” to provide personal information to the electronic device.
  • FIG. 1 is a schematic flowchart of a page display method provided by an embodiment of the present disclosure.
  • the embodiment of the present disclosure is suitable for displaying pages to improve the correlation between pages of different themes.
  • the method can be executed by a page display device, which can be implemented in the form of software and/or hardware, optionally, by an electronic device, which can be a mobile terminal, a personal computer (Personal Computer, PC). Or server etc.
  • a page display device which can be implemented in the form of software and/or hardware, optionally, by an electronic device, which can be a mobile terminal, a personal computer (Personal Computer, PC). Or server etc.
  • PC Personal Computer
  • the method includes:
  • a page can be understood as a page in an electronic device used to display user-visible content.
  • the content browsing page can be understood as a page in an electronic device used to display visual content for users to browse.
  • the content browsing page may be a page displayed in an application of an electronic device.
  • the application is not limited here.
  • it may be a video application.
  • a video application may refer to an online video-based Social apps.
  • the content of the content browsing page is not limited here.
  • the content browsing page may include target controls and displayed videos.
  • Target controls may refer to controls that allow users to interact and display information within the content browsing page.
  • the target control can indicate the target attribute; there is no limit to the content indicated by the target control.
  • the target control can indicate the target attribute, the time information representing the change of the target attribute, and the related information through the setting area on the target control.
  • the target attribute can be understood as the level at which the object to be obtained can be doubled.
  • the attribute value can be understood as a numerical value that can characterize the size of the target attribute, such as 5%, 10%, or 20%.
  • an attribute value of 5% means that in addition to the original number of objects to be acquired, an additional 5% of the objects to be acquired can be acquired.
  • the object to be obtained can be understood as an object to be obtained.
  • the object to be obtained can be an object that can be obtained by browsing other task pages (that is, the page to be interacted with); the content of the object to be obtained is not limited here, for example, it can be a virtual gold coin.
  • the content browsing page containing the target control can be directly displayed after opening the application.
  • opening the application such as opening it for the first time after downloading the application
  • first display the prompt information associated with obtaining the target attribute in the form of a pop-up window such as "The more videos you watch, the more virtual gold coins you can obtain by completing tasks.” "The higher the doubling level”
  • the content browsing page containing the target control can be displayed; understandably, it can also be displayed only when the application is opened for the first time.
  • the program (such as opening it for the first time after downloading the application) first displays the prompt information associated with obtaining the target attribute in the form of a pop-up window, and then after triggering the corresponding control in the pop-up window, the content browsing page containing the target control can be displayed. .
  • FIG. 2 is a schematic diagram of the implementation of a content browsing page provided by an embodiment of the present disclosure.
  • 1 represents the content browsing page
  • 2 represents the target control
  • 3 represents the pop-up window used to indicate the prompt information associated with obtaining the target attribute
  • 4 represents the trigger control in the pop-up window
  • 5 represents the pop-up window.
  • Close control used to close the currently displayed pop-up window.
  • a pop-up window 3 indicating prompt information associated with obtaining the target attribute can be displayed.
  • the display content browsing page 1 containing the target control 2 can be triggered to be displayed.
  • the target control in the content browsing page can be clicked; the response content after clicking the target control is not limited here and can be flexibly set according to actual needs.
  • the corresponding interface or text can be displayed, such as text prompt information associated with the target attribute displayed in the form of a pop-up window, or an interface associated with the target attribute, etc.
  • the browsing parameter can be understood as a parameter that represents the browsing situation of the content browsing page; the content of the browsing parameter is not limited here, for example, it can be the duration of browsing the content on the content browsing page (such as the duration of watching a video), and at least one of the number of contents viewed on the content browsing page (such as the number of videos watched).
  • Setting conditions can be understood as preset conditions associated with updating the target control.
  • the content of the set conditions There is no limit to the content of the set conditions here.
  • it can be browsing content for a set duration (such as 1 minute, 10 minutes, or 30 minutes, etc.) in the content browsing page; it can also be browsing settings in the content browsing page.
  • Amount of content such as 5, or 10, etc.; or it can also be a combination of browsing content for a set duration and browsing a set number of content on the content browsing page.
  • the target attribute of each level can correspond to different setting conditions; that is, the higher the level of the target attribute,
  • the corresponding setting conditions can be more difficult.
  • the target attribute includes levels of 5%, 10%, and 15%
  • the corresponding setting condition when the target attribute is 5% may be that the duration of browsing the content on the content browsing page reaches 1 minute
  • the target attribute When the target attribute is 10%, the corresponding setting condition may be that the duration of browsing the content on the content browsing page reaches 10 minutes.
  • the target attribute is 15%, the corresponding setting condition may be that the duration of browsing the content on the content browsing page reaches 20 minutes. minute.
  • the updated target attribute can be understood as the corresponding target attribute of the next level when the browsing parameters meet the set conditions.
  • updating can be understood as changing the currently displayed indicator to the current target
  • the target control of the property is updated to indicate the target control of the updated target property.
  • the target attribute can be applied to the page to be interacted; there is no limit on how the target attribute is applied to the page to be interacted.
  • the page to be interacted can be completed by completing a set task (such as browsing content with a set duration, etc. ) to obtain the object to be obtained.
  • the target attribute can be used to obtain additional corresponding objects to be obtained on the basis of the obtained object to be obtained. For example, if the target attribute is 5%, then an additional 5% of the objects to be obtained can be obtained.
  • the page to be interacted is understood as the page to be interacted with the user so that the user obtains the object to be obtained; the page to be interacted and the content browsing page can be pages with different themes.
  • the theme corresponding to the content browsing page can be to complete the browsing task ( For example, watch a video task) to obtain the target attribute
  • the subject corresponding to the page to be interacted can be to obtain the object to be obtained by completing the set task.
  • the browsing parameters in the content browsing page meet the setting conditions, it means that the setting conditions corresponding to the target attribute of the next level have been reached, and the current target attribute can be updated to the target attribute of the next level; in Based on this, an updated target control can be displayed in the content browsing page, and the updated target control can indicate the updated target attribute.
  • the update process of the target control can be displayed in the form of animation in the content browsing page.
  • the change process of the text information representing the target attribute in the target control before and after the update and the change process of the text information representing the target attribute before and after the update can be displayed in the form of animation.
  • Embodiments of the present disclosure provide a page display method, which displays a content browsing page.
  • the content browsing page includes a target control, and the target control indicates a target attribute; when the browsing parameters in the content browsing page meet the set conditions, the content browsing page is The updated target control is displayed in the page, and the updated target control indicates the updated target attribute; wherein, the target attribute is applied to the page to be interacted, and the page to be interacted and the content browsing page are pages with different themes.
  • This method can establish the correlation between different theme pages by setting a target control that can indicate the target attribute in the content browsing page.
  • the target attribute is applied to the page to be interacted. It also establishes the correlation between different theme pages by browsing parameters that meet the set conditions in the content browsing page.
  • the updated target control is displayed in the case, which improves the richness of the page display.
  • displaying the updated target control in the content browsing page includes: displaying the update process of the target control in the form of animation in the content browsing page.
  • animation can be understood as a dynamic picture effect, and the content of the picture can be expressed more vividly in the form of animation, such as the update process of the target control.
  • animation can be understood as a dynamic picture effect, and the content of the picture can be expressed more vividly in the form of animation, such as the update process of the target control.
  • the target control may include an identifier for identifying the target attribute
  • the target control may first be moved in any direction (such as upward, downward, or downward). Move the marker that represents the target attribute before the update out of the target control by sliding in the left and right directions, and it will not be displayed after it is moved out of the target control; on this basis, the marker that represents the target attribute after the update can also be moved to the target control. Swipe in any direction to the area used to set the identifier in the target control (that is, the area where the identifier representing the target attribute before the update is located when it is not moved). It is understandable that the identifier representing the target attribute before the update is The identifier representing the updated target attribute may be different (such as having a different style).
  • multiple virtual gold coins can be moved in any direction (such as with the identifier representing the target attribute before the update) at the identifier of the target attribute before the update.
  • the opposite direction is displayed in the target control (such as an animation of virtual gold coins falling from top to bottom).
  • a prompt message indicating the updated target attributes is displayed in a pop-up window on the side.
  • FIG. 3 is a schematic flowchart of a page display method provided by an embodiment of the present disclosure. This embodiment is refined based on each optional solution in the above embodiments. In this embodiment, the update process of displaying the target control in the form of animation and the process of displaying the first indication information in the content browsing page are described. It should be noted that, for details that are not detailed in this embodiment, please refer to the above embodiment.
  • the method includes:
  • the electronic device displays a content browsing page for the user to browse corresponding content, where the content browsing page may include a target control, and the target control may indicate a target attribute.
  • the target control before update can be understood as the target control whose indicated target attribute is the target attribute before update.
  • the first identifier can be understood as a preset identifier that can be used to characterize the target attribute.
  • the style and size of the first identifier are not limited here. For example, it can be a gift box, an animal animation, or a rocket animation, etc.
  • Different levels of target attributes may correspond to different styles of first identifiers.
  • different levels of target attributes may correspond to different colors of rocket animations. This is not limited here.
  • the first direction can be understood as the moving direction of the first marker when it moves out of the target control; the first direction is not limited here, for example, it can be an upward direction, a right direction, etc.
  • the display state can be understood as the state displayed in the content browsing page.
  • the display state may include display or non-display.
  • orientation or positional relationship indicated by the terms “center”, “upper”, “lower”, “left”, “right”, “front”, “back”, etc. is based on the orientation or positional relationship shown in the drawings.
  • “top” and “bottom” are set along the direction of the header and footer of the paper; “left” and “right” are set facing the direction of the paper, and “front” is set perpendicular to the paper.
  • “Back” refers to the direction perpendicular to the paper surface and from the back of the paper to the back of the paper. This setting is only for the convenience of describing the technical solution of the present disclosure, but does not indicate that the content referred to must have a specific orientation, and therefore cannot be understood as a limitation of the present disclosure.
  • the first identifier included in the target control before updating can be moved out of the target control along the first direction; wherein, in the first After a marker is moved out of the target control, the display state of the first marker outside the target control may be not displayed. That is to say, the first marker will not be displayed in the content browsing page after being moved out of the target control.
  • the recognized object moves out of the target control in a manner of sliding at a constant speed or accelerating in the first direction.
  • the second direction can be understood as the direction in which the second marker moves; the second direction is a direction different from the first direction.
  • the second direction is not limited here.
  • it may be any other direction different from the first direction, for example, it may be the direction opposite to the first direction.
  • the second identifier can be understood as a preset identifier that can be used to represent the object to be obtained; the content of the second identifier is not limited here, for example, it can be an identifier composed of multiple virtual gold coins.
  • the second identifier can be moved in the second direction from the first identifier (that is, the position of the first identifier) until the second identifier is displayed in the target control.
  • the second marker can be moved from the first marker in a second direction and dropped at a constant speed until the second marker is displayed in the target control.
  • the updated first identifier when the first identifier moves out of the target control, the updated first identifier can be moved into the target control.
  • the updated first identifier can be moved into the target control.
  • it can be from any edge of the target control (for example, assuming that the target control is a circular control, the edge of the target control can be considered as a circle. the rounded edge of the control), in any direction (for example, it can be upward Or in the downward direction, as long as it is moved into the target control (for example, at the lower edge of the circular control, move into the target control in the upward direction), and move the updated first marker to the target within the control.
  • the shape of the target control is not limited.
  • the target control may include a circular control, and the first identifier may be displayed in the circular control.
  • the updated first identifier may also be moved into the target control during the movement of the first identifier; wherein, during the movement process, in order to avoid the two When the first identifier overlaps, the moving directions of the two first identifiers before and after the update may be the same, and the first identifier after the update may be the same as the first identifier before the update on the target pendant.
  • the edge side in the opposite direction of object movement moves into the target control.
  • the first indication information can be understood as information used to indicate an update event of the target attribute.
  • the update event of the target attribute can be understood as an event that represents the update of the target attribute.
  • the display form of the first instruction information is not limited here. For example, it may be in the form of a prompt bar (such as Tips) or a pop-up window.
  • first indication information When the first identifier moves out of the target control along the first direction, first indication information may be displayed, the first indication information may indicate an update event of the target attribute, and the target control may indicate the updated target attribute.
  • the first marker when the first marker moves out of the target control along the first direction, it can be considered as the moment when the first marker just starts to move out of the target control along the first direction, or it can also be when the first marker moves out of the target control along the first direction.
  • the process of moving the control or it may also be at the last moment when the first identifier moves out of the target control along the first direction, which is not limited here.
  • the first indication information can be displayed on one side of the set distance from the target control.
  • the target control is adsorbed to the left area of the content browsing page.
  • the first indication information may be displayed on the left side of the target control.
  • the display timing of the first indication information is not limited.
  • the first indication information may be displayed while the updated first identifier moves to the target control; or the first indication information may be directly displayed after the updated first identifier moves to the target control; or The first indication information may also be displayed within a set time period (such as 2s or 5s) after the updated first identifier moves to the target control.
  • the display duration of the first indication information is not limited, for example, it may be 1 second (s), 3s or 5s.
  • Embodiments of the present disclosure provide a page display method, which describes an update process of displaying a target control in the form of animation in a content browsing page, and a process of displaying first indication information.
  • This method moves the first identifier corresponding to the target control before the update and the first identifier corresponding to the target control after the update, and the second identifier moves with the movement of the first identifier, so that the first identifier and the second identifier can be used.
  • the dynamic update effect of the second identifier displays the update process of the target control; on this basis, the first indication information is also displayed when the first identifier moves out of the target control to indicate the update event of the target attribute, thereby improving the richness of the page display. sex.
  • FIG 4 is a schematic diagram of a target control update process provided by an embodiment of the present disclosure.
  • 6 represents the first identifier before updating
  • 7 represents the second identifier
  • 8 represents the first identifier after updating
  • 9 represents the first indication information.
  • the second identifier 6 can be moved from the first identifier 6 before updating in the second direction until the second identifier 7 is displayed on the target control 2
  • the updated first identifier 8 can be moved from the lower edge of the target control 2 to the target control along the first direction. 2
  • the first indication information 9 is displayed in the right area of the target control 2 (for example, the first indication information 9 may be "the target attribute has been upgraded").
  • different levels of target attributes correspond to different styles of target controls.
  • Different styles of target controls correspond to different styles of first identifiers.
  • the target attributes may include different levels, and the target attributes of different levels may correspond to Different styles of target controls.
  • the style of the target control is not limited here, for example, it can be a round control or a square control, and the size of the target control is not limited either.
  • the attribute value of the target attribute can be used to measure the level of the target attribute. For example, the higher the level of the target attribute, the greater the attribute value corresponding to the target attribute.
  • target attributes of different levels can correspond to first identifiers of different styles, and target attributes of different levels can correspond to target controls of different styles, target controls of different styles can correspond to first identifiers of different styles.
  • the indication area included in the target control includes second indication information, and the second indication information indicates the acquisition condition of the current target attribute and/or the next level target attribute.
  • the indication area can be understood as an area within the target control used to display the second indication information.
  • the position of the indication area is not limited here. For example, it can be arranged directly above the area where the first marker is located, or it can be located directly below the area where the first marker is located, etc.
  • the indication area included in the target control may include second indication information.
  • the second indication information may indicate the current target attribute and/or the acquisition condition of the next level target attribute. That is to say, the second indication information may indicate the current target attribute; or may indicate the acquisition conditions of the target attribute of the next level; or may indicate the acquisition conditions of the current target attribute and the target attribute of the next level, where the current The target attribute and the acquisition conditions of the target attribute of the next level can be displayed at the same time, or displayed alternately in a loop.
  • the current target attribute can be understood as the target attribute before the update, and accordingly, the target attribute of the next level can be understood as the target attribute after the update.
  • the conditions for acquiring the target attribute of the next level can be understood as the conditions for acquiring the target attribute of the next level.
  • the acquisition conditions can be the progress information of the current distance to complete the set conditions corresponding to the next-level target attributes; among them, due to changes in the current time, the acquisition conditions can also change dynamically.
  • the set condition corresponding to the next-level target attribute is to watch the video for 10 minutes, and the current corresponding video viewing duration is 9 minutes
  • the current acquisition condition can be to complete the next-level target attribute in 1 minute.
  • the corresponding setting conditions for example, can be expressed as "60 "Upgrade in seconds" or "Upgrade to Upgrade” and so on.
  • the target control is a circular control
  • information indicating the acquisition condition progress of the target attribute of the next level may also be provided on the edge side of the circular control.
  • FIG. 5 is a schematic diagram of an implementation of a target control provided by an embodiment of the present disclosure.
  • 10 represents a first identifier
  • 11 represents an indication area
  • 12 represents second indication information
  • 13 represents information indicating the progress of acquisition conditions of the target attribute of the next level.
  • the second indication information 12 in the indication area 11 may indicate the current target attribute and/or the acquisition condition of the next level target attribute.
  • displaying the content browsing page includes: displaying the content browsing page including the target control, and the second instruction information of the target control sequentially displays the acquisition conditions of the current target attribute and the next level target attribute; in the acquisition condition When the achievement level reaches the set value, the acquisition conditions for the next level of target attributes are displayed.
  • the content browsing page including the target control is displayed, in which the second indication information of the target control can sequentially display the current target attribute and the target of the next level in a circular manner.
  • the acquisition conditions of the attribute when the target control includes the second indication information, the content browsing page including the target control is displayed, in which the second indication information of the target control can sequentially display the current target attribute and the target of the next level in a circular manner.
  • next level of the first set duration can be displayed for the first time starting from the moment when the target attribute is just updated to the current target attribute.
  • the acquisition conditions of the target attribute are then displayed for the second set duration, and then the corresponding acquisition conditions for the target attribute of the next level and the current target attribute are displayed cyclically with the first set duration and the second set duration.
  • the acquisition condition of the target attribute of the next level is displayed; that is, when the attainment degree of the acquisition condition reaches the set value, regardless of the loop at this time Whether the current target attribute or the next-level target attribute acquisition condition is displayed becomes the acquisition condition for the next-level target attribute. It is also possible to display the current target attribute for the second set duration for the first time, and then display the acquisition items for the next level of the target attribute for the first set duration, and so on.
  • the first set duration and the second set duration may be They may be different or they may be the same, which is not limited here.
  • the achievement of acquisition conditions can be understood as the current progress towards completing the set conditions corresponding to the next level of target attributes.
  • the setting value can be understood as a preset threshold associated with the acquisition condition (or setting condition), which is not limited here. For example, taking the setting condition to set the duration of video viewing, the setting value can be 30 seconds, or 1 minute, etc.
  • the second indication information of the target control may display the acquisition conditions of the target attribute of the next level (that is, the acquisition condition corresponding to the target attribute to be obtained for the first time). condition).
  • the method also includes: responding to a switching operation in the content browsing page, displaying a setting page, and displaying a theme display area with at least one theme in the setting page;
  • the page to be interacted is displayed, the target attribute is associated with the object to be obtained in the page to be interacted, and the object to be obtained is obtained with the target attribute.
  • the switching operation can be understood as the operation of switching pages; the switching operation is not limited here.
  • the corresponding switching operation can be triggered by clicking on the target control, or by clicking on other settings in the content browsing page. Control to trigger the corresponding switching operation.
  • the corresponding setting page may be displayed.
  • the setting page can be understood as a preset page.
  • the setting page can display a theme display area with at least one theme.
  • the theme display area can be understood as an area used to display information indicating the theme and corresponding interactive controls.
  • Interactive controls can be understood as controls used to display the page to be interacted with.
  • a theme can correspond to an interactive control, and an interactive control can correspond to a page to be interacted with.
  • Different interactive controls may correspond to different pages to be interacted with.
  • the corresponding page to be interacted can be displayed; in the page to be interacted, the corresponding setting task can be completed through the corresponding page to be interacted to obtain the corresponding object to be obtained.
  • the target attribute can be associated with the object to be obtained in the page to be obtained, and the object to be obtained can be obtained with the target attribute; that is, the set object to be obtained (such as setting the quantity) is obtained in the page to be interacted virtual gold coins), you can also obtain additional corresponding objects to be obtained based on the current target attribute. If the current target attribute is 5%, you can obtain and set the objects to be obtained in the page to be interacted, and additionally obtain Obtain 5% times the set object to be obtained.
  • the method also includes: when a preset condition corresponding to the page to be interacted is met, using the target attribute to obtain the object to be obtained corresponding to the page to be interacted.
  • the preset conditions can be understood as preset conditions for obtaining the object to be obtained; the preset conditions corresponding to each page to be interacted may be different.
  • the content of the preset condition is not limited here. For example, it can be the content of a set duration of browsing in the page to be interacted with.
  • the object to be obtained corresponding to the page to be interacted can be obtained using the target attribute.
  • the objects to be obtained obtained by each page to be interacted may be different, for example, the number of objects to be obtained is different.
  • third indication information is displayed in the theme display area, and the third indication information indicates that the object to be obtained corresponding to the theme display area is associated with the target attribute.
  • third indication information may be displayed in the theme display area.
  • the third indication information may indicate that the object to be obtained corresponding to the theme display area is associated with the target attribute.
  • the form of the third indication information is not limited here. For example, it may be displayed in the form of a logo, for example, it may be an arrow logo indicating an upward direction.
  • One interactive control can correspond to one third indication information; the third indication information corresponding to each interactive control can be the same.
  • the display position of the third indication information is not limited here. For example, it may be displayed on the right or left side of the corresponding interactive control, and the third indication information may be displayed without overlapping with the corresponding interactive control.
  • the third indication information may not be displayed in the theme display area.
  • the setting page also includes a target display area.
  • the target display area is a display area corresponding to the theme of the content browsing page.
  • the target display area includes fourth indication information indicating the target attribute.
  • the target display area can be understood as the display area of the theme corresponding to the content browsing page.
  • the target display area includes fourth indication information indicating target attributes.
  • the fourth instruction information may indicate the progress information of acquiring the target attribute, prompt information representing the setting conditions for acquiring the target attribute, identification information representing the acquisition of the object to be acquired with the target attribute, etc., which are not limited here.
  • the progress information of obtaining the target attribute can be understood as information representing the progress of obtaining the target attribute, such as information about which level of the target attribute is currently obtained; for example, the progress information of obtaining the target attribute can be displayed on the target in the form of a progress bar. within the display area.
  • the prompt information representing the setting conditions for obtaining the target attribute can be associated with the progress information for obtaining the target attribute, and can include the set target attributes of multiple levels and the setting conditions corresponding to the target attributes of each level, such as Displayed in the target display area as a bubble.
  • the identification information indicating that the object to be acquired is obtained with the target attribute may include an identification indicating that the target attribute is currently acquired (for example, it may be an upward arrow indicating the same direction as the third indication information), and an identification indicating that the target attribute is currently obtained based on the target attribute. Get the number of additional objects to be obtained, etc.
  • prompt information including the objects to be obtained obtained in the previous set time can be displayed in the form of a pop-up window or page.
  • prompt information containing the objects to be obtained obtained in the previous day can be displayed in the form of a pop-up window.
  • the task of obtaining the target attribute after obtaining the set highest level target attribute, it can be indicated that the task of obtaining the target attribute has been completed. At this time, it can be displayed in the form of a pop-up window on the content browsing page, or in the form of a page. In the form, information indicating the total number of objects to be obtained obtained during the task of obtaining the target attributes is displayed (for example, a total of 3,000 virtual gold coins were obtained during the task of obtaining the target attributes).
  • FIG. 6 is a schematic diagram of the implementation of a setting page provided by an embodiment of the present disclosure.
  • 14 represents the setting page; 15 represents the theme display area; 16 represents the interactive control; 17 represents the instruction theme information; 18 represents the third instruction information; 19 represents the target display area; 20 represents the fourth instruction information; 21 represents prompt information (such as "Watch the video in the content browsing page to upgrade the target attribute. The more you watch, the higher the target attribute level. "High" and other prompt messages).
  • the setting page 14 may include a theme display area 15 and a target display area 19 .
  • the first identifier 10 in the target display area 19 can change the display style according to the different target attribute levels; the background style in the target display area 19 can be fixed (for example, it can be a gradient from left to right).
  • the color style can also be a solid color style); or the background style in the target display area 19 can also change with the different target attribute levels.
  • different target attribute levels can correspond to the target display area 19 with different color backgrounds.
  • the fourth indication information 20 may include progress information 201 indicating acquisition of the target attribute and identification information 202 representing acquisition of the object to be acquired with the target attribute.
  • the fourth indication information 20 in the target display area 19 may not display the identification information 202 indicating that the object to be obtained is obtained with the target attribute. To indicate that the target attribute has not been obtained yet.
  • FIG. 7 is a schematic diagram of an implementation of progress information indicating the acquisition of target attributes provided by an embodiment of the present disclosure.
  • the levels of target attributes can include 5%, 10%, 15%, 20%, 25% and 30%; the setting conditions for each target level are to watch the video for 1 minute and to watch the video for 10 minutes respectively. minutes, watch videos for 30 minutes, watch videos for 60 minutes, watch videos for 90 minutes, and watch videos for 150 minutes. Each time a set condition is completed, the corresponding target attribute can be obtained and applied to the page to be interacted with.
  • display the setting page including:
  • fifth indication information is displayed on the setting page, and the fifth indication information indicates indication information of the theme corresponding to the content browsing page;
  • sixth instruction information is displayed on the setting page, and the sixth instruction information indicates the change of the target attribute level.
  • the fifth indication information may indicate indication information of the topic corresponding to the content browsing page;
  • the content of the fifth instruction information is not limited here. For example, it can be information related to how to obtain the target attribute based on the content browsing page, for example, "The longer the video is watched on the content browsing page, the higher the level of the target attribute obtained.” and other information; it may also include an area for displaying fourth indication information of the initial state, where the initial state can be understood as a state in which the target attribute has not been obtained.
  • fifth instruction information may be displayed on the setting page to allow the user to understand how to obtain relevant information about the target attribute.
  • the fifth instruction information may be displayed in the form of a pop-up window.
  • the sixth instruction information may indicate a change in the level of the target attribute, that is, the level of the current target attribute (ie, the target attribute before the update) is changed to the target attribute of the next level (ie, the target attribute after the update).
  • the current target attribute can be considered as the target attribute corresponding to the current setting page.
  • the current target attribute is different from the target attribute corresponding to the last time the setting page was displayed, it can be considered that the target attribute level has been updated on the setting page at the current moment.
  • the current target attribute When the current target attribute is different from the target attribute corresponding to the last time the setting page was displayed, it can indicate that the level of the target attribute corresponding to the current setting page has been updated.
  • the sixth indication information can be displayed on the setting page, where The sixth indication information may indicate a change in the target attribute level.
  • the sixth instruction information can be displayed in the form of a static pop-up window and/or a dynamic pop-up window; a static pop-up window can be understood as meaning that the content displayed in the pop-up window is static; a dynamic pop-up window can be understood as The content displayed in the pop-up window is dynamic, for example, it may include a dynamic visual effect of updating and changing the first identifier corresponding to the target attribute.
  • displaying the sixth instruction information on the setting page includes: displaying the sixth instruction information in the form of animation, and the sixth instruction information indicates the update process of the first identifier corresponding to the target attribute and the acquired object.
  • the acquired object can be understood as the object to be acquired that has been acquired.
  • the update process of the first identifier corresponding to the target attribute can be understood as the process in which the first identifier of the target attribute is updated from the first identifier corresponding to the target attribute before the update to the first identifier corresponding to the target attribute after the update.
  • the sixth indication information is displayed in the form of animation on the setting page, where the sixth indication information may indicate the update process of the first identifier corresponding to the target attribute and the acquired object.
  • the first identifier corresponding to the target attribute before updating can be moved from the set area (ie, the preset display area for placing the first identifier) in the set direction (such as the upward direction). ) is moved out of the current setting page; when the first identifier corresponding to the target attribute before the update is moved out of the current setting page, the first identifier corresponding to the updated target attribute can be moved to the setting area to complete the target attribute.
  • the dynamic update process of the corresponding first identifier can be moved from the set area (ie, the preset display area for placing the first identifier) in the set direction (such as the upward direction).
  • the object corresponding to the acquired object may be updated.
  • the obtained quantity is displayed in the setting page, for example, it can be displayed at the setting position above the first marker.
  • FIG. 8 is a schematic diagram of the implementation of sixth indication information provided by an embodiment of the present disclosure.
  • 22 represents the fifth instruction information
  • 23 represents the area displaying the fourth instruction information in the initial state
  • 24 represents the trigger control (such as "I know”
  • 25 represents the prompt information associated with obtaining the target attribute. (For example, "The longer you watch the video on the content browsing page, the higher the level of the target attribute obtained” and other information).
  • the fifth instruction information 22 can be displayed in the form of a pop-up window on the setting page 14; the setting page 14 can be displayed by clicking the trigger control 24.
  • FIG 9 is a schematic diagram of the implementation of sixth indication information provided by an embodiment of the present disclosure.
  • 26 represents the sixth instruction information
  • 27 represents information indicating that the object has been obtained (such as "Congratulations on upgrading to x%, virtual gold coins have been obtained to +900" and other information)
  • 28 represents the trigger control
  • 29 represents close controls.
  • the sixth indication information can be displayed in the form of animation on the setting page 14, wherein the first identifier 10 can display the target attribute before and after the update in the form of animation.
  • the change process indicating that the information 27 of the acquired object can display the current situation of the acquired object; by clicking the trigger control 28, you can jump to the content browsing page, and by completing the corresponding setting conditions to upgrade the target attributes; by closing the control 29, you can Close the current sixth instruction information 26.
  • Figure 10 is a schematic structural diagram of a page display device provided by an embodiment of the present disclosure. As shown in Figure 10, the device includes: a page display module 310 and a control display module 320.
  • the page display module 310 is configured to display a content browsing page, the content browsing page includes a target control, and the target control indicates a target attribute;
  • the control display module 320 is configured to display the updated target control in the content browsing page when the browsing parameters in the content browsing page meet the set conditions, and the updated target control indicates the updated target attribute;
  • the target attribute is applied to the page to be interacted, and the page to be interacted and the content browsing page are pages with different themes.
  • the technical solution provided by the embodiment of the present disclosure displays a content browsing page through the page display module 310.
  • the content browsing page includes a target control, and the target control indicates the target attribute; through the control display module 320, the browsing parameters in the content browsing page satisfy
  • the updated target control is displayed in the content browsing page, and the updated target control indicates the updated target attribute; among them, the target attribute is applied to the page to be interacted, and the page to be interacted is different from the content browsing page.
  • the device is able to establish correlation between different theme pages by setting a target control that can indicate a target attribute in the content browsing page, and the target attribute is applied to the page to be interacted; and it also satisfies the set conditions by browsing parameters in the content browsing page.
  • the updated target control is displayed in the case, which improves the richness of the page display.
  • control display module 320 includes:
  • the first display unit is configured to display the update process of the target control in the form of animation in the content browsing page.
  • the first display unit includes:
  • Removing the subunit is configured to move the first identifier included in the target control before updating out of the target control along the first direction, and the display state of the first identifier outside the target control is not displayed;
  • the first moving subunit is configured to move the second identifier from the first identifier in the second direction until the second identifier is displayed on the target control during the movement of the first identifier.
  • the first direction and the second direction are different directions;
  • the second moving subunit is configured to move the updated first identifier into the target control when the first identifier moves out of the target control.
  • the device also includes:
  • An information display module configured to display first indication information when the first marker moves out of the target control along a first direction, where the first indication information indicates an update event of the target attribute, and the target control indicates an update event. target attributes.
  • different levels of target attributes correspond to different styles of target controls.
  • Different styles of target controls correspond to different styles of first identifiers. things.
  • the indication area included in the target control includes second indication information, and the second indication information indicates the acquisition condition of the current target attribute and/or the next level target attribute.
  • page display module 310 includes:
  • the page display unit is configured to display a content browsing page including a target control, and the second indication information of the target control sequentially displays the current target attribute and the acquisition conditions of the next level target attribute in a circular manner;
  • the condition display unit is configured to display the acquisition condition of the target attribute of the next level when the achievement degree of the acquisition condition of the target attribute of the next level reaches a set value.
  • the device also includes:
  • a response module configured to display a setting page in response to a switching operation in the content browsing page, and a theme display area with at least one theme displayed in the setting page;
  • a triggering module configured to display the page to be interacted after the interactive control in the theme display area is triggered, the target attribute is associated with the object to be obtained in the page to be interacted, and the object to be obtained is based on the target The attribute is obtained.
  • the device also includes:
  • the object acquisition module is configured to obtain the object when the preset conditions corresponding to the page to be interacted are met.
  • the target attribute obtains the object to be obtained corresponding to the page to be interacted with.
  • third indication information is displayed in the theme display area, and the third indication information indicates that the object to be obtained corresponding to the theme display area is associated with the target attribute.
  • the setting page further includes a target display area, the target display area is a display area of the theme corresponding to the content browsing page, and the target display area includes a fourth indication indicating the target attribute. information.
  • response modules include:
  • the first information display unit is configured to display fifth indication information on the setting page when the setting page is displayed for the first time, and the fifth indication information indicates the indication information of the theme corresponding to the content browsing page;
  • the second information display unit is configured to display sixth indication information on the setting page when the current target attribute is different from the target attribute corresponding to the last displayed setting page, and the sixth indication information indicates the target attribute level. changes.
  • second information display unit includes:
  • the information display subunit is configured to display the sixth indication information in the form of animation, where the sixth indication information indicates the update process of the first identifier corresponding to the target attribute and the acquired object.
  • the page display device provided by the embodiment of the present disclosure can execute the page display method provided by any embodiment of the present disclosure, and has corresponding functional modules for executing the method.
  • FIG. 11 is a schematic structural diagram of an electronic device provided by an embodiment of the present disclosure.
  • Terminal devices in embodiments of the present disclosure may include, but are not limited to, mobile phones, notebook computers, digital broadcast interfaces, etc. receiver, personal digital assistant (PDA), PAD (tablet computer), portable multimedia player (Portable Media Player, PMP), vehicle-mounted terminal (such as vehicle-mounted navigation terminal), etc., as well as mobile terminals such as digital TV ( Television, TV), desktop computers, etc. fixed terminal.
  • PDA personal digital assistant
  • PAD tablet computer
  • PMP portable multimedia player
  • vehicle-mounted terminal such as vehicle-mounted navigation terminal
  • mobile terminals such as digital TV ( Television, TV), desktop computers, etc. fixed terminal.
  • the electronic device shown in FIG. 11 is only an example and should not impose any limitations on the functions and scope of use of the embodiments of the present disclosure.
  • the electronic device 500 may include at least one processing device (such as a central processing unit, a graphics processor, etc.) 501, which may be configured according to a program stored in a read-only memory (Read-Only Memory, ROM) 502 or from The storage device 508 loads the program in the random access memory (Random Access Memory, RAM) 503 to perform various appropriate actions and processes. In the RAM 503, various programs and data required for the operation of the electronic device 500 are also stored.
  • the processing device 501, ROM 502 and RAM 503 are connected to each other via a bus 504.
  • An editing/output (I/O) interface 505 is also connected to bus 504.
  • input devices 506 including, for example, a touch screen, touch pad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; including, for example, a Liquid Crystal Display (LCD) , an output device 507 such as a speaker, a vibrator, etc.; a storage device 508 including a magnetic tape, a hard disk, etc.; and a communication device 509.
  • Communication device 509 may allow electronic device 500 to communicate wirelessly or wiredly with other devices to exchange data.
  • FIG. 11 illustrates electronic device 500 with various means, it should be understood that implementation or availability of all illustrated means is not required. More or fewer means may alternatively be implemented or provided.
  • embodiments of the present disclosure include a computer program product including a computer program carried on a non-transitory computer-readable medium, the computer program containing program code for performing the method illustrated in the flowchart.
  • the computer program may be downloaded and installed from the network via communication device 509, or from storage device 508, or from ROM 502.
  • the processing device 501 When the computer program is executed by the processing device 501, the above-mentioned functions defined in the method of the embodiment of the present disclosure are performed.
  • Embodiments of the present disclosure provide a computer storage medium on which a computer program is stored.
  • the program is executed by a processing device, the page display method provided by the above embodiments is implemented.
  • the computer-readable medium mentioned above in the present disclosure may be a computer-readable signal medium or a computer-readable storage medium, or any combination of the above two.
  • Computer storage media may be a storage medium of computer-executable instructions that, when executed by a computer processing device, perform the methods as provided in the present disclosure.
  • the computer-readable storage medium may be, for example, but is not limited to: an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or device, or any combination thereof. More specific examples of computer readable storage media may include, but are not limited to: an electrical connection having at least one conductor, a portable computer disk, a hard disk, random access memory (RAM), read only memory (ROM), erasable programmable memory Read memory ((Erasable Programmable Read-Only Memory, EPROM) or flash memory), optical fiber, portable compact disk read-only memory (Compact Disc Read-Only Memory, CD-ROM), optical storage device, magnetic storage device, or any of the above The right combination.
  • RAM random access memory
  • ROM read only memory
  • EPROM erasable programmable memory Read memory
  • CD-ROM Compact Disc Read-Only Memory
  • a computer-readable storage medium may be any tangible medium that contains or stores a program for use by or in connection with an instruction execution system, apparatus, or device.
  • a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, carrying computer-readable program code therein. Such propagated data signals may take many forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above.
  • a computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium that can send, propagate, or transmit a program for use by or in connection with an instruction execution system, apparatus, or device .
  • Program code embodied on a computer-readable medium may be transmitted using any appropriate medium, including but not Limited to: wires, optical cables, radio frequency (Radio Frequency, RF), etc., or any suitable combination of the above.
  • the client and server can communicate using any currently known or future developed network protocol such as HTTP (HyperText Transfer Protocol), and can communicate with digital data in any form or medium.
  • Communications e.g., communications network
  • Examples of communication networks include Local Area Networks (LANs), Wide Area Networks (WANs), the Internet (e.g., the Internet), and end-to-end networks (e.g., ad hoc end-to-end networks), as well as any current network for knowledge or future research and development.
  • LANs Local Area Networks
  • WANs Wide Area Networks
  • the Internet e.g., the Internet
  • end-to-end networks e.g., ad hoc end-to-end networks
  • the above-mentioned computer-readable medium may be included in the above-mentioned electronic device; it may also exist independently without being assembled into the electronic device.
  • the computer-readable medium carries at least one program.
  • the electronic device displays a content browsing page, the content browsing page includes a target control, and the target control indicates a target attribute. ;
  • the updated target control is displayed in the content browsing page, and the updated target control indicates the updated target attribute; wherein, The target attribute is applied to the page to be interacted, and the page to be interacted and the content browsing page are pages with different themes.
  • Computer program code for performing the operations of the present disclosure may be written in one or more programming languages, including but not limited to object-oriented programming languages such as Java, Smalltalk, C++, or a combination thereof. Includes conventional procedural programming languages, such as the "C" language or similar programming languages.
  • the program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server.
  • the remote computer can be connected to the user's computer through any kind of network, including a local area network (LAN) or a wide area network (WAN), or it can be connected to an external computer (such as an Internet service provider through the Internet). connect).
  • LAN local area network
  • WAN wide area network
  • Internet service provider such as an Internet service provider through the Internet. connect
  • each block in the flowchart or block diagrams may represent a module, segment, or portion of code that contains at least one operable function for implementing the specified logical function.
  • Execute instructions may also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown one after another may actually execute substantially in parallel, or they may sometimes execute in the reverse order, depending on the functionality involved.
  • each block of the block diagram and/or flowchart illustration, and combinations of blocks in the block diagram and/or flowchart illustration can be implemented by special purpose hardware-based systems that perform the specified functions or operations. , or can be implemented using a combination of specialized hardware and computer instructions.
  • modules or units involved in the embodiments of the present disclosure may be implemented in software or hardware.
  • the name of a module or unit does not constitute a limitation on the unit itself under certain circumstances.
  • a page display module can also be described as a "module that displays content browsing pages.”
  • exemplary types of hardware logic components include: field programmable gate array (Field Programmable Gate Array, FPGA), application specific integrated circuit (Application Specific Integrated Circuit, ASIC), application specific standard product (Application Specific Standard Parts (ASSP), System on Chip (SOC), Complex Programmable Logic Device (CPLD), etc.
  • a machine-readable medium may be a tangible medium that may contain or store a program for use by or in connection with an instruction execution system, apparatus, or device.
  • the machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium.
  • Machine-readable media may include, but are not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, devices or devices, or any suitable combination of the foregoing.
  • machine-readable storage media would include electrical connections based on at least one wire, laptop disks, hard disks, random access memory (RAM), read only memory (ROM), erasable programmable read only memory (EPROM) or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage device, magnetic storage device, or any suitable combination of the above.
  • RAM random access memory
  • ROM read only memory
  • EPROM erasable programmable read only memory
  • flash memory flash memory
  • optical fiber portable compact disk read-only memory
  • CD-ROM compact disk read-only memory
  • magnetic storage device or any suitable combination of the above.
  • Example 1 provides a page display method, including:
  • the content browsing page includes a target control, and the target control indicates a target attribute;
  • the target attribute is applied to the page to be interacted, and the page to be interacted and the content browsing page are pages with different themes.
  • Example 2 is a method according to Example 1,
  • Displaying the updated target control in the content browsing page includes:
  • the update process of the target control is displayed in the form of animation.
  • Example 3 is a method according to Example 2,
  • the update process of displaying the target control in the form of animation includes:
  • the second identifier is moved in a second direction from the first identifier until the second identifier is displayed in the target control, and the first direction and The second direction is a different direction;
  • the updated first identifier is moved into the target control.
  • Example 4 is a method according to Example 3,
  • the first indication information When the first marker moves out of the target control along the first direction, the first indication information is displayed, The first indication information indicates an update event of the target attribute, and the target control indicates the updated target attribute.
  • Example 5 is a method according to Example 1,
  • Different levels of target attributes correspond to different styles of target controls. The higher the level of the target attribute, the greater the attribute value corresponding to the target attribute. Different styles of target controls correspond to different styles of first identifiers.
  • Example 6 is a method according to Example 1,
  • the indication area included in the target control includes second indication information, and the second indication information indicates the acquisition condition of the current target attribute and/or the next level target attribute.
  • Example 7 is a method according to Example 6,
  • the displayed content browsing page includes:
  • the acquisition condition of the target attribute of the next level is displayed.
  • Example 8 is a method according to Example 1,
  • a setting page is displayed, and a theme display area with at least one theme is displayed in the setting page;
  • the page to be interacted is displayed, the target attribute is associated with the object to be obtained in the page to be interacted, and the object to be obtained is obtained with the target attribute.
  • Example 9 is according to the method of Example 8,
  • the object to be obtained corresponding to the page to be interacted is obtained using the target attribute.
  • Example 10 is according to the method of Example 8,
  • Third indication information is displayed in the theme display area, and the third indication information indicates that the object to be obtained corresponding to the theme display area is associated with the target attribute.
  • Example 11 is according to the method of Example 8,
  • the setting page further includes a target display area, the target display area is a display area of the theme corresponding to the content browsing page, and the target display area includes fourth indication information indicating the target attribute.
  • Example 12 is according to the method of Example 8,
  • the display setting page includes:
  • fifth indication information is displayed on the setting page, and the fifth indication information indicates indication information of the theme corresponding to the content browsing page;
  • sixth instruction information is displayed on the setting page, and the sixth instruction information indicates a change in the target attribute level.
  • Example 13 is according to the method of Example 12,
  • the sixth instruction information displayed on the setting page includes:
  • the sixth indication information is displayed in the form of animation, and the sixth indication information indicates the update process of the first identifier corresponding to the target attribute and the acquired object.
  • Example 14 provides a page display device, including:
  • the page display module is configured to display a content browsing page, the content browsing page includes a target control, and the target control indicates a target attribute;
  • a control display module configured to display an updated target control in the content browsing page when the browsing parameters in the content browsing page meet the set conditions, and the updated target control indicates the updated target. Attributes;
  • the target attribute is applied to the page to be interacted, and the page to be interacted and the content browsing page are pages with different themes.
  • Example 15 provides an electronic device, including:
  • a storage device configured to store one or more programs
  • the one or more processing devices When the one or more programs are executed by the one or more processing devices, the one or more processing devices implement the page display method as described in any one of Examples 1-13.
  • Example 16 provides a storage medium containing computer-executable instructions that, when executed by a computer processing device, perform as described in any of Examples 1-13 page display method.

Landscapes

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

Abstract

本公开实施例提供了一种页面显示方法、装置、电子设备及介质。所述方法包括：显示内容浏览页面，内容浏览页面包括有目标控件，目标控件指示目标属性；响应于内容浏览页面内的浏览参数满足设定条件，在内容浏览页面内显示更新后的目标控件，更新后的目标控件指示更新后的目标属性；其中，目标属性应用于待交互页面，待交互页面与内容浏览页面为不同主题的页面。

Description

一种页面显示方法、装置、电子设备及介质
本公开要求在2022年7月26日提交中国专利局、申请号为202210887307.2的中国专利申请的优先权，该申请的全部内容通过引用结合在本公开中。
技术领域
本公开实施例涉及计算机技术，例如涉及一种页面显示方法、装置、电子设备及介质。
背景技术
应用程序是指为完成某项或多项特定工作的计算机程序，它运行在用户模式，可以和用户进行交互，具有可视的用户界面。随着计算机技术的发展和用户需求的多样性，电子设备中的应用程序种类也越来越多样。
应用程序具有可视的用户页面，为了为用户提供人机交互的功能，在应用程序的页面上会显示有控件，用户可以通过控件在页面内实现所对应的功能。
应用程序中可包括多个不同主题的页面，然而，目前应用程序的页面上所显示控件的功能较为单一，不仅影响了页面的丰富性，还使得应用程序不同主题页面间的关联性较差。
发明内容
本公开提供一种页面显示方法、装置、电子设备及介质，以提高页面的丰富性和页面间的关联性。
第一方面，本公开实施例提供了一种页面显示方法，包括：
显示内容浏览页面，所述内容浏览页面包括有目标控件，所述目标控件指示目标属性；
响应于所述内容浏览页面内的浏览参数满足设定条件，在所述内容浏览页面内显示更新后的目标控件，所述更新后的目标控件指示更新后的目标属性；
其中，所述目标属性应用于待交互页面，所述待交互页面与所述内容浏览页面为不同主题的页面。
第二方面，本公开实施例还提供了一种页面显示装置，包括：
页面显示模块，设置为显示内容浏览页面，所述内容浏览页面包括有目标控件，所述目标控件指示目标属性；
控件显示模块，设置为响应于所述内容浏览页面内的浏览参数满足设定条件，在所述内容浏览页面内显示更新后的目标控件，所述更新后的目标控件指示更新后的目标属性；
其中，所述目标属性应用于待交互页面，所述待交互页面与所述内容浏览页面为不同主题的页面。
第三方面，本公开实施例还提供了一种电子设备，所述电子设备包括：
至少一个处理装置；
存储装置，设置为存储至少一个程序，
当所述至少一个程序被所述至少一个处理装置执行，使得所述至少一个处理装置实现如本公开实施例提供的页面显示方法。
第四方面，本公开实施例还提供了一种计算机可读介质，其上存储有计算机程序，该程序被处理装置执行时实现本公开实施例提供的页面显示方法。
附图说明
贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。
图1为本公开实施例所提供的一种页面显示方法流程示意图；
图2为本公开实施例所提供的一种内容浏览页面的实现示意图；
图3为本公开实施例所提供的一种页面显示方法的流程示意图；
图4为本公开实施例所提供的一种目标控件更新过程的示意图；
图5为本公开实施例所提供的一种目标控件的实现示意图；
图6为本公开实施例所提供的一种设定页面的实现示意图；
图7为本公开实施例所提供的一种指示获取目标属性的进度信息的实现示意图；
图8为本公开实施例所提供的一种第六指示信息的实现示意图；
图9为本公开实施例所提供的一种第六指示信息的实现示意图；
图10为本公开实施例所提供的一种页面显示装置结构示意图；
图11为本公开实施例所提供的一种电子设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。
应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“至少一个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。
可以理解的是，在使用本公开各实施例公开的技术方案之前，均应当依据 相关法律法规通过恰当的方式对本公开所涉及个人信息的类型、使用范围、使用场景等告知用户并获得用户的授权。
例如，在响应于接收到用户的主动请求时，向用户发送提示信息，以明确地提示用户，其请求执行的操作将需要获取和使用到用户的个人信息。从而，使得用户可以根据提示信息来自主地选择是否向执行本公开技术方案的操作的电子设备、应用程序、服务器或存储介质等软件或硬件提供个人信息。
作为一种可选的但非限定性的实现方式，响应于接收到用户的主动请求，向用户发送提示信息的方式例如可以是弹窗的方式，弹窗中可以以文字的方式呈现提示信息。此外，弹窗中还可以承载供用户选择“同意”或者“不同意”向电子设备提供个人信息的选择控件。
可以理解的是，上述通知和获取用户授权过程仅是示意性的，不对本公开的实现方式构成限定，其它满足相关法律法规的方式也可应用于本公开的实现方式中。
图1为本公开实施例所提供的一种页面显示方法流程示意图，本公开实施例适用于对页面进行显示，以提高不同主题的页面间的关联性的情形。该方法可以由页面显示装置来执行，该装置可以通过软件和/或硬件的形式实现，可选的，通过电子设备来实现，该电子设备可以是移动终端、个人计算机(Personal Computer，PC)端或服务器等。
如图1所示，所述方法包括：
S110、显示内容浏览页面，所述内容浏览页面包括有目标控件，所述目标控件指示目标属性。
本实施例中，页面可理解为电子设备中用于显示用户可视内容的页面。内容浏览页面可理解为电子设备中用于显示可视内容以供用户浏览的页面。内容浏览页面可以是电子设备的某应用程序中所显示的页面，此处对该应用程序不作限定，如可以是视频类应用程序，视频类应用程序可以指基于视频进行线上 社交的应用程序。此处对内容浏览页面的内容不作限定，如内容浏览页面可包括有目标控件和所显示的视频。
目标控件可以指在内容浏览页面内供用户进行交互操作和信息展示的控件。目标控件可以指示目标属性；此处对目标控件所指示的内容不作限定，如目标控件作为一个控件，可以通过目标控件上的设定区域来指示目标属性、表征目标属性变化的时间信息、以及与目标属性所关联的标识物等。
目标属性可理解为可翻倍获取待获取对象的级别。属性值可理解为可表征目标属性大小特征的数值，如可以是5％、10％或20％等。例如，属性值为5％可表示在原有获取待获取对象的基础上，还可以额外获取5％倍的待获取对象。待获取对象可理解为待获取的对象，如待获取对象可以是通过浏览其他任务页面(即待交互页面)所能获取的对象；此处对待获取对象的内容不作限定，如可以是虚拟金币。
此处对如何显示内容浏览页面不作限定。如可以是在打开应用程序后直接显示包含有目标控件的内容浏览页面。或者可以是在打开应用程序(如下载应用程序后的首次打开)时，先以弹窗的形式显示与获取目标属性所关联的提示信息(如“看视频越多，做任务所获取虚拟金币的翻倍级别越高”)，然后在触发弹窗内相应的控件(如“立即体验”)之后，可以显示包含有目标控件的内容浏览页面；可理解的是，也可以是仅在首次打开应用程序(如下载应用程序后的首次打开)时先以弹窗的形式显示与获取目标属性所关联的提示信息，然后在触发弹窗内相应的控件之后，可以显示包含有目标控件的内容浏览页面。
图2为本公开实施例所提供的一种内容浏览页面的实现示意图。如图2所示，1表示内容浏览页面；2表示目标控件；3表示用于指示与获取目标属性所关联的提示信息的弹窗；4表示弹窗内的触发控件；5表示弹窗内的关闭控件(以用于关闭当前显示的弹窗)。在首次打开应用程序时，可以显示用于指示与获取目标属性所关联提示信息的弹窗3，通过点击触发控件4或者点击关闭控件5可以触发显示包含有目标控件2的显示内容浏览页面1。
在一实施例中，可以点击内容浏览页面中的目标控件；此处对点击目标控件后的响应内容不作限定，可根据实际需求进行灵活设定。如，点击目标控件的不同区域或位置时，可以显示对应的界面或文字，例如以弹窗形式所显示的与目标属性相关联的文字提示信息，或者与目标属性相关联的界面等。
S120、在所述内容浏览页面内的浏览参数满足设定条件的情况下，在所述内容浏览页面内显示更新后的目标控件，所述更新后的目标控件指示更新后的目标属性；其中，所述目标属性应用于待交互页面，所述待交互页面与所述内容浏览页面为不同主题的页面。
本实施例中，浏览参数可理解为表征对内容浏览页面的浏览情况的参数；此处对浏览参数的内容不作限定，如可以是在内容浏览页面浏览内容的时长(如观看视频的时长)、以及在内容浏览页面浏览内容的数量(如观看视频的个数)等的至少一个。
设定条件可理解为预先设定的与目标控件更新所关联的条件。此处对设定条件的内容不作限定，如可以是在内容浏览页面中浏览设定时长(如1分钟、10分钟、或30分钟等)的内容；也可以是在内容浏览页面中浏览设定数量(如5个、或10个等)个内容；或者也可以是在内容浏览页面中浏览设定时长的内容与浏览设定数量个内容相结合等。
可理解的是，由于目标属性的等级越高，所额外获取的待获取对象就越多，因此每个等级的目标属性可对应不同的设定条件；也就是说，等级越高的目标属性，其所对应的设定条件的难度就可以越高。示例性的，假设目标属性所包括等级为5％、10％和15％，则目标属性为5％时所对应的设定条件可以是在内容浏览页面中浏览内容的时长达到1分钟，目标属性为10％时所对应的设定条件可以是在内容浏览页面中浏览内容的时长达到10分钟，目标属性为15％时所对应的设定条件可以是在内容浏览页面中浏览内容的时长达到20分钟。
更新后的目标属性可理解为在浏览参数满足设定条件情况下所对应的下一等级的目标属性。在此基础上，更新可以理解为将当前所显示的指示当前目标 属性的目标控件更新为指示更新后的目标属性的目标控件。
在本实施例中，目标属性可以应用于待交互页面；此处对目标属性如何应用于待交互页面也不作限定，如在待交互页面可以通过完成设定的任务(如浏览设定时长内容等)来获取待获取对象，目标属性可以用于在所获取待获取对象的基础上再额外获取对应的待获取对象，如目标属性为5％，则可以再额外获取5％倍的待获取对象。其中，待交互页面理解为待与用户进行交互以使得用户获取待获取对象的页面；待交互页面与内容浏览页面可以为不同主题的页面，如内容浏览页面所对应主题可以为通过完成浏览任务(如观看视频任务)以获取目标属性，而待交互页面所对应主题可以为通过完成设定任务以获取待获取对象。
在内容浏览页面内的浏览参数满足设定条件的情况下，此时表明下一等级的目标属性所对应的设定条件已达到，可以将当前目标属性更新为下一等级的目标属性了；在此基础上，可以在内容浏览页面内显示更新后的目标控件，该更新后的目标控件可以指示更新后的目标属性。此处对如何在内容浏览页面内显示更新后的目标控件不作限定。例如，可以在内容浏览页面内，以动画的形式显示目标控件的更新过程，如可以以动画形式显示目标控件内更新前后的表征目标属性的文字信息的变化过程、以及更新前后的表征目标属性的标识物的变化过程等。
本公开实施例提供了一种页面显示方法，显示内容浏览页面，内容浏览页面包括有目标控件，目标控件指示目标属性；在内容浏览页面内的浏览参数满足设定条件的情况下，在内容浏览页面内显示更新后的目标控件，更新后的目标控件指示更新后的目标属性；其中，目标属性应用于待交互页面，待交互页面与内容浏览页面为不同主题的页面。该方法通过在内容浏览页面内设置有可指示目标属性的目标控件，目标属性应用于待交互页面，能够建立不同主题页面间的关联性；还通过在内容浏览页面内浏览参数满足设定条件的情况下显示更新后的目标控件，提高了页面显示的丰富性。
可选的，在内容浏览页面内显示更新后的目标控件，包括：在内容浏览页面内，以动画的形式显示目标控件的更新过程。
本实施例中，动画可理解为动态的画面效果，通过动画的形式可以较为形象的表达画面的内容，如较为形象的表达目标控件的更新过程。此处对如何以动画的形式显示目标控件的更新过程不作限定。
示例性的，假设目标控件内可包括有用于标识目标属性的标识物，则可以在内容浏览页面内的浏览参数满足设定条件的情况下，先以向任意方向(如向上、向下或向左等方向)滑动的方式将表征更新前目标属性的标识物移出目标控件内，且在移出目标控件后为不显示状态；在此基础上，可以将表征更新后目标属性的标识物同样以向任意方向滑动的方式移动至目标控件内用于设置标识物的区域(即表征更新前目标属性的标识物在未移动时所处的区域)，可理解的是，表征更新前目标属性的标识物与表征更新后目标属性的标识物可以是不同的(如样式不同)。
其中，还可以在表征更新前目标属性的标识物移出目标控件的过程中，在更新前目标属性的标识物处，将多个虚拟金币以任意方向(如与表征更新前目标属性的标识物移动方向相反的方向)显示在目标控件内(如从上至下掉落虚拟金币的动画形式显示)。在此基础上，还可以在表征更新后目标属性的标识物移动至目标控件内用于设置标识物的区域以后，或者在表征更新前目标属性的标识物移出目标控件以后，以在目标控件的侧边以弹窗的形式显示指示更新后目标属性的提示信息。
图3为本公开实施例所提供的一种页面显示方法的流程示意图，本实施例在上述各实施例中各个可选方案为基础进行细化。在本实施例中，对在内容浏览页面内，以动画的形式显示目标控件的更新过程，以及显示第一指示信息的过程进行了描述。需要说明的是，本实施例尚未详尽的内容请参考上实施例。
如图3所示，所述方法包括：
S210、显示内容浏览页面，所述内容浏览页面包括有目标控件，所述目标控件指示目标属性。
本实施例中，电子设备显示内容浏览页面以供用户浏览相应的内容，其中内容浏览页面中可包括有目标控件，该目标控件可以指示目标属性。
S220、在所述内容浏览页面内的浏览参数满足设定条件的情况下，在所述内容浏览页面内，将更新前的目标控件内所包括的第一标识物沿第一方向移出所述目标控件，所述第一标识物在所述目标控件外的显示状态为不显示。
本实施例中，更新前的目标控件可理解为所指示目标属性为更新前目标属性的目标控件。第一标识物可理解为预先设定的可用于表征目标属性的标识物。此处对第一标识物的样式和大小等内容不作限定，如可以是礼盒、动物动画、或火箭动画等。不同等级的目标属性可以对应不同样式的第一标识物，如可以是不同等级的目标属性对应不同颜色的火箭动画，此处对此不作限定。第一方向可理解为第一标识物移出目标控件时的移动方向；此处对第一方向不作限定，如可以是向上的方向，也可以是向右的方向等。显示状态可理解为显示在内容浏览页面内的状态，如显示状态可以包括显示和不显示。
术语“中心”、“上”、“下”、“左”、“右”、“前”、“后”等指示的方位或位置关系为基于附图所示的方位或位置关系。例如，“上”和“下”是沿纸面的页眉和页脚方向而设定的；“左”和“右”是面向纸面的方向而设定的，“前”是垂直于纸面且从纸背向纸面方向；“后”是垂直于纸面且从纸面向纸背方向。这种设定仅是为了便于描述本公开的技术方案，而不是指示所指的内容必须具有特定的方位，因此不能理解为对本公开的限制。
在内容浏览页面内的浏览参数满足设定条件的情况下，在内容浏览页面内，可以将更新前的目标控件内所包括的第一标识物沿着第一方向移出目标控件；其中，在第一标识物移出目标控件后，第一标识物在目标控件外的显示状态可以为不显示，也就是说，第一标识物在移出目标控件后就不显示在内容浏览页面内了。此处对如何将第一标识物移出目标控件不作限定，如可以是将第一标 识物沿着第一方向以匀速滑动或加速滑动的方式移出目标控件。
S230、在所述第一标识物移动过程中，从所述第一标识物处以第二方向移动第二标识物，直至将所述第二标识物显示在所述目标控件内，所述第一方向和所述第二方向为不同的方向。
本实施例中，第二方向可理解为第二标识物移动的方向；第二方向是与第一方向不同的方向。此处对第二方向不作限定，如可以是与第一方向不同的其他任意方向，如可以是与第一方向相反的方向。第二标识物可理解为预先设定的可用于表征待获取对象的标识物；此处对第二标识物的内容不作限定，如可以是多个虚拟金币构成的标识物。
在第一标识物移动过程中，可以从第一标识物处(即第一标识物所处的位置)，以第二方向移动第二标识物，直至将第二标识物显示在目标控件内。此处对如何从第一标识物处以第二方向移动第二标识物不作限定，如假设第一方向为垂直向上方向，第二方向为与第一方向相反的垂直向下方向，则在第一标识物移动过程中，可以从第一标识物处以第二方向，以匀速掉落的方式移动第二标识物，直至将第二标识物显示在目标控件内。
在一实施例中，也可以是在更新前的第一标识物移动完成后，并且在更新后的第一标识物移动前，在目标控件内的设定位置处(如目标控件内用于设置第一标识物的区域的某个边缘处，如上边缘处)以设定方向(如向下或向上等方向，只要保证是移动至目标控件内的方向即可)移动第二标识物，直至第二标识物显示在目标控件内。
S240、在所述第一标识物移出所述目标控件的情况下，将更新后的第一标识物移动至所述目标控件内。
本实施例中，在第一标识物移出目标控件的情况下，可以将更新后的第一标识物移动至目标控件内。此处对如何将更新后第一标识物移动至目标控件内不作限定，如可以是从目标控件的任意边缘处(如假设目标控件为一圆形控件，则目标控件的边缘处可认为是圆形控件的圆边处)，以任意方向(如可以是向上 或向下的方向，只要保证是向目标控件内移动即可，如在圆形控件的下圆边处，则以向上方向移动至目标控件内)，将更新后的第一标识物移动至目标控件内。目标控件的形状不作限定，目标控件可以包括圆形控件，圆形控件内可以显示有第一标识物。
在一实施例中，也可以是在第一标识物的移动过程中，将更新后的第一标识物移动至目标控件内；其中，在移动过程中，为了避免更新前和更新后的两个第一标识物发生重叠的情况，更新前和更新后的两个第一标识物的移动方向可以是相同的，且更新后的第一标识物可以是在目标挂件上与更新前的第一标识物移动方向相反的边缘侧移动至目标控件内。
S250、在所述第一标识物沿第一方向移出所述目标控件时，显示第一指示信息，所述第一指示信息指示目标属性的更新事件，所述目标控件指示更新后的目标属性。
本实施例中，第一指示信息可理解为用于指示目标属性的更新事件的信息。目标属性的更新事件可理解为表征目标属性更新的事件。此处对第一指示信息的显示形式不作限定，如可以是提示栏(如Tips)的形式、或者弹窗的形式等。
在第一标识物沿第一方向移出目标控件时，可以显示第一指示信息，该第一指示信息可以指示目标属性的更新事件，目标控件可以指示更新后的目标属性。其中，在第一标识物沿第一方向移出目标控件时，可认为是在第一标识物刚开始沿第一方向移出目标控件的时刻，也可以是在第一标识物沿第一方向移出目标控件的过程中，或者也可以是在第一标识物沿第一方向移出目标控件的最后一刻，此处对此不作限定。
此处如何显示第一指示信息不作限定，如可以是显示在与目标控件距离设定长度的一侧；例如为了避免第一指示信息显示时被遮挡，在目标控件吸附于内容浏览页面左侧区域时，第一指示信息可以显示在目标控件的右侧；相应的，在目标控件吸附于内容浏览页面右侧区域时，第一指示信息可以显示在目标控件的左侧。
在一实施例中，对第一指示信息的显示时机不作限定。如可以是在更新后的第一标识物移动至目标控件的过程中，显示第一指示信息；也可以是在更新后的第一标识物移动至目标控件后，直接显示第一指示信息；或者也可以是在更新后的第一标识物移动至目标控件后的设定时长(如2s或5s等)内，显示第一指示信息。其中，对第一指示信息的显示时长也不作限定，如可以是1秒(s)、3s或5s等。
本公开实施例提供了一种页面显示方法，描述了在内容浏览页面内以动画的形式显示目标控件的更新过程，以及显示第一指示信息的过程。该方法通过移动更新前目标控件所对应的第一标识物和更新后目标控件所对应的第一标识物，以及第二标识物随第一标识物移动而移动，能够以第一标识物和第二标识物的动态更新效果显示目标控件的更新过程；在此基础上，还通过在第一标识物移出目标控件时显示第一指示信息以指示目标属性的更新事件，从而提高了页面显示的丰富性。
图4为本公开实施例所提供的一种目标控件更新过程的示意图。如图4所示，6表示更新前的第一标识物；7表示第二标识物；8表示更新后的第一标识物；9表示第一指示信息。在沿第一方向移出更新前的第一标识物6的过程中，可以从更新前的第一标识物6处以第二方向移动第二标识物，直至将第二标识物7显示在目标控件2内；在此基础上，在更新前的第一标识物6移出目标控件2的情况下，可以将更新后的第一标识物8沿第一方向从目标控件2的下边缘处移动至目标控件2内；在更新前的第一标识物6移出目标控件2时，在目标控件2的右侧区域显示第一指示信息9(如第一指示信息9中可以为“目标属性升级了”)。
可选的，不同等级的目标属性对应有不同样式的目标控件，目标属性的等级越高，目标属性对应的属性值越大，不同样式的目标控件对应有不同样式的第一标识物。
本实施例中，目标属性可包括不同的等级，不同等级的目标属性可对应有 不同样式的目标控件。此处对目标控件的样式不作限定，如可以是圆形控件，也可以是方形控件，其中对目标控件的大小也不作限定。目标属性的属性值可以用于衡量目标属性的等级高低，如目标属性的等级越高，目标属性对应的属性值越大。
由于不同等级的目标属性可对应不同样式的第一标识物，不同等级的目标属性又可对应于不同样式的目标控件，故不同样式的目标控件可对应不同样式的第一标识物。
可选的，目标控件所包括的指示区域包括有第二指示信息，第二指示信息指示当前的目标属性和/或下一等级的目标属性的获取条件。
本实施例中，指示区域可理解为目标控件内用于显示第二指示信息的区域。此处对指示区域的位置不作限定，如可以设置于第一标识物所在区域的正上方位置，或者可以设置于第一标识物所在区域的正下方区域等。
目标控件所包括的指示区域可以包括有第二指示信息。第二指示信息可以指示当前的目标属性和/或下一等级的目标属性的获取条件。也就是说，第二指示信息可以指示当前的目标属性；或者可以指示下一等级的目标属性的获取条件；又或者可以指示当前的目标属性和下一等级的目标属性的获取条件，其中当前的目标属性和下一等级的目标属性的获取条件可以是同时显示的，也可以是循环交替显示的。
当前的目标属性可理解为更新前的目标属性，相应的，下一等级的目标属性可理解为更新后的目标属性。
下一等级的目标属性的获取条件可理解为获取下一等级的目标属性的条件。此处对获取条件的内容不作限定，如获取条件可以是当前距离完成下一等级目标属性所对应设定条件的进度信息；其中，由于当前时间的变化，获取条件也可以是随之动态变化的。示例性的，假设下一等级目标属性所对应设定条件为观看视频10分钟，当前所对应的观看视频时长为9分钟，则当前的获取条件可以为还差1分钟就完成下一等级目标属性所对应设定条件，如可以表示为“60 秒后升级”或“60秒后升级为x％”等；相应的，在时间的推移过程中，获取条件可以动态变化，相当于是倒计时的状态，如“59秒后升级”、“58秒后升级”等，以此类推。
在一实施例中，假设目标控件为一圆形控件，则圆形控件的边缘侧也可以设置有用于指示下一等级的目标属性的获取条件进度的信息。
图5为本公开实施例所提供的一种目标控件的实现示意图。如图5所示，10表示第一标识物；11表示指示区域；12表示第二指示信息；13表示用于指示下一等级的目标属性的获取条件进度的信息。指示区域11内的第二指示信息12可以指示当前的目标属性和/或下一等级的目标属性的获取条件。
可选的，显示内容浏览页面，包括：显示包括有目标控件的内容浏览页面，目标控件的第二指示信息依次循环显示当前的目标属性和下一等级的目标属性的获取条件；在获取条件的达成度达到设定值时，显示下一等级的目标属性的获取条件。
本实施例中，在目标控件包括有第二指示信息的情况下，显示包括有目标控件的内容浏览页面，其中目标控件的第二指示信息可以依次循环显示当前的目标属性和下一等级的目标属性的获取条件。
此处对如何循环显示当前的目标属性和下一等级的目标属性的获取条件不作限定；如可以在目标属性刚更新为当前目标属性的时刻开始，首次显示第一设定时长的下一等级的目标属性的获取条件，然后显示第二设定时长的当前的目标属性，之后以第一设定时长和第二设定时长循环显示对应的下一等级的目标属性的获取条件和当前的目标属性，以此类推，直至在获取条件的达成度达到设定值时，显示下一等级的目标属性的获取条件；也就是说，在获取条件的达成度达到设定值时，不管此时该循环显示当前的目标属性还是下一等级的目标属性的获取条件，均变成显示下一等级的目标属性的获取条件。其中，也可以是首次显示第二设定时长的当前的目标属性，再显示第一设定时长的下一等级的目标属性的获取条案件，以此类推。第一设定时长和第二设定时长可以是 不同的，也可以是相同的，此处对此不作限定。
获取条件的达成度可理解为当前距离完成下一等级目标属性所对应设定条件的进度情况。设定值可理解为预先设定的与获取条件(或设定条件)所关联的阈值，此处对此不作限定，如以设定条件为观看视频设定时长为例，设定值可以是30秒、或1分钟等。
在一实施例中，若当前还未获取到任何一个等级的目标属性，目标控件的第二指示信息可以显示下一等级的目标属性的获取条件(即将要首次获取到的目标属性所对应的获取条件)。
可选的，该方法还包括：响应在内容浏览页面内的切换操作，显示设定页面，设定页面内显示有至少一个主题的主题显示区域；
在主题显示区域内的交互控件被触发后，显示待交互页面，目标属性与待交互页面内的待获取对象关联，待获取对象以目标属性被获取。
本实施例中，切换操作可理解为切换页面的操作；此处对切换操作不作限定，如可以是通过点击目标控件来触发对应的切换操作，也可以是通过点击内容浏览页面中的其他设定控件来触发对应的切换操作。
响应在内容浏览页面内的切换操作，可以显示对应的设定页面。设定页面可理解为预先设定的页面，如设定页面内可显示有至少一个主题的主题显示区域。主题显示区域可理解为用于显示指示主题的信息和所对应交互控件的区域。
交互控件可理解为用于显示待交互页面的控件。一个主题可对应一个交互控件，一个交互控件可对应一个待交互页面。不同的交互控件所对应的待交互页面可以是不同的。
在主题显示区域内的交互控件被触发后，可以显示对应的待交互页面；在待交互页面内，可通过相应待交互页面完成对应的设定任务以获取相应的待获取对象。
目标属性可以与待获取页面内的待获取对象相关联，待获取对象可以以目标属性被获取；也就是说，在待交互页面内获取设定待获取对象(如设定数量 个虚拟金币)之后，还可以基于当前的目标属性额外再获取对应的待获取对象，如若当前目标属性为5％，则可以在待交互页面内获取设定待获取对象的基础上，还额外再获取5％倍的设定待获取对象。
可选的，还包括：在满足待交互页面所对应的预设条件时，以目标属性获取待交互页面所对应的待获取对象。
本实施例中，预设条件可理解为预先设定的用于获取待获取对象的条件；每个待交互页面所对应的预设条件可以是不同的。此处对预设条件的内容不作限定，如可以是在待交互页面内浏览设定时长的内容。
在满足待交互页面所对应的预设条件时，可以以目标属性获取待交互页面所对应的待获取对象。其中，每个待交互页面所获取的待获取对象可以是不同的，如所获取的待获取对象的数量不同。
此处对如何以目标属性获取待交互页面所对应的待获取对象不作限定，如可以是在获取设定数量个待获取对象后，再额外基于目标属性获取待获取对象(如额外获取5％倍的设定数量个待获取对象，即“5％*设定数量个待获取对象”)。
可选的，主题显示区域内显示有第三指示信息，第三指示信息指示主题显示区域所对应待获取对象与目标属性关联。
本实施例中，主题显示区域内可以显示有第三指示信息。第三指示信息可以指示主题显示区域所对应待获取对象与目标属性关联。此处对第三指示信息的形式不作限定，如可以是以一个标识的形式显示，例如可以是一个指示方向向上的箭头标识。
一个交互控件可对应一个第三指示信息；每个交互控件所对应的第三指示信息可以是相同的。此处对第三指示信息的显示位置也不作限定，如可以显示于所对应交互控件的右侧位置或者左侧位置，其中第三指示信息可以与所对应交互控件是不重叠显示的。
在一实施例中，在还未获取到任何一个等级的目标属性的情况下，主题显示区域内可以不显示有第三指示信息。
可选的，设定页面还包括目标显示区域，目标显示区域为内容浏览页面所对应主题的显示区域，目标显示区域内包括有指示目标属性的第四指示信息。
本实施例中，目标显示区域可理解为内容浏览页面所对应主题的显示区域。目标显示区域内包括有指示目标属性的第四指示信息。
第四指示信息可以指示获取目标属性的进度信息、表征获取目标属性的设定条件的提示信息以及表征以目标属性获取待获取对象的标识信息等，此处对此不作限定。
其中，获取目标属性的进度信息可理解为表征目标属性获取进度情况的信息，如当前已获取的目标属性为哪一个等级的信息；如获取目标属性的进度信息可以以进度条的形式显示于目标显示区域内。表征获取目标属性的设定条件的提示信息可以与获取目标属性的进度信息所关联，可以包括所设定的多个等级的目标属性以及每个等级的目标属性所对应的设定条件，如可以以气泡的形式显示于目标显示区域内。表征以目标属性获取待获取对象的标识信息可包括表征当前为已获取目标属性状态的标识(如可以是与第三指示信息相同的指示方向向上的箭头标识)、以及表征当前已基于目标属性所额外获取待获取对象的数量等。
在一实施例中，可以在每隔设定时间(如1天)首次打开设定页面时，以弹窗或页面的形式显示包含上一个设定时间内所获取的待获取对象的提示信息。如，可以在每天首次打开设定页面时，以弹窗的形式显示包含前一天内所获取的待获取对象的提示信息。
在一实施例中，在获取到所设置的最高等级的目标属性之后，可表明此次指示获取目标属性的任务已完成，此时可以在内容浏览页面上以弹窗的形式，或者以页面的形式，显示指示获取目标属性的任务期间所获取的待获取对象总量的信息(如本次指示获取目标属性的任务期间共获取了3000个虚拟金币)。
图6为本公开实施例所提供的一种设定页面的实现示意图。如图6所示，14表示设定页面；15表示主题显示区域；16表示交互控件；17表示指示主题 的信息；18表示第三指示信息；19表示目标显示区域；20表示第四指示信息；21表示提示信息(如“在内容浏览页面内看视频升级目标属性，看的越多，目标属性等级越高”等提示信息)。在设定页面14内可包括有主题显示区域15以及目标显示区域19。
在主题显示区域15内的交互控件16被触发后，可以显示所对应的待交互页面。目标显示区域19内的第一标识物10可以随着目标属性等级的不同而变换显示样式；目标显示区域19内的背景样式可以是固定不变的(如可以是从左至右方向上的渐变颜色样式，也可以是一个纯色样式)；或者目标显示区域19内的背景样式也可以随着目标属性等级的不同而变换，如可以是不同的目标属性等级对应不同颜色背景的目标显示区域19。第四指示信息20可包括有指示获取目标属性的进度信息201以及表征以目标属性获取待获取对象的标识信息202。
需要说明的是，在没有获取到目标属性的情况下(也可认为是初始状态)，目标显示区域19内的第四指示信息20可以不显示表征以目标属性获取待获取对象的标识信息202，以表明当前还未获取到目标属性。
图7为本公开实施例所提供的一种指示获取目标属性的进度信息的实现示意图。如图7所示，目标属性的等级可包括5％、10％、15％、20％、25％和30％；每个目标等级的设定条件分别为观看视频达到1分钟、观看视频达到10分钟、观看视频达到30分钟、观看视频达到60分钟、观看视频达到90分钟以及观看视频达到150分钟。每完成一个设定条件，可获取对应的目标属性以应用于待交互页面。
可选的，显示设定页面，包括：
在设定页面首次显示时，在设定页面上显示第五指示信息，第五指示信息指示内容浏览页面所对应主题的指示信息；
在当前的目标属性与上一次显示设定页面所对应目标属性不同时，在设定页面上显示第六指示信息，第六指示信息指示目标属性等级的变更。
本实施例中，第五指示信息可以指示内容浏览页面所对应主题的指示信息； 此处对第五指示信息的内容不作限定，如可以是与如何基于内容浏览页面获取目标属性所关联的信息，例如“在内容浏览页面观看视频时长越多，所获取的目标属性等级越高”等信息；也可以包括显示初始状态的第四指示信息的区域，其中初始状态可理解为还未获取到目标属性的状态。
在设定页面首次显示时，可以在设定页面上显示第五指示信息，以供用户了解如何获取目标属性的相关信息。此处对如何显示第五指示信息不作限定，如可以以弹窗的形式显示第五指示信息。
第六指示信息可以指示目标属性等级的变更，也就是说当前目标属性(即更新前目标属性)的等级变更为下一等级的目标属性(即更新后目标属性)。当前的目标属性可认为是当前设定页面所对应的目标属性。在当前的目标属性与上一次显示设定页面所对应目标属性不同时，可认为是当前时刻，设定页面发生了目标属性等级的更新。
在当前的目标属性与上一次显示设定页面所对应目标属性不同时，可表明当前设定页面所对应目标属性发生了等级的更新，此时可以在设定页面上显示第六指示信息，其中第六指示信息可以指示目标属性等级的变更。
此处对如何显示第六指示信息不作限定，如可以是以静态弹窗和/或动态弹窗的形式显示；静态弹窗可理解为弹窗内所显示内容为静态的；动态弹窗可理解为弹窗内所显示内容为动态的，如可以包括目标属性所对应第一标识物更新变化的动态视觉效果。
可选的，在设定页面上显示第六指示信息，包括：以动画的形式显示第六指示信息，第六指示信息指示目标属性对应的第一标识物的更新过程和已获取对象。
本实施例中，已获取对象可理解为已经获取的待获取对象。目标属性对应的第一标识物的更新过程，可理解为目标属性的第一标识物由更新前目标属性所对应第一标识物更新为更新后目标属性所对应第一标识物的过程。
在当前的目标属性与上一次显示设定页面所对应目标属性不同时，可以在 设定页面上以动画的形式显示第六指示信息，其中第六指示信息可以指示目标属性对应的第一标识物的更新过程和已获取对象。
此处对如何以动画的形式显示第六指示信息不作限定。如针对第一标识物，可以将更新前目标属性所对应第一标识物沿设定的方向(如向上的方向)从设定区域(即预先设定的用于放置第一标识物的显示区域)移出当前设定页面；在更新前目标属性所对应第一标识物移出当前设定页面的情况下，可以将更新后目标属性所对应第一标识物移动至设定区域处，以完成目标属性所对应第一标识物的动态更新过程。如针对已获取对象，可以在目标属性对应的第一标识物的更新过程中(或者在目标属性对应的第一标识物的更新之后，此处对此不作限定)，将已获取对象所对应的获取数量显示于设定页面内，如可以显示在第一标识物的上方设定位置处。
图8为本公开实施例所提供的一种第六指示信息的实现示意图。如图8所示，22表示第五指示信息；23表示显示初始状态的第四指示信息的区域；24表示触发控件(如“我知道了”)；25表示与获取目标属性所关联的提示信息(如“在内容浏览页面观看视频时长越多，所获取的目标属性等级越高”等信息)。在设定页面14首次显示时，可以在设定页面14上以弹窗形式显示第五指示信息22；通过点击触发控件24可以显示设定页面14。
图9为本公开实施例所提供的一种第六指示信息的实现示意图。如图9所示，26表示第六指示信息；27表示指示已获取对象的信息(如“恭喜升级至x％，已获虚拟金币至+900”等信息)；28表示触发控件；29表示关闭控件。在当前的目标属性与上一次显示设定页面所对应目标属性不同时，在设定页面14上可以以动画形式显示第六指示信息，其中第一标识物10可以以动画形式显示目标属性更新前后的变化过程，指示已获取对象的信息27可以显示当前已获取对象的情况；通过点击触发控件28可以跳转到内容浏览页面，通过完成相应的设定条件以升级目标属性；通过关闭控件29可以关闭当前的第六指示信息26。
图10为本公开实施例所提供的一种页面显示装置结构示意图，如图10所示，所述装置包括：页面显示模块310以及控件显示模块320。
其中，页面显示模块310，设置为显示内容浏览页面，所述内容浏览页面包括有目标控件，所述目标控件指示目标属性；
控件显示模块320，设置为在所述内容浏览页面内的浏览参数满足设定条件的情况下，在所述内容浏览页面内显示更新后的目标控件，所述更新后的目标控件指示更新后的目标属性；
其中，所述目标属性应用于待交互页面，所述待交互页面与所述内容浏览页面为不同主题的页面。
本公开实施例所提供的技术方案，通过页面显示模块310，显示内容浏览页面，内容浏览页面包括有目标控件，目标控件指示目标属性；通过控件显示模块320，在内容浏览页面内的浏览参数满足设定条件的情况下，在内容浏览页面内显示更新后的目标控件，更新后的目标控件指示更新后的目标属性；其中，目标属性应用于待交互页面，待交互页面与内容浏览页面为不同主题的页面。该装置通过在内容浏览页面内设置有可指示目标属性的目标控件，目标属性应用于待交互页面，能够建立不同主题页面间的关联性；还通过在内容浏览页面内浏览参数满足设定条件的情况下显示更新后的目标控件，提高了页面显示的丰富性。
可选的，控件显示模块320，包括：
第一显示单元，设置为在所述内容浏览页面内，以动画的形式显示所述目标控件的更新过程。
可选的，第一显示单元，包括：
移出子单元，设置为将更新前的目标控件内所包括的第一标识物沿第一方向移出所述目标控件，所述第一标识物在所述目标控件外的显示状态为不显示；
第一移动子单元，设置为在所述第一标识物移动过程中，从所述第一标识物处以第二方向移动第二标识物，直至将所述第二标识物显示在所述目标控件 内，所述第一方向和所述第二方向为不同的方向；
第二移动子单元，设置为在所述第一标识物移出所述目标控件的情况下，将更新后的第一标识物移动至所述目标控件内。
可选的，该装置还包括：
信息显示模块，设置为在所述第一标识物沿第一方向移出所述目标控件时，显示第一指示信息，所述第一指示信息指示目标属性的更新事件，所述目标控件指示更新后的目标属性。
可选的，不同等级的目标属性对应有不同样式的目标控件，所述目标属性的等级越高，所述目标属性对应的属性值越大，不同样式的目标控件对应有不同样式的第一标识物。
可选的，所述目标控件所包括的指示区域包括有第二指示信息，所述第二指示信息指示当前的目标属性和/或下一等级的目标属性的获取条件。
可选的，页面显示模块310，包括：
页面显示单元，设置为显示包括有目标控件的内容浏览页面，所述目标控件的第二指示信息依次循环显示当前的目标属性和下一等级的目标属性的获取条件；
条件显示单元，设置为在所述下一等级的目标属性的获取条件的达成度达到设定值时，显示下一等级的目标属性的获取条件。
可选的，该装置还包括：
响应模块，设置为响应于在所述内容浏览页面内的切换操作，显示设定页面，所述设定页面内显示有至少一个主题的主题显示区域；
触发模块，设置为在所述主题显示区域内的交互控件被触发后，显示所述待交互页面，所述目标属性与待交互页面内的待获取对象关联，所述待获取对象以所述目标属性被获取。
可选的，该装置还包括：
对象获取模块，设置为在满足所述待交互页面所对应的预设条件时，以所 述目标属性获取所述待交互页面所对应的待获取对象。
可选的，所述主题显示区域内显示有第三指示信息，所述第三指示信息指示所述主题显示区域所对应待获取对象与所述目标属性关联。
可选的，所述设定页面还包括目标显示区域，所述目标显示区域为所述内容浏览页面所对应主题的显示区域，所述目标显示区域内包括有指示所述目标属性的第四指示信息。
可选的，响应模块，包括：
第一信息显示单元，设置为在所述设定页面首次显示时，在所述设定页面上显示第五指示信息，所述第五指示信息指示所述内容浏览页面所对应主题的指示信息；
第二信息显示单元，设置为在当前的目标属性与上一次显示设定页面所对应目标属性不同时，在所述设定页面上显示第六指示信息，所述第六指示信息指示目标属性等级的变更。
可选的，第二信息显示单元，包括：
信息显示子单元，设置为以动画的形式显示所述第六指示信息，所述第六指示信息指示所述目标属性对应的第一标识物的更新过程和已获取对象。
本公开实施例所提供的页面显示装置可执行本公开任意实施例所提供的页面显示方法，具备执行方法相应的功能模块。
值得注意的是，上述装置所包括的各个单元和模块只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名称也只是为了便于相互区分，并不用于限制本公开实施例的保护范围。
图11为本公开实施例所提供的一种电子设备的结构示意图。下面参考图11，其示出了适于用来实现本公开实施例的电子设备500的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接 收器、个人数字助理(Personal Digital Assistant，PDA)、PAD(平板电脑)、便携式多媒体播放器(Portable Media Player，PMP)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字电视(Television，TV)、台式计算机等等的固定终端。图11示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。
如图11所示，电子设备500可以包括至少一个处理装置(例如中央处理器、图形处理器等)501，其可以根据存储在只读存储器(Read-Only Memory，ROM)502中的程序或者从存储装置508加载到随机访问存储器(Random Access Memory，RAM)503中的程序而执行各种适当的动作和处理。在RAM 503中，还存储有电子设备500操作所需的各种程序和数据。处理装置501、ROM 502以及RAM 503通过总线504彼此相连。编辑/输出(Input/Output，I/O)接口505也连接至总线504。
通常，以下装置可以连接至I/O接口505：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置506；包括例如液晶显示器(Liquid Crystal Display，LCD)、扬声器、振动器等的输出装置507；包括例如磁带、硬盘等的存储装置508；以及通信装置509。通信装置509可以允许电子设备500与其他设备进行无线或有线通信以交换数据。虽然图11示出了具有各种装置的电子设备500，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在非暂态计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置509从网络上被下载和安装，或者从存储装置508被安装，或者从ROM 502被安装。在该计算机程序被处理装置501执行时，执行本公开实施例的方法中限定的上述功能。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。
本公开实施例提供的电子设备与上述实施例提供的页面显示方法属于同一发明构思，未在本实施例中详尽描述的技术细节可参见上述实施例。
本公开实施例提供了一种计算机存储介质，其上存储有计算机程序，该程序被处理装置执行时实现上述实施例所提供的页面显示方法。
需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。
计算机存储介质可以为计算机可执行指令的存储介质，计算机可执行指令在由计算机处理装置执行时用于执行如本公开提供的方法。
计算机可读存储介质例如可以是，但不限于：电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有至少一个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器((Erasable Programmable Read-Only Memory，EPROM)或闪存)、光纤、便携式紧凑磁盘只读存储器(Compact Disc Read-Only Memory，CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不 限于：电线、光缆、射频(Radio Frequency，RF)等等，或者上述的任意合适的组合。
在一些实施方式中，客户端、服务器可以利用诸如HTTP(HyperText Transfer Protocol，超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信，并且可以与任意形式或介质的数字数据通信(例如，通信网络)互连。通信网络的示例包括局域网(Local Area Network，LAN)，广域网(Wide Area Network，WAN)，网际网(例如，互联网)以及端对端网络(例如，ad hoc端对端网络)，以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。
上述计算机可读介质承载有至少一个程序，当上述至少一个程序被该电子设备执行时，使得该电子设备：显示内容浏览页面，所述内容浏览页面包括有目标控件，所述目标控件指示目标属性；在所述内容浏览页面内的浏览参数满足设定条件的情况下，在所述内容浏览页面内显示更新后的目标控件，所述更新后的目标控件指示更新后的目标属性；其中，所述目标属性应用于待交互页面，所述待交互页面与所述内容浏览页面为不同主题的页面。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括但不限于面向对象的程序设计语言，诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言，诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络，包括局域网(LAN)或广域网(WAN)，连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计 算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含至少一个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的模块或单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，模块或单元的名称在某种情况下并不构成对该单元本身的限定，例如，页面显示模块还可以被描述为“显示内容浏览页面的模块”。
本文中以上描述的功能可以至少部分地由至少一个硬件逻辑部件来执行。例如，非限制性地，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列(Field Programmable Gate Array，FPGA)、专用集成电路(Application Specific Integrated Circuit，ASIC)、专用标准产品(Application Specific Standard Parts，ASSP)、片上系统(System on Chip，SOC)、复杂可编程逻辑设备(Complex Programmable Logic Device，CPLD)等等。
在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于至少一个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM 或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
根据本公开的至少一个实施例，示例1提供了一种页面显示方法，包括：
显示内容浏览页面，所述内容浏览页面包括有目标控件，所述目标控件指示目标属性；
在所述内容浏览页面内的浏览参数满足设定条件的情况下，在所述内容浏览页面内显示更新后的目标控件，所述更新后的目标控件指示更新后的目标属性；
其中，所述目标属性应用于待交互页面，所述待交互页面与所述内容浏览页面为不同主题的页面。
根据本公开的至少一个实施例，示例2根据示例1所述的方法，
所述在所述内容浏览页面内显示更新后的目标控件，包括：
在所述内容浏览页面内，以动画的形式显示所述目标控件的更新过程。
根据本公开的至少一个实施例，示例3根据示例2所述的方法，
所述以动画的形式显示所述目标控件的更新过程，包括：
将更新前的目标控件内所包括的第一标识物沿第一方向移出所述目标控件，所述第一标识物在所述目标控件外的显示状态为不显示；
在所述第一标识物移动过程中，从所述第一标识物处以第二方向移动第二标识物，直至将所述第二标识物显示在所述目标控件内，所述第一方向和所述第二方向为不同的方向；
在所述第一标识物移出所述目标控件的情况下，将更新后的第一标识物移动至所述目标控件内。
根据本公开的至少一个实施例，示例4根据示例3所述的方法，
还包括：
在所述第一标识物沿第一方向移出所述目标控件时，显示第一指示信息， 所述第一指示信息指示目标属性的更新事件，所述目标控件指示更新后的目标属性。
根据本公开的至少一个实施例，示例5根据示例1所述的方法，
不同等级的目标属性对应有不同样式的目标控件，所述目标属性的等级越高，所述目标属性对应的属性值越大，不同样式的目标控件对应有不同样式的第一标识物。
根据本公开的至少一个实施例，示例6根据示例1所述的方法，
所述目标控件所包括的指示区域包括有第二指示信息，所述第二指示信息指示当前的目标属性和/或下一等级的目标属性的获取条件。
根据本公开的至少一个实施例，示例7根据示例6所述的方法，
所述显示内容浏览页面，包括：
显示包括有目标控件的内容浏览页面，所述目标控件的第二指示信息依次循环显示当前的目标属性和下一等级的目标属性的获取条件；
在所述下一等级的目标属性的获取条件的达成度达到设定值时，显示下一等级的目标属性的获取条件。
根据本公开的至少一个实施例，示例8根据示例1所述的方法，
还包括：
响应于在所述内容浏览页面内的切换操作，显示设定页面，所述设定页面内显示有至少一个主题的主题显示区域；
在所述主题显示区域内的交互控件被触发后，显示所述待交互页面，所述目标属性与待交互页面内的待获取对象关联，所述待获取对象以所述目标属性被获取。
根据本公开的至少一个实施例，示例9根据示例8所述的方法，
还包括：
在满足所述待交互页面所对应的预设条件时，以所述目标属性获取所述待交互页面所对应的待获取对象。
根据本公开的至少一个实施例，示例10根据示例8所述的方法，
所述主题显示区域内显示有第三指示信息，所述第三指示信息指示所述主题显示区域所对应待获取对象与所述目标属性关联。
根据本公开的至少一个实施例，示例11根据示例8所述的方法，
所述设定页面还包括目标显示区域，所述目标显示区域为所述内容浏览页面所对应主题的显示区域，所述目标显示区域内包括有指示所述目标属性的第四指示信息。
根据本公开的至少一个实施例，示例12根据示例8所述的方法，
所述显示设定页面，包括：
在所述设定页面首次显示时，在所述设定页面上显示第五指示信息，所述第五指示信息指示所述内容浏览页面所对应主题的指示信息；
在当前的目标属性与上一次显示设定页面所对应目标属性不同时，在所述设定页面上显示第六指示信息，所述第六指示信息指示目标属性等级的变更。
根据本公开的至少一个实施例，示例13根据示例12所述的方法，
所述在所述设定页面上显示第六指示信息，包括：
以动画的形式显示所述第六指示信息，所述第六指示信息指示所述目标属性对应的第一标识物的更新过程和已获取对象。
根据本公开的至少一个实施例，示例14提供了一种页面显示装置，包括：
页面显示模块，设置为显示内容浏览页面，所述内容浏览页面包括有目标控件，所述目标控件指示目标属性；
控件显示模块，设置为在所述内容浏览页面内的浏览参数满足设定条件的情况下，在所述内容浏览页面内显示更新后的目标控件，所述更新后的目标控件指示更新后的目标属性；
其中，所述目标属性应用于待交互页面，所述待交互页面与所述内容浏览页面为不同主题的页面。
根据本公开的至少一个实施例，示例15提供了一种电子设备，包括：
一个或多个处理装置；
存储装置，设置为存储一个或多个程序，
当所述一个或多个程序被所述一个或多个处理装置执行，使得所述一个或多个处理装置实现如示例1-13中任一所述的页面显示方法。
根据本公开的至少一个实施例，示例16提供了一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理装置执行时用于执行如示例1-13中任一所述的页面显示方法。
此外，虽然采用特定次序描绘了各操作，但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下，多任务和并行处理可能是有利的。同样地，虽然在上面论述中包含了若干具体实现细节，但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地，在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。

Claims (16)

  1. 一种页面显示方法，包括：
    显示内容浏览页面，所述内容浏览页面包括有目标控件，所述目标控件指示目标属性；
    响应于所述内容浏览页面内的浏览参数满足设定条件，在所述内容浏览页面内显示更新后的目标控件，所述更新后的目标控件指示更新后的目标属性；
    其中，所述目标属性应用于待交互页面，所述待交互页面与所述内容浏览页面为不同主题的页面。
  2. 根据权利要求1所述的方法，其中，所述在所述内容浏览页面内显示更新后的目标控件，包括：
    在所述内容浏览页面内，以动画的形式显示所述目标控件的更新过程。
  3. 根据权利要求2所述的方法，其中，所述以动画的形式显示所述目标控件的更新过程，包括：
    将更新前的目标控件内所包括的第一标识物沿第一方向移出所述目标控件，所述第一标识物在所述目标控件外的显示状态为不显示；
    在所述第一标识物移动过程中，从所述第一标识物处以第二方向移动第二标识物，直至将所述第二标识物显示在所述目标控件内，所述第一方向和所述第二方向为不同的方向；
    响应于所述第一标识物移出所述目标控件，将更新后的第一标识物移动至所述目标控件内。
  4. 根据权利要求3所述的方法，还包括：
    在所述第一标识物沿第一方向移出所述目标控件时，显示第一指示信息，所述第一指示信息指示目标属性的更新事件，所述目标控件指示更新后的目标属性。
  5. 根据权利要求1所述的方法，其中，不同等级的目标属性对应有不同样式的目标控件，所述目标属性的等级越高，所述目标属性对应的属性值越大，不同样式的目标控件对应有不同样式的第一标识物。
  6. 根据权利要求1所述的方法，其中，所述目标控件所包括的指示区域包括有第二指示信息，所述第二指示信息指示当前的目标属性和下一等级的目标属性的获取条件中的至少之一。
  7. 根据权利要求6所述的方法，其中，所述显示内容浏览页面，包括：
    显示包括有目标控件的内容浏览页面，所述目标控件的第二指示信息依次循环显示当前的目标属性和下一等级的目标属性的获取条件；
    响应于所述下一等级的目标属性的获取条件的达成度达到设定值，显示下一等级的目标属性的获取条件。
  8. 根据权利要求1所述的方法，还包括：
    响应于在所述内容浏览页面内的切换操作，显示设定页面，所述设定页面内显示有至少一个主题的主题显示区域；
    在所述主题显示区域内的交互控件被触发后，显示所述待交互页面，所述目标属性与待交互页面内的待获取对象关联，所述待获取对象以所述目标属性被获取。
  9. 根据权利要求8所述的方法，还包括：
    响应于满足所述待交互页面所对应的预设条件，以所述目标属性获取所述待交互页面所对应的待获取对象。
  10. 根据权利要求8所述的方法，其中，所述主题显示区域内显示有第三指示信息，所述第三指示信息指示所述主题显示区域所对应待获取对象与所述目标属性关联。
  11. 根据权利要求8所述的方法，其中，所述设定页面还包括目标显示区域，所述目标显示区域为所述内容浏览页面所对应主题的显示区域，所述目标显示区域内包括有指示所述目标属性的第四指示信息。
  12. 根据权利要求8所述的方法，其中，所述显示设定页面，包括：
    在所述设定页面首次显示时，在所述设定页面上显示第五指示信息，所述第五指示信息指示所述内容浏览页面所对应主题的指示信息；
    在当前的目标属性与上一次显示设定页面所对应目标属性不同时，在所述设定页面上显示第六指示信息，所述第六指示信息指示目标属性等级的变更。
  13. 根据权利要求12所述的方法，其中，所述在所述设定页面上显示第六指示信息，包括：
    以动画的形式显示所述第六指示信息，所述第六指示信息指示所述目标属性对应的第一标识物的更新过程和已获取对象。
  14. 一种页面显示装置，包括：
    页面显示模块，设置为显示内容浏览页面，所述内容浏览页面包括有目标控件，所述目标控件指示目标属性；
    控件显示模块，设置为响应于所述内容浏览页面内的浏览参数满足设定条件，在所述内容浏览页面内显示更新后的目标控件，所述更新后的目标控件指示更新后的目标属性；
    其中，所述目标属性应用于待交互页面，所述待交互页面与所述内容浏览页面为不同主题的页面。
  15. 一种电子设备，包括：
    至少一个处理装置；
    存储装置，设置为存储至少一个程序，
    当所述至少一个程序被所述至少一个处理装置执行，使得所述至少一个处理装置实现如权利要求1-13中任一所述的页面显示方法。
  16. 一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理装置执行时用于执行如权利要求1-13中任一所述的页面显示方法。
PCT/CN2023/106870 2022-07-26 2023-07-12 一种页面显示方法、装置、电子设备及介质 WO2024022102A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202210887307.2 2022-07-26
CN202210887307.2A CN117492593A (zh) 2022-07-26 2022-07-26 一种页面显示方法、装置、电子设备及介质

Publications (1)

Publication Number Publication Date
WO2024022102A1 true WO2024022102A1 (zh) 2024-02-01

Family

ID=89667782

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2023/106870 WO2024022102A1 (zh) 2022-07-26 2023-07-12 一种页面显示方法、装置、电子设备及介质

Country Status (2)

Country Link
CN (1) CN117492593A (zh)
WO (1) WO2024022102A1 (zh)

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111582939A (zh) * 2020-05-09 2020-08-25 北京章鱼帝传媒科技有限公司 一种app任务系统
CN111930454A (zh) * 2020-07-30 2020-11-13 北京字节跳动网络技术有限公司 一种界面显示方法、装置、终端设备及介质
CN112016941A (zh) * 2019-05-29 2020-12-01 腾讯科技（深圳）有限公司 虚拟物品的领取方法、装置、终端及存储介质
CN113191820A (zh) * 2021-05-20 2021-07-30 腾讯科技（深圳）有限公司 基于直播的奖励发放方法、装置、电子设备和存储介质
US20210365980A1 (en) * 2018-11-26 2021-11-25 Dingmedia Ltd System and method for reward video viewing

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20210365980A1 (en) * 2018-11-26 2021-11-25 Dingmedia Ltd System and method for reward video viewing
CN112016941A (zh) * 2019-05-29 2020-12-01 腾讯科技（深圳）有限公司 虚拟物品的领取方法、装置、终端及存储介质
CN111582939A (zh) * 2020-05-09 2020-08-25 北京章鱼帝传媒科技有限公司 一种app任务系统
CN111930454A (zh) * 2020-07-30 2020-11-13 北京字节跳动网络技术有限公司 一种界面显示方法、装置、终端设备及介质
CN113191820A (zh) * 2021-05-20 2021-07-30 腾讯科技（深圳）有限公司 基于直播的奖励发放方法、装置、电子设备和存储介质

Also Published As

Publication number Publication date
CN117492593A (zh) 2024-02-02

Similar Documents

Publication Publication Date Title
CN111757135B (zh) 直播互动方法、装置、可读介质及电子设备
CN112261459B (zh) 一种视频处理方法、装置、电子设备和存储介质
US11875437B2 (en) Image drawing method based on target template image, apparatus, readable medium and electronic device
WO2021135626A1 (zh) 菜单项选择方法、装置、可读介质及电子设备
EP4344224A1 (en) Live-streaming interaction method and apparatus, and readable medium and electronic device
WO2021223752A1 (zh) 展示方法、装置和电子设备
US20240134512A1 (en) Interaction method and apparatus, electronic device, and storage medium
EP4333440A1 (en) Video interaction method and apparatus, electronic device, and storage medium
US20230328330A1 (en) Live streaming interface display method, and device
EP4343513A1 (en) Information presentation method and apparatus, and electronic device and storage medium
WO2023103956A1 (zh) 数据交互方法、装置、电子设备、存储介质和程序产品
WO2023231915A1 (zh) 消息处理方法、装置、设备及存储介质
WO2023185647A1 (zh) 媒体内容的显示方法、装置、设备、存储介质和程序产品
JP2023528398A (ja) ライブ配信ルームの作成方法、装置、電子機器及び記憶媒体
WO2024022403A1 (zh) 任务的处理方法、装置、设备及存储介质
EP4297415A1 (en) Information display method and apparatus based on video, and device and medium
CN113766303B (zh) 多屏互动方法、装置、设备及存储介质
WO2023241427A1 (zh) 图像处理方法、装置、设备及存储介质
WO2024037563A1 (zh) 内容展示方法、装置、设备及存储介质
EP4369188A1 (en) Progress adjustment method and apparatus, electronic device and storage medium
WO2024022102A1 (zh) 一种页面显示方法、装置、电子设备及介质
EP4328725A1 (en) Display method and apparatus, electronic device, and storage medium
WO2021244651A1 (zh) 信息显示方法、装置、终端及存储介质
EP4142297A1 (en) Method, apparatus and device for configuring video special effect, and storage medium
CN113342440A (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: 23845315

Country of ref document: EP

Kind code of ref document: A1