Display area switching method and device, storage medium, product and electronic equipment

Abstract

The invention provides a display area switching method and device, a storage medium, a product and electronic equipment, the method is applied to the technical field of computers, the method comprises the steps that a target sliding block and at least one option block are displayed in an option display area, and the target sliding block is displayed before all the option blocks; if it is detected that the target sliding block moves out of a preset display position, a detail display area is displayed in a mask layer state, and if a target option block is detected on the preset display position, detail information of the target option block is displayed on the detail display area.

Description

Technical Field

[0001] This application relates to the field of computer technology, and more specifically, to a method, device, storage medium, product, and electronic device for switching display areas in the field of computer technology. Background Art

[0002] In order to enhance the interest of application programs or network platforms, application programs and network platforms can provide services such as level-breaking mini-games for users. Different levels can provide different rewards for users. To increase users' interest in subsequent levels, users can be allowed to preview the rewards that subsequent levels can provide. In the prior art, a reward preview window can be opened according to a user instruction, but the operation of opening different reward windows by clicking is very cumbersome and will cover the level interface where the user is operating. There is a need to provide a more convenient and natural display method. Summary of the Invention

[0003] Embodiments of this application provide a method, device, storage medium, product, and electronic device for switching display areas. This method can quickly enter the mask state and view the details of the option block by sliding the target slider and the option block, improving the convenience of user operation and avoiding the sense of fragmentation in the display of the detail display area.

[0004] In a first aspect, embodiments of this application provide a method for switching display areas, the method including:

[0005] Display a target slider and at least one option block in an option display area, where the target slider is displayed before all option blocks;

[0006] If it is detected that the target slider moves out of a preset display position, display a detail display area in a mask state;

[0007] If a target option block is detected at the preset display position, display the detail information of the target option block in the detail display area.

[0008] Through the above technical solution, it is possible to quickly enter the mask state and view the details of the option block by sliding the target slider and the option block, improving the convenience of user operation and also avoiding the sense of fragmentation in the display of the detail display area.

[0009] In combination with the first aspect, in some possible implementation manners, the displaying a target slider and at least one option block in the option display area includes:

[0010] Determine the target level corresponding to the current level interface, and obtain at least one option block corresponding to the next level of the target level;

[0011] Display the target slider within the option display area, and display the at least one option block after the target slider in a preset order.

[0012] Through the above technical solution, by displaying the next level option and displaying it in a preset order, the interest of the user in subsequent levels is further improved, and the viewing efficiency of the user for the option blocks is also improved.

[0013] Combined with the first aspect, in some possible implementation manners, the method further includes:

[0014] Obtain the option switching gesture of the user for the option display area;

[0015] Based on the option switching gesture, perform a scrolling update display on the target slider and each of the option blocks in the option display area.

[0016] Through the above technical solution, by switching the displayed option blocks according to the user input gesture, the operation cost of the user is reduced, and the interaction process becomes more natural and smooth.

[0017] Combined with the first aspect, in some possible implementation manners, the step of, if it is detected that the target slider moves out of the preset display position, then displaying the detail display area in a masked state includes:

[0018] If it is detected that the target slider moves out of the preset display position and the secondary option block moves to the preset display position, then display the detail display area in a masked state, where the secondary option block is the option block adjacent to the target slider;

[0019] Display the detail information of the secondary option block on the detail display area.

[0020] Through the above technical solution, by combining the positions of the target slider and the secondary option block to determine whether to display the detail display area, the incorrect display of the detail display area due to user misoperation is avoided, and the accuracy of user intention capture is further improved.

[0021] Combined with the first aspect, in some possible implementation manners, before displaying the target slider and at least one option block in the option display area, it further includes:

[0022] Display an operation area and an option display area on the level interface;

[0023] The step of, if it is detected that the target slider moves out of the preset display position, then displaying the detail display area in a masked state includes:

[0024] If it is detected that the target slider moves out of the preset display position, then display the detail display area in a masked state above the operation area.

[0025] Through the above technical solution, by distinguishing the operation area and the option display area and masking only the operation area, the user can accurately distinguish operations on different areas while ensuring the display clarity of the option display area.

[0026] In combination with the first aspect, in some possible implementation manners, the method of displaying the detailed display area above the operation area in the masked state includes:

[0027] Adding a mask layer with a preset transparency on the operation area;

[0028] Displaying the detailed display area on the mask layer.

[0029] In combination with the first aspect, in some possible implementation manners, the method further includes:

[0030] If it is detected that the target slider moves to the preset display position, exit the masked state and end the display of the detailed display area.

[0031] Through the above technical solution, the masked state can be exited and the level operation can be continued according to the sliding gesture, enabling the user to enter or exit the masked state with a simple sliding gesture and improving the convenience of viewing detailed information.

[0032] In a second aspect, an embodiment of the present application provides a display area switching device, where the device includes:

[0033] An option block display unit, configured to display a target slider and at least one option block in the option display area, and the target slider is displayed before all option blocks;

[0034] A mask display unit, configured to, if it is detected that the target slider moves out of the preset display position, display the detailed display area in the masked state;

[0035] A detailed information display unit, configured to, if a target option block is detected at the preset display position, display the detailed information of the target option block in the detailed display area.

[0036] In a third aspect, an embodiment of the present application provides a computer storage medium, where the computer storage medium stores multiple instructions, and the instructions are suitable for being loaded and executed by a processor to perform the above method steps.

[0037] In a fourth aspect, an embodiment of the present application provides a computer program product, where the computer program product stores multiple instructions, and the instructions are suitable for being loaded and executed by a processor to perform the above method steps.

[0038] In a fifth aspect, an embodiment of the present application provides an electronic device, which may include: a processor and a memory; wherein, the memory stores a computer program, and the computer program is adapted to be loaded and executed by the processor to perform the above method steps.

