Information processing method and device, electronic equipment and storage medium

Abstract

Embodiments of the present invention provide an information processing method, apparatus, electronic device, and storage medium. A graphical user interface (GUI) is provided via a terminal device, the GUI including two or more overlapping sub-interfaces. The method includes: entering a region drawing mode in response to a first trigger operation targeting a visible area of ​​at least partially visible first sub-interface; generating a closed region based on a sliding trajectory within the visible area in the region drawing mode; and controlling the display or hiding of content in a second sub-interface obscured by the closed region based on the sliding direction in response to a sliding operation targeting the closed region, wherein the second sub-interface is a lower layer interface of the first sub-interface. By generating a closed region in response to a trigger operation and controlling the display or hiding of content in the lower layer sub-interface based on the sliding direction, users can directly view obscured content without completely switching interfaces, effectively solving the problem of users needing to frequently switch interfaces to view information, improving interaction efficiency, and reducing the operational burden and resource consumption of the terminal device.

Description

Technical Field

[0001] The embodiments of the present invention relate to the fields of human-computer interaction and computer science, and more specifically, the embodiments of the present invention relate to an information processing method, apparatus, electronic device, and storage medium. Background Technology

[0002] This section is intended to provide background or context for embodiments of the invention as set forth in the claims. The description herein is not an admission that it is prior art simply because it is included in this section.

[0003] In the graphical user interface of terminal devices (such as mobile phones), due to screen size limitations, information is often distributed across different levels of sub-interfaces. Users need to frequently open and close interfaces to view obscured content, which leads to cumbersome operation, consumes terminal device processing resources, and may cause accidental operations. Summary of the Invention

[0004] In this context, embodiments of the present invention aim to provide an information processing method, apparatus, electronic device, and storage medium to at least partially solve the aforementioned problems existing in the related art.

[0005] In a first aspect of the present invention, an information processing method is provided, which provides a graphical user interface through a terminal device, the graphical user interface including two or more sub-interfaces that overlap and occlude each other, the method comprising: entering a region drawing mode in response to a first trigger operation on a visible area of ​​at least partially visible first sub-interface; generating a closed region based on a sliding trajectory within the visible area in the region drawing mode; and controlling the display or hiding of content occluded by the closed region in a second sub-interface according to the sliding direction in response to a sliding operation on the closed region, the second sub-interface being a lower layer interface of the first sub-interface.

[0006] In a second aspect of the present invention, an information processing apparatus is provided, which provides a graphical user interface via a terminal device. The graphical user interface includes two or more sub-interfaces that overlap and occlude each other. The apparatus includes: a trigger detection module, configured to enter a region drawing mode in response to a first trigger operation on a visible area of ​​at least partially visible first sub-interface; a region generation module, configured to generate a closed region in the region drawing mode based on a sliding trajectory within the visible area; and a display control module, configured to control the display or hiding of content occluded by the closed region in the second sub-interface according to the sliding direction in response to a sliding operation on the closed region, wherein the second sub-interface is a lower layer interface of the first sub-interface.

[0007] In a third aspect of the present invention, an electronic device is provided, comprising: a memory storing computer-executable instructions executable by a processor; and a processor for executing the computer-executable instructions to perform the steps of the information processing method described in any of the preceding claims.

[0008] In a fourth aspect of the present invention, a computer-readable storage medium is provided storing a computer program that, when executed by a processor, implements the steps of the information processing method described in any of the preceding claims.

[0009] According to an embodiment of the present invention, a closed area is generated by responding to a trigger operation, and the display or hiding of the content of the lower sub-interface is controlled based on the sliding direction. This allows users to directly view the obscured content without completely switching interfaces, effectively solving the problem of users having to frequently switch interfaces to view information, improving interaction efficiency, and reducing the operational burden and resource consumption of the terminal device. Attached Figure Description

[0010] The above and other objects, features, and advantages of exemplary embodiments of the present invention will become readily apparent from the following detailed description taken in conjunction with the accompanying drawings. Several embodiments of the invention are illustrated in the drawings by way of example, not limitation, in which: Figure 1 A schematic diagram illustrating the implementation environment of an information processing method provided in this embodiment of the disclosure; Figure 2 A flowchart of an information processing method provided in this embodiment of the disclosure; Figure 3 A schematic diagram of a sliding trajectory provided in an embodiment of this disclosure; Figure 4 This is a schematic diagram illustrating the generation of a closed region according to an embodiment of the present disclosure; Figure 5 A schematic diagram of a sliding operation provided in an embodiment of this disclosure; Figure 6 A schematic diagram illustrating a through-display of an interface below a closed area, provided as an embodiment of this disclosure; Figure 7 This is a schematic diagram of the structure of an information processing device provided in an embodiment of the present disclosure; Figure 8 This is a schematic diagram of the structure of an electronic device provided in an embodiment of this disclosure.

[0011] In the accompanying drawings, the same or corresponding reference numerals indicate the same or corresponding parts. Detailed Implementation

[0012] To enable those skilled in the art to better understand the present disclosure, the technical solutions of the present disclosure will be clearly and completely described below with reference to the accompanying drawings of the embodiments. Obviously, the described embodiments are only some embodiments of the present disclosure, and not all embodiments. Based on the embodiments of the present disclosure, all other embodiments obtained by those skilled in the art without creative effort should fall within the scope of protection of the present disclosure.

[0013] It should be noted that the terms "first," "second," etc., in the specification, claims, and accompanying drawings of this disclosure are used to distinguish similar objects and are not necessarily used to describe a specific order or sequence. It should be understood that such data can be interchanged where appropriate so that the embodiments of this disclosure described herein can be implemented in orders other than those illustrated or described herein. Furthermore, the terms "comprising" and "having," and any variations thereof, are intended to cover non-exclusive inclusion; for example, a process, method, system, product, or apparatus that comprises a series of steps or units is not necessarily limited to those steps or units explicitly listed, but may include other steps or units not explicitly listed or inherent to such processes, methods, products, or apparatus.

[0014] The accompanying drawings are schematic illustrations of this disclosure and are not necessarily drawn to scale. Some block diagrams shown in the drawings may be functional entities and do not necessarily correspond to physically or logically independent entities. These functional entities may be implemented in software, in hardware modules or integrated circuits, or in networks, processors, or microcontrollers. Implementations can be carried out in various forms and should not be construed as limited to the examples set forth herein. The features, structures, or characteristics described in this disclosure can be combined in any suitable manner in one or more embodiments. Numerous specific details are provided in the following description to give a thorough description of embodiments of this disclosure. However, those skilled in the art will recognize that one or more specific details may be omitted when implementing the technical solutions of this disclosure, or other methods, components, apparatuses, steps, etc., may be used to replace one or more specific details.

[0015] Figure 1A system architecture diagram of the operating environment of this exemplary embodiment is shown. This system architecture may include a terminal device 110 and a server 120. The terminal device 110 may be a mobile phone, tablet computer, personal computer, smart wearable device, game console, etc., and has a display function capable of displaying a graphical user interface, which may include the operating system interface or the application interface. An application, such as a game program, is installed on the terminal device 110. The server 120 generally refers to the backend system providing application services in this exemplary embodiment; it may be a single server or a cluster of multiple servers. For example, a game server program is deployed on the server 120 to perform server-side game data processing. The terminal device 110 and the server 120 can be connected via a wired or wireless communication link for data transmission. The method in one exemplary embodiment of this disclosure can be executed by any one or more of the terminal device 110 and the server 120.

[0016] In one implementation, the above method can be implemented and executed based on a cloud interaction system. The cloud interaction system can be the system architecture described above. Various cloud applications, such as cloud gaming, can run under the cloud interaction system. Taking cloud gaming as an example, cloud gaming can be a game mode based on cloud computing. In the cloud gaming operation mode, the game program's execution entity and the game screen presentation entity are separated. The storage and execution of the game's control and interaction methods are completed on the cloud gaming server (such as the aforementioned server 120). The cloud gaming client (such as the aforementioned terminal device 110) is responsible for receiving and sending data and presenting the game screen. For example, the cloud gaming client can be a display device with data transmission capabilities located close to the user, such as a mobile terminal, television, computer, or PDA; while the cloud gaming server in the cloud performs information processing. When playing the game, the user operates the cloud gaming client to send operation commands to the cloud gaming server. The cloud gaming server runs the game according to the operation commands, encodes and compresses the game screen and other data, returns it to the cloud gaming client via the network, and finally, the cloud gaming client decodes and outputs the game screen.

[0017] In one implementation, the method described above can be implemented by the terminal device 110 alone. For example, without deploying the server 120, the terminal device 110 can run the application in a standalone environment to implement the game function and execute the method described above.

