CN114327167A - Resource object display method and device, electronic equipment and storage medium - Google Patents

Resource object display method and device, electronic equipment and storage medium Download PDF

Info

Publication number
CN114327167A
CN114327167A CN202111645304.XA CN202111645304A CN114327167A CN 114327167 A CN114327167 A CN 114327167A CN 202111645304 A CN202111645304 A CN 202111645304A CN 114327167 A CN114327167 A CN 114327167A
Authority
CN
China
Prior art keywords
page
target
resource object
area
displaying
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202111645304.XA
Other languages
Chinese (zh)
Inventor
曾乐乐
林振楠
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Dajia Internet Information Technology Co Ltd
Original Assignee
Beijing Dajia Internet Information Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Dajia Internet Information Technology Co Ltd filed Critical Beijing Dajia Internet Information Technology Co Ltd
Priority to CN202111645304.XA priority Critical patent/CN114327167A/en
Publication of CN114327167A publication Critical patent/CN114327167A/en
Pending legal-status Critical Current

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

The application discloses a resource object display method, a resource object display device, electronic equipment and a storage medium, wherein the method comprises the following steps: displaying a first page, wherein the first page comprises a first control for acquiring a resource object; responding to the triggering operation of the first control, and displaying a target page corresponding to the resource object on the first page; in the display process, the first page and the target page are respectively switched between a transparent display state and a visual display state. According to the page loading mode, the acquired resource sub-objects can be displayed to the user without additional operation of the user, the operation is simple, the display is flexible, and the attention of the user to the electronic resource objects is improved.

Description