[0039] In one or more embodiments of the present application, a target slider and at least one option block are displayed in an option display area, and the target slider is displayed before all option blocks. If it is detected that the target slider moves out of a preset display position, the details display area is displayed in a masked state. If a target option block is detected at the preset display position, the details information of the target option block is displayed in the details display area. By sliding the target slider and the option block, the masked state can be quickly entered and the details of the option block can be viewed, improving the convenience of user operation and avoiding the sense of fragmentation in the display of the details display area. BRIEF DESCRIPTION OF THE DRAWINGS

[0040] In order to more clearly illustrate the technical solutions in the embodiments of the present application or the prior art, the following will briefly introduce the drawings required for use in the description of the embodiments or the prior art. Obviously, the following drawings are only some embodiments of the present application. For those of ordinary skill in the art, other drawings can be obtained based on these drawings without creative efforts.

[0041] Figure 1 is an example schematic diagram of a masked state display provided by an embodiment of the present application;

[0042] Figure 2 is a schematic flowchart of a display area switching method provided by an embodiment of the present application;

[0043] Figure 3 is a schematic flowchart of an option block display provided by an embodiment of the present application;

[0044] Figure 4 is a schematic flowchart of a scrolling display of an option block provided by an embodiment of the present application;

[0045] Figure 5 is a schematic flowchart of a details display area display provided by an embodiment of the present application;

[0046] Figure 6 is an example schematic diagram of a movement of a target slider provided by an embodiment of the present application;

[0047] Figure 7 is an example schematic diagram of a click gesture provided by an embodiment of the present application;

[0048] Figure 8 is an example schematic diagram of a call-out of an option display area provided by an embodiment of the present application;

[0049] Figure 9 It is a schematic structural diagram of a display area switching device provided by an embodiment of the present application;

[0050] Figure 10 It is a schematic structural diagram of a display area switching device provided by an embodiment of the present application;

[0051] Figure 11 It is a schematic structural diagram of an electronic device provided by an embodiment of the present application. Detailed implementation manners

[0052] Next, the technical solutions in the embodiments of the present application will be clearly and completely described in conjunction with the accompanying drawings in the embodiments of the present application. Obviously, the described embodiments are only a part of the embodiments of the present application, rather than all the embodiments. Based on the embodiments in the present application, all other embodiments obtained by those of ordinary skill in the art without creative efforts shall fall within the protection scope of the present application.

[0053] An application program or a network platform, etc. can provide application services such as a puzzle game for users. Users can complete different levels through different operations. To improve the fun and the user's interest in the application program or the network platform, different options can be set for different levels. These options can be transaction data that the user can obtain after passing the level, that is, the rewards that can be obtained after passing the level. Among them, the transaction data can be assets, or tradable goods such as goods, or a right relationship such as bonds or stocks that can be transferred, or skills or special effects that can be obtained after passing the level. To avoid the sense of fragmentation of the user opening a separate window to view the details of the options, an embodiment of the present application provides a display area switching device, which can display the details information in a mask state. The display area switching method provided by the embodiment of the present application can be implemented depending on a computer program and can run on a display area switching device based on the von Neumann architecture. This computer program can be integrated in an application or run as an independent tool application.

[0054] Please refer to Figure 1, This is an example schematic diagram of the display of the mask layer state provided by the embodiments of the present application. Users can perform operations on the level interface to complete the game or achieve the goals corresponding to the level interface. To increase users' interest in subsequent levels, the display area switching device can display an option display area on the level interface. The option display area can display a target slider and at least one option block. Each option block corresponds to an option that can be obtained in the next level. The target slider is used to determine whether the user needs to view the detailed information. For example, the words "slide to view" can be displayed on the target slider to prompt the user how to operate when they need to view the detailed information. The user can perform a sliding operation on the option display area. When the display area switching device detects the user's sliding operation, it can display the detailed information display area in the mask layer state. The detailed information display area is used to display the detailed information corresponding to the option of the option block. For example, if option block A corresponds to a picture A, then the detailed information of option block A is the complete picture A. If the user needs to view the detailed information of option block A, the display area switching device can display the picture A corresponding to option A in the detailed information display. The detailed information can also include the function description, parameter settings, and usage effects corresponding to the option block. The specific content of the detailed information depends on the type of option and level. The mask layer is a layer that covers other content. By adjusting its transparency, color, shape, and other attributes, it can hide or partially hide the content below, so as to achieve the effect of highlighting certain elements, guiding the user's attention, or enhancing the visual hierarchy. Displaying the detailed information display area in the mask layer state on the level interface can enable the user to clearly view the detailed information while avoiding the sense of fragmentation caused by interface switching, making the display of the detailed information more natural.

[0055] The following will specifically describe the display area switching method provided by the present application with reference to specific embodiments.

[0056] Please refer to Figure 2 , This is a flowchart of a display area switching method provided by the embodiments of the present application. As Figure 2 shown, the method of the embodiments of the present application may include the following steps S102 - S106.

[0057] S102, Display a target slider and at least one option block in the option display area, and the target slider is displayed before all option blocks.

[0058] Specifically, when a user uses the application services provided by an application or a network platform, a level interface can be opened for the user to operate. The display area switching device can display an option display area on the level interface and display a target slider and at least one option block on the option display area. The target slider can be used to determine whether the user needs to view the detailed information of an option. An option block can represent an option and is a visual representation of the option in the option display area, allowing the user to quickly identify and select it in an intuitive form. To quickly detect the user's need to view the detailed information based on the position of the target slider, the target slider can be displayed before all option blocks.

[0059] S104, if it is detected that the target slider moves out of the preset display position, the detailed information display area is displayed in a masked state.