[0018] This embodiment provides an information processing method that provides a graphical user interface (GUI) through a terminal device. The GUI includes two or more sub-interfaces that overlap and obscure each other. Figure 2 This is a flowchart of an information processing method according to an embodiment of the present disclosure, such as... Figure 2As shown, the process includes the following steps: Step S110: In response to a first trigger operation targeting a visible area of ​​at least a partially visible first sub-interface, enter the area drawing mode.

[0019] Step S120: In the region drawing mode, a closed region is generated based on the sliding trajectory within the visible region.

[0020] In step S130, in response to a sliding operation on a closed area, the content in the second sub-interface that is obscured by the closed area is displayed or hidden according to the sliding direction. The second sub-interface is the lower layer of the first sub-interface.

[0021] The method provided in this embodiment allows users to directly view information from an obscured lower-level interface through simple touch interaction on the current screen, without needing to completely switch interfaces. This reduces user operation steps, improves the convenience and efficiency of information acquisition, maintains the integrity of the interface structure, and significantly enhances the user's interactive experience. Simultaneously, this method reduces data processing and interface redrawing during interface switching, lowers terminal resource consumption, and solves the system resource consumption problem caused by frequent switching in traditional interface interactions.

[0022] The steps described above are explained in detail below.

[0023] In step S110, in response to a first trigger operation targeting a visible area of ​​at least partially visible first sub-interface, the region drawing mode is entered.

[0024] Optionally, the first triggering action is a specific input by the user to the visible area of ​​the first sub-interface, such as a long press, which is used to activate the area drawing function.

[0025] Optionally, the area drawing mode is a special operating state in which users can draw areas on the screen by specifying an interaction method (such as swiping their finger). This mode allows users to customize the selection of areas of interest.

[0026] Optionally, the first sub-interface refers to the user interface currently displayed on the top layer and at least partially visible. The first sub-interface can be various functional interfaces of the application, including the application home page, sub-interfaces, etc., such as the character information interface and inventory interface of a game application.

[0027] In step S120, in the region drawing mode, a closed region is generated based on the sliding trajectory within the visible region.

[0028] Optionally, the swipe trajectory is the path formed by the user's input on the terminal device screen. The swipe trajectory can be of any shape and consists of continuous touch points. Swipe input methods can include sliding a finger or stylus on the touchscreen, sliding an indicator on the screen via an input device (such as a mouse or other peripheral device controlling cursor movement), or swiping via gesture input, etc. This embodiment does not limit the specific method of drawing the swipe trajectory.

[0029] Optionally, a closed region refers to a bounded area formed by the sliding trajectory. This region can be a closed shape drawn directly by sliding, or it can be a closed region formed by the system connecting the starting and ending points of the sliding trajectory.

[0030] In step S130, in response to a sliding operation on a closed area, the content in the second sub-interface that is obscured by the closed area is displayed or hidden according to the sliding direction. The second sub-interface is the lower layer of the first sub-interface.

[0031] Optionally, a swipe operation refers to a user's swiping action on a closed area. For touchscreens, a swipe operation can be performed by pressing a finger or stylus on the boundary of the closed area or any position within the closed area, or by dragging the closed area using an input device such as a mouse or other peripheral. For example, clicking the boundary of the closed area or any position within the closed area with the mouse cursor and then holding down a mouse function key to swipe, or by mapping a gesture to the boundary of the closed area or any position within the closed area and then waving the gesture to swipe, etc. This embodiment does not limit the specific method of controlling the swiping of the closed area.

[0032] Optionally, the second sub-interface refers to the lower-level interface obscured by the first sub-interface. The second sub-interface typically contains information the user needs to view, but is obscured by the upper-level interface. The second and first sub-interfaces can be different functional interfaces within the same application, such as the character information interface or resource management interface in a game application. The first and second sub-interfaces may or may not have a hierarchical relationship. If they do have a hierarchical relationship, the second sub-interface can be a subordinate or superior interface of the first sub-interface, but in this case, it is displayed below and obscured by the first sub-interface. Furthermore, the second and first sub-interfaces can also be functional interfaces of different applications; for example, the first sub-interface might be the interface of a game application, and the second sub-interface might be a sub-interface of a music application.

[0033] Optionally, showing or hiding refers to controlling the visibility of the portion of the second sub-interface covered by the enclosed area. Showing can be achieved by setting the enclosed area to transparent or copying the content from the lower layer to the upper layer for display, while hiding restores the original display state.

[0034] In a specific application of this embodiment, see Figures 3 to 6 The game interface displays two sub-interfaces: "Spiritual Affinity Cultivation" and "Summoned Beast Spiritual Affinity." The "Summoned Beast Spiritual Affinity" sub-interface is partially obscured by the "Spiritual Affinity Cultivation" sub-interface. To view the "Summoned Beast Spiritual Affinity" interface, players can long-press the "Spiritual Affinity Cultivation" interface to enter area drawing mode. In this mode, players can draw an open area from point A to point B within the "Spiritual Affinity Cultivation" interface. Releasing the finger connects points A and B, forming a closed area with the previously drawn line. Players can also directly draw a closed area. After drawing, sliding the line connecting points A and B outwards makes this closed area transparent, revealing the corresponding information from the "Summoned Beast Spiritual Affinity" interface below. Players can directly view and compare the information from both interfaces without switching back and forth. When no longer needed, players can slide from outside the closed area into the transparent area to restore the transparency and re-obscure the content below. This interactive method significantly improves the efficiency of information acquisition and the overall gaming experience.

[0035] In an optional implementation, the starting and ending points of the sliding trajectory are determined; based on the starting and ending points, the starting and ending points are connected to form a closed region together with the sliding trajectory. In this way, by connecting the starting and ending points to form a closed region with the sliding trajectory, the operation of drawing a closed region by the user can be simplified. The user only needs to draw a general trajectory to automatically form a closed region, improving interaction efficiency.

[0036] For example, see Figure 3 and Figure 4 The game interface displays two sub-interfaces: "Spiritual Affinity Cultivation" and "Summoning Beast Spiritual Affinity." The "Summoning Beast Spiritual Affinity" sub-interface is partially obscured by the "Spiritual Affinity Cultivation" sub-interface. When players want to view the "Summoning Beast Spiritual Affinity" interface, they can long-press the "Spiritual Affinity Cultivation" interface to enter the area drawing mode. After entering the area drawing mode, draw an arc from point A to point B on the left edge of the "Spiritual Affinity Cultivation" interface. Release the button after completion, and the system will automatically connect the starting point A and the ending point B of this arc, forming a closed area with the arc drawn by the player.

[0037] Optionally, the sliding trajectory can be a curve of any shape, such as a straight line, curve, polyline, or a combination thereof. A key feature of the sliding trajectory is that it does not necessarily form a closed region, but rather an open path. Users can freely draw such trajectories on the screen, and the system will capture and record all points on the trajectory based on the user's actual sliding movements.

[0038] Optionally, the start point and end point refer to the beginning and end points of the sliding trajectory. In the area drawing mode, the system will specifically record these two points.

[0039] Optionally, connecting the start and end points means the system automatically creates a connecting line between the start and end points of the sliding trajectory to form a closed area together with the original sliding trajectory. This connection process is executed automatically after the user completes the sliding operation, requiring no additional user action. The connecting line can take different forms; the simplest is a straight line connection, where the system directly draws a straight line from the start to the end point. In addition, the system can provide other types of connection methods, such as curved connections (using algorithms like Bézier curves to generate smooth curves) and intelligent connections (automatically selecting the most suitable connection method based on the overall shape of the sliding trajectory). The style of the connecting line can be consistent with the sliding trajectory, such as the same thickness, color, and transparency, to ensure visual harmony.

[0040] Optionally, a closed region refers to a completely enclosed space bounded by the sliding trajectory and the line segment connecting the start and end points. This region is typically visually distinguished from other parts of the interface by special boundary lines or color fills. The closed region can be of any shape, primarily depending on the user-drawn sliding trajectory and the system's method of connecting the start and end points. After generating the closed region, the system calculates and stores its geometric information, including the set of boundary points, area, and center point coordinates. This information will be used for subsequent interactive operations. The size of the closed region is not strictly limited and can vary depending on the user's needs. The system can set a minimum area threshold; if the generated closed region is smaller than this threshold, the user can be prompted to redraw it to ensure the region is large enough for subsequent operations. Furthermore, the generated closed region can be enhanced with subtle visual effects, such as semi-transparent shadows, dotted or linear textures, or slight boundary flickering, to help the user clearly identify the region's extent and prepare for subsequent sliding operations.

[0041] In an optional implementation, a closed shape is drawn based on the sliding trajectory, and a closed region is formed based on this closed shape. This simplifies the operation process and improves the efficiency and intuitiveness of the interface interaction by directly drawing a closed shape to generate a closed region.

[0042] For example, a user can draw a circular or rectangular closed shape by sliding their finger within the visible area of ​​the graphical user interface. The system automatically generates a closed area based on the shape, and then the user can control the display or hiding of the content of the lower interface by sliding, without the need for additional connection of the start and end points.