Resource object display method and device, electronic equipment and storage medium
Technical Field
The present application relates to the field of interactive technologies, and in particular, to a method and an apparatus for displaying resource objects, an electronic device, and a storage medium.
Background
In current mobile products, a membership system is typically established in the product to activate a new user, and the membership system product is presented to the user typically in the form of a card, which the user can access by opening or activating.
In the prior art, the user is guided to get the card through rigid modes such as a pop-up window or air bubbles, after the card is taken, the getting inlet of the current page is hidden, and if the user wants to check the details of the card, the user still needs to manually switch to other pages, so that the operation is complex, the display process of the card is rigid, and the attention of the user to the card is low.
Disclosure of Invention
The embodiment of the application provides a resource object display method and device, an electronic device and a storage medium, the acquired resource sub-objects can be displayed to a user without additional operation of the user, the operation is simple, the display is flexible, and the attention of the user to the electronic resource objects is improved.
In a first aspect, an embodiment of the present application provides a resource object display method, including:
displaying a first page, wherein the first page comprises a first control for acquiring a resource object;
responding to the triggering operation of the first control, and displaying a target page corresponding to the resource object on the first page; in the display process, the first page and the target page are respectively switched between a transparent display state and a visual display state.
In some exemplary embodiments, after the presenting the first page step, the method further comprises:
under the condition that the first page is displayed for a preset time, moving a first area where the first control is located, and displaying a second area in the first page;
displaying guide information in the second area; and the guide information is switched from a transparent display state to a visual display state.
In some exemplary embodiments, the first page further includes a third area for presenting the first target information; the method further comprises the following steps:
and under the condition that the first page is displayed for a preset time length, the first area and the third area move in the same direction.
In some exemplary embodiments, the presenting, in response to the triggering operation of the first control, a target page corresponding to the resource object on the first page includes:
responding to the triggering operation of the first control, dynamically displaying a fourth area containing a target element corresponding to the resource object, and dynamically hiding the first page;
displaying a fifth area including second target information under the condition that the target element meets a preset display condition;
and obtaining a target page corresponding to the resource object based on the fourth area and the fifth area.
In some exemplary embodiments, the target page includes a second control for shrinking the display of the resource object;
after the target page corresponding to the resource object is displayed on the first page, the method further includes:
displaying a second page on the target page in response to the triggering operation of the second control;
in the display process, the target element corresponding to the resource object is displayed in a target area of the second page in a contraction display state, and the target page and the second page are respectively switched between a transparent display state and a visual display state.
In some exemplary embodiments, said presenting a second page on said target page in response to said triggering operation of said second control comprises:
responding to the triggering operation of the second control, dynamically and contractively displaying a target element containing the resource object in the target area, dynamically displaying a sixth area for displaying first target information, and hiding the target page;
and obtaining the second page based on the target area and the sixth area.
In some exemplary embodiments, the target area includes a third control for expanding a target element corresponding to the resource object, and after the target page is displayed with a second page corresponding to the resource object, the method further includes:
responding to the triggering operation of the third control, and displaying a target page corresponding to the resource object on the second page;
in the display process, the resource object is switched from a contraction display state to an expansion display state; and the second page and the target page are respectively switched between a transparent display state and a visual display state.
In a second aspect, an embodiment of the present application provides a resource object display apparatus, including:
the first display unit is used for displaying a first page, and the first page comprises a first control used for acquiring a resource object;
the second display unit is used for responding to the triggering operation of the first control and displaying a target page corresponding to the resource object on the first page; in the display process, the first page and the target page are respectively switched between a transparent display state and a visual display state.
In some exemplary embodiments, the method further comprises a third display unit, after the step of displaying the first page:
under the condition that the first page is displayed for a preset time, moving a first area where the first control is located, and displaying a second area in the first page;
displaying guide information in the second area; and the guide information is switched from a transparent display state to a visual display state.
In some exemplary embodiments, the first page further includes a third area for presenting the first target information;
the third display unit is further configured to:
and under the condition that the first page is displayed for a preset time length, the first area and the third area move in the same direction.
In some exemplary embodiments, the first display unit is specifically configured to:
responding to the triggering operation of the first control, dynamically displaying a fourth area containing a target element corresponding to the resource object, and dynamically hiding the first page;
displaying a fifth area including second target information under the condition that the target element meets a preset display condition;
and obtaining a target page corresponding to the resource object based on the fourth area and the fifth area.
In some exemplary embodiments, the target page includes a second control for shrinking the display of the resource object;
the device further includes a fourth display unit, configured to, after a target page corresponding to the resource object is displayed on the first page:
displaying a second page on the target page in response to the triggering operation of the second control;
in the display process, the target element corresponding to the resource object is displayed in a target area of the second page in a contraction display state, and the target page and the second page are respectively switched between a transparent display state and a visual display state.
In some exemplary embodiments, the fourth display unit is specifically configured to:
responding to the triggering operation of the second control, dynamically and contractively displaying a target element containing the resource object in the target area, dynamically displaying a sixth area for displaying first target information, and hiding the target page;
and obtaining the second page based on the target area and the sixth area.
In some exemplary embodiments, the target area includes a third control element for expanding and presenting a target element corresponding to the resource object, and the apparatus further includes a fifth presentation unit for, after presenting a second page corresponding to the resource object on the target page:
responding to the triggering operation of the third control, and displaying a target page corresponding to the resource object on the second page;
in the display process, the resource object is switched from a contraction display state to an expansion display state; and the second page and the target page are respectively switched between a transparent display state and a visual display state.
In a third aspect, an embodiment of the present application further provides an electronic device, including:
a processor;
a memory for storing the processor-executable instructions;
wherein the processor is configured to execute the instructions to implement any of the methods as provided in the first aspect of the application.
In a fourth aspect, an embodiment of the present application further provides a computer-readable storage medium, where instructions, when executed by a processor of an electronic device, enable the electronic device to perform any one of the methods as provided in the first aspect of the present application.
In a fifth aspect, an embodiment of the present application provides a computer program product comprising computer programs/instructions which, when executed by a processor, implement any of the methods as provided in the first aspect of the present application.
The technical scheme provided by the embodiment of the application at least has the following beneficial effects:
the application provides a resource object display method, which comprises the steps of firstly, displaying a first page, wherein the first page comprises a first control, and the first control is used for obtaining a resource object, so that a user can obtain the resource object by operating the first control. Secondly, in response to the triggering operation of the first control, a target page corresponding to the resource object can be displayed on the first page; the resource objects can be displayed without additional processing by the user or jumping to other pages, so that the operation is simple and the display is flexible; in addition, the page loading mode that the first page and the target page are switched between the transparent display state and the visual expansion state respectively is adopted, the loading process does not need waiting for a user, the switching process is more flow, the waiting time caused by network time consumption is reduced, the phenomenon that the user is provided with unsmooth visual perception and the page segmentation feeling caused by the switching mode is avoided, seamless jumping among the pages is realized, and the continuity of the user experience process is improved.
It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings needed to be used in the embodiments of the present application will be briefly described below, and it is obvious that the drawings described below are only some embodiments of the present application, and it is obvious for those skilled in the art to obtain other drawings based on these drawings without creative efforts.
FIG. 1 is a diagram illustrating a resource object display method in the prior art;
fig. 2 is a schematic view of an application scenario of a resource object displaying method according to an embodiment of the present application;
fig. 3 is a flowchart of a resource object displaying method according to an embodiment of the present application;
FIG. 4 is a schematic diagram illustrating an exemplary entry into a home page of a client or application according to an embodiment of the present application;
fig. 5 is a schematic diagram of a first page according to an embodiment of the present application;
fig. 6 is a schematic diagram illustrating a second area displaying process according to an embodiment of the present application;
fig. 7 is a schematic diagram of another second area displaying process provided in an embodiment of the present application;
FIG. 8 is a diagram illustrating a first page being switched to a target page according to an embodiment of the present application;
fig. 9 is a schematic diagram illustrating a target page being switched to a second page according to an embodiment of the present application;
FIG. 10 is a schematic diagram illustrating a display from an expanded view to a contracted view resource object according to an embodiment of the present application;
FIG. 11 is a schematic diagram illustrating a resource object from a collapsed presentation to an expanded presentation according to an embodiment of the present application;
FIG. 12 is a flowchart of another resource object display method according to an embodiment of the present application;
FIG. 13 is a block diagram of a resource object display apparatus according to an embodiment of the present application;
fig. 14 is a schematic view of an electronic device for a resource object displaying method according to an embodiment of the present application.
Detailed Description
In order to make the technical solutions of the present application better understood by those of ordinary skill in the art, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the accompanying drawings.
It should be noted that the terms "first," "second," and the like in the description and claims of this application and in the drawings described above are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used is interchangeable under appropriate circumstances such that the embodiments of the application described herein are capable of operation in sequences other than those illustrated or described herein. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present application. Rather, they are merely examples of apparatus and methods consistent with certain aspects of the present application, as detailed in the appended claims.
Hereinafter, some terms in the embodiments of the present application are explained to facilitate understanding by those skilled in the art.
(1) In the embodiments of the present application, the term "plurality" means two or more, and other terms are similar thereto.
(2) "and/or" describes the association relationship of the associated objects, meaning that there may be three relationships, e.g., a and/or B, which may mean: a exists alone, A and B exist simultaneously, and B exists alone. The character "/" generally indicates that the former and latter associated objects are in an "or" relationship.
(3) A server serving the terminal, the contents of the service such as providing resources to the terminal, storing terminal data; the server is corresponding to the application program installed on the terminal and is matched with the application program on the terminal to run.
(4) The terminal device may refer to an APP (Application) of a software class, or may refer to a client. The system is provided with a visual display interface and can interact with a user; is corresponding to the server, and provides local service for the client. For software applications, except some applications that are only run locally, the software applications are generally installed on a common client terminal and need to be run in cooperation with a server terminal. After the internet has developed, more common applications include e-mail clients for e-mail receiving and sending, and instant messaging clients. For such applications, a corresponding server and a corresponding service program are required in the network to provide corresponding services, such as database services, configuration parameter services, and the like, so that a specific communication connection needs to be established between the client terminal and the server terminal to ensure the normal operation of the application program.
(5) And (4) control: the user can interact with the display device to input or operate the data object, and the display form can be a touch button, a search box and the like.
In particular practice, in current mobile products, a membership system is typically established in the product to activate new users, and the membership system product is presented to the users typically in the form of cards. Taking the example of showing the card for the user, the card can be a membership card, a preferential card, a month/season/year card, a trust card, a discount card, a rights card and the like, in order to show the card for the user and remind the user to pick up, in the current mobile product, the user can enter a membership system by opening the card or activating the card. For example, a user is guided to pick up a card through a pop-up window or a bubble or other rigid ways, referring to fig. 1, the user may click an icon which is present in a floating window and guides the user to pick up the card, however, after the card is picked up, if the user wants to view details of the card, the user needs to manually switch to another page (for example, click an icon for viewing a membership card), not only is the operation complicated, but also the display process of the card is relatively rigid.
Therefore, the method provides a resource object display method, wherein the display comprises a first control (such as a 'pay-off-the-go' control) for acquiring a resource object (such as an electronic membership card or a branch trust card), and then a target page corresponding to the resource object is directly displayed on the first page in response to a trigger operation (a user clicks the 'pay-off-the-go' control) on the first control, and the target page comprising the resource object can be seen without other operations performed by the user; in addition, in the display process, the first page and the target page are switched between the transparent display state and the visual display state respectively, the display is flexible, and the attention of a user to the resource object is improved.
After introducing the design concept of the embodiment of the present application, some simple descriptions are provided below for application scenarios to which the technical solution of the embodiment of the present application can be applied, and it should be noted that the application scenarios described below are only used for describing the embodiment of the present application and are not limited. In specific implementation, the technical scheme provided by the embodiment of the application can be flexibly applied according to actual needs.
Fig. 2 is a schematic view of an application scenario of a resource object displaying method according to an embodiment of the present application. The application scenario includes a plurality of terminal devices 201 (including terminal device 201-1, terminal device 201-2, … … terminal device 201-n), server 202. The terminal device 201 and the server 202 are connected through a wireless or wired network, and the terminal device 201 includes but is not limited to an electronic device such as a desktop computer, a mobile phone, a mobile computer, a tablet computer, a media player, a smart wearable device, and a smart television. The server 202 may be a server, a server cluster composed of several servers, or a cloud computing center. The server 202 may be an independent physical server, a server cluster or a distributed system formed by a plurality of physical servers, or a cloud server providing basic cloud computing services such as a cloud service, a cloud database, cloud computing, a cloud function, cloud storage, a network service, cloud communication, middleware service, a domain name service, a security service, a CDN, a big data and artificial intelligence platform, and the like.
The terminal 201-1 displays a first page, wherein the first page comprises a first control used for acquiring a resource object; responding to the triggering operation of the first control, and displaying a target page corresponding to the resource object on the first page; in the display process, the first page and the target page are respectively switched between a transparent display state and a visual display state. The message of acquiring the resource object may also be sent to the server 202, so that the server 102 can timely obtain the resource object acquired by each user.
Of course, the method provided in the embodiment of the present application is not limited to be used in the application scenario shown in fig. 2, and may also be used in other possible application scenarios, and the embodiment of the present application is not limited. The functions that can be implemented by each device in the application scenario shown in fig. 1 will be described in the following method embodiments, and will not be described in detail herein.
To further illustrate the technical solutions provided by the embodiments of the present application, the following detailed description is made with reference to the accompanying drawings and the detailed description. Although the embodiments of the present application provide method steps as shown in the following embodiments or figures, more or fewer steps may be included in the method based on conventional or non-inventive efforts. In steps where no necessary causal relationship exists logically, the order of execution of the steps is not limited to that provided by the embodiments of the present application.
The following describes the technical solution provided in the embodiment of the present application with reference to the application scenario shown in fig. 2.
Referring to fig. 3, an embodiment of the present application provides a resource object display method, including the following steps:
s301, displaying a first page, wherein the first page comprises a first control used for acquiring the resource object.
S302, responding to the trigger operation of the first control, and displaying a target page corresponding to the resource object on the first page; in the display process, the first page and the target page are respectively switched between a transparent display state and a visual display state.
In the embodiment of the application, first, a first page is displayed, the first page includes a first control, and the first control is used for acquiring the resource object, so that a user can acquire the resource object by operating the first control. Secondly, responding to the triggering operation of the first control, and displaying a target page corresponding to the resource object on the first page; in the display process, additional processing is not required for a user, and the operation is simple; in addition, the first page and the target page are switched between a transparent display state and a visual expansion state respectively, so that the flexibility of resource object display is improved.
Before presenting the first page, an initial page of the client or the application is presented, in which an entry control for entering a function module of the corresponding client or the application is included, and referring to fig. 4, a schematic diagram of entering a first page of the client or the application is shown, for example, clicking an entry control "XX shop", a page of the client or the application, for example, the first page, may be entered.
Referring to S301, the first control is, for example, a touch button, and is used to obtain a resource object, and the resource object is, for example, an electronic membership card or a store trust card, that is, the corresponding electronic membership card or store trust card can be received under its own account by clicking the first control.
Illustratively, taking a small store trust card as an example, fig. 5 shows a schematic diagram of a first page, where 51 is a first control, such as a "pay-off-for-purchase" control, for prompting a user of the existence of the small store trust card, and may prompt the user to obtain the small store trust card through the control, and if the user clicks the "pay-off-for-purchase", the corresponding electronic card may be obtained.
In order to improve the attention of the user to the resource object, in the display process of the first page, the guide information is displayed in a mode of switching from a transparent display state to a visual display state. Specifically, the process of guiding information from transparency to visualization is as follows:
under the condition that the first page is displayed for a preset time length, moving a first area where the first control is located, and displaying a second area in the first page; displaying guide information in a first area; and the guide information is switched from the transparent display state to the visual display state.
The preset time is 3 seconds, for example, and the first area where the first control is located can be moved after the first page is displayed for 3 seconds, so that the second area is displayed in the first page. Thus, the user is given a buffer time of 3 seconds from the visual perception of the user, and is reminded of the position change of the first area and the appearance of the second area.
In a specific example, the moving direction of the first area where the first control is located may be moving upward, moving downward, moving leftward or moving rightward, or may be moving to any other specified direction. For example, if the moving direction of the first control is moving to the right, the second area may be the area to the left of the first area. Referring to fig. 6, a schematic diagram of a process of displaying the second area is shown, in fig. 6, 61 is the first area, and 62 is the second area.
Still referring to fig. 6, after the first area is removed, guidance information, such as prompt information including information such as the user's head portrait, the user name, and prompt content, is displayed in the second area, and the prompt content may be directly related to the resource object, such as "send you a membership card"; or not directly related to acquiring the resource object, but also serves to prompt the user, "hey, Zhang III, which is the 283 th day we meet," etc.
In addition, the guidance information is switched from the transparent display state to the visual display state by adjusting the transparency of the guidance information: adjusting the transparency of the guide information to be 100%, and then, the guide information is in a transparent display state; the transparency is gradually decreased, and when the transparency is decreased to a preset transparency threshold (for example, 5%), a visual display state is defined.
In the embodiment, under the condition that the first page is displayed for the preset time, the guidance information is displayed in the displayed second area to prompt the user. In addition, the process from transparency to display of the guide information also improves the attention of the user to the guide information. The area where the guide information is located is obtained by moving the first area where the first control is located, so that the display of the guide information enables a user to have changes in visual level, and the perception and attention of the user to the resource object can be improved.
In the actual application process, the first page further comprises a third area for displaying the first target information; thus, the process of moving the first area to reveal the second area may be: and under the condition that the first page shows the preset duration, the first area and the third area move in the same direction to obtain a second area.
The first target information displayed in the third area is, for example, channel information displayed in a classified manner, and each channel information is, for example, recommendation information, selection information, food information, local specialties, and the like. And moving the first region and the third region in the same direction is, for example, moving up, moving down, moving left or moving right, or moving in any direction in the same direction. Referring to fig. 7, a schematic diagram of another second region displaying process is shown, in which the first region and the third region are moved downward to display the second region, in fig. 7, 71 is the first region, 72 is the second region, and 73 is the third region.
In the embodiment, the first area and the third area are moved in the same direction, so that the consistency of the first control and the first target information display is ensured; in addition, the same-direction movement occurs after the first page is displayed for a preset time, so that the attention of the user to the same-direction movement of the first area and the third area is improved.
As above, a dynamic presentation process for the first page is implemented.
Referring to S302, if a trigger operation of the user on the first control in the first page is detected, for example, the user clicks the first control, in response to the trigger operation, a target page corresponding to the resource object is displayed on the first page. In the display process, the visual display state of the first page is switched to the transparent display state, and the transparent display state of the second page is switched to the visual display state.
In the process of displaying the target page corresponding to the resource object on the first page, if the first control still takes "receive at once for example, then the user clicks" receive at once ", at this time, the target page is displayed on the first page, and the target page includes information related to the resource object. For example, if the resource object is a small store trust card, the target page is a target page corresponding to the small store trust card, and the information related to the resource object is, for example, an icon of the small store trust card.
Specifically, displaying the target page corresponding to the resource object on the first page may specifically be implemented by: responding to the triggering operation of the first control, dynamically displaying a fourth area containing a target element corresponding to the resource object, and dynamically hiding the first page; displaying a fifth area including second target information under the condition that the target element meets a preset display condition; and obtaining a target page corresponding to the resource object based on the fourth area and the fifth area.
The resource object corresponds to each target element, and for example, if the resource object is a store trust card, the target element is an element representing a function or an attribute of the store trust card, for example, "sign-in coupon", "membership score", or the like. Therefore, after responding to the triggering operation of the first control, the fourth area including the target element corresponding to the resource object can be dynamically exposed, and the dynamic exposure process can be, for example, adjusting the exposure size of the resource object in real time and dynamically hiding the first page.
In addition, in the display process of the target element, if a preset display condition is met, a fifth area including second target information is displayed. Illustratively, the preset display condition includes a position condition or a display size condition, and the like, where the position condition is, for example, that, when the fourth region including the target element corresponding to the small store trust card is dynamically displayed, the position of the small store trust card is moved to a preset position, and the preset position is, for example, the top of the current page; the display size condition is, for example, when the display size of the small store trust card reaches a preset size or the display size is maximized. In this way, a fifth area including second target information is displayed, where the second target information is, for example, a store name display list of a high-quality electronic commerce anchor, and specifically, store names, head portraits, offer information, and the like can be displayed.
In this way, the target page corresponding to the resource object is obtained based on the fourth area and the fifth area, and the position relationship between the fourth area and the fifth area may be, for example, an upper-lower relationship, a left-right relationship, or any set relationship. From the habit of the user, the fourth area can be arranged above the fifth area, so that the user can visually see the target elements corresponding to the resource objects.
Referring to fig. 8, a schematic diagram of switching from a first page to a target page is shown, in this example, the preset display conditions are that the display size of the store trust card is maximized, 81 is a fourth area, and 82 is a fifth area.
According to the embodiment, after the user triggers the first control, the resource object is acquired, the dynamic display effect of the target element corresponding to the resource object can be acquired, extra operation is not needed in the process, the target element of the resource object can be checked without jumping to other pages, and the fluency and interestingness of the user operation process are improved. In addition, under the condition that the target element meets the preset display condition, second target information can be displayed, so that the user can know the target element corresponding to the resource object by combining the second target information.
As above, a target page corresponding to the resource object is shown on the first page, and a second control is included in the target page, and the second control is used for displaying the resource object in a contracted manner, such as a return button. Wherein the reduced display ratio is, for example, changed from a larger display size to a smaller display size.
In this way, after the target page corresponding to the resource object is displayed on the first page, the triggering operation of the user on the second control can be detected, and the second page is displayed on the target page in response to the triggering operation on the second control; in the display process, the target elements corresponding to the resource objects are displayed in the target area of the second page in a contraction display state, and the target page and the second page are respectively switched between a transparent display state and a visual display state.
Referring to fig. 9, a schematic diagram of a target page switching to a second page is shown, where, for example, a user clicks the second control 91, 92 as a target area, and the second page is displayed on the target page, for example, the target page is switched from a visual display state to a transparent display state, and the second page is switched from the transparent display state to the visual display state. And the process that the second page covers the target page is the process that the second page covers from the visual effect of the user. In the presentation process, the resource object is presented in the target area of the second page and is presented in the form of a target element.
In the above embodiment, in the process of displaying the second page on the target page, the target element corresponding to the resource object is displayed in the contracted display state, so that the space for displaying the resource object in the second page can be saved, so as to leave more space for displaying other contents and provide more display contents for the user.
The displaying of the second page on the target page may be specifically realized by the following steps: responding to the triggering operation of the second control, dynamically contracting and displaying a target element corresponding to the resource object in the target area, dynamically displaying a sixth area for displaying the first target information, and hiding a target page; and obtaining a second page based on the target area and the sixth area.
For example, the contraction display is to keep only one of the target elements corresponding to the resource object for display, or hide all the target elements and generate other display elements. And the dynamic shrink display may be, for example, a rotating display of the shrunk resource object. In the process of dynamic contraction display, the display size of the resource object can be reduced.
In addition, a sixth area of the first target information is dynamically shown, in the process, the target page is hidden, and a second page is obtained based on the target area and the sixth area. In a specific example, the positional relationship between the target region and the sixth region may be, for example, an upper-lower relationship, a left-right relationship, or any set relationship. From the habit of the user, the target area can be arranged above the sixth area, so that the user can visually see the contraction display form of the target element corresponding to the resource object.
Referring to FIG. 10, a schematic diagram of a display from expansion to contraction is shown, wherein other display elements such as "Send you 10 Yuan Ticket", 1001 is the target area, and 1002 is the sixth area are generated.
According to the embodiment, after the user triggers the second control, the target elements corresponding to the resource objects are dynamically contracted and displayed, and the display space in the second page is saved. The first target information can also be displayed, so that even if the target element corresponding to the resource object is displayed in a contracted manner, the user can also know the relationship between the first target information and the target element of the resource object by combining the first target information.
As above, the second page is presented on the target page, and the target area of the second page includes a third control for expanding the target element corresponding to the presentation resource object, and the presentation form of the third control is, for example, a controllable area in a blank space in the target area.
In this way, after the resource object is displayed on the target page and corresponds to the second page, the target page corresponding to the resource object is displayed on the second page in response to the triggering operation of the third control; in the display process, the resource object is switched from a contraction display state to an expansion display state; and the second page and the target page are respectively switched between a transparent display state and a visual display state.
And displaying the target page corresponding to the resource object on the second page when the triggering operation of the third control is detected, wherein the second page can be hidden in the displaying process. In addition, the resource object is switched from the contracted display state to the expanded display state, for example, the target elements corresponding to the resource object are expanded and displayed one by one. In addition, in order to improve the visual effect of the user, the second page is switched from the visual display state to the transparent display state, and the target page is switched from the transparent display state to the target display state.
Referring to FIG. 11, a schematic diagram of a resource object from a collapsed presentation to an expanded presentation is shown, wherein 111 is a third control.
According to the embodiment, under the condition that the resource objects are in the shrink display state, the requirement that the user knows the target elements corresponding to the resource objects can be met, and the flexibility of resource object display is improved.
In order to make the technical solution of the present application more coherent, a specific example is used to describe the resource object display process in the embodiment of the present application, and refer to fig. 12.
S121, displaying a first page, wherein the first page comprises a first control used for acquiring the resource object.
And S122, under the condition that the preset duration is displayed on the first page, moving the first area where the first control is located and the third area for displaying the first target information in the same direction, and displaying the second area on the first page.
And S123, displaying the guide information in the second area.
And the guide information is switched from the transparent display state to the visual display state.
And S124, responding to the trigger operation of the first control, dynamically displaying a fourth area containing the target element corresponding to the resource object, and dynamically hiding the first page.
And S125, displaying a fifth area comprising second target information under the condition that the target elements meet preset display conditions.
And S126, obtaining a target page corresponding to the resource object based on the fourth area and the fifth area.
And S127, responding to the triggering operation of the second control for resource object contraction display in the target page, dynamically contracting and displaying the target element corresponding to the resource object in the target area, dynamically displaying the sixth area for displaying the first target information, and hiding the target page.
And S128, obtaining a second page based on the target area and the sixth area.
And the target page and the second page are respectively switched between a transparent display state and a visual display state.
And S129, responding to the triggering operation of a third control used for expanding and displaying the target element corresponding to the resource object in the target area in the second page, and displaying the target page corresponding to the resource object on the second page.
In the display process, the resource object is switched from a contraction display state to an expansion display state; and the second page and the target page are respectively switched between a transparent display state and a visual display state.
The loading mode of each page in the above embodiment is a switching process of each page realized by switching between the transparent display state and the visual display state, and the loading process does not need waiting for a user, so that the switching process is more flow, the waiting time caused by network time consumption is reduced, the phenomenon that the user is brought with unsmooth visual perception and the page segmentation feeling caused by the switching mode is avoided, seamless jump between each page is realized, and the continuity of the user experience process is improved. In addition, compared with the rigid card picking mode in the prior art, the interest is also enhanced.
Fig. 13 is a block diagram illustrating a resource object presentation apparatus according to an exemplary embodiment, and referring to fig. 13, the apparatus includes a first presentation unit 131 and a second presentation unit 132.
The first display unit 131 is configured to display a first page, where the first page includes a first control for acquiring a resource object;
the second display unit 132 is configured to display, in response to a trigger operation on the first control, a target page corresponding to the resource object on the first page; in the display process, the first page and the target page are respectively switched between a transparent display state and a visual display state.
In some exemplary embodiments, the method further comprises a third display unit for, after the step of displaying the first page:
under the condition that the first page is displayed for a preset time length, moving a third area where the first control is located, and displaying the first area in the first page;
displaying guide information in a first area; and the guide information is switched from the transparent display state to the visual display state.
In some exemplary embodiments, the first page further includes a second area for presenting the first target information;
the third display unit is further configured to:
and under the condition that the first page is displayed for a preset time length, the second area and the third area move in the same direction.
In some exemplary embodiments, the first display unit 131 is specifically configured to:
responding to the triggering operation of the first control, dynamically displaying a fourth area containing a target element corresponding to the resource object, and dynamically hiding the first page;
displaying a fifth area including second target information under the condition that the target element meets a preset display condition;
and obtaining a target page corresponding to the resource object based on the fourth area and the fifth area.
In some exemplary embodiments, the target page includes a second control for shrinking the display of the resource object;
the device further comprises a fourth display unit, configured to, after displaying the target page corresponding to the resource object on the first page:
responding to the triggering operation of the second control, and displaying a second page on the target page;
in the display process, the target elements corresponding to the resource objects are displayed in the target area of the second page in a contraction display state, and the target page and the second page are respectively switched between a transparent display state and a visual display state.
In some exemplary embodiments, the fourth display unit is specifically configured to:
responding to the triggering operation of the second control, dynamically contracting and displaying a target element corresponding to the resource object in the target area, dynamically displaying a sixth area for displaying the first target information, and hiding a target page;
and obtaining a second page based on the target area and the sixth area.
In some exemplary embodiments, the target area includes a third control element for expanding a target element corresponding to the resource object, and the apparatus further includes a fifth presentation unit for, after presenting the second page corresponding to the resource object on the target page:
responding to the triggering operation of the third control, and displaying a target page corresponding to the resource object on the second page;
in the display process, the resource object is switched from a contraction display state to an expansion display state; and the second page and the target page are respectively switched between a transparent display state and a visual display state.
After the resource object presenting method and apparatus according to the exemplary embodiment of the present application are introduced, an electronic device according to another exemplary embodiment of the present application is introduced next.
As will be appreciated by one skilled in the art, aspects of the present application may be embodied as a system, method or program product. Accordingly, various aspects of the present application may be embodied in the form of: an entirely hardware embodiment, an entirely software embodiment (including firmware, microcode, etc.) or an embodiment combining hardware and software aspects that may all generally be referred to herein as a "circuit," module "or" system.
In some possible implementations, an electronic device according to the present application may include at least one processor, and at least one memory. The memory stores program code, and the program code, when executed by the processor, causes the processor to perform the steps of the resource object presentation method according to various exemplary embodiments of the present application described above in the present specification. For example, a processor may perform steps as in a resource object exposure method.
The electronic device 140 according to this embodiment of the present application is described below with reference to fig. 14. The electronic device 140 shown in fig. 14 is only an example, and should not bring any limitation to the functions and the scope of use of the embodiments of the present application.
As shown in fig. 14, the electronic device 140 is represented in the form of a general electronic device. The components of the electronic device 140 may include, but are not limited to: the at least one processor 141, the at least one memory 142, and a bus 143 that couples various system components including the memory 142 and the processor 141.
Bus 143 represents one or more of any of several types of bus structures, including a memory bus or memory controller, a peripheral bus, a processor, or a local bus using any of a variety of bus architectures.
The memory 142 may include readable media in the form of volatile memory, such as Random Access Memory (RAM)1421 and/or cache memory 1422, and may further include Read Only Memory (ROM) 1423.
Memory 142 may also include a program/utility 1425 having a set (at least one) of program modules 1424, such program modules 1424 including, but not limited to: an operating system, one or more application programs, other program modules, and program data, each of which, or some combination thereof, may comprise an implementation of a network environment.
The electronic device 140 may also communicate with one or more external devices 144 (e.g., keyboard, pointing device, etc.), with one or more devices that enable a user to interact with the electronic device 140, and/or with any devices (e.g., router, modem, etc.) that enable the electronic device 140 to communicate with one or more other electronic devices. Such communication may be through an input/output (I/O) interface 145. Also, the electronic device 140 may communicate with one or more networks (e.g., a Local Area Network (LAN), a Wide Area Network (WAN), and/or a public network, such as the internet) via the network adapter 146. As shown, the network adapter 146 communicates with other modules for the electronic device 140 over the bus 143. It should be understood that although not shown in the figures, other hardware and/or software modules may be used in conjunction with the electronic device 140, including but not limited to: microcode, device drivers, redundant processors, external disk drive arrays, RAID systems, tape drives, and data backup storage systems, among others.
In an exemplary embodiment, a computer-readable storage medium comprising instructions, such as memory 142 comprising instructions, executable by processor 141 to perform the above-described method is also provided. Alternatively, the computer readable storage medium may be a ROM, a Random Access Memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, and the like.
In an exemplary embodiment, there is also provided a computer program product comprising computer programs/instructions which, when executed by the processor 141, implement any of the resource object presentation methods as provided herein.
In an exemplary embodiment, various aspects of a resource object presentation method provided by the present application may also be implemented in the form of a program product, which includes program code for causing a computer device to perform the steps in a resource object presentation method according to various exemplary embodiments of the present application described above in this specification when the program product is run on the computer device.
The program product may employ any combination of one or more readable media. The readable medium may be a readable signal medium or a readable storage medium. A readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples (a non-exhaustive list) of the readable storage medium include: an electrical connection having one or more wires, a portable disk, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
The program product for image scaling of embodiments of the present application may employ a portable compact disc read only memory (CD-ROM) and include program code, and may be run on an electronic device. However, the program product of the present application is not limited thereto, and in this document, a readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device.
A readable signal medium may include a propagated data signal with readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated data signal may take any of a variety of forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A readable signal medium may also be any readable medium that is not a readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device.
Program code embodied on a readable medium may be transmitted using any appropriate medium, including but not limited to wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.
Program code for carrying out operations of the present application may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, C + + or the like and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the consumer electronic device, partly on the consumer electronic device, as a stand-alone software package, partly on the consumer electronic device and partly on a remote electronic device, or entirely on the remote electronic device or server. In the case of remote electronic devices, the remote electronic devices may be connected to the consumer electronic device through any kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or may be connected to an external electronic device (e.g., through the internet using an internet service provider).
It should be noted that although several units or sub-units of the apparatus are mentioned in the above detailed description, such division is merely exemplary and not mandatory. Indeed, the features and functions of two or more units described above may be embodied in one unit, according to embodiments of the application. Conversely, the features and functions of one unit described above may be further divided into embodiments by a plurality of units.
Further, while the operations of the methods of the present application are depicted in the drawings in a particular order, this does not require or imply that these operations must be performed in this particular order, or that all of the illustrated operations must be performed, to achieve desirable results. Additionally or alternatively, certain steps may be omitted, multiple steps combined into one step execution, and/or one step broken down into multiple step executions.
As will be appreciated by one skilled in the art, embodiments of the present application may be provided as a method, system, or computer program product. Accordingly, the present application may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present application may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.
The present application is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the application. It will be understood that each flow and/or block of the flow diagrams and/or block diagrams, and combinations of flows and/or blocks in the flow diagrams and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable image scaling apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable image scaling apparatus, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable image scaling apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be loaded onto a computer or other programmable image scaling device to cause a series of operational steps to be performed on the computer or other programmable device to produce a computer implemented process such that the instructions which execute on the computer or other programmable device provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
While the preferred embodiments of the present application have been described, additional variations and modifications in those embodiments may occur to those skilled in the art once they learn of the basic inventive concepts. Therefore, it is intended that the appended claims be interpreted as including preferred embodiments and all alterations and modifications as fall within the scope of the application.
It will be apparent to those skilled in the art that various changes and modifications may be made in the present application without departing from the spirit and scope of the application. Thus, if such modifications and variations of the present application fall within the scope of the claims of the present application and their equivalents, the present application is intended to include such modifications and variations as well.

