Interface interaction method and device, equipment and storage medium

Abstract

The invention provides an interface interaction method and device, equipment and a storage medium. The method provided herein includes: in response to a first element in a first region being in a selected state, presenting a first visual content of a first virtual resource in a second region, the first element corresponding to the first virtual resource, the first region associated with a first type of virtual resource, the first region corresponding to a first element layout; in response to the received first switching operation, a second element in a third area is switched to a selection state, the second element corresponds to a second virtual resource, the third area is associated with a second type of virtual resource, the third area corresponds to a second element layout, and the first element layout is different from the second element layout; and updating the second region to present second visual content of the second virtual resource. In this way, the display mode of the virtual resources can be enriched.

Description

Technical Field

[0001] The examples in this article generally relate to the field of computer science, and in particular to methods, apparatuses, devices, and computer-readable storage media for user interface interaction. Background Technology

[0002] With the increasing maturity of internet technology, more and more users are using online platforms for interaction and communication. For example, in some interactive scenarios, users can acquire virtual resources by participating in activities. Users can also view the acquired virtual resources on the corresponding interface. Therefore, how to improve the efficiency of users viewing virtual resources is worthy of attention. Summary of the Invention

[0003] In a first aspect, a method for interface interaction is provided. The method includes: in response to a first element in a first region being selected, presenting first visual content of a first virtual resource in a second region, the first element corresponding to the first virtual resource, the first region being associated with a first type of virtual resource, and the first region corresponding to a first element layout; in response to receiving a first switching operation, switching a second element in a third region to a selected state, the second element corresponding to a second virtual resource, the third region being associated with a second type of virtual resource, the third region corresponding to a second element layout, and the first element layout being different from the second element layout; and updating the second region to present second visual content of the second virtual resource.

[0004] In a second aspect, an apparatus for interface interaction is provided. The apparatus includes: a first presentation module configured to, in response to a first element in a first region being selected, present first visual content of a first virtual resource in a second region, wherein the first element corresponds to the first virtual resource, the first region is associated with a first type of virtual resource, and the first region corresponds to a first element layout; a first switching module configured to, in response to receiving a first switching operation, switch a second element in a third region to a selected state, wherein the second element corresponds to a second virtual resource, the third region is associated with a second type of virtual resource, the third region corresponds to a second element layout, and the first element layout is different from the second element layout; and an update module configured to update the second region to present second visual content of the second virtual resource.

[0005] In a third aspect, an electronic device is provided. The device includes at least one processor; and at least one memory coupled to the at least one processor and storing instructions for execution by the at least one processor. When executed by the at least one processor, the instructions cause the device to perform the method of the first aspect.

[0006] In a fourth aspect, a computer-readable storage medium is provided. The computer-readable storage medium stores a computer program that can be executed by a processor to implement the method of the first aspect.

[0007] In a fifth aspect, a computer program product is provided. The computer program product is tangibly stored in a computer storage medium and includes computer-executable instructions that, when executed by a device, cause the device to implement the method of the first aspect.

[0008] This approach allows for the presentation of elements in the first and third zones with different element layouts, enabling different types of virtual resources to be presented based on different layout styles, thus enriching the ways in which virtual resources are displayed. Furthermore, it allows users to select elements to view the visual content of corresponding virtual resources, thereby improving the efficiency of viewing virtual resources.

[0009] It should be understood that the content described in this section is not intended to limit the key or important features of the examples in this paper, nor is it intended to restrict the scope of the solution. Other features will become readily apparent from the following description. Attached Figure Description

[0010] The above and other features, advantages, and aspects of the various examples herein will become more apparent when taken in conjunction with the accompanying drawings and the following detailed description. In the accompanying drawings, the same or similar reference numerals denote the same or similar elements, wherein: Figure 1 A schematic diagram of the example environment is shown; Figures 2A to 2M Example interfaces for some scenarios are shown; Figure 3 The flowcharts show example processes of interface interactions in some scenarios; Figure 4 Schematic block diagrams of example devices for interface interaction in some scenarios are shown; and Figure 5 A block diagram of an electronic device capable of implementing multiple illustrative scenarios is shown. Detailed Implementation

[0011] The examples in the text will now be described in more detail with reference to the accompanying drawings. While some examples are shown in the drawings, it should be understood that solutions can be implemented in various forms and should not be construed as limited to the examples presented herein. Rather, these examples are provided to provide a more thorough and complete understanding of the solutions. It should be understood that the drawings and examples in this document are for illustrative purposes only and are not intended to limit the scope of protection of the solutions.

[0012] It should be noted that the headings of any section / subsection provided herein are not restrictive. Various examples are described throughout this document, and examples of any type may be included under any section / subsection. Furthermore, examples described in any section / subsection may be combined in any way with any other examples described in the same section / subsection and / or different sections / subsections.

[0013] In the description of the examples in this document, the term "including" and similar terms should be understood as open inclusion, i.e., "including but not limited to". The term "based on" should be understood as "at least partially based on". The term "an example" or "the example" should be understood as "at least one example". The term "some examples" should be understood as "at least some examples". Other explicit and implicit definitions may also be included below. The terms "first", "second", etc., may refer to different or the same objects. Other explicit and implicit definitions may also be included below.

[0014] The examples in this document may involve user data, data acquisition, and / or use. All of these aspects comply with relevant laws, regulations, and provisions. In the examples presented herein, all data collection, acquisition, processing, manipulation, forwarding, and use are conducted with the user's knowledge and confirmation. Accordingly, when implementing each example, the type, scope of use, and usage scenarios of any data or information that may be involved should be communicated to the user and their authorization obtained through appropriate means, in accordance with relevant laws and regulations. The specific methods of notification and / or authorization can vary depending on the actual situation and application scenario; the scope of the solution is not limited in this regard.

[0015] In this manual and the sample solutions, any processing of personal information will be conducted only on a legal basis (such as with the consent of the data subject or as necessary for the performance of a contract) and will only be carried out within the scope stipulated or agreed upon. A user's refusal to process personal information beyond what is necessary for basic functions will not affect the user's use of basic functions.

[0016] As mentioned above, with the increasing maturity of network technology, more and more users are using online platforms for interaction and communication. For example, in some interactive scenarios, users can obtain virtual resources by participating in activities. Users can also view the obtained virtual resources on the corresponding interface. Therefore, how to improve the efficiency of users viewing virtual resources is worthy of attention.

[0017] A scheme for interface interaction is proposed. According to this scheme, in response to a first element in a first region being selected, the first visual content of a first virtual resource is presented in a second region. The first element corresponds to the first virtual resource. The first region is associated with a first type of virtual resource. The first region corresponds to a first element layout. In response to receiving a first switching operation, the second element in a third region is switched to a selected state. The second element corresponds to a second virtual resource. The third region is associated with a second type of virtual resource. The third region corresponds to a second element layout. The first element layout differs from the second element layout. Furthermore, the second region can be updated to present the second visual content of the second virtual resource.

[0018] In this way, elements corresponding to different types of virtual resources can be presented in the first and third zones respectively. Different element layouts are used in the first and third zones, allowing different types of virtual resources to be presented based on different layout styles, thus enriching the display methods of virtual resources and improving the efficiency of user viewing. Furthermore, by selecting elements in the first or third zone, the visual content presented in the second zone can be adjusted, enabling users to view the visual content of corresponding virtual resources by selecting elements, thereby further improving the efficiency of user viewing.

[0019] The following describes various examples of this scheme in further detail with reference to the accompanying drawings.

[0020] Example Environment Figure 1 A schematic diagram of example environment 100 is shown. (e.g.) Figure 1 As shown, example environment 100 may include electronic device 110.

[0021] In this example environment 100, electronic device 110 can run an application 120 that supports user interface interaction. Application 120 can be any suitable type of application for user interface interaction, including but not limited to: media content, social applications, or other suitable applications. User 140 can interact with application 120 via electronic device 110 and / or its attached devices.