[0043] Optionally, sliding trajectory drawing refers to the user drawing a complete path on the interface through continuous touch actions, ultimately forming a closed path with the beginning and end connected. Unlike the method that requires the system to automatically connect the starting and ending points, this drawing method requires the user to complete the drawing of the entire closed shape by themselves, ensuring that the final position returns to or is very close to the starting position, forming a naturally closed trajectory.

[0044] In an optional implementation, the content obscured by the enclosed area in the second sub-interface is displayed or hidden based on the sliding direction. This includes: when the sliding direction is away from the center of the enclosed area, the content obscured by the enclosed area in the second sub-interface is displayed; when the sliding direction is towards the inside of the enclosed area, the content obscured by the enclosed area in the second sub-interface is hidden. In this way, flexible control of the content of the lower-level interface is achieved through differences in sliding direction, improving the convenience and intuitiveness of user interaction.

[0045] For example, in a graphical user interface, a user first enters a region drawing mode by triggering an action and draws a closed region, such as a circle or polygon, within the visible area. Then, the user performs a swipe operation. If the swipe direction radiates outward from the center of the closed region, the content obscured in the underlying interface gradually becomes visible; if the swipe direction moves from the outside towards the inside of the closed region, the visible content gradually hides. This mechanism allows users to quickly view or hide the underlying information of a specific area without switching interfaces.

[0046] Optionally, the direction away from the center of the closed area refers to the direction in which the sliding trajectory spreads outward from the inside or boundary of the closed area when the user slides it, forming an outward movement trend. The center of the closed area can be the geometric center point of the closed area, serving as a reference point for determining the sliding direction. The center of the closed area can be calculated using various mathematical methods, such as the average coordinates of all boundary points of the closed area, the centroid of the closed area, or the center point of the circumscribed rectangle of the closed area. In implementation, the center point of the closed area can be displayed on the interface as a small dot or a special marker to help users intuitively understand the reference point for the sliding direction, or it can be used as an invisible calculation reference point. It should be noted that the center of the closed area as a reference point for determining the sliding operation direction is not necessarily strictly limited to the geometric center point of the closed area; it can be other reference positions within the closed area, as long as it can be used to determine the direction of the sliding operation and is consistent with the overall trend of the closed area moving from its current position towards a position outside the closed area.

[0047] Optionally, the direction towards the interior of the closed area refers to the direction in which the swipe trajectory contracts inward from the outside of the closed area when the user performs a swipe. A swipe inward can be considered the reverse of a swipe away from the center of the closed area. It can start from any position on the interface outside the closed area, or from the edge of the closed area, as long as the overall swipe trend is towards the center of the closed area. Similarly, the center of the closed area is not strictly limited to its geometric center point; it can be any other reference position within the closed area, as long as it can be used to determine the direction of the swipe and is consistent with the overall contraction trend of the closed area inward.

[0048] In optional implementations, the sliding operation for a closed area includes: sliding away from the center of the closed area by pressing the boundary of the closed area, or sliding from the inside of the closed area to the outside of the closed area; and sliding from the outside of the closed area in the first sub-interface to the inside of the closed area. In this way, by defining specific sliding operation types, the user interaction method can be clearly defined, ensuring that the control over the display or hiding of the content of the lower-level interface is more intuitive and reliable.

[0049] For example, refer to Figure 5 and Figure 6 When players want to view the "Summoning Beast Spiritual Affinity" interface, they can long-press the "Spiritual Affinity Training" interface to enter the area drawing mode. In the "Spiritual Affinity Training" interface, draw a closed area from point A to point B. After drawing, players can either press and hold the line connecting A and B and slide away from the center of the closed area, or press and hold any point within the closed area and slide outwards to display the corresponding part of the "Summoning Beast Spiritual Affinity" interface below the closed area. After viewing, players can press and hold any point outside the closed area and slide inwards to redisplay the original content of the closed area's "Spiritual Affinity Training" interface, while hiding the corresponding part of the "Summoning Beast Spiritual Affinity" interface.

[0050] Optionally, pressing the boundary of a closed area refers to the user placing their finger or touch tool on the boundary line of the created closed area and applying a certain amount of pressure. The boundary of a closed area is usually its outline, serving as the dividing line between the inside and outside of the closed area. The boundary can be displayed with special visual effects, such as highlighted colors, special textures, or subtle animation effects, to ensure accurate user recognition and touch. In practice, the system sets a certain width for the boundary's judgment range, so that even if the user doesn't precisely touch the boundary line itself, but rather touches an area near the boundary line, it can still be recognized as a valid boundary press operation. The press operation requires the user to apply a certain amount of pressure to the boundary and hold it for a short time. The system can confirm that the user's press has been recognized through vibration feedback or changes in visual effects. In specific implementations, a certain pressure threshold can be required for the press to be recognized as a valid operation; this design effectively avoids accidental touches. Pressing the boundary of the closed area is the starting point for a sliding operation. The user needs to maintain contact after pressing and perform subsequent sliding actions. The system continuously tracks changes in the touch point position to determine the sliding direction and distance.

[0051] Optionally, a swipe from inside to outside the closed area refers to a user placing their finger or touch tool anywhere within the closed area and then moving it outwards. This swipe starts inside the closed area and ends outside, forming a movement from the inside to the outside. When the system detects this type of swipe, it checks whether the starting position of the touch point is inside the closed area and whether the swipe trajectory crosses the boundary of the closed area and finally reaches the outside. Furthermore, the system can also detect the swipe speed to distinguish between intentional swipes and unintentional touches, reducing the possibility of misoperations.

[0052] Optionally, a swipe from the outside to the inside of a closed area within the first sub-interface refers to the user placing their finger or touch tool on the first sub-interface outside the closed area and then moving it towards the inside. This swipe operation starts at the outside of the closed area and ends inside, forming a movement from the outside to the inside. When the system determines this type of swipe, it will detect whether the starting position of the touch point is outside the closed area and whether the swipe trajectory crosses the boundary of the closed area and finally reaches the inside.

[0053] In an optional implementation, the content obscured by the closed area in the second sub-interface is displayed or hidden based on the sliding direction. This includes: if the sliding distance from the boundary of the closed area away from the center of the closed area exceeds a threshold, or if the ending position of the sliding from inside the closed area to outside the closed area meets a first preset condition, the content obscured by the closed area in the second sub-interface is displayed; if the ending position of the sliding from outside the closed area in the first sub-interface to inside the closed area meets a second preset condition, the content obscured by the closed area in the second sub-interface is hidden. By setting a sliding distance threshold and an ending position condition, a certain judgment standard is added to the operation, avoiding accidental switching of the interface state due to slight or unintentional touches, enhancing the stability and controllability of the interaction, and also providing the possibility of precise control over different levels of display effects.

[0054] For example, in a character development game, when players open the character skill interface to study skill combinations, they need to refer to the equipment attribute interface data below. Players long-press the skill interface to enter the area drawing mode and draw a closed circular area around the location of the equipment attribute. When players want to view the information below, they press and hold the edge of the circular area and slide it outwards. When the system detects that the sliding distance exceeds a preset threshold of 15 pixels, the circular area becomes transparent, displaying the information from the equipment attribute interface below. Players can also slide outwards from the inside of the circular area. When the sliding endpoint is more than 20 pixels away from the circular boundary, the area also becomes transparent, displaying the content below. After viewing, players slide inwards from the outside of the circular area. When the sliding endpoint reaches the inside of the circular area and is more than 10 pixels away from the boundary, the system restores the transparent area to an opaque state, redisplaying the original content of the skill interface.

[0055] Optionally, swipe distance refers to the spatial length that a user's finger or touch tool moves from the starting point to the current or ending point during a touch operation. Swipe distance is usually measured in pixels or other screen size units, reflecting the magnitude of the user's operation. In interactions related to enclosed areas, swipe distance can be calculated in several ways, such as the straight-line distance between the starting point and the current point, the cumulative length along the actual swipe trajectory, or the projected distance in a specific direction.

[0056] Optionally, the threshold refers to a critical value used by the system to determine whether a swipe operation is valid or should trigger a specific interface response. In interactions within a closed area, the swipe distance threshold is a preset distance value; the system will only execute the corresponding display control operation when the user's swipe operation exceeds this distance value. The threshold setting can be adjusted according to the device screen size, user habits, or application scenario.

[0057] Optionally, the first preset condition refers to a set of rules or parameters used by the system to determine whether a sliding operation from inside the closed area to the outside is valid. For example, these conditions may include the endpoint being located within a certain distance outside the closed area, or the relative angle between the endpoint and the boundary of the closed area conforming to a preset range. For example, the first preset condition may require the sliding endpoint to be at least 1 centimeter away from the boundary of the closed area to ensure that the sliding direction is clearly outward.