Claims (10)

1. A resource object display method is characterized by comprising the following steps:
displaying a first page, wherein the first page comprises a first control for acquiring a resource object;
responding to the triggering operation of the first control, and displaying a target page corresponding to the resource object on the first page; in the display process, the first page and the target page are respectively switched between a transparent display state and a visual display state.
2. The method of claim 1, wherein after the step of presenting the first page, the method further comprises:
under the condition that the first page is displayed for a preset time, moving a first area where the first control is located, and displaying a second area in the first page;
displaying guide information in the second area; and the guide information is switched from a transparent display state to a visual display state.
3. The method according to claim 2, wherein the first page further comprises a third area for showing the first target information; the method further comprises the following steps:
and under the condition that the first page is displayed for a preset time length, the first area and the third area move in the same direction.
4. The method of claim 1, wherein the presenting a target page corresponding to the resource object on the first page in response to the triggering operation of the first control comprises:
responding to the triggering operation of the first control, dynamically displaying a fourth area containing a target element corresponding to the resource object, and dynamically hiding the first page;
displaying a fifth area including second target information under the condition that the target element meets a preset display condition;
and obtaining a target page corresponding to the resource object based on the fourth area and the fifth area.
5. The method of claim 1, wherein the target page includes a second control for shrinking the display of the resource object;
after the target page corresponding to the resource object is displayed on the first page, the method further includes:
displaying a second page on the target page in response to the triggering operation of the second control;
in the display process, the target element corresponding to the resource object is displayed in a target area of the second page in a contraction display state, and the target page and the second page are respectively switched between a transparent display state and a visual display state.
6. The method of claim 5, wherein the presenting the second page on the target page in response to the triggering operation of the second control comprises:
responding to the triggering operation of the second control, dynamically contracting and displaying a target element corresponding to the resource object in the target area, dynamically displaying a sixth area for displaying first target information, and hiding the target page;
and obtaining the second page based on the target area and the sixth area.
7. The method of claim 5 or 6, wherein the target area comprises a third control for expanding a target element corresponding to the resource object, and after the second page corresponding to the resource object is displayed on the target page, the method further comprises:
responding to the triggering operation of the third control, and displaying a target page corresponding to the resource object on the second page;
in the display process, the resource object is switched from a contraction display state to an expansion display state; and the second page and the target page are respectively switched between a transparent display state and a visual display state.
8. A resource object presentation apparatus, comprising:
the first display unit is used for displaying a first page, and the first page comprises a first control used for acquiring a resource object;
the second display unit is used for responding to the triggering operation of the first control and displaying a target page corresponding to the resource object on the first page; in the display process, the first page and the target page are respectively switched between a transparent display state and a visual display state.
9. An electronic device, comprising:
a processor;
a memory for storing the processor-executable instructions;
wherein the processor is configured to execute the instructions to implement the method of any one of claims 1 to 7.
10. A computer-readable storage medium, wherein instructions in the computer-readable storage medium, when executed by a processor of an electronic device, enable the electronic device to perform the method of any of claims 1-7.
CN202111645304.XA 2021-12-30 2021-12-30 Resource object display method and device, electronic equipment and storage medium Pending CN114327167A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202111645304.XA CN114327167A (en) 2021-12-30 2021-12-30 Resource object display method and device, electronic equipment and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111645304.XA CN114327167A (en) 2021-12-30 2021-12-30 Resource object display method and device, electronic equipment and storage medium