[0060] Specifically, multiple option blocks can be displayed in the option display area for the user to select and view. The user can use various gestures, such as a sliding gesture, etc. in the option display area to select and view the option blocks. To improve the convenience of the user's operation, the display area switching device can set a preset display position in the option display area. The preset display position can be the initial setting of the display area switching device or can be set by the user according to their own operation habits. For example, the preset display position can be located in the middle of the option display area. The initial position of the target slider is the preset display position. When the target slider is at the preset display position, the display area switching device does not need to display the detailed information display area. The target slider and the preset display position can be used to determine whether the user needs to view the detailed information. The user can input a sliding gesture for the option display area and cause the target slider to move. If it is detected that the target slider moves out of the preset display position, it can be determined that the user needs to view the detailed information corresponding to the option block, and the detailed information display area can be displayed in a masked state.

[0061] Optionally, the preset display position can be the initial setting of the display area switching device or can be set by the user according to personal preferences. In addition, the preset display position can also be determined according to the user's accessibility settings for the terminal device. The terminal device can provide the user with accessibility settings for operating the terminal device with one hand. For example, it can be divided into cases such as no setting, left - hand setting, and right - hand setting, etc. Among them, no setting means that the user does not need the terminal device to provide accessibility settings. The left - hand setting can mean that the user usually operates the terminal device with the left hand, and the right - hand setting can mean that the user usually operates the terminal device with the right hand. If it is the case of no setting, the preset display position can be located in the middle of the option display area. If it is the case of left - hand setting, the preset display position can be located on the left side of the option display area. If it is the case of right - hand setting, the preset display position can be located on the right side of the option display area, so that the preset display position conforms to the user's accessibility settings and avoids operation errors caused by inconvenient operations by the user.

[0062] S106, if a target option block is detected at a preset display position, display the detailed information of the target option block in the detailed display area.

[0063] Specifically, after the detailed display area is displayed, the display area switching device can detect whether there is an option block at the preset display position, and confirm the option block located at the preset display position as the target option block. If a target option block is detected at the preset display position within the option display area, display the detailed information of the target option block in the detailed display area, so that the user can clearly view the relevant content of the target option block in the detailed display area, better understand the functions and roles corresponding to the target option block, and further improve the user's interest in subsequent levels.

[0064] In the embodiment of the present application, a target slider and at least one option block are displayed in the option display area. The target slider is displayed before all option blocks. If it is detected that the target slider moves out of the preset display position, the detailed display area is displayed in a masked state. If a target option block is detected at the preset display position, display the detailed information of the target option block in the detailed display area. By sliding the target slider and the option block, the masked state can be quickly entered and the detailed information of the option block can be viewed, improving the convenience of user operation and avoiding the sense of fragmentation in the display of the detailed display area.

[0065] The display area switching device displays option blocks in the option display area to further improve the user's interest in subsequent levels. Therefore, the option blocks displayed in the option display area can be the option blocks corresponding to the levels that the user has not reached yet.

[0066] Please refer to Figure 3 , which is a schematic flowchart of a process for displaying option blocks provided by the embodiment of the present application. In one or more embodiments of the present application, the step S102 may include the following steps S202 - S204.

[0067] S202, determine the target level corresponding to the current level interface, and obtain at least one option block corresponding to the next level of the target level.

[0068] Specifically, the display area switching device can determine the target level corresponding to the user's current level interface. Therefore, the target level is the level that the user is currently operating on, and then at least one option block corresponding to the next level of the target level can be obtained.

[0069] Optionally, since each option block represents an option corresponding to a level, the option block needs to be able to concisely represent the characteristics of the corresponding option. The display area switching device can obtain the brief feature information of each option corresponding to the next level of the target level, and generate an option block corresponding to each option based on the brief feature information. The brief feature information is information that can reflect the characteristics of the option. For example, if the option is a picture, the brief feature information can be a thumbnail of the picture, that is, the option block can be displayed in the form of the picture thumbnail. If the option is a special effect or a skill effect, etc., the brief feature information can be an icon of the special effect or the skill effect, that is, the option block can be displayed in the form of the icon of the special effect or the skill effect.

[0070] S204, display the target slider in the option display area, and display at least one option block after the target slider in a preset order.

[0071] Specifically, the display area switching device can display the target slider in the option display area, where the target slider can be located at a preset display position, and then display at least one option block corresponding to the next level after the target slider in a preset order. The preset order can be the initial setting of the display area switching device or can be set by the user according to personal habits.

[0072] Optionally, operation instruction information can be displayed on the target slider. The operation instruction information is used to prompt the user how to view the detailed information corresponding to the option block. For example, it can be words such as "slide to view", which is used to prompt the user that a sliding operation can be used to open the detailed display area. The operation instruction information can be related to the display order of the target slider and the option block. If at least one option block is displayed on the left side of the target slider in a preset order, the operation instruction information can be used to prompt the user to input a rightward sliding gesture, such as "slide right to view". Similarly, if at least one option block is displayed on the right side of the target slider in a preset order, the operation instruction information can be used to prompt the user to input a leftward sliding gesture, such as "slide left to view".

[0073] Optionally, the preset order can be sorting according to the file size of each option block, sorting according to the first letter of the name of each option block, or sorting according to the creation time of each option block. The preset order can also be related to the user's historical operation habits. The display area switching device can obtain the historical usage times of the user for each option block, and then arrange each option block from largest to smallest according to the historical usage times to obtain the preset order. Among them, the historical usage times can represent the number of times the user clicks, views, and uses each option block before receiving the multiple-selection instruction for this item, and can represent the user's preference degree for different option blocks. The display area switching device arranging the option blocks according to the historical usage times can enable the user to quickly find the option blocks that the user is used to using and likes to use, and further improve the user's interest in subsequent levels.

[0074] Optionally, the preset order can be set not only according to the user's historical operation habits, but also the network usage times of the option blocks can be obtained. The network usage times can represent the number of times other users of the application program or network platform click, view, and use each option block before receiving the multiple-selection instruction for this item, and can represent the popularity of each option block on the Internet. Therefore, the display area switching device can arrange each option block from largest to smallest according to the network usage times to obtain the preset order.