[0058] Optionally, the second preset condition refers to a set of rules or parameters used by the system to determine whether a sliding operation from outside to inside a closed area is valid. Similar to the first preset condition, the second preset condition may also include multiple judgment dimensions. For example, the second preset condition may include: the sliding start position must be located outside the closed area and have a minimum distance requirement from the boundary; the end point must be located inside the closed area, or near the center of the area, to confirm that the sliding direction is inward; the sliding trajectory needs to cross the boundary of the closed area and extend a certain length inside, etc.

[0059] In an optional implementation, controlling the display or hiding of content obscured by the enclosed area in the second sub-interface includes: setting a portion of the enclosed area in the first sub-interface to transparent, making the corresponding content in the second sub-interface visible; or restoring the display of the transparent enclosed area to obscure the content of the corresponding enclosed area in the second sub-interface. In this way, by controlling the transparency of the enclosed area, the switching display of content between the upper and lower interfaces is achieved, maintaining the stability of the overall interface layout while providing an intuitive visual effect. This allows users to clearly perceive the perspective viewing process, enhancing the continuity of interaction and user experience.

[0060] For example, see Figure 5 and Figure 6 When players want to view the "Summoning Beast Spiritual Affinity" interface, they can enter the area drawing mode by long-pressing the "Spiritual Affinity Training" interface. In the "Spiritual Affinity Training" interface, a closed area is drawn from point A to point B. After drawing, when the player presses and slides outwards along the line connecting A and B, this closed area becomes transparent, revealing the corresponding information in the "Summoning Beast Spiritual Affinity" interface below. After viewing, if the player presses and slides inwards from any point outside the closed area, the system restores the opacity of that area, redisplaying the original content of the closed area of ​​the "Spiritual Affinity Training" interface, and re-obscuring the corresponding content of the "Summoning Beast Spiritual Affinity" interface. Throughout this process, the relative position and layout of the two interfaces remain unchanged.

[0061] Optionally, the enclosed area within the first sub-interface can be made transparent. This involves the specific implementation of interface rendering techniques and is typically achieved by modifying the transparency attribute of the corresponding area in the graphical user interface. In computer graphics, transparency adjustment can be based on the alpha channel or blending mode. For example, graphics APIs such as OpenGL or DirectX can be used to set the alpha value of pixels, making the upper interface transparent and thus revealing the content of the lower interface. This method allows the system to dynamically adjust visual occlusion without removing the first sub-interface, ensuring the continuity of user interaction.

[0062] Optionally, restoring the display of partially transparent enclosed areas means resetting previously transparent areas back to opaque to remove occlusion of the underlying interface content. This typically involves resetting graphics rendering parameters, such as restoring the alpha value from a transparent value (e.g., 0) to an opaque value (e.g., 1), or disabling blending modes to allow the upper interface to re-cover the lower one. From a system implementation perspective, restoring the display may involve redrawing the interface or updating layer properties to ensure visual consistency.

[0063] In an optional implementation, the transparency of the enclosed area gradually changes with the sliding direction and distance. This directly links the parameters of the sliding operation to changes in transparency, creating a smooth and natural progressive interactive experience. This makes the interface transition process smoother and more seamless, allowing users to precisely control the transparency level through the degree of sliding, thus improving the precision and controllability of the interface interaction.

[0064] For example, a user draws a circular closed area in a graphical user interface. When the user presses and holds the boundary of the area and slides it outward, the transparency of the closed area gradually increases from the initial value. The greater the sliding distance, the higher the transparency, making the content of the underlying interface gradually visible. When the user slides inward, the transparency gradually decreases, and the underlying content is obscured again, thus providing a progressive visual feedback and enhancing the controllability of the operation.

[0065] Optionally, the transparency changes gradually with the direction and distance of the swipe, involving a dynamic transparency adjustment mechanism in interface rendering technology. In graphical user interfaces, transparency is an attribute that controls the degree of visual occlusion of interface elements, usually expressed as a percentage or a value from 0 to 1, where 0 represents complete transparency and 1 represents complete opacity. From a user interaction perspective, a smooth transition through changes in transparency can avoid abrupt interface transitions and improve the user experience. For example, when a user draws a circular closed area in a game interface and swipes outward, the transparency of that area gradually increases from 0% to 100%, and the content of the underlying interface gradually becomes clear. Conversely, when the user swipes inward, the transparency gradually decreases, eventually completely obscuring the underlying content.

[0066] Optionally, gradual change refers to a smooth transition of the transparency of a closed area, rather than an instantaneous switch from one state to another, following certain gradual rules as the user swipes. This gradual transition can be achieved in several ways: First, based on a linear mapping of the swipe distance, the range of swipe distances is uniformly mapped to the range of transparency changes; for example, a swipe distance of 0 corresponds to 0% transparency, and a swipe distance of the maximum effective distance corresponds to 100% transparency. Second, based on non-linear function mapping, such as exponential, logarithmic, or sigmoid functions, the transparency change has different rates of change at different stages. Third, based on preset transparency change keyframes, transparency values ​​are defined at specific swipe distance nodes, and intermediate transparency values ​​are calculated through interpolation. Implementing gradual change usually requires high-frequency interface refreshes to ensure the continuity and smoothness of the visual effect.

[0067] In an optional implementation, controlling the display or hiding of content obscured by the closed area in the second sub-interface includes: generating interface content in the second sub-interface that falls within the coverage area of ​​the closed area, and overlaying or undisplaying the interface content above the corresponding closed area in the first sub-interface. In this way, by directly extracting and regenerating the lower-level interface content instead of making it transparent, partial display control of the lower-level interface content is achieved.

[0068] For example, see Figure 5 and Figure 6 When a player wants to view the "Summoning Beast Spiritual Affinity" interface, they can enter the area drawing mode by long-pressing the "Spiritual Affinity Training" interface. In the "Spiritual Affinity Training" interface, a closed area is drawn from point A to point B. After drawing, when the player slides outwards along the line connecting A and B, the system doesn't make that area transparent. Instead, it extracts the content corresponding to that location from the "Summoning Beast Spiritual Affinity" interface below, generating an interface element containing the extracted content. This element is then precisely overlaid on the closed area of ​​the current "Spiritual Affinity Training" interface, allowing the player to directly view the corresponding content of the "Summoning Beast Spiritual Affinity" interface below the closed area. After viewing, if the player slides from any point outside the closed area inwards, the system immediately removes the overlaid element, revealing the original content of the "Spiritual Affinity Training" interface again, while the corresponding content of the "Summoning Beast Spiritual Affinity" interface is obscured once more.

[0069] Optionally, generating the interface content within the enclosed area of ​​the second sub-interface refers to the process by which the system extracts, copies, and reconstructs the portion of content corresponding to the shape and position of the enclosed area drawn by the user from the lower-level interface (second sub-interface). This process first involves precise coordinate mapping calculations; the system needs to convert the coordinate position of the enclosed area on the first sub-interface to its corresponding coordinate position in the second sub-interface. Secondly, the system needs to extract all interface elements within that coordinate range from the second sub-interface, including interactive controls such as text, images, buttons, and input boxes, maintaining their original style, layout, and functionality. In practice, this extraction can be dynamic; that is, when the content of the second sub-interface changes (such as numerical updates or state changes), the generated interface content will also be updated accordingly in real time, ensuring that the user always sees the latest information. Finally, the system will create copies or snapshots of this content to ensure that its visual and functional attributes are consistent with the original content.

[0070] Optionally, the interface content refers to the collection of UI elements extracted from the second sub-interface and displayed on the first sub-interface. It contains all the information and functional components that the user needs to view or interact with. Interface content can be a combination of various UI elements, including but not limited to: text labels, image elements, button controls, input boxes, progress bars, toggle switches, etc. These interface elements retain their original visual style and functional characteristics during extraction and generation, including attributes such as font, color, size, alignment, and interaction response. The boundaries of the interface content need to be consistent with the boundaries of the closed area drawn by the user. However, in special cases, the system can make slight adjustments to the boundaries to adapt to the natural boundaries of the UI elements, avoiding unnatural truncation. The generated interface content needs to be visually consistent with the original second sub-interface while seamlessly integrating into the current first sub-interface environment. Slight shadows, borders, or background effects can be added to enhance its visual differentiation and sense of hierarchy.

[0071] Optionally, overlaying the content above the closed area in the first sub-interface refers to the process of placing the interface content generated from the second sub-interface onto the closed area of ​​the first sub-interface and displaying it on top. This overlay differs from transparency; it treats the generated interface content as a new UI layer directly overlaid on the original interface. In practice, the system needs to calculate the position and shape of the closed area in the first sub-interface, align the generated interface content to that position, add the content to the UI rendering queue, and set its highest priority to ensure it appears above all other elements.