Publications (1)

Publication Number Publication Date
CN114327167A true CN114327167A (en) 2022-04-12

Family

ID=81016584

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111645304.XA Pending CN114327167A (en) 2021-12-30 2021-12-30 Resource object display method and device, electronic equipment and storage medium

Country Status (1)

Country Link
CN (1) CN114327167A (en)

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107665076A (en) * 2017-09-14 2018-02-06 广州神马移动信息科技有限公司 Show method, equipment, browser and the electronic equipment of web page contents
WO2021065020A1 (en) * 2019-09-30 2021-04-08 Line株式会社 Control method, program, and terminal
CN112633933A (en) * 2020-12-28 2021-04-09 北京三快在线科技有限公司 Information recommendation method and device
CN112819591A (en) * 2021-02-26 2021-05-18 口碑(上海)信息技术有限公司 Information display method and device, electronic equipment and readable storage medium
CN113298592A (en) * 2020-07-15 2021-08-24 阿里巴巴集团控股有限公司 Commodity object information display method and device and electronic equipment

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107665076A (en) * 2017-09-14 2018-02-06 广州神马移动信息科技有限公司 Show method, equipment, browser and the electronic equipment of web page contents
WO2021065020A1 (en) * 2019-09-30 2021-04-08 Line株式会社 Control method, program, and terminal
CN113298592A (en) * 2020-07-15 2021-08-24 阿里巴巴集团控股有限公司 Commodity object information display method and device and electronic equipment
CN112633933A (en) * 2020-12-28 2021-04-09 北京三快在线科技有限公司 Information recommendation method and device
CN112819591A (en) * 2021-02-26 2021-05-18 口碑(上海)信息技术有限公司 Information display method and device, electronic equipment and readable storage medium

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
成振波: "《计算机辅助平面设计人人都可以学的Photoshop和Illustrator》", 31 May 2021, 北京:机械工业出版社, pages: 34 - 37 *