[0075] Optionally, the display area switching device can sort the option blocks by combining the network usage times and the historical usage times. It can calculate the sum of the product of the network usage times and the first weight and the product of the historical usage times and the second weight, so as to obtain the usage times reference value of each option block. Among them, the sum of the first weight and the second weight is 1. The data value can be the initial setting of the display area switching device or can be set by the user according to personal habits. Then, it can arrange each option block from largest to smallest according to the usage times parameter value to obtain the preset sorting, so that the preset sorting takes into account both the user's personal hobbies and the network popularity.

[0076] In the embodiment of the present application, the target level corresponding to the current level interface is determined, at least one option block corresponding to the next level of the target level is obtained, the target slider is displayed in the option display area, and at least one option block is displayed in the preset order after the target slider. By displaying the next-level options and displaying them in the preset order, the user's interest in subsequent levels is further improved, and the viewing efficiency of the user for the option blocks is also improved.

[0077] Since the number of option blocks that meet the project multi-selection instruction is large, if all of them are displayed in the option display area, the option blocks in the option display area will be crowded, thus increasing the difficulty for users to view. Therefore, the display area switching device can display the target slider and some option blocks in the option display area, and make the target slider and option blocks scroll and display in the option display area according to the user's operation gesture, facilitating the user to view all option blocks.

[0078] Please refer to Figure 4 , which provides a schematic flowchart of the scrolling display of option blocks in an embodiment of the present application. In one or more embodiments of the present application, the display area switching method may further include the following steps S302 - S304.

[0079] S302, obtain the option switching gesture of the user for the option display area.

[0080] Specifically, due to the need to view more option blocks, the user can input an option switching gesture for the option display area. The option switching gesture can be a sliding gesture or a click gesture, which is used to indicate that the user needs to switch the currently displayed option blocks.

[0081] S304, based on the option switching gesture, perform scrolling and updating display on the target slider and each option block in the option display area.

[0082] Specifically, after the display area switching device obtains the option switching gesture, it can perform scrolling and updating display on the target slider and each option block in the option display area based on the option switching gesture, that is, the target slider and each option block are still arranged in the preset order, but are scrolled and updated according to the option switching gesture to switch the target slider and option blocks displayed in the option display area.

[0083] In the embodiment of the present application, obtaining the option switching gesture of the user for the option display area and performing scrolling and updating display on the target slider and each option block in the option display area based on the option switching gesture. Switching the displayed option blocks according to the user input gesture reduces the user's operation cost and makes the interaction process more natural and smooth.

[0084] If it is only determined whether to display the detailed display area by detecting that the target slider moves out of the preset display position, there will be situations of misjudging the user's intention and wrongly displaying the detailed display area. For example, if the target slider is located at the preset display position and at least one option block is arranged in sequence on the right side of the target slider according to the preset order, but the user makes a rightward sliding gesture to move the target slider out of the preset display position, and there is no option block on the left that can be moved to the preset display position, it can indicate that the user's sliding gesture may be a misoperation rather than a need to view detailed information. In order to further improve the accurate capture of the user's intention and avoid the wrong display of the detailed display area, it is possible to further determine whether to display the detailed display area by combining the positions of the target slider and the secondary option block.

[0085] Please refer to Figure 5 , which provides a schematic flowchart of the display process of the detailed display area for the embodiments of the present application. In one or more embodiments of the present application, the step S104 may include the following steps S402 - S404.

[0086] S402, if it is detected that the target slider moves out of the preset display position and the secondary option block moves to the preset display position, then the detailed display area is displayed in a masked state.

[0087] Specifically, the user can use an option switching gesture to make the target slider and at least one option block scroll and update the display. During the process of scrolling and updating the display, both the target slider and at least one option block will move on the option display area. If it is detected that the target slider moves out of the preset display position and the secondary option block moves to the preset display position, it can be determined that the user needs to view the detailed information corresponding to the option block. Among them, the secondary option block is the option block adjacent to the target slider, that is, the next option block of the target slider, and the display area switching device can display the detailed display area in a masked state.

[0088] Please refer to together Figure 6, This is an example schematic diagram of the movement of the target slider provided by an embodiment of the present application. The operation instruction information of "Swipe to view" can be displayed on the target slider, and it is located at a preset display position in the option display area. At this time, the secondary option block can be Option A. Among them, the preset display position can be in the middle of the option display area. When the midline of the target slider or the option block is aligned with the preset display position, it can be determined that the target slider or the option block is located at the preset display position. At least one option block is arranged in sequence according to a preset order on the right side of the target slider. If the user wants to view the detailed information corresponding to the option block, they can perform an option switching gesture on the option display area according to the operation instruction information. For example, the option switching gesture can be a leftward swipe gesture, so that the target slider and at least one option block slide leftward for updated display. And during the sliding and updated display process, the target slider will move out of the preset display position, and Option A will move to the preset display position. When the display area switching device detects the above situation, it can display the detailed display area in a masked state.

[0089] S404, Display the detailed information of the secondary option block on the detailed display area.

[0090] Specifically, the display area switching device can display the detailed information corresponding to the option block located at the preset display position. Therefore, when the secondary option block moves to the preset display position, the display area switching device can display the detailed information of the secondary option block on the detailed display area.

[0091] It can be understood that after the detailed display area is displayed, the user can continue to input an option switching gesture to the option display area to view more option blocks. For example, as Figure 6 shown, the option blocks on the detailed display area are arranged in a preset order. At first, only the target slider, Option A, and Option B are fully displayed. When the user needs to view more option blocks, they can input an option switching gesture, such as a swipe gesture. The user can swipe left on the detailed display area, then according to the user's leftward swipe gesture, each option block can be scrolled leftward for updated display, so that more option blocks are displayed on the detailed display area, and Option A, Option B, and Option C can be fully displayed.