[0072] Optionally, canceling the display of interface content refers to the process by which the system removes the interface content previously overlaid on the first sub-interface and generated from the second sub-interface, restoring the original display state of the first sub-interface. Canceling the display requires identifying and locating the previously added overlaid content elements, removing these elements from the UI rendering queue or element tree, and restoring the original display content and interactive state of the enclosed area in the first sub-interface.

[0073] In an optional implementation, the method further includes: responding to continuous touch operations on a closed area or the boundary of a closed area; determining a third sub-interface to be displayed through based on the number of continuous touch operations, wherein the third sub-interface is located below the first sub-interface and has at least partial overlap with the first sub-interface; and responding to a swipe operation on the closed area, controlling the content in the third sub-interface corresponding to the coverage area of ​​the closed area to be displayed or hidden according to the swipe direction. In this way, by mapping continuous touch operations to the number of operations, precise selection and control of the display through multiple layers of interfaces are achieved, allowing users to directly access deeper layers of interface content without closing the current interface. This significantly improves the efficiency and flexibility of multi-level interface interaction while maintaining the consistency and intuitiveness of the operation mode.

[0074] For example, in a multi-layered character development game, a player opens the character skill interface (first sub-interface), below which are the equipment interface (fourth sub-interface) and the resource interface (third sub-interface). The player needs to view a specific data item in the resource interface, but this data is completely obscured by the two interfaces above. The player first long-presses the skill interface to enter the area drawing mode, draws a closed shape in the target area, and then clicks the closed area twice (indicating the need to penetrate two layers). The system recognizes that the player wants to view the third-layer resource interface. When the player swipes outwards from the closed area, the system automatically makes the portions of the skill and equipment interfaces within the closed area transparent, directly revealing the content of the bottom-layer resource interface, allowing the player to view the required resource data without closing any interfaces. After viewing, the player swipes inwards from the outside, and the system immediately restores the original display state of all interfaces.

[0075] Optionally, continuous touch operation refers to a user performing multiple consecutive touches or clicks on an enclosed area or its boundaries within a relatively short time interval. This operation typically manifests as the user rapidly and rhythmically tapping the screen repeatedly at the same or nearby locations. Continuous touch operation can be applied to different parts of the enclosed area: it can be a touch on any location within the entire enclosed area, a touch specifically targeting the boundaries of the enclosed area, or a touch on a specific location within the enclosed area (e.g., a line automatically generated by the system connecting the starting points of a sliding trajectory to form a line within the enclosed area). The system can confirm each valid touch through visual or haptic feedback, helping the user understand whether the operation has been correctly recognized.

[0076] Optionally, the number of operations refers to the total number of valid touch actions successfully recognized and counted by the system during continuous touch operations. The number of operations is an integer value, starting from 1. Each time the system recognizes a valid touch that meets the conditions for continuous touch, the count increases by 1. In practical applications, the system can set a timer that starts when the first touch is detected. Subsequent valid touches detected within the timer's validity period (usually several hundred milliseconds) are counted in the total count. If the time interval between two touches exceeds a preset threshold, the system considers the continuous touch operation to have ended and uses the current accumulated count as the final number of operations. The calculation of the number of operations also needs to consider spatial consistency; that is, only touches in close proximity are counted in the same continuous operation. To improve the user experience, the system can provide immediate feedback for each valid touch, such as a brief visual highlight or slight vibration, and can display the current accumulated number of operations on the interface to help the user understand the current operation progress.

[0077] Optionally, a third sub-interface refers to an interface layer located below the first sub-interface in a multi-layered interface structure, designated by the user as the target to be penetrated and displayed through continuous touch operations. There may be one or more intermediate layer interfaces (fourth sub-interfaces) between the third and first sub-interfaces; these intermediate layer interfaces also need to be penetrated to see the content of the third sub-interface. The position of the third sub-interface is relative; it is the lower layer interface relative to the currently visible first sub-interface, and its specific layer is determined by the number of consecutive touch operations by the user. Furthermore, the third, fourth, and first sub-interfaces can be different functional interfaces of the same application, or they can be functional interfaces of different applications.

[0078] Optionally, a fourth sub-interface refers to one or more intermediate layer interfaces located between the first and third sub-interfaces in a multi-layered interface structure. The fourth sub-interface at least partially overlaps with the first and third sub-interfaces, forming a hierarchical stacking relationship. When the user specifies a penetration depth through continuous touch operations, these fourth sub-interfaces also need to be set to transparent or otherwise processed so that the content of the underlying third sub-interface can be seen. The number of fourth sub-interfaces can be one or more, depending on the stacking arrangement of different interfaces in the current graphical user interface.

[0079] In an optional implementation, the third sub-interface to be displayed is determined based on the number of consecutive touch operations. This includes: determining a target penetration level based on the correspondence between the number of operations and a preset penetration level; and determining a third sub-interface located below the first sub-interface and corresponding to the target penetration level based on the target penetration level. In this way, users can flexibly specify the desired interface level to be displayed based on the number of consecutive touch operations, allowing them to view content from different depths of the interface without frequently switching between screens, thus improving interaction efficiency and user experience.

[0080] For example, in a strategy simulation game, a player opens the character development interface (the first sub-interface) to view character skills. Below this interface are stacked the equipment interface, resource consumption interface, and material acquisition interface. When the player needs to directly view the resource consumption information in the third layer, they first long-press the character development interface to enter the area drawing mode, draw a closed area at the location of the resource information, and then click the closed area twice (indicating that they need to penetrate to the third layer below the second layer). Based on the number of operations "2", the system matches the preset penetration layer mapping relationship (1 click penetrates 1 layer, 2 clicks penetrate 2 layers, and so on), determines the target penetration layer number to be 2, and then counts from top to bottom to determine that the third sub-interface is the resource consumption interface. When the player slides the closed area outward, the system immediately penetrates and displays the corresponding content of the resource consumption interface, allowing the player to view the required information without closing the upper interface.

[0081] Optionally, the correspondence between the number of operations and the preset number of penetration layers refers to a pre-defined mapping rule used by the system to convert the number of consecutive user touches into a specific penetration depth. The system maintains a mapping table or uses a calculation formula to achieve this conversion. For example, a single touch represents viewing the first layer below, two consecutive touches represent viewing the second layer below, and so on. In some implementations, this correspondence may be adjusted, such as starting the count from 0 (0 times represents the current layer, 1 time represents the next layer), or using a non-linear mapping (e.g., the first click corresponds to the first layer, the second click corresponds to the third layer, the third click corresponds to the sixth layer). The system allows users to customize this correspondence. In addition, the system can set a maximum penetration layer limit; operations exceeding this limit will no longer increase the penetration layer, or will loop back to the first layer.

[0082] Optionally, the target penetration level refers to the interface depth value that the user wants to penetrate and view, derived by the system based on the number of consecutive touch operations by the user and a preset correspondence. This value is a positive integer, representing the number of layers to penetrate downwards from the currently visible first sub-interface. The target penetration level directly determines which layer of interface content will ultimately be displayed.

[0083] In an optional implementation, the third sub-interface located below the first sub-interface and corresponding to the target penetration level is determined based on the target penetration level. This includes: determining the number of all fourth sub-interfaces located below the first sub-interface within the coverage area of ​​the closed region; if the number of fourth sub-interfaces is greater than or equal to the target penetration level, the Nth fourth sub-interface from top to bottom is determined as the third sub-interface, where N equals the target penetration level; if the number of fourth sub-interfaces is less than the target penetration level, the bottommost fourth sub-interface from top to bottom is determined as the third sub-interface. In this way, by accurately calculating the matching relationship between the penetration level and the number of available sub-interfaces, it ensures that the sub-interface corresponding to the target penetration level can be accurately selected in scenarios with overlapping multiple interfaces, avoiding level out-of-bounds errors or incorrect selections, and improving the accuracy of the penetration display operation and the user experience.

[0084] For example, in a multi-layered window application, after the user draws a closed area on the first sub-interface, double-clicking the boundary to specify a penetration level of 2, the system detects that there are three fourth sub-interfaces below the first sub-interface, which is greater than the target penetration level of 2. Therefore, the second fourth sub-interface from the top is selected as the third sub-interface. If the user specifies a penetration level of 4 but there are only three fourth sub-interfaces below, the bottom fourth sub-interface is automatically selected as the third sub-interface to ensure that the penetration operation is always effective.

[0085] Optionally, determining the number of all fourth sub-interfaces located below the first sub-interface within the closed area involves dynamic analysis of the interface hierarchy. Interface hierarchies are typically arranged sequentially along the z-axis, with the first sub-interface serving as the top-level interface. Multiple fourth sub-interfaces may be superimposed below it, each representing an independent interaction layer. The quantity determination process must consider the geometric extent of the closed area, counting only fourth sub-interfaces that intersect with this area, ignoring interfaces completely outside the area. During calculation, the system traverses the interface chain starting directly below the first sub-interface, identifying the visible portion of each interface within the projection of the closed area. If overlap exists, it is included in the total count. For example, in a graphics engine, raycasting or bounding box intersection algorithms can be used for rapid filtering, combined with the hierarchy list from the interface manager for verification. If interfaces change dynamically, such as being added or deleted, the quantity needs to be updated in real-time to maintain consistency.