Similar Documents

Publication Publication Date Title
CN106303723B (en) Video processing method and device
US20230130438A1 (en) Method and apparatus for providing multimedia content, and device
WO2022193597A1 (en) Interface information switching method and apparatus
US20140195890A1 (en) Browser interface for accessing supplemental content associated with content pages
US10878175B2 (en) Portlet display on portable computing devices
US20160371751A1 (en) Methods and systems for reducing inadvertent interactions with advertisements displayed on a computing device
CA2914683A1 (en) System, method and user interface for designing customizable products from a mobile device
EP3910494A1 (en) Method for presenting documents using a reading list panel
CN111324252B (en) Display control method and device in live broadcast platform, storage medium and electronic equipment
US20100083170A1 (en) Advertising-driven theme preview and selection
CN109582884B (en) Insurance product sharing link generation method, apparatus, medium and computer device
US20230244363A1 (en) Screen capture method and apparatus, and electronic device
US20160239171A1 (en) Information display apparatus, distribution apparatus, information display method, and non-transitory computer readable storage medium
CN113655895B (en) Information recommendation method and device applied to input method and electronic equipment
CN113536755A (en) Method, device, electronic equipment, storage medium and product for generating poster
CN111897607A (en) Application interface loading and interaction method, device and storage medium
US20210082004A1 (en) Methods and systems for reducing inadvertent interactions with advertisements displayed on a computing device
EP3819760A1 (en) Methods and apparatus for generating a platform-agnostic mobile application configuration data structure with a dynamic quiz
CN113784194A (en) Embedding method and device of video player
CN113126863B (en) Object selection implementation method and device, storage medium and electronic equipment
CN110647327A (en) Method and device for dynamic control of user interface based on card
CN106383705B (en) Method and device for setting mouse display state in application thin client
CN114327167A (en) Resource object display method and device, electronic equipment and storage medium
US20160147741A1 (en) Techniques for providing a user interface incorporating sign language
CN110853643A (en) Method, device, equipment and storage medium for voice recognition in fast application

Legal Events

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