[0092] Optionally, the option switching gesture can include not only a swipe gesture but also a click gesture. The click gesture is an option switching gesture of the user for the target option block, which can quickly scroll the target option block to the preset display position in the option display area. Therefore, if the item switching gesture is a click gesture for the target option block, the display area switching device can perform a scrolling and updated display on each option block in the option display area until the target option block reaches the preset display position. Please refer to Figure 7, this application embodiment provides an example schematic diagram of a click gesture. Before the user inputs a click gesture, although the target slider, option A, option B, option C, and option D are fully displayed in the option display area, the position of option D is relatively remote and not convenient for the user to view. If the user wants to further view option D, or the user wants to quickly view other option blocks after option D, the user can click on option D to input a click gesture for option D, and the display area switching device can make each option block scroll and update the display to the left in the preset order until option D is located at the preset display position in the option display area. It can be understood that the display area switching device can display the detailed information of the option block located at the preset display position in the detailed display area. Therefore, the user inputting a click gesture for the target option block can make the target option block quickly scroll to the preset display position, so as to display the detailed information of the target option block in the detailed display area.

[0093] In the embodiment of this application, if it is detected that the target slider moves out of the preset display position and the secondary option block moves to the preset display position, the detailed display area is displayed in a mask state, and the detailed information of the secondary option block is displayed in the detailed display area. By combining the positions of the target slider and the secondary option block to determine whether to display the detailed display area, it avoids the incorrect display of the detailed display area due to the user's misoperation, and further improves the accuracy of capturing the user's intention.

[0094] The display area switching device uses a mask state to display the detailed display area. The display in the mask state can highlight the detailed display area while avoiding the sense of disconnection between the detailed display area and the level interface. It can be understood that when the user views the detailed information corresponding to the option block, the option display area still needs to be operated. The user needs to view different option blocks and make the option blocks slide and update the display according to the option switching gesture. Therefore, it is not necessary to mask the entire level interface, and the option display area needs to be normally displayed to facilitate the user to input the option switching gesture.

[0095] In one or more embodiments of this application, before the step S102, the following steps may be included:

[0096] Display an operation area and an option display area on the level interface.

[0097] Specifically, the display area switching device can only be the operation area and the option display area on the level interface. The operation area is used to display the current level content and facilitate the user to operate, while the option display area is used to display the target slider and at least one option block corresponding to the next level.

[0098] Optionally, when the operation area and the option display area are both displayed on the level interface, there may be no overlapping part between the operation area and the option display area, which is convenient for users to accurately operate on the operation area and the option display area.

[0099] Optionally, since the size of the terminal device screen is limited, in order to further improve the convenience of the user's operation on the level, only the operation area can be displayed on the level interface first. When a gesture for calling out options on the level interface is received by the user, the operation area and the option display area are then displayed on the level interface at the same time. Among them, the position of the option display area on the level interface is related to the direction of the gesture for calling out options. Please refer to Figure 8 , which provides an example diagram for calling out the option display area in the embodiment of the present application. When the option display area is not called out, only the operation area can be displayed on the level interface. At this time, the entire level interface can be used as the operation area, and the user has a larger operation space and more convenient operation for the level. When the user wants to view the options corresponding to the subsequent level, a gesture for calling out options can be input on the level interface. When the gesture for calling out options is a upward sliding gesture, the option display area can be displayed at the bottom of the level interface. Similarly, when the gesture for calling out options is a downward sliding gesture, the option display area can be displayed at the top of the level interface. When the gesture for calling out options is a leftward sliding gesture, the option display area can be displayed on the right side of the level interface. When the gesture for calling out options is a rightward sliding gesture, the option display area can be displayed on the left side of the level interface.

[0100] Similarly, the user can input a gesture for closing options on the level interface. When the gesture for closing options is detected, the option display area on the level interface can be closed, so that the level interface resumes the state of only displaying the operation area. The gesture for closing options is opposite to the direction of the gesture for calling out options. For example, if the option display area is displayed at the bottom of the level interface, the gesture for closing options can be a downward sliding gesture.

[0101] Step 104 may include the following steps:

[0102] If it is detected that the target slider moves out of the preset display position, the detailed display area is displayed in a masked state above the operation area.

[0103] Specifically, if it is detected that the target slider moves out of the preset display position, the detailed display area can be displayed in a masked state above the operation area to avoid covering the option display area, which is further convenient for the user to view the clear option blocks.

[0104] Optionally, if it is detected that the target slider moves out of the preset display position and the secondary option block moves to the preset display position, the detailed display area is displayed in a masked state above the operation area.

[0105] Optionally, the display area switching device may add a mask layer with a preset transparency on the operation area, and then display the detailed display area on the mask layer, so as to realize the display of the detailed display area above the operation area in a masked state. The preset transparency may be the initial setting of the display area switching device, or may be set by the user or relevant staff. The lower the preset transparency of the mask layer, the more blurred the operation area under the mask layer is displayed, and the more prominent the display of the detailed display area is. On the contrary, the higher the preset transparency of the mask layer, the clearer the operation area under the mask layer is displayed, and the less prominent the display of the detailed display area is.

[0106] In the embodiment of the present application, the operation area and the option display area are displayed on the level interface. If it is detected that the target slider moves out of the preset display position, the detailed display area is displayed above the operation area in a masked state. By distinguishing the operation area and the option display area and only masking the operation area, the user can accurately distinguish the operations on different areas, and at the same time ensure the display clarity of the option display area.

[0107] In one or more embodiments of the present application, the display area switching method may further include the following steps:

[0108] If it is detected that the target slider moves to the preset display position, the masked state is exited and the display of the detailed display area is ended.

[0109] Specifically, when the user wants to continue to operate on the operation area and return to complete the level, the user can continue to input an option switching gesture to the option display area, so that the target slider moves back to the preset display position. If it is detected that the target slider moves to the preset display position, the masked state can be exited and the display of the detailed display area can be ended. For example, if at least one option block is displayed on the right side of the target slider in a preset order, the user can continue to input a rightward sliding gesture to make the target slider move back to the preset display position, thereby exiting the masked state.