[0086] Optionally, determining the Nth fourth sub-interface from top to bottom as the third sub-interface refers to the process by which the system, based on the user-specified penetration level N, sequentially selects an interface at a specific location within the interface hierarchy below the closed area as the final display target. This process first requires the system to sort all fourth sub-interfaces in a top-to-bottom display order, forming an ordered sequence. In this sequence, index 1 is the top-level fourth sub-interface (the layer immediately below the first sub-interface), index 2 is the second layer, and so on. Once the target penetration level N is determined, the system directly selects the interface with index N from this ordered sequence as the third sub-interface. For example, if N=2, the system will select the second fourth sub-interface from top to bottom as the penetration target.

[0087] Optionally, designating the fourth sub-interface from the top down as the third sub-interface refers to a degradation strategy employed by the system when the user-specified target penetration level exceeds the actual number of available interface levels. This strategy selects the deepest available interface as the penetration display target. This approach avoids operation failures or errors caused by the penetration request exceeding the actual number of interface levels.

[0088] In an optional implementation, controlling the display or hiding of content corresponding to the enclosed area in the third sub-interface includes: setting the corresponding enclosed area in the first and fourth sub-interfaces to transparent, making the content of the corresponding enclosed area in the third sub-interface visible; or restoring the display of the transparent enclosed areas in the first and fourth sub-interfaces to obscure the content of the corresponding enclosed area in the third sub-interface. In this way, by simultaneously controlling the transparency of multiple interface layers, direct access to deeper interface content is achieved, allowing users to accurately view deeper information at specific locations while maintaining the original interface structure, greatly improving the efficiency of information retrieval and operational continuity across multi-level interfaces.

[0089] For example, in a graphical user interface, when a user selects a third sub-interface through continuous touch operations and performs a swipe operation within a closed area, if the swipe direction is outward, the corresponding closed area in the first sub-interface and the fourth sub-interface in the middle layer gradually becomes transparent, thereby directly exposing the content of the third sub-interface; if the swipe direction is inward, the transparent area returns to an opaque state, obscuring the third sub-interface again.

[0090] Optionally, setting the corresponding enclosed areas in the first and fourth sub-interfaces to transparent refers to the system simultaneously performing transparency processing on multiple upper-level interfaces. This process involves controlling the interface rendering pipeline. The system first needs to determine the precise boundaries and positions of the enclosed areas, and then, when rendering the first sub-interface and all intermediate fourth-level sub-interfaces, sets the portions within the corresponding enclosed areas to a transparent state. Technically, this can be achieved by modifying the alpha channel values ​​(transparency parameters) of these areas, reducing the alpha value of originally opaque interface elements from 1 (completely opaque) to 0 (completely transparent) or a middle value (semi-transparent). This transparency processing can be applied uniformly to the entire area, or a gradient effect can be set, such as maintaining partial opacity at the edges while the central area is completely transparent, creating a more natural visual transition. Transparency processing needs to consider the overlapping effects of multiple interfaces, ensuring that only the specified interface layer becomes transparent, while the target third-level sub-interface remains visible.

[0091] Optionally, restoring the display of partially transparent enclosed areas in the first and fourth sub-interfaces is a reverse operation. This aims to re-occlude the underlying content. Restoration is typically based on the reverse input of the user's swipe action; for example, as the swipe direction moves towards the inside of the enclosed area, the system gradually increases the transparency value until it becomes completely opaque, re-rendering the corresponding content in the first and fourth sub-interfaces, including redrawing layers or reloading texture resources. In multi-layered interface scenarios, restoration involves the synchronous adjustment of multiple layers to ensure that the first and fourth sub-interfaces are restored simultaneously, avoiding visual inconsistencies such as partial transparency and partial opacity. After restoration, interaction events should be handled again by the first or fourth sub-interface; for example, click events should no longer penetrate to the third sub-interface but instead trigger a response from the upper-level interface.

[0092] In an optional implementation, controlling the display or hiding of content in the third sub-interface corresponding to the coverage area of ​​the closed region includes: generating interface content in the third sub-interface that falls within the coverage area of ​​the closed region, and overlaying or unshowing the interface content above the corresponding closed region in the first sub-interface. In this way, by generating and overlaying the lower-level interface content, it is possible to quickly penetrate multiple layers of interfaces to view or hide partial content, improving user operation efficiency and interface interaction flexibility.

[0093] For example, in a graphical user interface, the first sub-interface partially obscures multiple interfaces below. Users can enter a multi-layer penetration mode by double-clicking the boundary of the closed area, and then slide the closed area outward. The system will generate buttons and text content within the corresponding closed area in the third sub-interface, and overlay these contents on top of the first sub-interface, allowing users to interact directly with the lower-level controls without completely switching interfaces. When sliding inward, the overlay content is canceled, and the original display of the first sub-interface is restored.

[0094] Optionally, generating the interface content within the closed area of ​​the third sub-interface refers to the process by which the system extracts and reconstructs some interface elements corresponding to the shape and position of the closed area drawn by the user from the deeper interface (third sub-interface) specified in the multi-layer interface structure. The system needs to determine the accurate coordinates of the closed area on the first sub-interface, then convert these coordinates to their corresponding coordinates in the third sub-interface. Next, the system needs to extract or capture all interface elements within that coordinate range from the third sub-interface, including interactive controls such as text, images, buttons, and input boxes, maintaining their original style, layout, and functionality. Unlike direct transparency processing, the generation process requires creating copies or references of these interface elements and making necessary adjustments to ensure they display and function correctly in the new environment. The system can also add minor visual processing, such as adding borders, shadows, or highlights, to differentiate the generated content from the original interface environment and enhance user visual recognition. For dynamic content, such as animations or real-time updated data, the generation process needs to establish a data synchronization mechanism with the original interface to ensure the content remains up-to-date.

[0095] Optionally, "overlaying display above the corresponding enclosed area in the first sub-interface" means that the system will place the interface content generated from the third sub-interface at the enclosed area position of the first sub-interface and display it on top. In practice, it is necessary to calculate the position and shape of the enclosed area in the first sub-interface, align the generated interface content to that position, add the content to the UI rendering queue and set it to the highest priority to ensure that it is displayed above all other elements.

[0096] Optionally, canceling the display of interface content refers to the process by which the system removes the interface content previously overlaid on the first sub-interface and generated from the third sub-interface, restoring the original display state of the first sub-interface. Canceling the display requires identifying and locating the previously added overlaid content elements, removing these elements from the UI rendering queue or element tree, and restoring the original display content and interactive state of the enclosed area in the first sub-interface.

[0097] In an optional implementation, the interface content includes interactive controls located within the closed area of ​​the second or third sub-interface; the interface content is overlaid or de-displayed above the corresponding closed area in the first sub-interface, including: displaying the interactive controls so that their interactive functions remain unchanged; or de-displaying the interactive controls to restore the display content or interactive functions of the first sub-interface in the closed area. In this way, by preserving the complete functionality of the interactive controls in the deeper interface, users can not only view deeper information but also directly interact with it, saving time costs associated with interface switching, improving operational continuity and efficiency, and making information access and interaction in a multi-layered interface structure smoother and more natural.

[0098] For example, in one application scenario, a user draws a closed area in a visible first sub-interface by sliding a trajectory, and then slides the boundary of the area outward, so that the interactive control located below the closed area in the second sub-interface is displayed above the first sub-interface. The user can directly click on the control to trigger the corresponding function without having to close the first sub-interface first.

[0099] Optionally, interactive controls refer to UI elements in a second or third sub-interface that can respond to user actions and trigger specific functions; they serve as the medium for user interaction with the application. Interactive controls come in a variety of types, such as buttons, sliders, switches, or icons. These controls typically have pre-defined interaction logic, responding to user input events such as clicks, drags, or long presses, and performing corresponding operations, such as submitting forms, adjusting parameters, or navigating to new pages. In the pass-through display mechanism, these interactive controls are extracted from the original interface and redisplayed on the upper-level interface, while maintaining their visual style, layout, and most importantly, their interactive functions.

[0100] Optionally, maintaining unchanged interactive functionality means that when an interactive control is displayed on a higher-level interface from a lower-level interface, its original operational logic and response behavior remain unchanged. This means that any valid input from the user to the control, such as clicking, swiping, or long-pressing, will trigger the same functional execution or state change as in the lower-level interface, allowing the user to directly operate these controls from the deeper interface on the current screen. Interactive functionality includes the control's event handling mechanism; for example, a click event will call the corresponding callback function, a drag event will update the associated data model, or a long-press event will display a context menu. In practice, the system will create "delegates" or "mirrors" of these controls at the corresponding positions in the first sub-interface. The system needs to maintain a precise mapping relationship, recording the correspondence between each displayed control and its original control, as well as the related event handling functions and state variables. In addition, the system also needs to handle the synchronization of control states, ensuring that when the state of the original control changes (such as being disabled or highlighted), the displayed control can also reflect these changes in real time.