[0022] exist Figure 1 In environment 100, if application 120 is active, electronic device 110 can use application 120 to present interface 150 for supporting interface interaction.

[0023] In some cases, electronic device 110 communicates with server 130 to provide services to application 120. Electronic device 110 can be any type of mobile terminal, fixed terminal, or portable terminal, including mobile phones, desktop computers, laptop computers, notebook computers, netbook computers, tablet computers, media computers, multimedia tablets, handheld computers, portable gaming terminals, VR / AR devices, personal communication system (PCS) devices, personal navigation devices, personal digital assistants (PDAs), audio / video players, digital cameras / camcorders, positioning devices, television receivers, radio receivers, e-book devices, gaming devices, or any combination of the foregoing, including accessories and peripherals of these devices or any combination thereof. In some cases, electronic device 110 can also support any type of user-facing interface (such as "wearable" circuitry).

[0024] Server 130 can be a standalone physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server providing basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, content delivery networks, and big data and artificial intelligence platforms. Server 130 may include, for example, computing systems / servers such as mainframes, edge computing nodes, computing devices in a cloud environment, etc. Server 130 can provide backend services for applications 120 that support user interface interaction in electronic devices 110.

[0025] A communication connection can be established between server 130 and electronic device 110. This communication connection can be established via wired or wireless means. The communication connection can include, but is not limited to, Bluetooth, mobile network, Universal Serial Bus (USB), and Wireless Fidelity (WiFi) connections. In some cases, server 130 and electronic device 110 can exchange signaling information through their communication connection.

[0026] It should be understood that the structure and function of the various elements in environment 100 are described for illustrative purposes only and do not imply any limitation on the scope of the scheme.

[0027] The following description of the example will continue with reference to the accompanying drawings.

[0028] Example Interaction Figures 2A to 2MExample interfaces 200A to 200M are shown according to some scenarios. Interfaces 200A to 200M can, for example, be provided by... Figure 1 The electronic device 110 shown is provided.

[0029] In some cases, such as Figure 2A As shown, electronic device 110 can present interface 200A. Interface 200A can be implemented as an interface associated with virtual resources (also known as an active interface). Electronic device 110 can present information associated with virtual resources in multiple areas of interface 200A. In some cases, interface 200A may include a first area 202, a second area 204, and a third area 206. In some cases, the first area 202 and the third area 206 may be separated by preset graphic elements (e.g., line elements or border elements) to distinguish the positions of the first area 202 and the third area 206.

[0030] In some cases, the electronic device 110 may present multiple elements, such as element 208-1, element 208-2, and element 208-3, in a first area 202 of the interface 200A. The first area 202 is associated with a first type of virtual resource. For example, the first area 202 may present elements associated with a first type of virtual resource. For example, elements 208-1, 208-2, and 208-3 correspond to a first type of virtual resource. Virtual resources may include virtual cards. Different virtual resources may correspond to different virtual cards. Different virtual resources may correspond to different visual content.

[0031] In some cases, electronic device 110 can determine the presentation style of a corresponding element in the first area 202 based on the acquisition status of the virtual resource. Such an acquisition status can indicate whether the corresponding virtual resource has been acquired. Taking element 208-3 as an example, electronic device 110 can, in response to the virtual resource corresponding to element 208-3 corresponding to a first acquisition status (e.g., the virtual resource corresponding to element 208-3 has not been acquired), present element 208-3 in the first area 202 in a text style. For example, the text style can indicate the text identifier (e.g., "card 6") of the corresponding virtual resource. Taking elements 208-1 and 208-2 as examples, electronic device 110 can, in response to the virtual resources corresponding to elements 208-1 and 208-2 corresponding to a second acquisition status (e.g., the virtual resources corresponding to elements 208-1 and 208-2 have been acquired), present elements 208-1 and 208-2 in the first area 202 in an image style. For example, the image style can indicate the visual content of the corresponding virtual resource.

[0032] In some cases, the first area 202 corresponds to a first element layout. As an example, the first element layout may indicate that multiple elements in the first area 202 are displayed in a tiled style. Such a tiled style may indicate an arrangement in a gridded manner (e.g., a multi-row or multi-column style). The gridded elements are aligned horizontally and / or vertically. For example, elements 208-1, 208-2, and 208-3 are presented in the first area 202 in a single-row, multi-column style.

[0033] In some cases, the third area 206 is associated with a second type of virtual resource. The electronic device 110 can present elements associated with the second type of virtual resource, such as element 210, in the third area 206. In some cases, the second type differs from the first type. For example, the first type of virtual resource and the second type of virtual resource can correspond to different sets of virtual resources. For example, the set of virtual resources corresponding to the first type of virtual resource (also referred to as the first virtual resource set) can include multiple first-type virtual resources (e.g., 8 ordinary cards). Multiple first-type virtual resources can correspond to different visual content. For example, the set of virtual resources corresponding to the second type of virtual resource (also referred to as the second virtual resource set) can include multiple second-type virtual resources (e.g., 8 gold cards). Multiple second-type virtual resources can correspond to different visual content.

[0034] In some situations, the first type of virtual resource and the second type of virtual resource can correspond to different acquisition methods. For example, the first type of virtual resource can be acquired via a first method. The second type of virtual resource can be acquired via a second method different from the first method. For example, the first type of virtual resource can be acquired by participating in a preset activity. For example, the second type of virtual resource can be acquired by transferring the first type of virtual resource. For example, the second type of virtual resource can be obtained by exchanging it for the first type of virtual resource.

[0035] In other cases, the first type of virtual resource and the second type of virtual resource may correspond to different visual styles. For example, the visual content of the second type of virtual resource is more complex than that of the first type of virtual resource (e.g., complex patterns, rich colors, etc.). For example, the second type of virtual resource has specific visual elements that are different from those of the first type of virtual resource (e.g., specific color elements (e.g., gold), specific text elements (e.g., "gold", "rare"), etc.).

[0036] In some cases, the third region 206 corresponds to a second element layout. The second element layout differs from the first element layout. For example, the second element layout indicates that at least one element in the third region 206 is presented in an overlapping style. For example, the overlapping style may indicate that at least one element is stacked in the third region 206. For example, the electronic device 110 may present an indicator element 212 in the third region 206 to indicate that element 210 is overlaid on other elements. For example, for multiple elements associated with a second type of virtual resource, the overlapping style may indicate that one of the multiple elements (e.g., element 210) is fully displayed in the third region 206, and that a portion of at least one of the multiple elements is displayed in the third region 206 (e.g., indicator element 212 may correspond to the edge portion of at least one element).

[0037] In some cases, electronic device 110 may, in response to a first element (e.g., element 208-1) in the first region 202 being selected, present first visual content 214 of the first virtual resource in the second region 204. The first element (e.g., element 208-1) corresponds to the first virtual resource. Alternatively, the first element (e.g., element 208-1) may include a visual portion corresponding to the first visual content 214.

[0038] In some cases, electronic device 110 may present the first element in a first style in the first area 202 in response to the first element (e.g., element 208-1) being selected. The first style may indicate that the first element is selected. For example, the first style may be different from the display style of other elements in the first area (also known as the second style). Taking elements 208-1 and 208-2 as examples, element 208-1 is selected and element 208-2 is not selected. Electronic device 110 may present element 208-1 in the first style and element 208-2 in the second style. The difference between the first style and the second style may include at least one of the following: size (e.g., the first size of element 208-1 is larger than the second size of element 208-2), border style (e.g., the border of element 208-1 is displayed in bold), and background color (e.g., the background color of element 208-1 may be different from the background color of element 208-2).