[0110] In the embodiment of the present application, the masked state can be exited and the level operation can be continued through a sliding gesture, so that the user can enter or exit the masked state by a simple sliding gesture, improving the convenience of viewing detailed information.

[0111] The following will be combined with the attached Figure 9 - attached Figure 10 , a detailed introduction will be given to the display area switching device provided in the embodiment of the present application. It should be noted that the display area switching device in the attached Figure 9 - attached Figure 10 is used to execute the method of the embodiment shown in the present application. For the sake of convenience of description, only the parts related to the embodiment of the present application are shown. For the specific technical details not disclosed, please refer to the present application Figures 1-8 shown in Figures 1-8The embodiments shown.

[0112] Please refer to Figure 9 , which shows a schematic structural diagram of a display area switching device provided by an exemplary embodiment of the present application. The display area switching device can be implemented as all or part of the device through software, hardware, or a combination of both. The device 1 includes an option block display unit 11, a mask display unit 12, and a detailed information display unit 13.

[0113] The option block display unit 11 is configured to display a target slider and at least one option block in the option display area, and the target slider is displayed before all the option blocks;

[0114] The mask display unit 12 is configured to, if it is detected that the target slider moves out of a preset display position, display the detailed display area in a mask state;

[0115] The detailed information display unit 13 is configured to, if a target option block is detected at the preset display position, display the detailed information of the target option block in the detailed display area.

[0116] In this embodiment, a target slider and at least one option block are displayed in the option display area, and the target slider is displayed before all the option blocks. If it is detected that the target slider moves out of the preset display position, the detailed display area is displayed in a mask state. If a target option block is detected at the preset display position, the detailed information of the target option block is displayed in the detailed display area. By sliding the target slider and the option block, the mask state can be quickly entered and the details of the option block can be viewed, improving the convenience of user operation and avoiding the sense of fragmentation in the display of the detailed display area.

[0117] Please refer to Figure 10 , which shows a schematic structural diagram of a display area switching device provided by an exemplary embodiment of the present application. The display area switching device can be implemented as all or part of the device through software, hardware, or a combination of both. The device 1 includes a sub-region display unit 14, an option block display unit 11, an option block switching unit 15, a mask display unit 12, a detailed information display unit 13, and a mask exit unit 16.

[0118] The sub-region display unit 14 is configured to display an operation area and an option display area on the level interface;

[0119] The option block display unit 11 is configured to display a target slider and at least one option block in the option display area, and the target slider is displayed before all the option blocks;

[0120] Optionally, the option block display unit 11 is specifically configured to determine a target level corresponding to the current level interface, and obtain at least one option block corresponding to the next level of the target level;

[0121] Display a target slider within the option display area, and display the at least one option block after the target slider in a preset order.

[0122] An option block switching unit 15, configured to obtain an option switching gesture of the user for the option display area;

[0123] Based on the option switching gesture, perform a scrolling update display on the target slider and each of the option blocks in the option display area.

[0124] A mask display unit 12, configured to, if it is detected that the target slider moves out of a preset display position, display a details display area in a mask state;

[0125] Optionally, the mask display unit 12 is specifically configured to, if it is detected that the target slider moves out of a preset display position and a secondary option block moves to the preset display position, display a details display area in a mask state, where the secondary option block is an option block adjacent to the target slider;

[0126] Display details information of the secondary option block on the details display area.

[0127] Optionally, the mask display unit 12 is specifically configured to, if it is detected that the target slider moves out of a preset display position, display a details display area in a mask state above the operation area.

[0128] Optionally, the mask display unit 12 is specifically configured to add a mask layer with a preset transparency on the operation area;

[0129] Display a details display area on the mask layer.

[0130] A details information display unit 13, configured to, if a target option block is detected at the preset display position, display details information of the target option block on the details display area.

[0131] A mask exit unit 16, configured to, if it is detected that the target slider moves to the preset display position, exit the mask state and end the display of the details display area.

[0132] In this embodiment, an operation area and an option display area are shown on the level interface. The target level corresponding to the current level interface is determined, and at least one option block corresponding to the next level of the target level is obtained. The target slider is displayed in the option display area, and at least one option block is displayed in a preset order after the target slider. By displaying the options of the next level and showing them in a preset order, the user's interest in subsequent levels is further enhanced, and the viewing efficiency of the user for the option blocks is improved. The option switching gesture of the user for the option display area is obtained. Based on the option switching gesture, the target slider and each option block are scrolled and updated on the option display area. The displayed option blocks are switched according to the user input gesture, reducing the user's operation cost and making the interaction process more natural and smooth. When it is detected that the target slider moves out of the preset display position and the secondary option block moves to the preset display position, the detail display area is displayed in a mask state above the operation area. The detail information of the secondary option block is shown on the detail display area, and a mask layer with a preset transparency can be added to the operation area, and then the detail display area is shown on the mask layer, so as to realize displaying the detail display area in a mask state above the operation area. By combining the positions of the target slider and the secondary option block to determine whether the detail display area needs to be shown, the incorrect display of the detail display area due to user misoperation is avoided, further improving the accuracy of capturing the user's intention. By distinguishing the operation area and the option display area and only masking the operation area, the user can accurately distinguish the operations on different areas, while ensuring the display clarity of the option display area. The mask state can be exited and the level operation can be continued through a sliding gesture, enabling the user to enter or exit the mask state with a simple sliding gesture, improving the convenience of viewing the detail information.

[0133] It should be noted that when the display area switching device provided in the above embodiment executes the display area switching method, only the above division of each functional module is used for illustration. In practical applications, the above functions can be allocated to different functional modules according to needs, that is, the internal structure of the device is divided into different functional modules to complete all or part of the functions described above. In addition, the display area switching device provided in the above embodiment and the display area switching method embodiment belong to the same concept, and the implementation process is detailed in the method embodiment, which will not be repeated here.

[0134] The serial numbers of the embodiments of the present application are only for description and do not represent the advantages and disadvantages of the embodiments.

