Page display method, device, electronic device and storage medium
By displaying multimedia resources and interactive controls on the initial page of the application and using interactive animation deformation display controls, the problem of single user interaction mode is solved, and the human-computer interaction efficiency and user experience are improved.
Patent Information
- Application Number
- CN202411171060.X
- Authority / Receiving Office
- CN · China
- Patent Type
- Patents(China)
- Current Assignee / Owner
- Filing Date
- 2024-08-23
- Publication Date
- 2025-08-19
- Estimated Expiration
- 2044-08-23
AI Technical Summary
In the prior art, the interaction between the user and the initial page of the application is single, resulting in low human-computer interaction efficiency and poor user viewing experience.
Display multimedia resources and interactive controls on the initial page. The interactive animation is displayed by detecting the target event, so that the interactive controls become display controls, and the object details page is displayed after the animation is finished, and the display control displays object information.
It enriches the interaction between users and the initial page, increases the fun and interactiveness of users' viewing, and improves human-computer interaction efficiency and user experience.
Smart Images

Figure CN118921519B_ABST
Abstract
Description
Technical Field
[0001] The present disclosure relates to the field of multimedia technology, and in particular to a page display method, device, electronic device, and storage medium. Background Art
[0002] With the development of Internet technology, more and more applications are installed on terminals, which provide great convenience for people's life, entertainment, study, work, etc. At present, after the application is started, the terminal usually displays the initial page first, and then displays the application page of the application. Among them, the initial page is usually used to display the object information of the item object. When the user is interested in the item object, he can jump to the corresponding object details page by clicking the control in the initial page. However, in the above solution, the interaction method between the user and the initial page is too simple, which reduces the user's viewing experience of the initial page and results in low human-computer interaction efficiency. Therefore, how to enrich the interaction method between the user and the initial page to improve the efficiency of human-computer interaction is a technical problem that needs to be solved urgently. Summary of the Invention
[0003] The present disclosure provides a page display method, device, electronic device, and storage medium. By displaying an interactive animation on the initial page, it not only increases the user's interest in viewing the initial page and improves the user's viewing experience of the initial page, but also guides the user to interact with the initial page by showing the deformation process of the interactive control, enriching the diversity of the interaction methods between the user and the initial page and improving the efficiency of human-computer interaction. The technical solutions of the present disclosure are as follows:
[0004] According to one aspect of an embodiment of the present disclosure, a page display method is provided, including:
[0005] In response to an operation of opening a target application, displaying an initial page of the target application, wherein the initial page displays a multimedia resource including a first object and an interactive control;
[0006] When a target event is detected, an interactive animation is displayed on the initial page, the interactive animation being used to display a process in which the interactive control is transformed into a display control, the display control being used to display object information of the first object, the object information including an image and a name of the first object and at least one of virtual resources required to redeem the first object;
[0007] In response to the interactive animation display ending, an object details page is displayed, where the object details page is used to display object information of the first object and to redeem the first object.
[0008] According to another aspect of an embodiment of the present disclosure, there is provided a page display device, including:
[0009] A first display unit is configured to display an initial page of the target application in response to a start operation of the target application, wherein the initial page displays a multimedia resource including a first object and an interactive control;
[0010] The first display unit is further configured to display an interactive animation on the initial page when a target event is detected, the interactive animation being used to display a process in which the interactive control transforms into a display control, the display control being used to display object information of the first object, the object information including an image and a name of the first object and at least one of a virtual resource required to redeem the first object;
[0011] The second display unit is configured to display an object details page in response to the completion of the interactive animation display, wherein the object details page is used to display object information of the first object and redeem the first object.
[0012] In some embodiments, the first display unit is configured to display the interactive animation on the initial page when a shaking event is detected; or, to display the interactive animation on the initial page when a trigger event for the interactive control is detected; or, to display the interactive animation on the initial page when a duration event is detected, wherein the duration event is used to indicate that the display duration of the multimedia resource is greater than a duration threshold.
[0013] In some embodiments, the first display unit includes:
[0014] a determining subunit configured to determine, when a target event is detected, a deformation mode of the interactive control based on a display style of the interactive control and a display style of the presentation control;
[0015] a deformation subunit, configured to deform the interactive control according to the deformation manner;
[0016] The first display subunit is configured to display the object information of the first object in the display control when the interactive control is transformed into the display control.
[0017] In some embodiments, the deformation subunit is configured to determine the motion trajectory of the interactive control during the deformation process based on the display position of the interactive control and the display position of the display control; and move the interactive control along the motion trajectory in the process of deforming the interactive control according to the deformation method.
[0018] In some embodiments, the interactive control is located in a border area of the initial page, and the display control is located in a central area of the initial page;
[0019] The deformation subunit is configured to move the interactive control from the boundary area to the central area during the process of deforming the interactive control according to the deformation method.
[0020] In some embodiments, the first display subunit is further configured to flip the interactive control when the interactive control is deformed from an initial shape to a target shape to obtain the display control, and the target shape is the shape of the display control.
[0021] In some embodiments, the second display unit includes:
[0022] a second display subunit, configured to display the object information of the first object in the display control in response to the completion of the interactive animation display;
[0023] The third display subunit is configured to display the object details page in response to a triggering operation on the display control or the object information.
[0024] In some embodiments, the third display sub-unit is configured to display prompt information in response to a trigger operation on the display control or the object information, wherein the prompt information is used to prompt whether to jump from the initial page to the object details page; and display the object details page in response to a confirmation operation on the prompt information.
[0025] In some embodiments, the apparatus further comprises:
[0026] a first determining unit configured to determine an object type of the first object based on the object information of the first object;
[0027] an acquiring unit configured to acquire object information of at least one second object based on the object type of the first object, where the object type of the second object is the same as that of the first object;
[0028] a third display unit, configured to display object information of the first object and object information of the at least one second object on the object details page;
[0029] The exchanging unit is configured to exchange the target object in response to an exchange operation on the target object on the object details page, where the target object is any one of the first object and the at least one second object.
[0030] In some embodiments, the apparatus further comprises:
[0031] a second determining unit configured to determine a next display style of the interactive control based on a current time, wherein the next display style is a display style associated with the current time;
[0032] The changing unit is configured to change the current display style of the interactive control to the next display style.
[0033] In some embodiments, the first display unit is further configured to display the shaking effect of the interactive control while the interactive control is shaking, when the initial page displays the dynamic effect of the interactive control shaking.
[0034] According to another aspect of an embodiment of the present disclosure, an electronic device is provided, the electronic device including:
[0035] one or more processors;
[0036] a memory for storing program codes executable by the processor;
[0037] The processor is configured to execute the program code to implement the above-mentioned page display method.
[0038] According to another aspect of an embodiment of the present disclosure, a computer-readable storage medium is provided. When a program code in the computer-readable storage medium is executed by a processor of an electronic device, the electronic device is enabled to execute the above-mentioned page display method.
[0039] According to another aspect of an embodiment of the present disclosure, a computer program product is provided, including a computer program, which implements the above-mentioned page display method when executed by a processor.
[0040] The disclosed embodiment provides a page display method, wherein when a start operation of a target application is detected, the terminal is capable of displaying the initial page of the target application, where the initial page displays multimedia resources and interactive controls including a first object. In the process of displaying the initial page, by displaying an interactive animation of the interactive control transforming into a display control when a target event is detected, not only can the user's viewing of the initial page be made more interesting and the user's viewing experience of the initial page be enhanced, but the user can also be guided to interact with the initial page by displaying the deformation process of the interactive control, thereby enriching the diversity of the interaction methods between the user and the initial page and improving the efficiency of human-computer interaction.
[0041] It is to be understood that the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure. BRIEF DESCRIPTION OF THE DRAWINGS
[0042] The accompanying drawings herein are incorporated into and constitute a part of the specification, illustrate embodiments consistent with the present disclosure, and together with the description are used to explain the principles of the present disclosure, and do not constitute an improper limitation of the present disclosure.
[0043] Figure 1 The figure is a schematic diagram showing an implementation environment of a page display method according to an exemplary embodiment.
[0044] Figure 2 The figure is a flowchart of a page display method according to an exemplary embodiment.
[0045] Figure 3 The figure is a flowchart of another page display method according to an exemplary embodiment.
[0046] Figure 4 It is a schematic diagram showing a display style of an interactive control according to an exemplary embodiment.
[0047] Figure 5 The figure is a schematic diagram showing a shaking special effect according to an exemplary embodiment.
[0048] Figure 6 It is a schematic diagram of an interactive animation according to an exemplary embodiment.
[0049] Figure 7 The figure is a schematic diagram showing an object details page according to an exemplary embodiment.
[0050] Figure 8 The figure is a block diagram of a page display device according to an exemplary embodiment.
[0051] Figure 9 It is a block diagram showing another page display device according to an exemplary embodiment.
[0052] Figure 10 It is a block diagram of an electronic device according to an exemplary embodiment. DETAILED DESCRIPTION
[0053] In order to enable ordinary persons in the art to better understand the technical solutions of the present disclosure, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below with reference to the accompanying drawings.
[0054] It should be noted that the terms "first," "second," and the like in the specification and claims of the present disclosure and the above-mentioned drawings are used to distinguish similar objects and are not necessarily used to describe a specific order or precedence. It should be understood that the numbers used in this manner are interchangeable where appropriate so that the embodiments of the present disclosure described herein can be implemented in an order other than those illustrated or described herein. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present disclosure. Instead, they are merely examples of apparatus and methods consistent with certain aspects of the present disclosure as detailed in the appended claims.
[0055] It should be noted that the information (including but not limited to user device information, user personal information, etc.), data (including but not limited to data used for analysis, storage, display, etc.), and signals involved in this disclosure are all authorized by the user or fully authorized by all parties, and the collection, use, and processing of relevant data must comply with the relevant laws, regulations, and standards of the relevant countries and regions. For example, the object information involved in this disclosure is obtained with full authorization.
[0056] Figure 1 FIG. 1 is a schematic diagram showing an implementation environment of a page display method according to an exemplary embodiment. Figure 1 , the implementation environment specifically includes: a terminal 101 and a server 102. The terminal 101 can be connected to the server 102 via a wireless network or a wired network.
[0057] The terminal 101 can be at least one of a smart phone, a smart watch, a desktop computer, a laptop computer, an MP3 player (Moving Picture Experts Group Audio Layer III), an MP4 (Moving Picture Experts Group Audio Layer IV) player, and a laptop computer. The terminal 101 is installed with a target application, which can be any application in an electronic device, such as a media application, a social application, a shopping application, etc., which is not limited in the embodiment of the present disclosure. The target application can display an initial page when it is opened, and people can learn more information through the initial page. The server 102 can be the background server of the target application, and the server 102 is used to provide background services for the target application.
[0058] Terminal 101 may generally refer to one of multiple terminals. This embodiment uses terminal 101 as an example. Those skilled in the art will appreciate that the number of terminals may be greater or lesser. For example, there may be a few terminals, or dozens, hundreds, or even more. This embodiment does not limit the number or device type of terminals.
[0059] The server 102 is at least one of a single server, multiple servers, a cloud computing platform, and a virtualization center. Optionally, the number of the above servers may be more or less, and the embodiments of the present disclosure do not limit this. Of course, the server 102 may also include other functional servers to provide more comprehensive and diversified services. In some embodiments, the server 102 undertakes the main computing work, and the terminal 101 undertakes the secondary computing work; or, the server 102 undertakes the secondary computing work, and the terminal 101 undertakes the main computing work; or, a distributed computing architecture is used between the server 102 and the terminal 101 for collaborative computing. The server 102 can be connected to the terminal 101 and other terminals via a wireless network or a wired network. Optionally, the number of the above servers may be more or less, and the embodiments of the present disclosure do not limit this.
[0060] Figure 2 is a flow chart showing a page display method according to an exemplary embodiment, the method being executed by an electronic device, such as Figure 2 As shown, the following steps are included:
[0061] In step 201 , in response to an opening operation of a target application, the electronic device displays an initial page of the target application, where the initial page displays multimedia resources including a first object and interactive controls.
[0062] In the embodiment of the present disclosure, the target application can be any application in the electronic device, such as a media application, a social application, a shopping application, etc., which is not limited by the embodiment of the present disclosure. The target application can display an initial page when it is started. The initial page refers to the page displayed before the application page of the target application after the target application is started, that is, the start-screen page. More Internet information can be presented to the user through the initial page, including information related to or unrelated to the target application. Accordingly, in response to the user's opening operation of the target application, the electronic device can display the initial page of the target application, wherein the initial page displays multimedia resources and interactive controls including a first object. Multimedia resources can be videos, pictures, texts, etc., and the first object can be goods, services, etc., which are not limited by the embodiment of the present disclosure.
[0063] In step 202, when a target event is detected, the electronic device displays an interactive animation on the initial page. The interactive animation is used to display the process of the interactive control transforming into a display control. The display control is used to display object information of the first object. The object information includes the image and name of the first object and at least one of the virtual resources required to redeem the first object.
[0064] In an embodiment of the present disclosure, the target event may be an event caused by an interactive operation performed by a user, such as a shaking event, a screen click event, etc., or an event that occurs automatically in the initial page, such as a multimedia resource playback event. In the process of displaying multimedia resources and interactive controls on the initial page, if the electronic device detects a target event, it can display an interactive animation on the initial page. The interactive animation is used to display the process of the interactive control transforming into a display control. Taking the interactive control as a circular control and the display control as a rectangular control as an example, the interactive animation can display the process of the interactive control transforming from a circular control to a rectangular control. The display control is used to display the object information of the first object in the multimedia resource. The object information includes the image, name, and at least one of the virtual resources required to redeem the first object of the first object. Taking the first object as a commodity as an example, the object information of the first object can be the commodity image, commodity name, virtual resources required to purchase the commodity, etc.
[0065] In step 203, in response to the completion of the interactive animation display, the electronic device displays an object details page, where the object details page is used to display object information of the first object and to redeem the first object.
[0066] In an embodiment of the present disclosure, in response to the interactive animation display ending, the electronic device can jump from the initial page to the object details page, so that the user can view the object information of the first object and redeem the first object on the object details page.
[0067] The disclosed embodiments provide a page display method, wherein, upon detecting a start operation on a target application, an electronic device is capable of displaying an initial page of the target application, the initial page displaying multimedia resources and interactive controls including a first object. During the display of the initial page, by displaying an interactive animation of the interactive controls transforming into display controls upon detecting a target event, not only can the user's viewing of the initial page be made more interesting and the user's viewing experience of the initial page be enhanced, but the user can also be guided to interact with the initial page by displaying the deformation process of the interactive controls, thereby enriching the diversity of the interaction methods between the user and the initial page and improving the efficiency of human-computer interaction.
[0068] In some embodiments, when a target event is detected, an interactive animation is displayed on the initial page, including:
[0069] When a shake event is detected, display an interactive animation on the initial page; or,
[0070] When a trigger event for an interactive control is detected, an interactive animation is displayed on the initial page; or
[0071] When a duration event is detected, an interactive animation is displayed on the initial page. The duration event is used to indicate that the display duration of the multimedia resource is greater than the duration threshold.
[0072] In the embodiment of the present disclosure, when any of the above events is detected, the electronic device can display an interactive animation of the interactive control on the initial page that is transformed into a display control, thereby enriching the diversity of interaction methods between the user and the initial page, improving the efficiency of human-computer interaction, and enhancing the user's viewing experience of the initial page.
[0073] In some embodiments, when a target event is detected, an interactive animation is displayed on the initial page, including:
[0074] When a target event is detected, determining a deformation mode of the interactive control based on the display style of the interactive control and the display style of the presentation control;
[0075] Deform the interactive controls according to the deformation method;
[0076] When the interactive control is transformed into a display control, object information of the first object is displayed in the display control.
[0077] In the embodiment of the present disclosure, by executing the above steps, the electronic device can deform the interactive control into a display control in a deformation manner, and then display the object information of the first object in the display control, thereby guiding the user to interact with the interactive page by displaying an interactive animation, deepening the user's understanding of the first object displayed in the multimedia resource, enhancing the user's impression of the first object, improving the efficiency of human-computer interaction, and enhancing the user's viewing experience of the initial page.
[0078] In some embodiments, the interactive control is deformed according to the deformation method, including:
[0079] Determining a motion trajectory of the interactive control during the deformation process based on a display position of the interactive control and a display position of the presentation control;
[0080] While deforming the interactive widget according to the deformation method, the interactive widget is moved along the motion track.
[0081] In the embodiment of the present disclosure, by determining the motion trajectory of the interactive control, the electronic device can present an animation effect on the initial page by moving the interactive control while deforming the display style of the interactive control, which increases the fun of the user viewing the initial page, enhances the guidance for the user to interact with the initial page, improves the efficiency of human-computer interaction, and enhances the user's viewing experience of the initial page.
[0082] In some embodiments, the interactive controls are located in a border area of the initial page, and the presentation controls are located in a central area of the initial page;
[0083] In the process of deforming the interactive control according to the deformation method, the interactive control is moved along the motion trajectory, including:
[0084] In the process of deforming the interactive control according to the deformation method, the interactive control is moved from the boundary area to the center area.
[0085] In the embodiment of the present disclosure, by moving the interactive control to the center area, the user can better view the object information of the first object displayed by the display control, thereby improving the user's viewing experience of the initial page and improving the efficiency of human-computer interaction.
[0086] In some embodiments, the method further comprises:
[0087] When the interactive control is deformed from the initial shape to the target shape, the interactive control is flipped to obtain a display control, and the target shape is the shape of the display control.
[0088] In the embodiment of the present disclosure, the electronic device flips the interactive control of the target shape to obtain a display control that displays the object information of the first object, which can attract the user to view the object information of the first object and strengthen the user's impression of the first object. It not only increases the interest of the user in viewing the initial page, but also improves the efficiency of human-computer interaction.
[0089] In some embodiments, in response to the interactive animation display ending, displaying the object details page includes:
[0090] In response to the interactive animation display ending, displaying the object information of the first object in the presentation control;
[0091] In response to a triggering operation on the display control or object information, an object details page is displayed.
[0092] In the disclosed embodiments, by continuing to display the object information of the first object in the display control after the interactive animation ends, rather than directly jumping to the object details page of the first object, the user can further understand the first object displayed in the multimedia resource even if the user has not carefully watched the interactive animation. By jumping to the object details page when the user triggers the display control or object information, the user can actively interact with the interactive page, thereby improving the efficiency of human-computer interaction.
[0093] In some embodiments, in response to a triggering operation on a display control or object information, displaying an object details page includes:
[0094] In response to a triggering operation on a display control or object information, a prompt message is displayed, where the prompt message is used to prompt whether to jump from the initial page to the object details page;
[0095] In response to a confirmation operation on the prompt information, the object details page is displayed.
[0096] In the embodiment of the present disclosure, when the user triggers the display control or object information, a prompt message is displayed on the initial page to remind the user whether it is necessary to jump from the initial page to the object details page. This can avoid the situation where the user jumps to the object details page due to accidentally touching the display control or object information, thereby improving the user's viewing experience of the initial page and improving the efficiency of human-computer interaction.
[0097] In some embodiments, the method further comprises:
[0098] determining an object type of the first object based on the object information of the first object;
[0099] Based on the object type of the first object, obtaining object information of at least one second object, where the object type of the second object is the same as the object type of the first object;
[0100] displaying object information of a first object and object information of at least one second object on an object details page;
[0101] In response to a redemption operation on a target object on the object details page, the target object is redeemed, where the target object is any one of the first object and the at least one second object.
[0102] In the embodiment of the present disclosure, by displaying the object information of the first object and the object information of at least one second object on the object details page, a variety of choices can be provided to the user during the object redemption process, thereby meeting the user's demand for diversity in selecting objects and improving the user experience and human-computer interaction efficiency.
[0103] In some embodiments, in response to the opening operation of the target application, after displaying the initial page of the target application, the method further includes:
[0104] Determine a next display style of the interactive control based on the current time, where the next display style is the display style associated with the current time;
[0105] Changes the current display style of interactive controls to the next display style.
[0106] In the embodiment of the present disclosure, by changing the current display style of the interactive control to a display style that matches the current time, not only can the user's interest in viewing the initial page be increased and the user's viewing experience of the initial page be improved, but the user can also be guided to interact with the initial page based on the dynamically changing interactive controls, thereby improving the efficiency of human-computer interaction.
[0107] In some embodiments, the method further comprises:
[0108] In the case where the initial page displays a dynamic effect of interactive control shaking, the shaking effect of the interactive control is displayed during the shaking process of the interactive control.
[0109] In the embodiment of the present disclosure, by displaying corresponding shaking effects when the interactive control shakes, the fun of the user viewing the initial page can be increased, and the user's viewing experience of the initial page can be improved.
[0110] above Figure 2 The figure shows a page display process of the present disclosure. The page display solution provided by the present disclosure is further explained below. Figure 3 is a flow chart showing another page display method according to an exemplary embodiment, the method being executed by an electronic device, such as Figure 3 As shown, the following steps are included:
[0111] In step 301 , in response to an opening operation of a target application, the electronic device displays an initial page of the target application, where the initial page displays multimedia resources including a first object and interactive controls.
[0112] In the embodiment of the present disclosure, the target application can be any application in the electronic device, such as a media application, a social application, a shopping application, etc., which is not limited in the embodiment of the present disclosure. Optionally, a shortcut entry to the target application is displayed on the virtual desktop of the electronic device, and the user can open the target application by triggering the shortcut entry. Correspondingly, in response to the user's opening operation of the target application, the electronic device can display the initial page of the target application, that is, the opening page. The initial page displays multimedia resources and interactive controls including a first object. The multimedia resource is used to introduce the first object. The multimedia resource can be a video, a picture, a text, etc. The first object can be a product, a service, etc., which is not limited in the embodiment of the present disclosure. For example, taking the multimedia resource as a product image as an example, the first object can be the product that the user needs to display. For example, when the multimedia resource is a perfume image, the first object is a perfume.
[0113] In some embodiments, the display style of the interactive control displayed on the initial page can change. Accordingly, the electronic device can determine the next display style of the interactive control based on the current time, where the next display style is the display style associated with the current time; then, the electronic device changes the current display style of the interactive control to the next display style. The current display style of the interactive control can be the initial display style of the interactive control, i.e., the first display style of the interactive control on the initial page, or it can be the display style used by the interactive control after the initial display style, and the embodiments of the present disclosure are not limited in this regard. During the process of displaying multimedia resources and interactive controls on the initial page, the electronic device can determine the display style that matches the current time based on the current time, and then determine the display style as the next display style of the interactive control, i.e., the display style used by the interactive control after the current display style. By changing the current display style of the interactive control to a display style that matches the current time, not only can the user's viewing of the initial page be more interesting and improve the user's viewing experience of the initial page, but the user can also be guided to interact with the initial page based on the dynamically changing interactive controls, thereby improving the efficiency of human-computer interaction.
[0114] For example, Figure 4 FIG. 1 is a schematic diagram showing a display style of an interactive control according to an exemplary embodiment. Figure 4 As shown in (a), the initial page 401 displays multimedia resources and interactive controls 402. The display style of the interactive controls 402 is the initial display style of the interactive controls, which displays the text "Twist the phone" and the image corresponding to the text to guide the user to interact with the initial page. Figure 4As shown in (b), when the display style of the interactive control 402 is the current display style, the display style of the interactive control 403 can be the next display style of the interactive control. When the display style of the interactive control 402 is not the current display style, the display style of the interactive control 403 can be the current display style of the interactive control. This display style displays the text "Open the surprise" and the image corresponding to the text to guide the user to interact with the initial page. Figure 4 As shown in (c), if the current time is morning, the display style of interactive control 404 is a display style that matches the current time. This display style displays the text "Good morning, please open the surprise" to guide the user to interact with the initial page and an image corresponding to the text. If the display style of interactive control 402 or the display style of interactive control 403 is the current display style, the display style of interactive control 404 can be the next display style of the display control.
[0115] In some embodiments, when the initial page displays a dynamic effect of interactive controls shaking, the electronic device can display the shaking effect of the interactive controls during the shaking process. By displaying the corresponding shaking effect when the interactive controls shake, the user's viewing experience of the initial page can be increased, and the user's viewing experience of the initial page can be improved.
[0116] Optionally, in the process of changing the display style of the interactive control, the electronic device can display a dynamic effect of the interactive control shaking on the initial page. Alternatively, when a target event is detected, the electronic device can display a dynamic effect of the interactive control shaking on the initial page.
[0117] For example, Figure 5 FIG. 1 is a schematic diagram showing a shaking special effect according to an exemplary embodiment. Figure 5 As shown, the initial page 501 displays multimedia resources and interactive controls 502. When the initial page 501 displays a dynamic effect of the interactive controls 502 shaking, the initial page 501 can display a shaking effect 503 of the interactive controls 502.
[0118] In step 302, when a target event is detected, the electronic device determines the deformation method of the interactive control based on the display style of the interactive control and the display style of the display control. The display control is used to display the object information of the first object, and the object information includes the image, name and at least one of the virtual resources required to redeem the first object.
[0119] In the embodiments of the present disclosure, the target event can be an event caused by a user's interactive operation, such as a shake event or a screen click event, or an event that occurs automatically on the initial page, such as the playback event of a multimedia resource. The embodiments of the present disclosure are not limited to this. Accordingly, during the process of displaying multimedia resources and interactive controls on the initial page, if the electronic device detects a target event, the electronic device can display an interactive animation on the initial page. Since the interactive animation is used to display the process of the interactive control transforming into a display control, before displaying the interactive animation, the electronic device can determine the deformation method of the interactive control based on the display style of the interactive control and the display style of the display control, that is, determine the method for transforming the display style of the interactive control into the display style of the display control. The display control is used to display object information of the first object in the multimedia resource. The object information includes the image and name of the first object and at least one of the virtual resources required to redeem the first object. Taking the multimedia resource as an example of a perfume image, the first object is a perfume. The object information of the first object displayed in the display control may include the perfume icon, the perfume name, the brand of the perfume, etc.
[0120] In some embodiments, the target event can be any one of a shaking event, a control triggering event, and a duration event. Accordingly. In the case of detecting a shaking event, the electronic device can display an interactive animation on the initial page; or, in the case of detecting a triggering event for an interactive control, the electronic device can display an interactive animation on the initial page; or, in the case of detecting a duration event, the electronic device can display an interactive animation on the initial page. Among them, a shaking event refers to an event in which a user shakes the electronic device, such as twisting, flipping, etc. A triggering event refers to an event in which a user performs a triggering operation on an interactive control. A duration event refers to an event in which the display duration of a multimedia resource is greater than a duration threshold. In the case of detecting any of the above events, the electronic device can display an interactive animation in which the interactive control is transformed into a display control on the initial page, enriching the diversity of interaction methods between the user and the initial page, improving the efficiency of human-computer interaction, and enhancing the user's viewing experience of the initial page.
[0121] It should be noted that, for a shaking event, in order to avoid false triggering by the user, the electronic device can display an interactive animation when it detects that the offset distance during the shaking process is greater than a preset threshold.
[0122] Optionally, when the target event is a shake event or a trigger event for an interactive control, the electronic device can display an interactive animation upon detecting the target event. Then, after the interactive animation ends, the user can jump from the initial page to the object details page. Alternatively, when the electronic device detects the target event, the user can directly jump from the initial page to the object details page.
[0123] Optionally, if the target event is a duration event, the electronic device can display an interactive animation upon detecting the target event. After the interactive animation ends, a display control can be displayed on the initial page, with the display control displaying object information of the first object. Upon detecting a triggering event for the display control or the object information, the electronic device can jump from the initial page to the object details page.
[0124] In step 303, the electronic device deforms the interactive control according to the deformation method.
[0125] In the disclosed embodiments, the deformation mode indicates the manner in which the interactive control is deformed from its current display style to the display style of the presentation control. After determining the deformation mode, the electronic device can display the interactive animation on the initial page, i.e., it can deform the display style of the interactive control according to the deformation mode to obtain the display style of the presentation control.
[0126] In some embodiments, during the process of transforming an interactive control into a display control, the electronic device can deform the interactive control while moving it. Accordingly, the electronic device can determine the motion trajectory of the interactive control during the deformation process based on the display position of the interactive control and the display position of the display control. Then, during the process of deforming the interactive control according to the deformation method, the electronic device can move the interactive control along the motion trajectory. In addition to having different display styles on the initial page, the interactive control and the display control also have different display positions on the initial page. Therefore, after determining the deformation method of the interactive control based on the display style, the electronic device can also determine the motion trajectory of the interactive control based on the display position. Furthermore, while deforming the interactive control according to the deformation method, the electronic device can move the interactive control along the motion trajectory. By determining the motion trajectory of the interactive control, the electronic device can present an animation effect on the initial page in which the display style of the interactive control is deformed while the interactive control is moved. This increases the user's interest in viewing the initial page, enhances the guidance for user interaction with the initial page, improves the efficiency of human-computer interaction, and enhances the user's viewing experience of the initial page.
[0127] In some embodiments, the interactive control is located in the border area of the initial page, and the display control is located in the center area of the initial page. Accordingly, in the process of deforming the interactive control according to the deformation method, the electronic device can move the interactive control from the border area to the center area. In order to prevent the interactive control from blocking the first object displayed in the multimedia resource, thereby affecting the user's viewing, the electronic device can set the interactive control at the page border of the initial page, that is, the interactive control is located in the border area of the initial page. In order to allow the user to better view the object information of the first object displayed by the display control, the electronic device can set the display control at the center of the initial page, that is, the display control is located in the center area of the initial page. Therefore, in the process of deforming the interactive control into the display control, the electronic device can deform the display style of the interactive control while moving the interactive control from the border area to the center area. By moving the interactive control to the center area, the user can better view the object information of the first object displayed by the display control, thereby improving the user's viewing experience of the initial page and improving the efficiency of human-computer interaction.
[0128] In some embodiments, when the display style of an interactive control is transformed into the display style of a presentation control, the electronic device must flip the interactive control to obtain the presentation control. Accordingly, when the interactive control is transformed from an initial shape to a target shape, the electronic device can flip the interactive control to obtain the presentation control. Both the interactive control and the presentation control are controls that are displayed in the form of geometric figures with certain shapes. The initial shape is the shape of the interactive control, and the target shape is the shape of the presentation control. The target shape and the initial shape can be a circle, rectangle, triangle, polygon, rhombus, etc., and the embodiments of the present disclosure are not limited in this regard. When the interactive control is transformed from the initial shape to the target shape, it indicates that the electronic device has transformed the display style of the interactive control into the display style of the presentation control. By flipping the interactive control in the target shape to obtain a presentation control displaying object information of the first object, the electronic device can attract the user to view the object information of the first object, strengthen the user's impression of the first object, and not only increase the user's interest in viewing the initial page but also improve the efficiency of human-computer interaction.
[0129] In step 304 , when the interactive control is transformed into a presentation control, the electronic device displays the object information of the first object in the presentation control.
[0130] In the embodiment of the present disclosure, since the display control is used to display the object information of the first object, the electronic device can display the object information of the first object in the display control for the user to view when the interactive control is deformed into the display control in accordance with the deformation method. By executing the above steps 302-304, the electronic device can deform the interactive control into the display control in accordance with the deformation method, and then display the object information of the first object in the display control, thereby guiding the user to interact with the interactive page by displaying the interactive animation, deepening the user's understanding of the first object displayed in the multimedia resource, enhancing the user's impression of the first object, improving the efficiency of human-computer interaction, and enhancing the user's viewing experience of the initial page.
[0131] For example, Figure 6 FIG. 1 is a schematic diagram of an interactive animation according to an exemplary embodiment. Figure 6 As shown in (a) of FIG, the initial page 601 displays a multimedia resource including a first object and an interactive control 602. In the case where the target event is a trigger event for the interactive control 602, in response to the user's triggering operation on the interactive control 602, the electronic device can deform the interactive control 602 to obtain the following Figure 6 The interactive control 603 shown in (b) in the figure has a display style that is the display style of the display control. Specifically, during the deformation process, the electronic device can move the interactive control from the area where the interactive control 602 is located to the area where the interactive control 603 is located, while deforming the display style of the interactive control from the interactive control 602 to the interactive control 603. When the interactive control is deformed, the electronic device can display the interactive control 603 on the initial page by flipping it. Figure 6 The display control 604 shown in (c) of FIG. The display control 604 displays object information of a first object. The first object is perfume, and the object information of the first object is a perfume icon.
[0132] In step 305, in response to the completion of the interactive animation display, the electronic device displays an object details page, the object details page is used to display object information of the first object and redeem the first object, and the interactive animation is used to display the process of the interactive control transforming into a display control.
[0133] In the disclosed embodiment, when the interactive animation ends, it indicates that the electronic device has transformed the interactive control into a display control that displays the object information of the first object. At this point, the electronic device can immediately jump from the initial page to the object details page, allowing the user to view the object information of the first object on the object details page and redeem the first object.
[0134] In some embodiments, a user can cause the electronic device to display an object details page by triggering a display control or the object information displayed within the display control. Accordingly, in response to the completion of an interactive animation, the electronic device displays the object information of a first object within the display control; and in response to a triggering operation on the display control or the object information, the electronic device displays the object details page. Upon the completion of the interactive animation, the electronic device does not immediately jump to the object details page. Instead, it continues to display the display control that was displayed at the end of the interactive animation, and then displays the object information of the first object within the display control. While the user is viewing the object information of the first object through the display control, if the user is interested in the first object, they can trigger the display control or the object information of the first object. In response to this triggering operation, the electronic device can display an object details page for redeeming the first object. By continuing to display the object information of the first object within the display control after the interactive animation ends, rather than directly jumping to the object details page for the first object, the user can gain a deeper understanding of the first object displayed within the multimedia resource even if they have not fully observed the interactive animation. By jumping to the object details page upon the user triggering the display control or the object information, the user can actively interact with the interactive page, improving the efficiency of human-computer interaction.
[0135] In some embodiments, the electronic device can prompt the user whether a page jump is required by displaying a prompt message. Accordingly, in response to a triggering operation on a display control or object information, the electronic device can display a prompt message, which is used to prompt whether to jump from the initial page to the object details page; in response to a confirmation operation on the prompt message, the electronic device displays the object details page. By displaying a prompt message on the initial page when the user triggers the display control or object information to remind the user whether it is necessary to jump from the initial page to the object details page, it can avoid the situation where the user accidentally jumps to the object details page due to touching the display control or object information, thereby improving the user's viewing experience of the initial page and improving the efficiency of human-computer interaction.
[0136] In some embodiments, a user can redeem not only the first object on the object details page, but also other objects. Accordingly, the electronic device can determine the object type of the first object based on the object information of the first object; then, based on the object type of the first object, it can obtain object information of at least one second object, the object type of the second object being the same as the object type of the first object; the electronic device displays the object information of the first object and the object information of the at least one second object on the object details page; and in response to a redemption operation on the target object on the object details page, the electronic device can redeem the target object, which is either the first object or the at least one second object. Prior to displaying the object details page, the electronic device can obtain object information of at least one second object of the same object type as the first object based on the object type of the first object in the multimedia resource. After the electronic device jumps from the initial page to the object details page, by displaying the object information of the first object and the object information of the at least one second object on the object details page, the user can be provided with multiple options during the object redemption process, satisfying the user's demand for diversity in selecting objects and improving the user experience and human-computer interaction efficiency.
[0137] Optionally, the object details page includes at least one of an object repurchase page, an object sales page, and an object positive review page. The object repurchase page displays an object repurchase list including a first object and at least one second object, and the object repurchase list displays object information of the first object and at least one second object. The object information includes an object image, object name, virtual resources required to redeem the object, the number of object repurchasers / object repurchase rate, and the reason for object repurchase. The object sales page displays an object sales list including a first object and at least one second object, and the object sales list displays object information of the first object and at least one second object. The object information includes an object image, object name, virtual resources required to redeem the object, object sales, and object reviews. The object positive review page is used to display an object positive review list including a first object and at least one second object, and the object positive review list displays object information of the first object and at least one second object. The object information includes an object image, object name, virtual resources required to redeem the object, the number of object positive reviews / object positive review rate, and object positive reviews.
[0138] For example, Figure 7 FIG. 1 is a schematic diagram showing an object details page according to an exemplary embodiment. Figure 7 As shown in (a) of FIG, when the interactive animation ends, the initial page 701 displays a display control 702. In response to the user's triggering operation on the display control 702 or the object information (perfume picture) of the first object displayed in the display control 702, the electronic device can display the following Figure 7The object details page 703 shown in (b) of the figure displays object information for a first object and object information for multiple second objects. Specifically, the object details page is a perfume repurchase page, which displays a perfume repurchase ranking based on the number of repurchasers over the past 365 days. The perfume repurchase ranking includes perfumes A, B, and C. Perfume A is the first object, and perfumes B and C are the second objects. The object information for the first or second object includes the perfume's image, name, price, number of repurchasers, and reason for repurchase.
[0139] The disclosed embodiments provide a page display method, wherein, upon detecting a start operation on a target application, an electronic device is capable of displaying an initial page of the target application, the initial page displaying multimedia resources and interactive controls including a first object. During the display of the initial page, by displaying an interactive animation of the interactive controls transforming into display controls upon detecting a target event, not only can the user's viewing of the initial page be made more interesting and the user's viewing experience of the initial page be enhanced, but the user can also be guided to interact with the initial page by displaying the deformation process of the interactive controls, thereby enriching the diversity of the interaction methods between the user and the initial page and improving the efficiency of human-computer interaction.
[0140] All the above optional technical solutions can be arbitrarily combined to form optional embodiments of the present disclosure, and will not be described in detail here.
[0141] Figure 8 FIG. 1 is a block diagram of a page display device according to an exemplary embodiment. Figure 8 As shown, the device includes: a first display unit 801 and a second display unit 802.
[0142] The first display unit 801 is configured to display an initial page of the target application in response to a start operation of the target application, where the initial page displays multimedia resources including a first object and interactive controls;
[0143] The first display unit 801 is further configured to display an interactive animation on the initial page when a target event is detected, where the interactive animation is used to display a process in which the interactive control transforms into a display control, where the display control is used to display object information of the first object, where the object information includes an image and a name of the first object, and at least one of a virtual resource required to redeem the first object;
[0144] The second display unit 802 is configured to display an object details page in response to the completion of the interactive animation display, where the object details page is used to display object information of the first object and redeem the first object.
[0145] In some embodiments, the first display unit 801 is configured to display an interactive animation on the initial page when a shaking event is detected; or, to display an interactive animation on the initial page when a trigger event for an interactive control is detected; or, to display an interactive animation on the initial page when a duration event is detected, and the duration event is used to indicate that the display duration of the multimedia resource is greater than a duration threshold.
[0146] In some embodiments, Figure 9 FIG. 1 is a block diagram of another page display device according to an exemplary embodiment. Figure 9 As shown, the first display unit 801 includes:
[0147] The determining subunit 901 is configured to determine a deformation mode of the interactive control based on the display style of the interactive control and the display style of the presentation control when a target event is detected;
[0148] The deformation subunit 902 is configured to deform the interactive control according to the deformation mode;
[0149] The first display sub-unit 903 is configured to display object information of the first object in the display control when the interactive control is transformed into the display control.
[0150] In some embodiments, the deformation subunit 902 is configured to determine the motion trajectory of the interactive control during the deformation process based on the display position of the interactive control and the display position of the display control; and move the interactive control along the motion trajectory in the process of deforming the interactive control according to the deformation method.
[0151] In some embodiments, the interactive controls are located in a border area of the initial page, and the presentation controls are located in a central area of the initial page;
[0152] The deformation subunit 902 is configured to move the interactive control from the boundary area to the central area during the process of deforming the interactive control according to the deformation method.
[0153] In some embodiments, the first display subunit 903 is further configured to flip the interactive control when the interactive control is deformed from an initial shape to a target shape to obtain a display control, and the target shape is the shape of the display control.
[0154] In some embodiments, see Figure 9 The second display unit 802 includes:
[0155] The second display subunit 904 displays the object information of the first object in the display control in response to the completion of the interactive animation display;
[0156] The third display sub-unit 905 displays an object details page in response to a triggering operation on the display control or object information.
[0157] In some embodiments, the third display sub-unit 905 is configured to display prompt information in response to a trigger operation on the display control or object information, and the prompt information is used to prompt whether to jump from the initial page to the object details page; in response to a confirmation operation on the prompt information, the object details page is displayed.
[0158] In some embodiments, see Figure 9 , the device further comprises:
[0159] A first determining unit 803 is configured to determine an object type of the first object based on the object information of the first object;
[0160] An acquiring unit 804 is configured to acquire object information of at least one second object based on an object type of the first object, where the object type of the second object is the same as that of the first object;
[0161] The third display unit 805 is configured to display object information of the first object and object information of at least one second object on the object details page;
[0162] The exchanging unit 806 is configured to exchange the target object in response to an exchange operation on the target object on the object details page, where the target object is any one of the first object and the at least one second object.
[0163] In some embodiments, see Figure 9 , the device further comprises:
[0164] The second determining unit 807 is configured to determine a next display style of the interactive control based on the current time, where the next display style is a display style associated with the current time;
[0165] The changing unit 808 is configured to change the current display style of the interactive control to a next display style.
[0166] In some embodiments, the first display unit 801 is further configured to display the shaking effect of the interactive control while the interactive control is shaking, when the initial page displays the dynamic effect of the interactive control shaking.
[0167] The disclosed embodiments provide a page display device. When a target application is launched, the electronic device is capable of displaying the initial page of the target application. The initial page displays multimedia resources and interactive controls including a first object. During the display of the initial page, the interactive control is displayed as an interactive animation of the display control when a target event is detected. This not only increases the fun of viewing the initial page for the user and improves the user's viewing experience of the initial page, but also guides the user to interact with the initial page by displaying the deformation process of the interactive control, enriching the diversity of the interaction methods between the user and the initial page and improving the efficiency of human-computer interaction.
[0168] It should be noted that the page display device provided in the above embodiment is merely an example of the division of the aforementioned functional units. In actual applications, the aforementioned functions can be assigned to different functional units as needed, that is, the internal structure of the electronic device can be divided into different functional units to complete all or part of the functions described above. In addition, the page display device provided in the above embodiment and the page display method embodiment are based on the same concept. The specific implementation process is detailed in the method embodiment and will not be repeated here.
[0169] Regarding the page display device in the above embodiment, the specific manner in which each module performs operations has been described in detail in the embodiment of the method, and will not be elaborated on here.
[0170] Figure 10 1 is a block diagram of an electronic device according to an exemplary embodiment. Generally, the electronic device 1000 includes a processor 1001 and a memory 1002 .
[0171] The processor 1001 may include one or more processing cores, such as a quad-core processor, an octa-core processor, etc. The processor 1001 may be implemented in at least one hardware form of a DSP (Digital Signal Processing), an FPGA (Field-Programmable Gate Array), or a PLA (Programmable Logic Array). The processor 1001 may also include a main processor and a coprocessor. The main processor is a processor for processing data in the awake state, also known as a CPU (Central Processing Unit); the coprocessor is a low-power processor for processing data in the standby state. In some embodiments, the processor 1001 may be integrated with a GPU (Graphics Processing Unit), which is responsible for rendering and drawing the content to be displayed on the display screen. In some embodiments, the processor 1001 may also include an AI (Artificial Intelligence) processor, which is used to handle computing operations related to machine learning.
[0172] The memory 1002 may include one or more computer-readable storage media, which may be non-transitory. The memory 1002 may also include high-speed random access memory and non-volatile memory, such as one or more disk storage devices and flash memory storage devices. In some embodiments, the non-transitory computer-readable storage medium in the memory 1002 is used to store at least one program code, which is executed by the processor 1001 to implement the page display method provided in the method embodiment of the present disclosure.
[0173] In some embodiments, electronic device 1000 may optionally include a peripheral device interface 1003 and at least one peripheral device. Processor 1001, memory 1002, and peripheral device interface 1003 may be connected via a bus or signal lines. Each peripheral device may be connected to peripheral device interface 1003 via a bus, signal lines, or circuit boards. Specifically, the peripheral device may include at least one of a radio frequency circuit 1004, a display screen 1005, a camera assembly 1006, an audio circuit 1007, and a power supply 1008.
[0174] The peripheral device interface 1003 can be used to connect at least one I / O (Input / Output)-related peripheral device to the processor 1001 and the memory 1002. In some embodiments, the processor 1001, the memory 1002, and the peripheral device interface 1003 are integrated on the same chip or circuit board; in some other embodiments, any one or two of the processor 1001, the memory 1002, and the peripheral device interface 1003 can be implemented on separate chips or circuit boards, which is not limited in this embodiment.
[0175] The RF circuit 1004 is used to receive and transmit RF (Radio Frequency) signals, also known as electromagnetic signals. The RF circuit 1004 communicates with communication networks and other communication devices via electromagnetic signals. The RF circuit 1004 converts electrical signals into electromagnetic signals for transmission, or converts received electromagnetic signals into electrical signals. Optionally, the RF circuit 1004 includes an antenna system, an RF transceiver, one or more amplifiers, a tuner, an oscillator, a digital signal processor, a codec chipset, a user identity module card, and the like. The RF circuit 1004 can communicate with other electronic devices via at least one wireless communication protocol. Such wireless communication protocols include, but are not limited to, metropolitan area networks, various generations of mobile communication networks (2G, 3G, 4G, and 5G), wireless local area networks, and / or WiFi (Wireless Fidelity) networks. In some embodiments, the RF circuit 1004 may also include circuits related to Near Field Communication (NFC), which is not limited in this disclosure.
[0176] The display screen 1005 is used to display a UI (User Interface). The UI may include graphics, text, icons, videos, and any combination thereof. When the display screen 1005 is a touch screen display, the display screen 1005 also has the ability to collect touch signals on the surface or above the surface of the display screen 1005. The touch signal can be input as a control signal to the processor 1001 for processing. At this time, the display screen 1005 can also be used to provide virtual buttons and / or virtual keyboards, also known as soft buttons and / or soft keyboards. In some embodiments, the display screen 1005 can be one, set on the front panel of the electronic device 1000; in other embodiments, the display screen 1005 can be at least two, respectively set on different surfaces of the electronic device 1000 or in a folding design; in still other embodiments, the display screen 1005 can be a flexible display screen, set on the curved surface or folding surface of the electronic device 1000. Even the display screen 1005 can be set to a non-rectangular irregular shape, that is, a special-shaped screen. The display screen 1005 can be made of materials such as LCD (Liquid Crystal Display) and OLED (Organic Light-Emitting Diode).
[0177] The camera assembly 1006 is used to capture images or videos. Optionally, the camera assembly 1006 includes a front camera and a rear camera. Typically, the front camera is arranged on the front panel of the electronic device, and the rear camera is arranged on the back of the electronic device. In some embodiments, there are at least two rear cameras, which are any one of a main camera, a depth of field camera, a wide-angle camera, and a telephoto camera, so as to realize the fusion of the main camera and the depth of field camera to realize the background blur function, the fusion of the main camera and the wide-angle camera to realize panoramic shooting and VR (Virtual Reality) shooting function or other fusion shooting functions. In some embodiments, the camera assembly 1006 may also include a flash. The flash can be a monochrome temperature flash or a dual-color temperature flash. A dual-color temperature flash refers to a combination of a warm light flash and a cold light flash, which can be used for light compensation at different color temperatures.
[0178] The audio circuit 1007 may include a microphone and a speaker. The microphone is used to collect sound waves from the user and the environment, and convert the sound waves into electrical signals to be input into the processor 1001 for processing, or input into the radio frequency circuit 1004 to achieve voice communication. For the purpose of stereo sound collection or noise reduction, there may be multiple microphones, each disposed at different locations of the electronic device 1000. The microphone may also be an array microphone or an omnidirectional collection microphone. The speaker is used to convert electrical signals from the processor 1001 or the radio frequency circuit 1004 into sound waves. The speaker may be a traditional thin film speaker or a piezoelectric ceramic speaker. When the speaker is a piezoelectric ceramic speaker, it can not only convert electrical signals into sound waves audible to humans, but also convert electrical signals into sound waves inaudible to humans for purposes such as distance measurement. In some embodiments, the audio circuit 1007 may also include a headphone jack.
[0179] Power supply 1008 is used to power the various components of electronic device 1000. Power supply 1008 can be AC power, DC power, a disposable battery, or a rechargeable battery. When power supply 1008 includes a rechargeable battery, the rechargeable battery can support wired charging or wireless charging. The rechargeable battery can also be used to support fast charging technology.
[0180] Those skilled in the art will understand that Figure 10 The structure shown in the figure does not constitute a limitation on the electronic device 1000, and the electronic device 1000 may include more or fewer components than shown in the figure, or combine certain components, or adopt a different component arrangement.
[0181] In an exemplary embodiment, a computer-readable storage medium including instructions is further provided, such as a memory 1002 including instructions. The instructions can be executed by the processor 1001 of the electronic device 1000 to implement the above-mentioned page display method. Alternatively, the computer-readable storage medium can be a ROM, a random access memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, etc.
[0182] A computer program product includes a computer program, which implements the above-mentioned page display method when executed by a processor.
[0183] Other embodiments of the present disclosure will readily occur to those skilled in the art after considering the specification and practicing the invention disclosed herein. This disclosure is intended to cover any variations, uses, or adaptations of the present disclosure that follow the general principles of the present disclosure and include common knowledge or customary techniques in the art not disclosed herein. The description and examples are to be considered as exemplary only, with the true scope and spirit of the present disclosure being indicated by the following claims.
[0184] It should be understood that the present disclosure is not limited to the exact structures that have been described above and shown in the drawings, and that various modifications and changes can be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.
Claims
1. A page display method, characterized in that: The method comprises: In response to a start operation of a target application, an initial page of the target application is displayed, the initial page displaying a multimedia resource including a first object and an interactive control, wherein a current display style of the interactive control is a display style that matches a current time; When a target event is detected, determining a deformation mode of the interactive control based on a display style of the interactive control and a display style of the presentation control; deforming the interactive control according to the deformation mode; and displaying object information of the first object in the presentation control when the interactive control is deformed into the presentation control, wherein an interactive animation is used to display a process of deformation of the interactive control into the presentation control, and the presentation control is used to display object information of the first object, wherein the object information includes an image and a name of the first object and at least one of virtual resources required to redeem the first object; In response to the interactive animation display ending, an object details page is displayed, where the object details page is used to display object information of the first object and to redeem the first object.
2. The page display method according to claim 1, characterized in that: When a target event is detected, displaying an interactive animation on the initial page includes: When a shaking event is detected, displaying the interactive animation on the initial page; or, In the case of detecting a trigger event for the interactive control, displaying the interactive animation on the initial page; or, In the case where a duration event is detected, the interactive animation is displayed on the initial page, and the duration event is used to indicate that the display duration of the multimedia resource is greater than a duration threshold.
3. The page display method according to claim 1, characterized in that: The deforming the interactive control according to the deformation method includes: Determining a motion trajectory of the interactive control during the deformation process based on the display position of the interactive control and the display position of the presentation control; In the process of deforming the interactive control according to the deformation manner, the interactive control is moved along the motion trajectory.
4. The page display method according to claim 3, characterized in that: The interactive controls are located in the border area of the initial page, and the display controls are located in the central area of the initial page; The step of moving the interactive control along the motion trajectory during the deformation of the interactive control in the deformation manner includes: In the process of deforming the interactive control according to the deformation manner, the interactive control is moved from the boundary area to the central area.
5. The page display method according to claim 1, characterized in that: The method further comprises: When the interactive control is deformed from the initial shape to the target shape, the interactive control is flipped to obtain the display control, and the target shape is the shape of the display control.
6. The page display method according to claim 1, characterized in that: In response to the interactive animation display ending, displaying the object details page includes: In response to the interactive animation display ending, displaying the object information of the first object in the presentation control; In response to a triggering operation on the display control or the object information, the object details page is displayed.
7. The page display method according to claim 6, characterized in that: The displaying of the object details page in response to a triggering operation on the display control or the object information includes: In response to a triggering operation on the display control or the object information, displaying prompt information, the prompt information being used to prompt whether to jump from the initial page to the object details page; In response to a confirmation operation on the prompt information, the object details page is displayed.
8. The page display method according to claim 1, wherein: The method further comprises: determining an object type of the first object based on the object information of the first object; acquiring object information of at least one second object based on the object type of the first object, where the object type of the second object is the same as that of the first object; displaying object information of the first object and object information of the at least one second object on the object details page; In response to a redemption operation on a target object on the object details page, the target object is redeemed, where the target object is any one of the first object and the at least one second object.
9. The page display method according to claim 1, characterized in that: After displaying the initial page of the target application in response to the opening operation of the target application, the method further includes: Determining a next display style of the interactive control based on the current time, the next display style being a display style associated with the current time; The current display style of the interactive control is changed to the next display style.
10. The page display method according to claim 1, characterized in that: The method further comprises: In a case where the initial page displays the dynamic effect of the interactive control shaking, the shaking effect of the interactive control is displayed during the shaking of the interactive control.
11. A page display device, characterized in that: The device comprises: a first display unit configured to, in response to a start operation on a target application, display an initial page of the target application, the initial page displaying a multimedia resource including a first object and an interactive control, wherein a current display style of the interactive control is a display style that matches a current time; The first display unit is further configured to, when a target event is detected, determine a deformation mode of the interactive control based on a display style of the interactive control and a display style of the presentation control; deform the interactive control according to the deformation mode; and display object information of the first object in the presentation control when the interactive control is deformed into the presentation control, wherein an interactive animation is used to display a process of deformation of the interactive control into the presentation control, and the presentation control is used to display object information of the first object, wherein the object information includes an image and a name of the first object and at least one of virtual resources required to redeem the first object; The second display unit is configured to display an object details page in response to the completion of the interactive animation display, wherein the object details page is used to display object information of the first object and redeem the first object.
12. An electronic device, characterized in that: The electronic device comprises: one or more processors; a memory for storing program code executable by the processor; The processor is configured to execute the program code to implement the page display method according to any one of claims 1 to 10.
13. A computer-readable storage medium, characterized in that When the instructions in the computer-readable storage medium are executed by a processor of an electronic device, the electronic device is enabled to execute the page display method according to any one of claims 1 to 10.
14. A computer program product comprising a computer program, characterized in that When the computer program is executed by a processor, the page display method according to any one of claims 1 to 10 is implemented.
Citation Information
Patent Citations
Virtual resource transfer method and device, electronic equipment and storage medium
CN112437338A
Page processing method and device, equipment and storage medium
CN113760150A
Page display method and device, electronic equipment and storage medium
CN113791709A