[0101] Optionally, canceling the display of interactive controls and restoring the display content of the first sub-interface in the enclosed area refers to the process of the system ending the through-display state, removing UI elements from the deeper interface that are superimposed on the first sub-interface, and restoring the enclosed area to its original state. Technically, the system first needs to clear or destroy all previously created proxy interactive controls and their associated event listeners, releasing related resources. Then, the system will redisplay the content in the first sub-interface that was originally located within the enclosed area. In the through-display state, the interactive functions of the first sub-interface within the enclosed area are temporarily disabled or covered to avoid conflicts with interactive controls from the deeper interface. When the user finishes accessing the content of the deeper interface, the system needs to restore these interactive functions that originally belonged to the first sub-interface, allowing the user to continue operating the current interface normally. This process involves reactivating event listeners and interactive states. The system needs to re-enable the event response mechanism of all controls within the enclosed area of ​​the first sub-interface, including various interactive events such as clicks, swipes, and long presses.

[0102] Corresponding to the above method embodiments, this invention provides an information processing device that provides a graphical user interface (GUI) through a terminal device. The GUI includes two or more sub-interfaces that overlap and obscure each other. (See also...) Figure 7 The device includes: a trigger detection module for entering a region drawing mode in response to a first trigger operation targeting a visible area of ​​at least partially visible first sub-interface; a region generation module for generating a closed region in the region drawing mode based on a sliding trajectory within the visible area; and a display control module for controlling the display or hiding of content obscured by the closed region in a second sub-interface based on the sliding direction in response to a sliding operation targeting the closed region, wherein the second sub-interface is a lower layer interface of the first sub-interface.

[0103] In an optional implementation, the region generation module includes: a trajectory point determination unit for determining the starting point and the ending point of the sliding trajectory; and a closed region forming unit for connecting the starting point and the ending point to form a closed region together with the sliding trajectory.

[0104] In an optional implementation, the region generation module includes: a graphics drawing unit, used to draw a closed graphic according to the sliding trajectory, and form a closed region based on the closed graphic.

[0105] In an optional implementation, the display control module includes: a direction determination unit for determining the direction of the sliding operation; a first display control unit for controlling the display of content obscured by the closed area in the second sub-interface when the direction of the sliding operation is away from the center of the closed area; and a second display control unit for controlling the hiding of content obscured by the closed area in the second sub-interface when the direction of the sliding operation is towards the inside of the closed area.

[0106] In an optional implementation, the trigger detection module is also used to detect the following sliding operations: sliding away from the center of the closed area by pressing the boundary of the closed area or sliding from the inside of the closed area to the outside of the closed area; sliding from the outside of the closed area in the first sub-interface to the inside of the closed area.

[0107] In an optional implementation, the first display control unit is specifically used to control the display of content obscured by the closed area in the second sub-interface when the sliding distance from the boundary of the closed area away from the center of the closed area exceeds a threshold, or when the ending position of the sliding from the inside of the closed area to the outside of the closed area meets a first preset condition; the second display control unit is specifically used to control the hiding of content obscured by the closed area in the second sub-interface when the ending position of the sliding from the outside of the closed area to the inside of the closed area in the first sub-interface meets a second preset condition.

[0108] In an optional implementation, the display control module includes: a transparency control unit, used to set a portion of the closed area in the first sub-interface to transparent, so that the content of the corresponding area in the second sub-interface is visible; or to restore the display of the closed area that has been set to transparent, so as to cover the content of the corresponding closed area in the second sub-interface.

[0109] In an optional implementation, the transparency control unit is also used to gradually change the transparency of the enclosed area as the sliding direction and sliding distance change.

[0110] In an optional implementation, the display control module includes: a content generation unit for generating interface content within the coverage area of ​​the closed region in the second sub-interface; and an overlay display unit for overlaying or canceling the display of interface content above the corresponding closed region in the first sub-interface.

[0111] In an optional embodiment, the device further includes: a touch detection module for responding to continuous touch operations on a closed area or the boundary of a closed area; a hierarchy determination module for determining a third sub-interface to be displayed based on the number of continuous touch operations, wherein the third sub-interface is located below the first sub-interface and has at least partial overlap with the first sub-interface; and a multi-layer display control module for responding to a sliding operation on a closed area and controlling the content in the third sub-interface corresponding to the coverage area of ​​the closed area to be displayed or hidden according to the sliding direction.

[0112] In an optional implementation, the layer determination module includes: a penetration layer number determination unit, used to determine the target penetration layer number based on the correspondence between the number of operations and the preset penetration layer number; and a sub-interface determination unit, used to determine a third sub-interface located below the first sub-interface and corresponding to the target penetration layer number based on the target penetration layer number.

[0113] In an optional implementation, the sub-interface determination unit includes: a quantity statistics sub-unit, used to determine the number of all fourth sub-interfaces located below the first sub-interface within the coverage area of ​​the closed region; a first sub-interface determination sub-unit, used to determine the Nth fourth sub-interface from top to bottom as the third sub-interface when the number of fourth sub-interfaces is greater than or equal to the target penetration layer number, where N is equal to the target penetration layer number; and a second sub-interface determination sub-unit, used to determine the bottommost fourth sub-interface from top to bottom as the third sub-interface when the number of fourth sub-interfaces is less than the target penetration layer number.

[0114] In an optional implementation, the multi-layer display control module includes: a multi-layer transparency control unit, used to set the corresponding closed area in the first sub-interface and the fourth sub-interface to transparent, so that the content of the corresponding closed area in the third sub-interface is visible; or to restore the display of the closed area set to transparent in the first sub-interface and the fourth sub-interface, so as to cover the content of the corresponding closed area in the third sub-interface.

[0115] In an optional implementation, the multi-layer display control module includes: a multi-layer content generation unit for generating interface content within the coverage area of ​​the closed region in the third sub-interface; and a multi-layer overlay display unit for overlaying or canceling the display of interface content above the corresponding closed region in the first sub-interface.

[0116] In an optional implementation, the interface content includes interactive controls located within the closed area of ​​the second or third sub-interface; the overlay display unit or multi-layer overlay display unit is specifically used to: display the interactive controls so that the interactive functions of the interactive controls remain unchanged; or cancel the display of the interactive controls and restore the display content or interactive functions of the first sub-interface in the closed area.

[0117] The information processing apparatus provided in this disclosure has the same implementation principle and technical effects as the aforementioned method embodiments. For the sake of brevity, any parts not mentioned in the apparatus embodiments can be referred to the corresponding content in the aforementioned method embodiments.

[0118] It should be noted that although several units / modules or sub-units / modules of the device have been mentioned in the detailed description above, this division is merely exemplary and not mandatory. In fact, according to embodiments of the present invention, the features and functions of two or more units / modules described above can be embodied in one unit / module. Conversely, the features and functions of one unit / module described above can be further divided and embodied by multiple units / modules.

[0119] This invention also provides an electronic device, such as... Figure 8 As shown, the electronic device includes a processor and a memory. The memory stores computer-executable instructions that can be executed by the processor. The processor executes the computer-executable instructions to implement any information processing method of the embodiments of this disclosure. For specific implementation methods and the resulting technical effects, please refer to the method embodiments, which will not be repeated here.

[0120] Figure 8 This is a schematic diagram of the structure of an electronic device. The electronic device 1100 includes a processor 1101 with one or more processing cores, a memory 1102 with one or more computer-readable storage media, and a computer program stored in the memory 1102 and executable on the processor. The processor 1101 and the memory 1102 are electrically connected. Those skilled in the art will understand that the electronic device structure shown in the figure does not constitute a limitation on the electronic device, and may include more or fewer components than shown, or combine certain components, or have different component arrangements.

[0121] The processor 1101 is the control center of the electronic device 1100. It connects various parts of the electronic device 1100 through various interfaces and lines. By running or loading software programs and / or modules stored in the memory 1102, and calling data stored in the memory 1102, it executes various functions of the electronic device 1100 and processes data, thereby performing overall monitoring of the electronic device 1100.

[0122] Optionally, the electronic device 1100 further includes: a touch display screen 1103, a radio frequency circuit 1104, an audio circuit 1105, an input unit 1106, and a power supply 1107. The processor 1101 is electrically connected to the touch display screen 1103, the radio frequency circuit 1104, the audio circuit 1105, the input unit 1106, and the power supply 1107. Those skilled in the art will understand that... Figure 8 The electronic device structure shown does not constitute a limitation on the electronic device and may include more or fewer components than shown, or combine certain components, or have different component arrangements.