[0135] The embodiment of the present application also provides a computer storage medium, which can store multiple instructions. The instructions are suitable for being loaded and executed by a processor to perform the display area switching method as shown in the above Figures 1-8 embodiment, and the specific execution process can be referred to Figures 1-8Details of the illustrated embodiments are not elaborated herein.

[0136] This application also provides a computer program product. The computer program product stores at least one instruction, and the at least one instruction is loaded and executed by the processor to perform the display area switching method of the above Figures 1-8 illustrated embodiment. The specific execution process can refer to Figures 1-8 Details of the illustrated embodiments are not elaborated herein.

[0137] Please refer to Figure 11 , which shows a block diagram of the structure of an electronic device provided by an exemplary embodiment of this application. The electronic device in this application may include one or more of the following components: a processor 110, a memory 120, an input device 130, an output device 140, and a bus 150. The processor 110, the memory 120, the input device 130, and the output device 140 may be connected through the bus 150.

[0138] The processor 110 may include one or more processing cores. The processor 110 uses various interfaces and lines to connect various parts within the entire electronic device. By running or executing instructions, programs, code sets, or instruction sets stored in the memory 120, and by calling data stored in the memory 120, the processor 110 performs various functions of the terminal 100 and processes data. Optionally, the processor 110 may be implemented in at least one hardware form of digital signal processing (DSP), field-programmable gate array (FPGA), or programmable logic array (PLA). The processor 110 may integrate one or a combination of several of a central processing unit (CPU), a graphics processing unit (GPU), and a modem. Among them, the CPU mainly processes the operating system, user pages, and application programs, etc.; the GPU is responsible for rendering and drawing display content; the modem is used to process wireless communication. It can be understood that the above modem may not be integrated into the processor 110 and may be implemented separately through a communication chip.

[0139] The memory 120 may include a random access memory (RAM) or a read-only memory (ROM). Optionally, the memory 120 includes a non-transitory computer-readable storage medium. The memory 120 may be used to store instructions, programs, codes, code sets or instruction sets. The memory 120 may include a program storage area and a data storage area, wherein the program storage area may store instructions for implementing an operating system, instructions for implementing at least one function (such as a touch function, a sound playback function, an image playback function, etc.), instructions for implementing the above-mentioned various method embodiments, etc. The operating system may be an Android system, including a system deeply developed based on the Android system, an iOS system developed by Apple, including a system deeply developed based on the iOS system or other systems.

[0140] The memory 120 can be divided into an operating system space and a user space. The operating system runs in the operating system space, and native and third-party applications run in the user space. In order to ensure that different third-party applications can achieve better operating results, the operating system allocates corresponding system resources to different third-party applications. However, the requirements for system resources in different application scenarios in the same third-party application are also different. For example, in the local resource loading scenario, the third-party application has higher requirements for disk reading speed; in the animation rendering scenario, the third-party application has higher requirements for GPU performance. The operating system and the third-party application are independent of each other, and the operating system often cannot perceive the current application scenario of the third-party application in a timely manner, resulting in the operating system being unable to perform targeted system resource adaptation according to the specific application scenario of the third-party application.

[0141] In order for the operating system to distinguish the specific application scenarios of third-party applications, it is necessary to open up data communication between third-party applications and the operating system so that the operating system can obtain the current scenario information of third-party applications at any time, and then perform targeted system resource adaptation based on the current scenario.

[0142] The input device 130 is used to receive input commands or data and includes, but is not limited to, a keyboard, a mouse, a camera, a microphone, or a touch-sensitive device. The output device 140 is used to output commands or data and includes, but is not limited to, a display device and a speaker. In one example, the input device 130 and the output device 140 may be combined, and the input device 130 and the output device 140 may be a touch-sensitive display.

[0143] The touch display screen can be designed as a full screen, a curved screen or a special-shaped screen. The touch display screen can also be designed as a combination of a full screen and a curved screen, or a combination of a special-shaped screen and a curved screen, which is not limited in the present embodiment.

[0144] In addition, those skilled in the art will understand that the structures of the electronic devices shown in the above figures do not limit the electronic devices. The electronic devices may include more or fewer components than shown, or may combine certain components, or arrange the components differently. For example, the electronic devices may also include radio frequency circuits, input units, sensors, audio circuits, wireless fidelity (WiFi) modules, power supplies, Bluetooth modules, and other components, which will not be described in detail here.

[0145] exist Figure 11 In the electronic device shown, the processor 110 may be configured to call a display area switching application stored in the memory 120 and specifically perform the following operations:

[0146] Displaying a target slider and at least one option block in the option display area, wherein the target slider is displayed before all option blocks;

[0147] If it is detected that the target slider moves out of the preset display position, the detail display area is displayed in a masked state;

[0148] If a target option block is detected at the preset display position, detailed information of the target option block is displayed in the detailed display area.

[0149] In one embodiment, when the processor 110 displays the target slider and at least one option block in the option display area, the processor 110 specifically performs the following operations:

[0150] Determine a target level corresponding to the current level interface, and obtain at least one option block corresponding to a next level of the target level;

[0151] A target slider is displayed in the option display area, and the at least one option block is displayed after the target slider in a preset order.

[0152] In one embodiment, when executing the display area switching method, the processor 110 further performs the following operations:

[0153] Acquire the option switching gesture of the user for the option display area;

[0154] Based on the option switching gesture, the target slider and each option block are scrolled and updated and displayed on the option display area.

[0155] In one embodiment, when the processor 110 executes that if it detects that the target slider moves out of the preset display position, the detailed display area is displayed in a masked state, it specifically performs the following operations:

[0156] If it detects that the target slider moves out of the preset display position and the secondary option block moves to the preset display position, the detailed display area is displayed in a masked state, where the secondary option block is an option block adjacent to the target slider;

[0157] Display the detailed information of the secondary option block in the detailed display area.

[0158] In one embodiment, before the processor 110 executes to display the target slider and at least one option block in the option display area, it also performs the following operations:

[0159] Display an operation area and an option display area on the level interface;

[0160] When executing that if it detects that the target slider moves out of the preset display position, the detailed display area is displayed in a masked state, it specifically performs the following operations:

[0161] If it detects that the target slider moves out of the preset display position, the detailed display area is displayed in a masked state above the operation area.

[0162] In one embodiment, when the processor 110 executes to display the detailed display area in a masked state above the operation area, it specifically performs the following operations:

[0163] Add a mask layer with a preset transparency on the operation area;

[0164] Display the detailed display area on the mask layer.

[0165] In one embodiment, when the processor 110 executes the display area switching method, it also performs the following operations:

[0166] If it detects that the target slider moves to the preset display position, exit the masked state and end the display of the detailed display area.

[0167] In this embodiment, an operation area and an option display area are shown on the level interface. The target level corresponding to the current level interface is determined, and at least one option block corresponding to the next level of the target level is obtained. The target slider is displayed in the option display area, and at least one option block is displayed in a preset order after the target slider. By displaying the options of the next level and showing them in a preset order, the interest of the user in subsequent levels is further enhanced, and the viewing efficiency of the user for the option blocks is improved. The option switching gesture of the user for the option display area is obtained. Based on the option switching gesture, the target slider and each option block are scrolled and updated on the option display area. The displayed option blocks are switched according to the user input gesture, reducing the operation cost of the user and making the interaction process more natural and smooth. When it is detected that the target slider moves out of the preset display position and the secondary option block moves to the preset display position, the details display area is shown in a masked state above the operation area. The details information of the secondary option block is shown on the details display area, and a mask layer with a preset transparency can be added to the operation area, and then the details display area is shown on the mask layer, so as to realize showing the details display area in a masked state above the operation area. Whether to show the details display area is judged by combining the positions of the target slider and the secondary option block, avoiding the wrong display of the details display area due to the user's misoperation, further improving the accuracy of capturing the user's intention, and by distinguishing the operation area and the option display area and only masking the operation area, the user can accurately distinguish the operations on different areas, while ensuring the display clarity of the option display area. The masked state can be exited and the level operation can be continued through a sliding gesture, enabling the user to enter or exit the masked state through a simple sliding gesture and improving the convenience of viewing the details information.

[0168] Those of ordinary skill in the art can understand that all or part of the processes of implementing the methods in the above embodiments can be completed by instructing relevant hardware through a computer program. The program can be stored in a computer-readable storage medium. When the program is executed, it can include the processes of the embodiments of the above methods. Among them, the storage medium can be a magnetic disk, an optical disk, a read-only memory or a random access memory, etc.

[0169] The above-disclosed are only the preferred embodiments of the present application. Of course, the scope of the rights of the present application cannot be limited thereby. Therefore, equivalent changes made according to the claims of the present application still fall within the scope covered by the present application.

[0170] It should be noted that the information (including but not limited to user device information, user personal information, etc.), data (including but not limited to data for analysis, stored data, displayed data, etc.) and signals involved in the embodiments of this specification are all authorized by the user or fully authorized by all parties, and the collection, use and processing of relevant data need to comply with the relevant laws, regulations and standards of relevant countries and regions. For example, the option switching gestures involved in this specification are obtained under full authorization.

Claims

1. A method for switching display areas, the method comprising: Displaying a target slider and at least one option block in an option display area, the target slider being displayed before all option blocks; If it is detected that the target slider moves out of a preset display position, displaying a detailed display area in a masked state; If a target option block is detected at the preset display position, displaying detailed information of the target option block in the detailed display area.

2. The method according to claim 1, wherein the displaying a target slider and at least one option block in an option display area comprises: Determining a target level corresponding to the current level interface, and obtaining at least one option block corresponding to the next level of the target level; Displaying a target slider in the option display area, and displaying the at least one option block after the target slider in a preset order.

3. The method according to claim 1, the method further comprising: Obtaining an option switching gesture of the user for the option display area; Based on the option switching gesture, performing a scrolling update display on the target slider and each option block in the option display area.

4. The method according to claim 1, wherein the if it is detected that the target slider moves out of a preset display position, displaying a detailed display area in a masked state comprises: If it is detected that the target slider moves out of a preset display position and a secondary option block moves to the preset display position, displaying a detailed display area in a masked state, wherein the secondary option block is an option block adjacent to the target slider; Displaying detailed information of the secondary option block in the detailed display area.

5. The method according to claim 2, before displaying a target slider and at least one option block in an option display area, further comprising: Displaying an operation area and an option display area on the level interface; The if it is detected that the target slider moves out of a preset display position, displaying a detailed display area in a masked state comprises: If it is detected that the target slider moves out of a preset display position, displaying a detailed display area in a masked state above the operation area.

6. The method according to claim 5, wherein the displaying a detailed display area in a masked state above the operation area comprises: Adding a mask layer with a preset transparency on the operation area; Displaying a detailed display area on the mask layer.

7. The method according to claim 1, the method further comprising: If it is detected that the target slider moves to the preset display position, exiting the masked state and ending the display of the detailed display area.

8. A display area switching device, the device comprising: An option block display unit, configured to display a target slider and at least one option block in an option display area, the target slider being displayed before all option blocks; A masked display unit, configured to display a detailed display area in a masked state if it is detected that the target slider moves out of a preset display position; A detailed information display unit, configured to display detailed information of a target option block in the detailed display area if a target option block is detected at the preset display position.

9. A computer storage medium storing a plurality of instructions adapted to be loaded and executed by a processor to perform the method steps of any one of claims 1 to 7.

10. A computer program product storing a plurality of instructions adapted to be loaded and executed by a processor to perform the method steps of any one of claims 1 to 7.

11. An electronic device, comprising: A processor and a memory; wherein the memory stores a computer program adapted to be loaded and executed by the processor to perform the method steps of any one of claims 1 to 7.

Images