[0039] In some cases, electronic device 110 may, in response to receiving a first switching operation, switch a second element (e.g., element 210) in the third region 206 to a selected state. Figure 2BAs shown, electronic device 110 can present interface 200B. Interface 200B can be implemented as an interface associated with virtual resources. In response to receiving a first switching operation, electronic device 110 can switch a second element (e.g., element 210) in the third area 206 of interface 200B to a selected state. For example, in response to the second element (e.g., element 210) being switched to a selected state, electronic device 110 can change the display style of the second element from a third style (e.g., ... Figure 2A The display style corresponding to element 210 in the text) is switched to the fourth style (for example, Figure 2B The display style corresponding to element 210 in the image. For example, the difference between the third style and the fourth style may include at least one of the following: size (e.g., the size of element 210 indicated by the fourth style is larger than the size of element 210 indicated by the third style), border style (e.g., the border of element 210 indicated by the fourth style is displayed in bold), and background color (e.g., the third style and the fourth style indicate different background colors).

[0040] In some cases, electronic device 110 may switch to a selected state in response to a second element (e.g., element 210) and present the first element (e.g., element 208-1) in a second style in the first area 202. That is, electronic device 110 may switch the display style of the first element (e.g., element 208-1) from the first style to the second style in response to a second element (e.g., element 210) switching to a selected state.

[0041] In some cases, the second element (e.g., element 210) corresponds to a second virtual resource. The second virtual resource is associated with a second type. The electronic device 110 may update the second area 204 to present the second visual content 216 of the second virtual resource in response to the second element (e.g., element 210 is switched to a selected state).

[0042] In some cases, the first switching operation may include a swipe operation (also known as a second swipe operation). The second swipe operation may be associated with the second region 204. See also... Figure 2AElectronic device 110 receives a second sliding operation. For example, electronic device 110 may, based on the second sliding operation, switch the elements corresponding to the second sliding operation in the first region 202 and the third region 206 to a selected state. For example, electronic device 110 may determine the element corresponding to the second sliding operation based on the sliding direction of the second sliding operation. For example, electronic device 110 may, in response to the second sliding operation being associated with a first direction (e.g., the direction indicated by arrow marker 218), switch the element corresponding to the first direction to a selected state. For example, the element corresponding to the first direction is an element (e.g., element 210) that is adjacent to the currently selected element (e.g., element 208-1) in the first direction.

[0043] In other cases, electronic device 110 may, in response to a second sliding operation associated with a second direction (e.g., the direction opposite to that indicated by arrow marker 218), switch the element corresponding to the second direction to a selected state. For example, the element corresponding to the first direction is the element adjacent in the second direction to the element currently in the selected state (e.g., element 208-1) (e.g., element 208-2).

[0044] In some cases, such as Figure 2CAs shown, electronic device 110 can present interface 200C. Interface 200C can be implemented as an interface associated with virtual resources. For example, electronic device 110 can present element 208-2 in a first style in a first area 202 in response to element 208-2 being switched to a selected state. Electronic device 110 can also switch element 208-1 to a second style. For example, electronic device 110 can present multiple elements in the first area 202, such as element 208-1, element 208-2, and element 208-4, etc. Multiple elements may include a first element (e.g., element 208-1). Electronic device 110 can receive a sliding operation (also referred to as a first sliding operation) on the first area 202. Electronic device 110 can adjust the display position of multiple elements in the first area 202 based on the first sliding operation. For example, the first sliding operation may indicate a sliding operation received via a hotspot where the first area 202 is located. For example, such a first sliding operation may include a left or right sliding operation on the first area 202. Electronic device 110 can adjust the display positions of multiple elements in the first region 202 based on the sliding direction of the first sliding operation. For example, electronic device 110 can adjust the display positions of multiple elements in the first region 202 based on a third direction (e.g., the direction indicated by arrow marker 220) in response to the sliding direction of the first sliding operation corresponding to a third direction. Additionally, the elements displayed in the third region 206 are independent of the first sliding operation. For example, the display state (e.g., display position, content of the elements displayed in the third region, etc.) of the elements corresponding to the second type of virtual resource displayed in the third region 206 will not change with the first sliding operation received via the first region 202.

[0045] Alternatively, due to the size limitation of the first region 202, the electronic device 110 may display a portion of a plurality of elements corresponding to a virtual resource of the first type in the first region 202. Further, the electronic device 110 may, in response to receiving a first swipe operation, present at least one additional element in the first region 202. The additional element is associated with the virtual resource of the first type. Alternatively, the electronic device 110 may, based on the received first swipe operation, stop presenting at least a portion of the plurality of elements in the first region 202. For example, after presenting at least one additional element in the first region 202, at least a portion of element 208-1 is hidden.

[0046] Continue to refer to Figure 2AIn other cases, the first switching operation includes accepting a trigger operation on a switching control. As an example, the switching control may include controls 222-1 and 222-2. For example, electronic device 110 may, in response to a trigger on the switching control, switch the elements corresponding to the switching control in the first region 202 and the third region 206 to a selected state. For example, electronic device 110 may, in response to a trigger on control 222-1 (e.g., a click operation), switch the element corresponding to control 222-1 to a selected state. For example, the element corresponding to control 222-1 is an element (e.g., element 210) adjacent to the currently selected element (e.g., element 208-1) in the direction indicated by control 222-1. For example, electronic device 110 may, in response to a trigger on control 222-2 (e.g., a click operation), switch the element corresponding to control 222-2 to a selected state. For example, the element corresponding to control 222-2 is the element adjacent to the currently selected element (e.g., element 208-1) in the direction indicated by control 222-2 (e.g., element 208-2).

[0047] Alternatively, the switching control may also correspond to multiple elements presented in the first area 202 and the third area 206. For example, the electronic device 110 may switch element 208-2 to a selected state in response to a trigger operation on element 208-2 in the first area 202. For example, the electronic device 110 may switch element 210 to a selected state in response to a trigger operation on element 210 in the third area 206.

[0048] In some cases, a second virtual resource associated with the second type is acquired when the acquisition status of a virtual resource associated with the first type is satisfied. For example, before the second type of virtual resource is acquired, the interface associated with the virtual resource may not include elements associated with the second type of virtual resource. Figure 2D As shown, electronic device 110 can present interface 200D. Interface 200D can be implemented as an interface associated with virtual resources. Before acquiring the second type of virtual resources, electronic device 110 can be in a fourth area 224 (e.g., the fourth area 224 may include...). Figure 2AIn the first region 202 and the third region 206, multiple elements corresponding to the first type of virtual resource are presented, such as element 208-1, element 208-2, element 208-3, and element 208-4. These multiple elements can indicate the acquisition status of multiple virtual resources. For example, such acquisition status can include a first acquisition status (e.g., the corresponding virtual resource has not been acquired) and a second acquisition status (e.g., the corresponding virtual resource has been acquired). As an example, the electronic device 110 can present element 208-1, element 208-2, and element 208-4 in an image style in the fourth region 224 to indicate that the virtual resource corresponding to element 208-1, element 208-2, and element 208-4 has been acquired (e.g., corresponding to the second acquisition status). The electronic device 110 can also present element 208-3 in a text style in the fourth region 224 to indicate that the virtual resource corresponding to element 208-3 has not been acquired (e.g., corresponding to the first acquisition status). The fourth region 224 can also be referred to as the first region. For example, before acquiring the second type of virtual resource, the first region may correspond to the range indicated by the fourth region 224. After acquiring the second type of virtual resource, the first region may correspond to... Figure 2A The area indicated by the first region 202.

[0049] In some cases, electronic device 110 may provide a resource acquisition entry 226 in interface 200D. Electronic device 110 may acquire at least one virtual resource (e.g., two virtual resources) in response to triggering the resource acquisition entry. Such at least one virtual resource may correspond to a first type. Such at least one virtual resource may be randomly determined from a set of virtual resources corresponding to the first type (also referred to as the first virtual resource set). For example, electronic device 110 may switch the resource acquisition entry 226 to a disabled triggering state in response to the resource acquisition entry 226 being triggered a preset number of times (e.g., once) within a preset period (e.g., from 00:00 to 24:00 per day corresponds to one period). Further, electronic device 110 may switch the resource acquisition entry 226 to a enabled triggering state in response to reaching a new period.

[0050] Alternatively, at least one virtual resource acquired via a resource acquisition portal may also include a virtual resource corresponding to a third type (e.g., also referred to as a fifth virtual resource). For example, electronic device 110 may present multiple candidate virtual resources in response to acquiring the fifth virtual resource. For example, the multiple candidate virtual resources may correspond to a first type. For example, electronic device 110 may present an element corresponding to the fifth virtual resource (also referred to as a fourth element) in a third area in response to acquiring the fifth virtual resource. Further, electronic device 110 may switch a second area to present visual content corresponding to the fifth virtual resource (also referred to as fourth visual content). For example, electronic device 110 may receive a preset operation to present multiple candidate virtual resources. For example, the preset operation may include a trigger operation on the fourth visual content (e.g., a click operation). Alternatively, electronic device 110 may present a usage portal associated with the fifth virtual resource. The preset operation may include triggering the usage portal (e.g., a click operation).

[0051] Additionally, the electronic device 110 can trigger the conversion of a fifth virtual resource into a sixth virtual resource in response to the selection of a sixth virtual resource among multiple virtual resources. For example, the fifth virtual resource is also known as a universal card. The fifth virtual resource can be used to convert any one of the multiple virtual resources of the first type.

[0052] In other cases, virtual resources (e.g., first-type or third-type virtual resources) can also be acquired by completing a preset task. For example, electronic device 110 can provide an access point associated with the preset task. Furthermore, electronic device 110 can provide at least one virtual resource in response to the completion of the preset task. The number and type of such at least one virtual resource can be determined by the preset task. Alternatively, the number and type of such at least one virtual resource can be determined based on the completion status of the preset task.

[0053] In other scenarios, electronic device 110 may be associated with a first user. Virtual resources (e.g., first-type or third-type virtual resources) may also be acquired based on interactions between the first user and other users. As an example, electronic device 110 may present an interaction portal 228 (also referred to as a first interaction portal). Electronic device 110 may present multiple options in response to a trigger on interaction portal 228. For example... Figure 2EAs shown, electronic device 110 can present interface 200E. Interface 200E can be implemented as an interface associated with virtual resources. For example, electronic device 110 can present multiple options in interface 200E, such as option 230-1, option 230-2, option 230-3, and option 230-4. For example, options presented in an image style (e.g., option 230-1, option 230-2, and option 230-3) indicate that a first user has acquired the corresponding virtual resource. For example, options presented in a text style (e.g., option 230-4) indicate that the first user has not acquired the corresponding virtual resource. The multiple options correspond to multiple virtual resources of a first type. Electronic device 110 can send a request to a second user for acquiring at least one virtual resource corresponding to at least one option based on the selection of at least one option among the multiple options. For example, electronic device 110 can receive a selection of option 230-4 in response to a trigger (e.g., a click operation) of option 230-4. Alternatively, the display style of the selected option (e.g., a bolded border) may differ from the display style of the unselected option. Alternatively, the electronic device 110 may, in response to a triggering of the control 232, present at least one candidate user associated with the first user. Further, the electronic device 110 may, in response to the selection of a second user from the at least one candidate user, send an acquisition request to the second user. For example, in a session associated with the second user, an interactive message (also referred to as a first interactive message) corresponding to the acquisition request may be sent.

[0054] For example, such as Figure 2F As shown, electronic device 110 can present interface 200F. Interface 200F can be implemented as an interactive interface (or session interface) for a session with a second user. Electronic device 110 can present an interactive message 234 corresponding to the acquisition request in the message area of ​​interface 200F. As an example, interactive message 234 may include identification information (e.g., name identifier or visual content) corresponding to at least one virtual resource indicated by the acquisition request. Alternatively, a client associated with the second user can receive a confirmation operation from the second user to interactive message 234. Further, electronic device 110 can transfer at least one virtual resource indicated by the acquisition request from the second user to the first user in response to the confirmation operation of the second user to interactive message 234. Alternatively, electronic device 110 can present a prompt message (also referred to as a third prompt message) to instruct the second user to provide at least one virtual resource to the first user. Such a prompt message may include text content and / or visual content corresponding to at least one virtual resource.

[0055] In some cases, electronic device 110 may also present an interactive message (also referred to as a second interactive message) from a third user in a session associated with the third user. The second interactive message may be associated with at least one virtual resource. The second interactive message is associated with a sharing request from the third user for at least one virtual resource. The at least one virtual resource associated with the second interactive message is determined by the third user's sharing request (e.g., such at least one virtual resource is selected by the third user). Electronic device 110 may transfer at least one virtual resource from the third user to the first user in response to confirmation of the second interactive message.

[0056] In some cases, electronic device 110 can also receive sharing requests from the first user. (Continue reading...) Figure 2E Electronic device 110 can present control 236 (e.g., "send card") in interface 200E. Electronic device 110 can, in response to triggering control 236, present one or more virtual resources (not shown) associated with the first user. Alternatively, electronic device 110 can associate one or more virtual resources with a number indicator element to indicate the number of corresponding virtual resources acquired by the first user. Further, electronic device 110 can receive a sharing request from the first user. Such a sharing request can indicate at least one virtual resource selected from one or more virtual resources. Alternatively, such a sharing request can also indicate the number of shares corresponding to at least one virtual resource. Further, electronic device 110 can send an interactive message (also referred to as a third interactive message) corresponding to the sharing request to the fourth user indicated by the sharing request. The third interactive message is configured to transfer at least one virtual resource from the first user to the fourth user in response to triggering the third interactive message.

[0057] In some scenarios, electronic device 110 may display a first prompt message in response to the acquisition status of multiple virtual resources meeting a first condition. The first prompt message indicates that a second virtual resource has been acquired. As an example, such a first prompt message may include visual content corresponding to the second virtual resource. Alternatively, the first prompt message may include descriptive text describing that the second virtual resource has been acquired (e.g., "Card X acquired").

[0058] like Figure 2GAs shown, electronic device 110 can present interface 200G. Interface 200G can be implemented as an interface associated with virtual resources. For example, electronic device 110 can present multiple elements in the fourth area 224 of interface 200G. For example, if multiple elements all correspond to image styles, then the acquisition status of multiple virtual resources indicated by the multiple elements satisfies a first condition. For example, the first condition can indicate that multiple virtual resources have been acquired. Alternatively, the first condition can indicate that the number of each virtual resource among the acquired multiple virtual resources is not less than a preset threshold (e.g., 1). Further, electronic device 110 can present a first prompt message in response to the acquisition status of multiple virtual resources satisfying the first condition. In other cases, electronic device 110 can present an entry point 238 (also known as a redemption entry point) in response to the acquisition status of multiple virtual resources satisfying the first condition. Further, electronic device 110 can present the first prompt message in response to triggering entry point 238 (e.g., a click operation). Alternatively, before presenting the first prompt message, electronic device 110 can also present an animation effect to indicate the process of acquiring a second virtual resource.

[0059] Furthermore, the electronic device 110 can present the second element in the third area. For example... Figure 2H As shown, electronic device 110 can present interface 200H. Interface 200H can be implemented as an interface associated with virtual resources. Electronic device 110 can present a second element (e.g., element 210) corresponding to the second virtual resource in a third area 206 of interface 200H. Electronic device 110 can also present visual content 216 corresponding to the second virtual resource in a second area 204. Alternatively, the second virtual resource is acquired by transferring multiple virtual resources. For example, multiple virtual resources are deassociated with a first user, and the second virtual resource is provided to the first user. For example, after acquiring the second virtual resource, electronic device 110 can present multiple elements corresponding to the first type of virtual resource in a text style in a first area 202 to indicate that the multiple virtual resources corresponding to the multiple elements have been transferred.

[0060] In some cases, such as Figure 2I As shown, electronic device 110 can present interface 200I. Interface 200I can be implemented as an interface associated with virtual resources. Electronic device 110 can be associated with a first element (e.g., element 208-1) and present a first number 240 (e.g., 8). The first number corresponds to a first virtual resource that has been acquired. Alternatively, electronic device 110 can be associated with a second element (e.g., element 210) and present a second number 242 (e.g., 2 / 8). The second number corresponds to a second type of virtual resource that has been acquired. For example, "2 / 8" can indicate that the total number of second type virtual resources is 8, and the number of second type virtual resources acquired is 2.

[0061] In some cases, multiple copies of each virtual resource are allowed in a type 1 multiple virtual resource pool. In other cases, only one copy of each virtual resource is allowed in a type 2 multiple virtual resource pool.

[0062] In some scenarios, electronic device 110 may trigger the transfer of multiple virtual resources in response to a second condition being met in the acquisition status of multiple virtual resources associated with the first type. For example, the second condition may indicate that each of the multiple virtual resources has been acquired. Alternatively, the second condition may indicate that the number of each of the acquired virtual resources is greater than a preset threshold (e.g., 1). Alternatively, electronic device 110 may present entry point 244 (also known as a redemption entry point) when the acquisition status of multiple virtual resources associated with the first type meets the second condition. Electronic device 110 may trigger the transfer of multiple virtual resources in response to triggering entry point 244.

[0063] Additionally, the electronic device 110 may display a second prompt message. The second prompt message may indicate that a third virtual resource has been acquired. The third virtual resource corresponds to the second type. The third virtual resource is acquired by transferring multiple virtual resources. (For example, each of the multiple virtual resources is transferred a preset number (1)). Further, the electronic device 110 may display a third element in a third area. The third element may correspond to the third virtual resource.

[0064] In some cases, the second and third virtual resources mentioned above are determined from a set of virtual resources (e.g., a second set of virtual resources). For example, the second and third virtual resources are randomly determined from a set of virtual resources (e.g., a second set of virtual resources). The third virtual resource is different from the second virtual resource. As an example, after acquiring the second virtual resource, any second-type virtual resources acquired by transferring multiple first-type virtual resources are different from the second virtual resource. For example, the second-type virtual resource cannot be acquired repeatedly.

[0065] In some cases, continue to refer to Figure 2BIn response to receiving a second switching operation, the electronic device 110 can update the third region 206 to display a third element. The third element corresponds to a third virtual resource. The third virtual resource corresponds to a second type. Further, the electronic device 110 can update the second region 204 with the third visual content of the third virtual resource. For example, the second switching operation may include a third swipe operation corresponding to a preset direction (e.g., the direction indicated by arrow marker 246). Alternatively, the second switching operation may be a trigger operation on a switching control (e.g., control 222-1). As an example, the third element is an element whose arrangement order is adjacent to the second element. As an example, such an arrangement order can be implemented as a preset order associated with virtual resources of the second type. Alternatively, such an arrangement order can be determined based on the acquisition time of the corresponding virtual resource. For example, the element corresponding to a virtual resource acquired earlier is ranked higher.

[0066] In other scenarios, electronic device 110 may, in response to a triggering of third region 206, present multiple elements corresponding to multiple virtual resources. These multiple virtual resources are associated with a second type. The multiple virtual resources may include the second virtual resources. As an example, the arrangement order of the multiple elements may be a preset first order associated with virtual resources of the second type. Alternatively, the arrangement order of the multiple elements may be a second order determined based on the acquisition time of the multiple virtual resources. For example, the earlier the acquisition time, the earlier the corresponding element is arranged.

[0067] In some cases, electronic device 110 can receive an interaction request. The interaction request may be associated with a fourth virtual resource. The fourth virtual resource corresponds to the first type. For example, see [reference needed]. Figure 2I The electronic device 110 can present an interactive entry point 248. In response to a trigger on the interactive entry point 248, the electronic device 110 can present multiple resources. Resources can include appropriate types of resources, examples of which may include, but are not limited to, virtual coupons, virtual points, gifts, virtual benefits, etc. This document does not intend to limit the specific types of resources.

[0068] like Figure 2J As shown, electronic device 110 can present interface 200J. Interface 200J can be implemented as an interface associated with virtual resources. Electronic device 110 can present multiple resources in interface 200J, such as resource 250-1, resource 250-2, and resource 250-3. For example, multiple resources can correspond to different acquisition probabilities. For example, the first acquisition probability corresponding to resource 250-1 can be less than the second acquisition probability of resource 250-2. For example, electronic device 110 can also provide a participation entry 252 in interface 200J. Electronic device 110 can present an interactive window in response to triggering participation entry 252.

[0069] like Figure 2K As shown, electronic device 110 can present interface 200K. Interface 200K can be implemented as an interface associated with virtual resources. Electronic device 110 can present interactive window 254 in interface 200K. Electronic device 110 can present at least one virtual resource in interactive window 254, such as virtual resource 256-1, virtual resource 256-2, virtual resource 256-3, and virtual resource 256-4. At least one virtual resource corresponds to a first type. The acquisition status of at least one virtual resource meets a preset condition. For example, the preset condition can indicate that the number of each virtual resource in the at least one virtual resource that has been acquired is greater than a preset threshold (e.g., 1). For example, electronic device 110 can present a number indicator element corresponding to the at least one virtual resource in interactive window 254 to indicate the number of the corresponding virtual resources that have been acquired. For example, electronic device 110 can present a number indicator element 258 corresponding to virtual resource 256-1. For example, number indicator element 258 can indicate that the number of virtual resources 256-1 that have been acquired is 8.

[0070] Additionally, electronic device 110 can receive an interaction request via interactive window 254. The interaction request can indicate the selection of a fourth virtual resource among at least one virtual resource. For example, electronic device 110 can receive a selection of virtual resource 256-3. Alternatively, the interaction request can also indicate a third number associated with the fourth virtual resource. For example, electronic device 110 can obtain a third number (e.g., 2) associated with the fourth virtual resource via control 260. For example, a plus sign control of control 260 can be used to increase the number, and a minus sign control can be used to decrease the number. Alternatively, control 260 also supports obtaining user input to determine the third number. Alternatively, the interaction request can indicate the selection of one or more virtual resources. For example, the interaction request can be associated with multiple virtual resources.

[0071] In some cases, electronic device 110 may present a third prompt message in response to receiving an interaction request. As an example, electronic device 110 may receive an interaction request in response to triggering control 262. The third prompt message may indicate at least one resource. Such at least one resource is acquired by transferring a third number of fourth virtual resources. For example, the resource content of at least one resource is related to the third number. For example, at least one resource is from... Figure 2J The resources presented are determined from among the multiple resources. In some cases, the larger the third number, the higher the probability that at least one of the resources obtained is a pre-defined resource among the multiple resources (e.g., a resource with a relatively low probability of acquisition).

[0072] In some cases, electronic device 110 may, in response to reaching a first predetermined time point (e.g., 00:00 on a specific holiday day), present time information (e.g., predetermined time or countdown information, etc.) to indicate the time for acquiring at least one resource. Figure 2L As shown, electronic device 110 can present interface 200L. Interface 200L can be implemented as an interface associated with virtual resources. Electronic device 110 can present time information 264 in interface 200L. Alternatively, electronic device 110 can provide at least one resource in response to reaching a second predetermined time point (e.g., the time point indicated by the time information, such as 7 PM on a specific holiday). Such at least one resource can be determined based on the number of second-type virtual resources acquired. At least one resource can include resources of appropriate types, examples of which may include, but are not limited to, virtual coupons, virtual points, gifts, virtual benefits, etc. This document is not intended to limit the specific type of resource.

[0073] Alternatively, the electronic device 110 may provide a preset entry point in response to reaching a third predetermined time point (e.g., 00:00 on a specific holiday day) and the acquisition status of multiple virtual resources associated with the first type not meeting preset conditions. Such preset conditions may indicate that at least one of the multiple virtual resources has not been acquired. The electronic device 110 may present specific task content in response to triggering the preset entry point. Further, the electronic device 110 may provide at least one virtual resource associated with the first type in response to the completion of the specific task content, to adjust the acquisition status to meet the preset conditions. For example, providing at least one previously unacquired virtual resource.

[0074] In some cases, the interfaces associated with virtual resources mentioned earlier are triggered and presented through the viewing interface of the information stream. For example, such as Figure 2M As shown, electronic device 110 can present interface 200M. Interface 200M can be implemented as a viewing interface for an information stream associated with a first user. The viewing interface for the information stream can present media content. Such a viewing interface can support switching the media content presented in the viewing interface based on up and down swiping. Such media content can include text content, audio content, image content, and / or video content, etc. Electronic device 110 can present a viewing entry point (e.g., a first viewing entry point 266 or a second viewing entry point 268) associated with the virtual resource in interface 200M. Electronic device 110 can present the interface associated with the virtual resource in response to the triggering of the viewing entry point. For example, electronic device 110 can present the first viewing entry point 266 in the tab bar of the viewing interface. Alternatively, electronic device 110 can present the second viewing entry point 268 as a floating widget.

[0075] Based on the process described above, elements corresponding to different types of virtual resources can be presented in the first and third areas respectively. Presenting elements with different layouts in the first and third areas allows different types of virtual resources to be presented based on different layout styles, thus enriching the display methods of virtual resources and improving the efficiency of user viewing. Furthermore, by selecting elements in the first or third area, the visual content presented in the second area can be adjusted, enabling users to view the visual content of corresponding virtual resources by selecting elements, thereby further improving the efficiency of user viewing.

[0076] Example process Figure 3 A flowchart illustrating an example process 300 for interface interaction under certain conditions is shown. Process 300 can be implemented at electronic device 110. See below for reference. Figure 1 To describe process 300.

[0077] like Figure 3 As shown, in box 310, the electronic device 110 responds to the first element in the first area being selected, and in the second area, presents the first visual content of the first virtual resource. The first element corresponds to the first virtual resource, the first area is associated with the first type of virtual resource, and the first area corresponds to the layout of the first element.

[0078] In box 320, in response to receiving a first switching operation, electronic device 110 switches a second element in the third region to a selected state. The second element corresponds to a second virtual resource, the third region is associated with a second type of virtual resource, and the third region corresponds to a layout of the second element. The layout of the first element is different from the layout of the second element.

[0079] In frame 330, electronic device 110 updates the second area to present the second visual content of the second virtual resource.

[0080] In some cases, process 300 further includes: presenting multiple elements in a first area, the multiple elements indicating the acquisition status of multiple virtual resources, the multiple virtual resources corresponding to a first type; in response to the acquisition status of multiple virtual resources satisfying a first condition, presenting a first prompt message indicating that a second virtual resource has been acquired; and presenting a second element in a third area.

[0081] In this way, a second virtual resource can be provided after the acquisition status of the first type of virtual resource meets the first condition, thereby enriching the methods for acquiring virtual resources. Furthermore, by presenting a first prompt message to indicate that the second virtual resource has been acquired, the efficiency of information acquisition for users can be improved.

[0082] In some cases, process 300 further includes: triggering the transfer of multiple virtual resources in response to the acquisition status of multiple virtual resources satisfying a second condition; presenting a second prompt message indicating that a third virtual resource has been acquired, the third virtual resource corresponding to a second type, the third virtual resource being acquired by transferring multiple virtual resources; and presenting a third element in a third area, the third element corresponding to the third virtual resource.

[0083] In this way, it is possible to acquire second-type virtual resources by transferring multiple first-type virtual resources, thereby enriching the ways to acquire different types of virtual resources.

[0084] In some cases, the second and third virtual resources are determined from a set of virtual resources, and the third virtual resource is different from the second virtual resource.

[0085] In some cases, process 300 further includes: associated with a first element, presenting a first number corresponding to a first virtual resource acquired; or associated with a second element, presenting a second number corresponding to a second type of virtual resource acquired.

[0086] In this way, numerical information can be presented by associating it with relevant elements, which helps users understand the acquisition status of virtual resources and thus improves the efficiency of users in obtaining information.

[0087] In some cases, process 300 further includes: in response to the first element being selected, presenting the first element in a first area with a first style, the first style indicating that the first element is selected; and in response to the second element switching to a selected state, presenting the first element in a second style in the first area.

[0088] In this way, the first element can be presented in a first style and a second style respectively to indicate whether the first element is selected, thereby improving the efficiency of users obtaining information.

[0089] In some cases, process 300 further includes: presenting multiple elements in a first region, the multiple elements including the first element; receiving a first swipe operation on the first region; and adjusting the display positions of the multiple elements in the first region based on the first swipe operation, wherein the elements displayed in the third region are independent of the first swipe operation.

[0090] In this way, it is possible to distinguish the interaction methods between elements corresponding to the first type and elements corresponding to the second type, thereby allowing users to view the corresponding virtual resources through different interaction hotspots or interaction methods, and improving the user's operating efficiency.

[0091] In some cases, process 300 further includes: in response to receiving a second switching operation, updating the third region to present a third element, the third element corresponding to a third virtual resource, the third virtual resource corresponding to a second type; and updating the second region to present the third visual content of the third virtual resource.

[0092] In this way, the elements presented in the third area can be adjusted through the second switching operation, which provides a different presentation method from the first type of elements, thereby enriching the display methods of different types of elements.

[0093] In some cases, receiving a first switching operation includes: receiving a second swipe operation, the second swipe operation being associated with a second area; or receiving a trigger operation on the switching control.

[0094] In some cases, the first element layout indicates that multiple elements in a first area are displayed in a tiled style, and the second element layout indicates that at least one element in a third area is displayed in an overlapping style.

[0095] In this way, elements corresponding to different types of virtual resources can be presented in different styles in different areas, making it easier for users to understand the type of virtual resource corresponding to the elements in the corresponding areas and improving the efficiency of element information display.

[0096] In some cases, process 300 further includes: receiving an interaction request associated with a fourth virtual resource corresponding to a first type; and presenting a third prompt message indicating at least one resource acquired by transferring a third number of fourth virtual resources.

[0097] In this way, users can exchange excess Type 1 virtual resources for at least one resource, thereby enriching the ways in which virtual resources associated with Type 1 can be interacted with.

[0098] In some cases, receiving an interaction request includes: presenting at least one virtual resource in an interaction window, the at least one virtual resource corresponding to a first type, the acquisition status of the at least one virtual resource satisfying preset conditions; and receiving an interaction request via the interaction window, the interaction request indicating the selection of a fourth virtual resource among the at least one virtual resource.

[0099] In this way, user interaction requests can be obtained through the interactive window, which helps to improve user operation efficiency.

[0100] In some cases, the interaction request also indicates a third number, and the resource content of at least one resource is related to the third number.

[0101] In this way, the acquisition methods of at least one resource can be enriched by associating the acquisition probability of the resource content of at least one resource with a third number.

[0102] In some cases, process 300 further includes: in response to acquiring a fifth virtual resource, presenting a plurality of candidate virtual resources, the plurality of candidate virtual resources corresponding to a first type; and in response to selecting a sixth virtual resource from the plurality of candidate virtual resources, triggering the conversion of the fifth virtual resource into a sixth virtual resource.

[0103] In this way, it is possible to support the conversion of any virtual resource of the first type through the fifth virtual resource, thereby enriching the ways to obtain the first type of virtual resources.

[0104] In some cases, process 300 further includes: in response to a triggering of a third region, presenting multiple elements corresponding to multiple virtual resources, the multiple virtual resources being associated with a second type, the multiple virtual resources including a second virtual resource.

[0105] In some cases, process 300 further includes: in response to the first virtual resource corresponding to a first acquisition state, presenting the first element in a text style in a first area; and in response to the first virtual resource corresponding to a second acquisition state, presenting the first element in an image style in a first area.

[0106] In this way, the efficiency of information display of elements can be improved by indicating whether the corresponding virtual resources have been obtained through text styles and image styles.

[0107] Example devices and equipment A corresponding apparatus for implementing the above methods or processes is also provided. Figure 4 A schematic structural block diagram of an example device 400 for interface interaction is shown, according to some scenarios. Device 400 can be implemented as or included in electronic device 110. The various modules / components in device 400 can be implemented by hardware, software, firmware, or any combination thereof.

[0108] like Figure 4As shown, the device 400 includes: a first presentation module 410 configured to, in response to a first element in a first region being selected, present first visual content of a first virtual resource in a second region, wherein the first element corresponds to the first virtual resource, the first region is associated with a first type of virtual resource, and the first region corresponds to a first element layout; a first switching module 420 configured to, in response to receiving a first switching operation, switch a second element in a third region to a selected state, wherein the second element corresponds to a second virtual resource, the third region is associated with a second type of virtual resource, the third region corresponds to a second element layout, and the first element layout is different from the second element layout; and an update module 430 configured to update the second region to present second visual content of the second virtual resource.

[0109] In some cases, the device 400 further includes a second presentation module configured to: present multiple elements in a first area, the multiple elements indicating the acquisition status of multiple virtual resources, the multiple virtual resources corresponding to a first type; present a first prompt message in response to the acquisition status of multiple virtual resources satisfying a first condition, the prompt message indicating that a second virtual resource has been acquired; and present a second element in a third area.

[0110] In some cases, the device 400 also includes a triggering module configured to: trigger the transfer of multiple virtual resources in response to the acquisition status of multiple virtual resources satisfying a second condition; present a second prompt message indicating that a third virtual resource has been acquired, the third virtual resource corresponding to a second type, the third virtual resource being acquired by transferring multiple virtual resources; and present a third element in a third area, the third element corresponding to the third virtual resource.

[0111] In some cases, the second and third virtual resources are determined from a set of virtual resources, and the third virtual resource is different from the second virtual resource.

[0112] In some cases, the device 400 also includes a number module configured to: be associated with a first element and present a first number corresponding to a first virtual resource acquired; or be associated with a second element and present a second number corresponding to a second type of virtual resource acquired.

[0113] In some cases, the device 400 also includes a style module configured to: in response to a first element being selected, present the first element in a first area with a first style, the first style indicating that the first element is selected; and in response to a second element being switched to a selected state, present the first element in a first area with a second style.

[0114] In some cases, the device 400 further includes a third presentation module configured to: present a plurality of elements in a first region, the plurality of elements including a first element; receive a first sliding operation on the first region; and adjust the display position of the plurality of elements in the first region based on the first sliding operation, wherein the elements displayed in the third region are independent of the first sliding operation.

[0115] In some cases, the device 400 also includes a second switching module configured to: in response to receiving a second switching operation, update the third region to present a third element, the third element corresponding to a third virtual resource, the third virtual resource corresponding to a second type; and update the second region to present the third visual content of the third virtual resource.

[0116] In some cases, receiving a first switching operation includes: receiving a second swipe operation, the second swipe operation being associated with a second area; or receiving a trigger operation on the switching control.

[0117] In some cases, the first element layout indicates that multiple elements in a first area are displayed in a tiled style, and the second element layout indicates that at least one element in a third area is displayed in an overlapping style.

[0118] In some cases, the device 400 further includes an interaction request module configured to: receive an interaction request associated with a fourth virtual resource corresponding to a first type; and present a third prompt message indicating at least one resource acquired by transferring a third number of fourth virtual resources.

[0119] In some cases, the interaction request module is also configured to: present at least one virtual resource in the interaction window, the at least one virtual resource corresponding to a first type, the acquisition status of the at least one virtual resource satisfying preset conditions; and receive an interaction request via the interaction window, the interaction request indicating the selection of a fourth virtual resource among the at least one virtual resource.

[0120] In some cases, the interaction request also indicates a third number, and the resource content of at least one resource is related to the third number.

[0121] In some cases, the device 400 further includes a fourth presentation module configured to: present a plurality of candidate virtual resources corresponding to a first type in response to acquiring a fifth virtual resource; and trigger the conversion of the fifth virtual resource into a sixth virtual resource in response to the selection of a sixth virtual resource among the plurality of candidate virtual resources.

[0122] In some cases, device 400 also includes a fifth presentation module configured to: in response to a triggering of a third region, present multiple elements corresponding to multiple virtual resources, the multiple virtual resources being associated with a second type, the multiple virtual resources including a second virtual resource.

[0123] In some cases, the device 400 also includes an acquisition state module configured to: in response to a first virtual resource corresponding to a first acquisition state, present a first element in a text style in a first area; and in response to a first virtual resource corresponding to a second acquisition state, present the first element in an image style in a first area.

[0124] The units included in device 400 can be implemented in various ways, including software, hardware, firmware, or any combination thereof. In some cases, one or more units may be implemented using software and / or firmware, such as machine-executable instructions stored on a storage medium. In addition to or as an alternative to machine-executable instructions, some or all of the units in device 400 may be implemented at least partially by one or more hardware logic components. By way of example, and not limitation, exemplary types of hardware logic components that may be used include field-programmable gate arrays (FPGAs), application-specific integrated circuits (ASICs), application-specific standard products (ASSPs), systems-on-chips (SoCs), complex programmable logic devices (CPLDs), and so on.

[0125] Figure 5 A block diagram of an electronic device 500 in which one or more examples may be implemented is shown. It should be understood that... Figure 5 The electronic device 500 shown is merely exemplary and should not be construed as limiting the functionality and scope of the examples described herein. Figure 5 The electronic device 500 shown can be used to implement the electronic device 110 discussed above.

[0126] like Figure 5 As shown, electronic device 500 is in the form of a general-purpose electronic device. Components of electronic device 500 may include, but are not limited to, one or more processing units or processors 510, memory 520, storage devices 530, one or more communication units 540, one or more input devices 550, and one or more output devices 560. Processor 510 may be a physical or virtual processor and is capable of performing various processes according to programs stored in memory 520. In a multiprocessor system, multiple processors execute computer-executable instructions in parallel to improve the parallel processing capability of electronic device 500.

[0127] Electronic device 500 typically includes multiple computer storage media. Such media can be any accessible media that is accessible to electronic device 500, including but not limited to volatile and non-volatile media, removable and non-removable media. Memory 520 can be volatile memory (e.g., registers, cache, random access memory (RAM)), non-volatile memory (e.g., read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory), or some combination thereof. Storage device 530 can be removable or non-removable media and can include machine-readable media, such as flash drives, disks, or any other media that can be used to store information and / or data and can be accessed within electronic device 500.

[0128] Electronic device 500 may further include additional removable / non-removable, volatile / non-volatile storage media. Although not explicitly stated... Figure 5 As shown, disk drives for reading from or writing to removable, non-volatile disks (e.g., "floppy disks") and optical disk drives for reading from or writing to removable, non-volatile optical disks can be provided. In these cases, each drive can be connected to a bus (not shown) via one or more data media interfaces. Memory 520 may include computer program product 525 having one or more program modules configured to perform various methods or actions of various examples.

[0129] The communication unit 540 enables communication with other electronic devices via a communication medium. Additionally, the functionality of the components of the electronic device 500 can be implemented using a single computing cluster or multiple computing machines capable of communicating via communication connections. Therefore, the electronic device 500 can operate in a networked environment using logical connections to one or more other servers, networked personal computers, or another network node.

[0130] Input device 550 can be one or more input devices, such as a mouse, keyboard, trackball, etc. Output device 560 can be one or more output devices, such as a monitor, speaker, printer, etc. Electronic device 500 can also communicate with one or more external devices (not shown) via communication unit 540 as needed. These external devices include storage devices, display devices, etc., and can communicate with one or more devices that enable user interaction with electronic device 500, or with any device that enables electronic device 500 to communicate with one or more other electronic devices (e.g., network card, modem, etc.). Such communication can be performed via an input / output (I / O) interface (not shown).

[0131] A computer-readable storage medium is provided that stores computer-executable instructions thereon, wherein the computer-executable instructions are executed by a processor to implement the methods described above. A computer program product is also provided, which is tangibly stored on a non-transitory computer-readable medium and includes computer-executable instructions, which are executed by a processor to implement the methods described above.

[0132] The flowcharts and / or block diagrams of the methods, apparatus, devices, and computer program products referred to herein describe various aspects. It should be understood that each block of the flowcharts and / or block diagrams, as well as combinations of blocks in the flowcharts and / or block diagrams, can be implemented by computer-readable program instructions.

[0133] These computer-readable program instructions can be provided to a processor of a general-purpose computer, a special-purpose computer, or other programmable data processing apparatus to produce a machine such that, when executed by the processor of the computer or other programmable data processing apparatus, they create means for implementing the functions / actions specified in one or more blocks of the flowchart and / or block diagram. These computer-readable program instructions can also be stored in a computer-readable storage medium that causes a computer, programmable data processing apparatus, and / or other device to operate in a particular manner; thus, the computer-readable medium storing the instructions comprises an article of manufacture that includes instructions for implementing aspects of the functions / actions specified in one or more blocks of the flowchart and / or block diagram.

[0134] Computer-readable program instructions can be loaded onto a computer, other programmable data processing apparatus, or other device to cause a series of operational steps to be performed on the computer, other programmable data processing apparatus, or other device to produce a computer-implemented process, thereby causing the instructions that execute on the computer, other programmable data processing apparatus, or other device to perform the functions / actions specified in one or more boxes of a flowchart and / or block diagram.

[0135] The flowcharts and block diagrams in the accompanying figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products under various scenarios. In this respect, each block in a flowchart or block diagram may represent a module, segment, or portion of an instruction, which contains one or more executable instructions for implementing the specified logical function. In some alternative implementations, the functions marked in the blocks may occur in a different order than those shown in the figures. For example, two consecutive blocks may actually be executed substantially in parallel, and they may sometimes be executed in reverse order, depending on the functions involved. It should also be noted that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, can be implemented using a dedicated hardware-based system that performs the specified function or action, or using a combination of dedicated hardware and computer instructions.

[0136] Various examples have been described above. The foregoing descriptions are exemplary and not exhaustive, nor are they limited to the disclosed implementations. Many modifications and variations will be apparent to those skilled in the art without departing from the scope and spirit of the described implementations. The terminology used herein is chosen to best explain the principles, practical applications, or improvements to technology in the market, or to enable others skilled in the art to understand the various implementations disclosed herein.

Claims

1. A method for interface interaction, comprising: In response to the first element in the first region being selected, the first visual content of the first virtual resource is presented in the second region, the first element corresponding to the first virtual resource, the first region being associated with a first type of virtual resource, and the first region corresponding to the layout of the first element; In response to receiving a first switching operation, the second element in the third region is switched to a selected state, the second element corresponding to a second virtual resource, the third region being associated with a second type of virtual resource, the third region corresponding to a second element layout, the first element layout being different from the second element layout; and Update the second area to present the second visual content of the second virtual resource.

2. The method according to claim 1, further comprising: Multiple elements are presented in the first area, the multiple elements indicating the acquisition status of multiple virtual resources, the multiple virtual resources corresponding to the first type; In response to the acquisition status of the plurality of virtual resources satisfying a first condition, a first prompt message is presented, the prompt message indicating that the second virtual resource has been acquired; as well as The second element is presented in the third region.

3. The method according to claim 2, further comprising: In response to the acquisition status of the plurality of virtual resources satisfying the second condition, the transfer of the plurality of virtual resources is triggered; A second prompt message is presented, indicating that a third virtual resource has been acquired, the third virtual resource corresponding to the second type, and the third virtual resource was acquired by transferring the plurality of virtual resources; and A third element is presented in the third region, and the third element corresponds to the third virtual resource.

4. The method according to claim 1, further comprising: Associated with the first element, a first number is presented, the first number corresponding to the first virtual resource that has been acquired; or Associated with the second element, a second number is presented, which corresponds to the virtual resources of the second type that have been acquired.

5. The method according to claim 1, further comprising: In response to the first element being selected, the first element is presented in the first area with a first style, the first style indicating that the first element is in the selected state; as well as In response to the second element switching to the selected state, the first element is presented in the first area with the second style.

6. The method according to claim 1, further comprising: Multiple elements are presented in the first area, and the multiple elements include the first element; Receive a first sliding operation for the first region; as well as Based on the first sliding operation, the display positions of the plurality of elements in the first area are adjusted, wherein the elements displayed in the third area are independent of the first sliding operation.

7. The method according to claim 1, further comprising: In response to receiving a second switching operation, the third region is updated to display a third element, the third element corresponding to a third virtual resource, and the third virtual resource corresponding to the second type; as well as The second area is updated to present the third visual content of the third virtual resource.

8. The method of claim 1, wherein receiving the first handover operation comprises: Receive a second swipe operation, which is associated with the second region; or Receives trigger operations for switching controls.

9. The method of claim 1, wherein the first element layout indicates that a plurality of elements in the first region are displayed in a tiled style, and the second element layout indicates that at least one element in the third region is displayed in an overlapping style.

10. The method of claim 1, further comprising: Receive an interaction request, the interaction request being associated with a fourth virtual resource, the fourth virtual resource corresponding to the first type; as well as A third prompt message is presented, indicating at least one resource, which is acquired by transferring a third number of the fourth virtual resources.

11. The method of claim 10, wherein receiving an interaction request comprises: In the interactive window, at least one virtual resource is presented, the at least one virtual resource corresponds to the first type, and the acquisition status of the at least one virtual resource meets preset conditions; as well as The interaction request is received via the interaction window, the interaction request indicating the selection of the fourth virtual resource among the at least one virtual resource.

12. The method of claim 10, wherein the interaction request further indicates the third number, and the resource content of the at least one resource is related to the third number.

13. The method according to claim 1, further comprising: In response to a triggering of the third region, multiple elements corresponding to multiple virtual resources are presented, the multiple virtual resources being associated with the second type, the multiple virtual resources including the second virtual resource.

14. The method of claim 1, further comprising: In response to the first virtual resource corresponding to a first acquisition state, the first element is presented in a text style in the first area; as well as In response to the first virtual resource corresponding to a second acquisition state, the first element is presented in an image style in the first area.

15. A device for interface interaction, comprising: A first presentation module is configured to, in response to a first element in a first region being selected, present first visual content of a first virtual resource in a second region, wherein the first element corresponds to the first virtual resource, the first region is associated with a first type of virtual resource, and the first region corresponds to a first element layout. A first switching module is configured to switch a second element in a third region to a selected state in response to receiving a first switching operation. The second element corresponds to a second virtual resource. The third region is associated with a second type of virtual resource. The third region corresponds to a second element layout. The first element layout is different from the second element layout. as well as The update module is configured to update the second area to present the second visual content of the second virtual resource.

16. An electronic device comprising: At least one processor; as well as At least one memory coupled to the at least one processor and storing instructions for execution by the at least one processor, the instructions causing the electronic device to perform the method according to any one of claims 1 to 14 when executed by the at least one processor.

17. A computer-readable storage medium having a computer program stored thereon, the computer program being executable by a processor to implement the method according to any one of claims 1 to 14.

18. A computer program product tangibly stored in a computer storage medium and comprising computer-executable instructions that, when executed by a device, cause the device to perform the method according to any one of claims 1-14.

Images