[0123] This invention also provides a computer-readable storage medium storing a computer program, wherein the computer program is configured to execute any information processing method of this disclosure embodiment when run by a processor. For specific implementation methods and the resulting technical effects, please refer to the method embodiments, which will not be repeated here.

[0124] If the aforementioned functions are implemented as software functional units and sold or used as independent products, they can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of this invention, essentially, or the part that contributes to the prior art, or a portion of the technical solution, can be embodied in the form of a software product. This computer software product is stored in a storage medium and includes several instructions to cause a computer device (which may be a personal computer, a terminal device, or a network device, etc.) to execute all or part of the steps of the methods described in the various embodiments of this invention. The aforementioned storage medium includes various media capable of storing program code, such as USB flash drives, portable hard drives, read-only memory (ROM), random access memory (RAM), magnetic disks, or optical disks.

[0125] In the description of this invention, it should be noted that the terms "center," "upper," "lower," "left," "right," "vertical," "horizontal," "inner," and "outer," etc., indicate the orientation or positional relationship based on the orientation or positional relationship shown in the accompanying drawings. They are used only for the convenience of describing the invention and for simplifying the description, and do not indicate or imply that the device or element referred to must have a specific orientation, or be constructed and operated in a specific orientation. Therefore, they should not be construed as limitations on the invention. Furthermore, the terms "first," "second," and "third" are used for descriptive purposes only and should not be construed as indicating or implying relative importance.

[0126] Finally, it should be noted that the above-described embodiments are merely specific implementations of the present invention, used to illustrate the technical solutions of the present invention, and not to limit it. The scope of protection of the present invention is not limited thereto. Although the present invention has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that any person skilled in the art can still modify or easily conceive of changes to the technical solutions described in the foregoing embodiments within the technical scope disclosed in the present invention, or make equivalent substitutions for some of the technical features; and these modifications, changes, or substitutions do not cause the essence of the corresponding technical solutions to deviate from the spirit and scope of the technical solutions of the embodiments of the present invention, and should all be covered within the scope of protection of the present invention. Therefore, the scope of protection of the present invention should be determined by the scope of the claims.

Claims

1. An information processing method, characterized in that, The method includes providing a graphical user interface (GUI) via a terminal device, wherein the GUI includes two or more sub-interfaces that overlap and occlude each other. In response to a first trigger operation targeting a visible area of ​​at least a partially visible first sub-interface, enter area drawing mode; In the area drawing mode, a closed area is generated based on the sliding trajectory within the visible area; In response to a sliding operation on the enclosed area, the content in the second sub-interface that is obscured by the enclosed area is displayed or hidden according to the sliding direction. The second sub-interface is the lower layer of the first sub-interface.

2. The information processing method according to claim 1, characterized in that, The step of generating a closed region based on the sliding trajectory within the visible area includes: Determine the starting and ending points of the sliding trajectory; Based on the starting point and the ending point, connect the starting point and the ending point to form the closed area together with the sliding trajectory.

3. The information processing method according to claim 1, characterized in that, The step of generating a closed region based on the sliding trajectory within the visible area includes: A closed shape is drawn based on the sliding trajectory, and the closed region is formed based on the closed shape.

4. The information processing method according to claim 1, characterized in that, The step of controlling the display or hiding of content obscured by the closed area in the second sub-interface according to the sliding direction includes: When the direction of the sliding operation is away from the center of the closed area, the content that is obscured by the closed area in the second sub-interface is controlled to be displayed. When the direction of the sliding operation is towards the inside of the enclosed area, the content in the second sub-interface that is obscured by the enclosed area is hidden.

5. The information processing method according to claim 4, characterized in that, The sliding operation targeting the enclosed area includes: Press the boundary of the enclosed area and slide it away from the center of the enclosed area or slide it from the inside of the enclosed area to the outside of the enclosed area; Sliding from the outside of the closed area in the first sub-interface to the inside of the closed area.

6. The information processing method according to claim 5, characterized in that, The step of controlling the display or hiding of content obscured by the closed area in the second sub-interface according to the sliding direction includes: If the distance of sliding from the boundary of the closed area away from the center of the closed area exceeds a threshold, or if the termination position of sliding from inside the closed area to outside the closed area meets the first preset condition, the content of the second sub-interface that is obscured by the closed area is controlled to be displayed. When the endpoint of the sliding motion from the outside of the closed area in the first sub-interface to the inside of the closed area meets the second preset condition, the content in the second sub-interface that is obscured by the closed area is hidden.

7. The information processing method according to claim 1, characterized in that, The control of displaying or hiding content obscured by the enclosed area in the second sub-interface includes: Set a portion of the enclosed area in the first sub-interface to transparent, making the content of the corresponding area in the second sub-interface visible; or The closed area that was set to transparent is restored to display, thereby obscuring the content of the corresponding closed area in the second sub-interface.

8. The information processing method according to claim 7, characterized in that, The method further includes: The transparency of the enclosed area gradually changes with the sliding direction and sliding distance.

9. The information processing method according to claim 1, characterized in that, The control of displaying or hiding content obscured by the enclosed area in the second sub-interface includes: Generate interface content within the coverage area of ​​the closed region in the second sub-interface, and overlay or unshow the interface content above the corresponding closed region in the first sub-interface.

10. The information processing method according to claim 1, characterized in that, The method further includes: Responding to continuous touch operations targeting the enclosed area or the boundary of the enclosed area; Based on the number of consecutive touch operations, a third sub-interface to be displayed is determined, and the third sub-interface is located below the first sub-interface and has at least partial overlap with the first sub-interface. In response to a sliding operation targeting the enclosed area, the content in the third sub-interface corresponding to the coverage area of ​​the enclosed area is displayed or hidden according to the sliding direction.

11. The information processing method according to claim 10, characterized in that, The step of determining the third sub-interface to be displayed based on the number of consecutive touch operations includes: The target number of penetration layers is determined based on the correspondence between the number of operations and the preset number of penetration layers. Based on the target penetration level, a third sub-interface is determined that is located below the first sub-interface and corresponds to the target penetration level.

12. The information processing method according to claim 11, characterized in that, The step of determining the third sub-interface located below the first sub-interface and corresponding to the target penetration level based on the target penetration level includes: Determine the number of all fourth sub-interfaces located below the first sub-interface within the coverage area of ​​the closed region; If the number of fourth sub-interfaces is greater than or equal to the number of target penetration layers, the Nth fourth sub-interface from top to bottom will be determined as the third sub-interface, where N is equal to the number of target penetration layers. If the number of fourth sub-interfaces is less than the number of target penetration layers, the fourth sub-interface at the bottom layer from top to bottom will be determined as the third sub-interface.

13. The information processing method according to claim 10, characterized in that, The control of displaying or hiding the content corresponding to the coverage area of ​​the closed region in the third sub-interface includes: Set the corresponding enclosed area portions in the first sub-interface and the fourth sub-interface to transparent, making the content of the corresponding enclosed area portion in the third sub-interface visible; or The closed areas that were set to transparent in the first and fourth sub-interfaces are restored to display, thereby obscuring the content of the corresponding closed areas in the third sub-interface.

14. The information processing method according to claim 10, characterized in that, The control of displaying or hiding the content corresponding to the coverage area of ​​the closed region in the third sub-interface includes: Generate interface content within the coverage area of ​​the closed region in the third sub-interface, and overlay or undisplay the interface content above the corresponding closed region in the first sub-interface.

15. The information processing method according to claim 9 or 14, characterized in that, The interface content includes interactive controls located within the coverage area of ​​the enclosed area in the second sub-interface or the third sub-interface; The step of overlaying or de-displaying the interface content above the corresponding closed area in the first sub-interface includes: Display the interactive control so that its interactive functionality remains unchanged; or Cancel the display of the interactive controls and restore the display content or interactive functions of the first sub-interface in the enclosed area.

16. An information processing apparatus, characterized in that, A graphical user interface is provided through a terminal device, wherein the graphical user interface includes two or more sub-interfaces that overlap and occlude each other, and the device includes: The trigger detection module is used to enter the region drawing mode in response to a first trigger operation targeting a visible area of ​​at least a partially visible first sub-interface. A region generation module is used to generate a closed region based on a sliding trajectory within the visible area in the region drawing mode. The display control module is used to respond to a sliding operation on the closed area and control the content in the second sub-interface that is obscured by the closed area to be displayed or hidden according to the sliding direction. The second sub-interface is the lower layer interface of the first sub-interface.

17. An electronic device, characterized in that, include: Memory stores computer-executable instructions that can be executed by a processor; A processor for executing the computer-executable instructions to implement the method as claimed in any one of claims 1-15.

18. A computer-readable storage medium, characterized in that, The device contains a computer program that, when executed by a processor, implements the method as described in any one of claims 1-15.

Images