Method and apparatus for switching tabs, and device, medium and program product
Patent Information
- Authority / Receiving Office
- WO · WO
- Patent Type
- Applications
- Current Assignee / Owner
- Filing Date
- 2025-02-07
- Publication Date
- 2026-08-13
Smart Images
Figure SG2025050085_13082026_PF_FP_ABST
Abstract
Description
[0001] Methods, apparatus, devices, media, and procedures for switching tags.
[0002] Technical Field
[0003]
[0001] The embodiments of this disclosure generally relate to the field of human-computer interaction, and specifically to methods, apparatuses, devices, media and program products for switching tags.
[0004] Background Technology
[0005] L02J Currently, the development of human-computer interaction (HCI) is becoming increasingly rapid. In fields such as the Internet and the Internet of Things (IoT), HCI is an indispensable technology. Software application development also needs to consider the user's interactive experience during use. Therefore, HCI has become a subject of in-depth research for many developers, who are committed to continuously improving the efficiency of application use by enhancing the efficiency of HCI.
[0006]
[0003] With the continuous development of human-computer interaction, improving the user interaction experience in the user interface has become increasingly important, with improving the efficiency of interface interaction being the main focus. Interface interaction is usually primarily for acquiring data information, so improving the efficiency of data acquisition in interface interaction is particularly important. This not only improves the efficiency of users in their daily lives and work but also enhances their overall experience.
[0007] Summary of the Invention
[0008] [04J Embodiments of this disclosure provide a method, apparatus, device, medium, and program product for switching tags.
[0009]
[0005] According to a first aspect of this disclosure, a method for switching tabs is provided. The method includes displaying a tab component having a set of tabs on a user interface, wherein a target tab in the set of tabs has multiple options having a switcher component. The method further includes displaying target content corresponding to the target option in a content area of the tab component in response to receiving an operation for a target option among the multiple options in the target tab.
[0010]
[0006] In a second aspect of this disclosure, an apparatus for switching tabs is provided. The apparatus includes a tab component display module configured to display on a user interface a tab component having a set of tabs, wherein a target tab in the set of tabs has multiple options of a switcher component; and a target content display module configured to display target content corresponding to the target option in a content area of the tab component in response to receiving an operation for a target option among the multiple options in the target tab.
[0011]
[0007] In a third aspect of this disclosure, an electronic device is provided, including at least one processor; and a storage device for storing at least one program, which, when executed by at least one processor, causes at least one processor to implement the method according to a first aspect of this disclosure.
[0012]
[0008] In a fourth aspect of this disclosure, a computer-readable storage medium is provided having a computer program stored thereon that, when executed by a processor, implements the method according to a first aspect of this disclosure.
[0013]
[0009] In a fifth aspect of this disclosure, a computer program product is provided. The computer program product includes a computer program that, when executed by a processor, implements the method according to a first aspect of this disclosure.
[0014]
[0010] It should be understood that the content described in this content section is not intended to limit the key or essential features of the embodiments of this disclosure, nor is it intended to limit the scope of this disclosure. Other features of this disclosure will become readily apparent from the following description.
[0015] Attached Figure Description
[0016]
[0011] The above and other objects, features and advantages of this disclosure will become more apparent from the more detailed description of exemplary embodiments of this disclosure taken in conjunction with the accompanying drawings, in which the same reference numerals generally represent the same components.
[0017]
[0012] FIG1 is a schematic diagram illustrating an example environment in which some embodiments of the present disclosure may be implemented;
[0018]
[0013] FIG2 illustrates a schematic diagram of an example method for switching tags according to some embodiments of the present disclosure;
[0019]
[0014] FIG3 illustrates a schematic diagram of an example of a tag switching method according to some embodiments of the present disclosure;
[0015] FIG4 illustrates a schematic diagram of another example of a tag switching method according to some embodiments of the present disclosure;
[0020]
[0016] FIG5 illustrates a schematic diagram of yet another example of a tag switching according to some embodiments of the present disclosure;
[0021]
[0017] FIG6 is a schematic diagram illustrating an example operation process for switching tags according to some embodiments of the present disclosure;
[0022]
[0018] FIG7 illustrates a schematic block diagram of an apparatus for switching tags according to some embodiments of the present disclosure;
[0023]
[0019] FIG8 illustrates a schematic block diagram of an example device suitable for implementing various embodiments of the present disclosure.
[0024]
[0020] In the various figures, the same or corresponding reference numerals indicate the same or corresponding parts.
[0025] Detailed Implementation
[0026]
[0021] It is understood that the data involved in this technical solution (including but not limited to the data itself, the acquisition or use of the data) shall comply with the requirements of relevant laws, regulations and related provisions.
[0027]
[0022] It is understood that before using the technical solutions disclosed in the various embodiments of this disclosure, users should be informed of the types, scope of use, and usage scenarios of the personal information involved in this disclosure in an appropriate manner in accordance with relevant laws and regulations, and user authorization should be obtained.
[0028]
[0023] For example, upon receiving a user's active request, a prompt message is sent to the user to explicitly inform the user that the requested operation will require the acquisition and use of the user's personal information. This allows the user to independently choose whether to provide personal information to the software or hardware such as the electronic device, application program, server, or storage medium performing the operations of this disclosed technical solution, based on the prompt message.
[0029]
[0024] As an optional but non-limiting implementation, in response to receiving a user's active request, the method of sending a prompt message to the user can be, for example, a pop-up window, in which the prompt message can be presented in text form. In addition, the pop-up window can also include a selection control for the user to choose "agree" or "disagree" to provide personal information to the electronic device.
[0030]
[0025] It is understood that the above notification and user authorization process is only illustrative and does not constitute a limitation on the implementation of this disclosure. Other methods that comply with relevant laws and regulations may also be applied to the cash purchase method of this disclosure.
[0031]
[0026] Embodiments of the present disclosure will now be described in more detail with reference to the accompanying drawings. While some embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as limited to the embodiments set forth herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of the present disclosure. It should be understood that the accompanying drawings and embodiments of the present disclosure are for illustrative purposes only and are not intended to limit the scope of protection of the present disclosure.
[0032] In the description of embodiments of this disclosure, the term "comprising" and similar terms should be understood as open-ended inclusion, i.e., "including but not limited to". The term "based on" should be understood as "at least partially based on". The term "one embodiment" or "the embodiment" should be understood as "at least one embodiment". The terms "first", "second", etc., may refer to different or the same objects. Other explicit and implicit definitions may also be included below.
[0033]
[0028] During interface interaction, users frequently perform operations on specific tab components. However, there are still many problems to be solved in the process of operating tab components. For example, taking the example of a user switching between multiple tabs to obtain data information, the interface usually sets up multiple tabs that can be switched (Tab1, Tab2, Tab3, etc.), and each tab has corresponding content. When the interface hierarchy is relatively complex, for example, each tab contains multiple views or pages, and the display of each view or page needs to occupy the entire display space of the tab, then tab components need to be embedded in the tab. In addition, when the content under a tab needs to be switched between several views, it is also necessary to nest tab components to achieve this. This will lead to a decrease in the readability and usability of the information hierarchy of the interface from the perspective of interface design, and the stacked tab components will also occupy too much vertical space of the page, compressing the display space of the page content.
[0034]
[0029] Furthermore, if the tab components are nested at multiple levels, users need to perform multiple operations to view the content within each tab component. Therefore, in traditional solutions, interface space is occupied, display space is compressed, human-computer interaction efficiency is low, and user experience is poor.
[0035]
[0030] To address at least the above and other potential problems, embodiments of this disclosure propose a method for switching tabs. In this method, a computing device may first display a tab component with a set of tabs on a user interface, wherein a target tab in the set of tabs has multiple options with a switcher component. After displaying the tab component, if the computing device receives an operation on a target option among the multiple options in the target tab, it can directly display the target content corresponding to the target option in the content area of the tab component. Through this method, during human-computer interaction, the user can intuitively see the switcher embedded in the tab and directly operate on the options, thereby directly displaying the target content corresponding to the operated option in the content area of the tab component, improving the efficiency of human-computer interaction and enhancing the user experience.
[0036]
[0031] Embodiments of the present disclosure will now be described in further detail with reference to the accompanying drawings. FIG1 illustrates an example environment in which the devices and / or methods of the embodiments of the present disclosure may be implemented. In environment 100, computing device 102 first displays a tab component 106 having a set of tabs 108 on a user interface 104, wherein a target tab 110 in the set of tabs 108 has multiple options 114 having a switcher component 112. After displaying the tab component 106, and upon receiving an operation for a target option 116 among the multiple options 114 in the target tab 110, computing device 102 displays target content 120o corresponding to the target option 116 in the content area 118 of the tab component 106.
[0037]
[0032] Examples of computing device 102 include, but are not limited to, personal computers, server computers, handheld or laptop devices, mobile devices (such as mobile phones, personal digital assistants (PDAs), media players, etc.), multiprocessor systems, consumer electronics, minicomputers, mainframe computers, distributed computing environments including any of the above systems or devices, etc.
[0038]
[0033] When presenting information using an interface, a tab component 106 can be used to display various information. As shown in FIG1, the computing device 102 can display a tab component 106 with a set of tabs 108 on the user interface 104. When different pages or views need to be presented under the tabs in the set of tabs 108, a switcher component can be set in the tab. Then, different pages or views can be set in different options under the switcher component. For example, the target tab 110 in the set of tabs 108 has a switcher component 112, which is used to enable multiple different content items, such as different pages or views, to exist under the target tab.
[0039]
[0034] The user interface 104 can be used to display the tab component 106, and the displayed tab component 106 is located at any suitable position on the user interface 104. For example, the tab component 106 can be displayed above, below, to the left, or to the right of the user interface 104 as needed. In addition, the switcher component 112 also includes a plurality of options 114, each of which corresponds to a display content.
[0040]
[0035] In some embodiments, each of the tags in a set of tags 108 may include a switcher component. Additionally, the switcher component 112 may have a predetermined number of options.
[0041] Finally, after receiving an operation targeting option 116 among multiple options 114 in target label 110, computing device 102 acquires the target content corresponding to the target option, such as a statistics view. Then, it displays the target content 120 corresponding to target option 116 in the content area 118 of label component 106.
[0042]
[0037] In some embodiments, the operation on the target option can be a single click, a double click, or a long press, etc.
[0043]
[0038] Through this method, during the human-computer interaction process, users can intuitively see the switcher embedded in the tab and directly operate on the options in the switcher. As a result, the target content corresponding to the operated option can be directly displayed in the content area of the tab component, which improves the efficiency of human-computer interaction and enhances the user experience.
[0044]
[0039] The above description, in conjunction with FIG1, illustrates an example environment in which some embodiments of the present disclosure's devices and / or methods may be implemented. The following description, in conjunction with FIG2, illustrates an example method for switching tags according to some embodiments of the present disclosure. The method in FIG2 may be executed by the computing device 102 in FIG1 or any suitable computing device.
[0045]
[0040] As shown in FIG2, in example method 200, at box 202, computing device 102 displays a tab component with a set of labels on a user interface, wherein a target label in the set of labels has multiple options with a toggle component. For example, a browser page is designed to display desired content information through the tab component. To facilitate information retrieval, a toggle component is also added to the labels of the tab component to enable the display of multiple views or pages under a single label.
[0046]
[0041] The user interface 104 can be used to display the tab component 106, and the displayed tab component 106 is located at a specified position on the user interface 104. The specified position can be customized by the user when designing the interface display format, and this disclosure does not impose any limitations.
[0047]
[0042] In addition, in order to display multiple different contents, such as different pages or views, in a target label 110 of a set of labels 108, a switcher component 112 is set in the target label. Each of the multiple options 114 in the switcher component 112 corresponds to a display content to be displayed under the target label.
[0048]
[0043] In some embodiments, each of the set of tags 108 includes a switcher component 112, and the plurality of options 114 in the switcher component 112 have a predetermined number, for example, the predetermined number of the plurality of options 114 is 2.
[0049]
[0044] In some embodiments, when determining a set of labels 108, the computing device 102 may first determine the arrangement order of the set of labels 108 in the tab component 106. Additionally, the arrangement order of a set of labels 108 can be changed, for example, by dragging one of the labels in the set to change its position in the tab component.
[0050]
[0045] In some embodiments, the computing device 102 may also determine the arrangement order of multiple options 114 in the target label 110 of a set of labels 108, and after determining the arrangement order of the multiple options 114, display the multiple options 114 in the target label 110 in the arranged order.
[0051]
[0046] In some embodiments, the multiple options 114 are displayed in the target label 110 as icons. Alternatively, the multiple options 114 may also be displayed in the target label 110 as numbers or text. For ease of description, the target content 120 corresponding to the target option may be referred to as the first content, and the target label 110 may be referred to as the first label.
[0052]
[0047] In some embodiments, when the tab component 106 is displayed on the user interface, when a tab other than the target tab 110 in a set of tabs 108 is selected, for example, when the second tab in the set of tabs 108 is selected, the second content corresponding to the second tab is displayed in the content area 118 of the tab component 106.
[0053]
[0048] At box 204, in response to receiving an operation for a target option 116 among a plurality of options 114 in a target tab 110, the computing device 102 displays target content 120o corresponding to the target option 116 in the content area 118 of the tab component 106.
[0054]
[0049] After receiving an operation for a target option 116 among multiple options 114, the computing device 102 will obtain the target content 120 corresponding to the target option 116 and then display the obtained target content 120 in the content area 118 of the tab component 106.
[0055]
[0050] In some embodiments, when the content being displayed in the content area 118 is the second content corresponding to the second label, if an operation for the target option 116 is received at this time, the second content will be switched back to the target content 120 or the first content in the content area 118.
[0056]
[0051] In some embodiments, when the content of the target option 116 in the target label 110 is being displayed in the content area 118 of the tab component 106, if a user clicks on a third label in the tab component 106, the computing device 102 will obtain the third content corresponding to the third label. Then, in the content area 118 of the tab component 106, the content corresponding to the target option 116 of the target label 110 will be switched to the third content corresponding to the third label, and the target content 120 of the target option 116 will be cached in the storage space associated with the tab component 106. If the user clicks the target option again, the cached data can be directly obtained.
[0057]
[0052] Additionally, the target content 120 can be stored in the storage space for a limited time. When the predetermined storage time is exceeded, the previously stored content will be cleared from the storage space to release system resources.
[0058]
[0053] For example, when switching from target content 120 to third content, target content 120 is stored in storage space. When the storage time reaches 10 minutes and target content 120 is not re-displayed in content area 118 within 10 minutes, the stored target content 120 is removed from storage space. When target content 120 is displayed in content area 118 again, it needs to be reloaded.
[0059]
[0054] In some embodiments, when selecting target option 116 from multiple options 114 in target label 110, the cursor needs to be moved to the operable range of target option 116 first. When the cursor becomes operable, the corresponding operation can be performed on target option 116.
[0060]
[0055] In some embodiments, when the cursor becomes operable, the target option 116 is highlighted. The highlighting method includes highlighting the target option or bolding the target option. Additionally, the highlight color and the degree of bolding can be adjusted within a certain range.
[0061]
[0056] In other embodiments, the target option 116 is highlighted only when the cursor hovers within the operable range of the target option 116 for a predetermined duration. For example, the target option 116 is highlighted only when the cursor is moved within the operable range of the target option 116 for more than or equal to 500 milliseconds.
[0062]
[0057] In some embodiments, if target content corresponding to target option 116 is being displayed in the content area, after receiving an operation for the second option among multiple options 114 in target label 110, the target content 120 in the content area 118 is switched to the content corresponding to the second option.
[0063]
[0058] Additionally, upon receiving an operation on the second option among multiple options 114 in the target tag 110, any current content in the content area 118 is directly switched to the content corresponding to the second option. For example, if the current content in the content area 118 corresponds to the third tag, upon receiving an operation on the second option, the content corresponding to the third tag in the content area 118 is directly switched to the content corresponding to the second option.
[0064]
[0059] Through this method, during the human-computer interaction process, users can intuitively see the switcher embedded in the tab and directly operate on the options in the switcher, thereby directly displaying the target content corresponding to the operated option in the content area of the tab component, improving the efficiency of human-computer interaction and enhancing the user experience.
[0065]
[0060] The above description, in conjunction with FIG2, is a schematic diagram of an example method for switching tags according to some embodiments of the disclosure. The following description, in conjunction with FIG3, is a schematic diagram of an example for switching tags according to some embodiments of the present disclosure. The example of FIG3 can be performed by the computing device 102 shown in FIG1 or any suitable device.
[0066] In Example 300 shown in Figure 3, the user interface consists of a set of tabs in a tab component, including tab 1 302, tab 2 304 and tab 3 306.
[0067]
[0062] In some embodiments, the user interface is displayed in a browser. As can be seen in this example, the current tab 1 302 includes a switcher component 308, which includes two options, A and B. Additionally, the options in the switcher component 308 may include multiple options. In some embodiments, the options may be identified by icons, numbers, or text.
[0068]
[0063] When option A is selected, option A will be highlighted. In one example, when option A is selected, option A will be bolded. In another example, option A will be both highlighted and bolded.
[0064] After option A is operated on, the content of option A of the switcher component 308 in label 1 will be displayed in the content area 310. Additionally, the operation on option A can be a single click, a double click, a long press, etc.
[0069]
[0065] The above description, in conjunction with FIG3, is a schematic diagram of an example of a tag switching method according to some embodiments of the disclosure. The following description, in conjunction with FIG4, is a schematic diagram of another example of a tag switching method according to some embodiments of the present disclosure.
[0070]
[0066] In Example 400 shown in FIG4, the user interface consists of a set of tabs in a tab component, including a queue results tab 402, a statistics results tab 404, and an operation history tab 406. In some embodiments, the user interface is displayed within an application that can be used to display multiple tab pages.
[0071]
[0067] As can be seen, the content currently displayed in the content area 410 is the content corresponding to the queue result label 402, and at this time the cursor is hovering over the left option in the switcher component 408 in the statistics result label 404.
[0072]
[0068] When the cursor hover duration is greater than or equal to a predetermined duration, for example, after the hover duration is greater than or equal to 500 milliseconds, the left option in the switcher component 408 is highlighted.
[0073]
[0069] In some embodiments, when the cursor moves over an option, the option is immediately highlighted. Highlighting may include emphasizing or bolding the target option. Additionally, the highlight color and the degree of bolding can be adjusted within a certain range.
[0074] Since the cursor is only hovering over the option at this time, the content area 410 still displays the content related to the tag queue result 402.
[0075]
[0071] The above description, in conjunction with FIG. 4, is a schematic diagram of another example of a tag switching method according to some embodiments of the disclosure. The following description, in conjunction with FIG. 5, is a schematic diagram of yet another example of a tag switching method according to some embodiments of the present disclosure.
[0076]
[0072] In Example 500 shown in FIG5, in conjunction with the previous Example 400, when the cursor reaches above the left option in the switcher component 508 in the label statistics result 504, the option is operated on. Additionally, the operation is performed after the cursor has hovered above the left option in the switcher component 508 for a period of time.
[0077]
[0073] The operation on the cursor can be a single click, a double click, or a long press. Additionally, the content corresponding to the option will only be displayed in the content area 510 after a predetermined duration of the long press. For example, the bar chart of the statistical results corresponding to the option will only be displayed in the content area 510 after a long press of 1 second.
[0078]
[0074] After the option operation, the content originally displayed in the content area 510 corresponding to the queue result label 502 will be switched to a bar chart of the statistical results corresponding to the option. Additionally, the content corresponding to the queue result 502 will be stored in the storage space corresponding to the tab component, and the storage time is limited. For example, the stored content can be saved for a maximum of 10 minutes; after 10 minutes, the previously stored content will be cleared from the storage space to save system resources.
[0079]
[0075] If an operation on the tag operation history 506 is received again at this time, the bar chart content of the statistical results is cached in the storage space corresponding to the tag component, and the bar chart content of the statistical results is switched to the content corresponding to the operation history 510 in the content area 510.
[0080]
[0076] The above description, in conjunction with FIG. 5, is a schematic diagram of yet another example of a tag switching procedure according to some embodiments of the disclosure. The following description, in conjunction with FIG. 6, is a schematic diagram of an example operation process for tag switching according to some embodiments of the present disclosure.
[0081]
[0077] As shown in Example 600 of FIG6, in this embodiment, different operations on the tab component 602 can display different content in the content area of the user interface.
[0082]
[0078] When other tabs are selected, for example, when statistical result 604 is selected, the content area displays the content corresponding to the statistical result. At this time, the options of the toggle component in queue result 608 are all displayed in the first display mode.
[0083]
[0079] Subsequently, the cursor moves over the grid view option 606 of the switcher component in the queue result 608 and enters the hover phase, at which time the grid view option 606 is displayed in a second display mode, such as being highlighted. Additionally, the grid view option 606 is highlighted again after the hover reaches a predetermined time, such as 500 milliseconds.
[0084]
[0080] Next, after receiving the operation on the grid view option 606 in the queue result 608, the displayed content in the content area is switched from the content related to the statistical result 604 to the content related to the grid view option 606.
[0085]
[0081] Finally, after receiving another operation for list view option 610, the content displayed in the content area related to grid view option 606 is switched to the content related to list view option 610.
[0086]
[0082] At this time, the content related to the grid view option 606 and the content related to the statistics result 604 are cached in the storage space related to the tab component 602 and are stored for a limited time, for example, up to 10 minutes.
[0087]
[0083] After receiving an operation on the statistical result 604 or the grid list option 606 again within a limited time of storing the content, the corresponding cached content can be displayed directly without reloading.
[0088] Figure 7 shows a schematic block diagram of an apparatus for switching tabs according to some embodiments of the present disclosure. As shown in Figure 7, the apparatus 700 includes a tab component display module 702 configured to display a tab component having a set of tabs on a user interface, wherein a target tab in the set of tabs has multiple options having a switcher component; and a target content display module 704 configured to display target content corresponding to the target option in a content area corresponding to the tab component in response to receiving an operation for a target option among the multiple options in the target tab.
[0089]
[0085] In some embodiments, the tab component display module 702 includes: a set of tabs determination module configured to determine a set of tabs for the tab component in response to the tab component being displayed; a plurality of options determination module configured to determine a plurality of options for the switcher component in response to a target tab in the set of tabs having a switcher component; and a set of tabs display module configured to display a set of tabs for the tab component on a user interface, wherein a target tab in the set of tabs has a plurality of options.
[0090]
[0086] In some embodiments, a set of label display modules includes: a multiple option arrangement order determination module, configured to determine the arrangement order of multiple options; and a multiple option display module, configured to display multiple options in a target label based on the arrangement order.
[0091]
[0087] In some embodiments, the multiple option display module includes: a multiple icon determination module configured to determine multiple icons corresponding to multiple options; and a multiple icon display module configured to display multiple icons among the multiple options.
[0092]
[0088] In some embodiments, the target tag is a first tag, the target content is a first content, and the tab component display module 702 includes: a second tag selection display module configured to display that the second tag in a set of tags is selected; and a second content display module configured to display the second content corresponding to the second tag in the tab component content area.
[0093]
[0089] In some embodiments, the target content display module 704 includes: a second content to first content module, configured to switch the second content displayed in the content area to the first content in response to receiving an operation for a target option among a plurality of options in a target label.
[0094]
[0090] In some embodiments, the apparatus 700 further includes: a content display module corresponding to a third tab, configured to display content corresponding to the third tab in a content area in response to receiving an operation for the third tab among a plurality of tabs; and a first content caching module, configured to cache the first content corresponding to the target option in a storage space associated with the tab component.
[0095]
[0091] In some embodiments, the device 700 further includes: a target option highlighting module configured to highlight a target option in response to receiving a cursor hover operation on a target option; and an operation module configured to operate on the highlighted target option.
[0096]
[0092] In some embodiments, the target option highlighting module includes: a highlighting module configured to highlight the target option; or a bolding module configured to bold the target option.
[0097]
[0093] In some embodiments, the target option highlighting module includes: a hover operation duration determination module, configured to determine the duration of the hover operation; and a highlighting module, configured to highlight the target option in response to the duration reaching a threshold duration.
[0098] In some embodiments of the L94J, the operation module includes a single-click or double-click operation module configured to perform a single-click or double-click operation on a highlighted target option.
[0099]
[0095] In some embodiments, the target option is a first option, and the device 700 further includes a content switching module corresponding to a second option, configured to switch the target content displayed in the content area to the content corresponding to the second option in response to receiving an operation for the second option among a plurality of options.
[0100]
[0096] FIG8 shows a schematic block diagram of an example device 800 that can be used to implement embodiments of the present disclosure. The computing device 102 in FIG1 can be implemented using device 800. As shown, device 800 includes a central processing unit (CPU) 801, which can perform various appropriate actions and processes according to computer program instructions stored in read-only memory (ROM) 802 or loaded from storage unit 808 into random access memory (RAM) 803. Various programs and data required for the operation of device 800 may also be stored in RAM 803. CPU 801, ROM 802 and RAM 803 are interconnected to each other via bus 804. Input / output (I / O) interface 805 is also connected to bus 804.
[0101]
[0097] Multiple components in device 800 are connected to I / O interface 805, including: input unit 806, such as keyboard, mouse, etc.; output unit 807, such as various types of displays, speakers, etc.; storage page 808, such as disk, optical disk, etc.; and communication unit 809, such as network card, modem, wireless communication transceiver, etc. Communication unit 809 allows device 800 to exchange information / data with other devices through computer networks such as the Internet and / or various telecommunications networks.
[0102]
[0098] The various processes and handling described above, such as method 200 and examples 300 to 600, may be executed by processing unit 801. For example, in some embodiments, method 200 and examples 300 to 600 may be implemented as computer software programs tangibly contained in a machine-readable medium, such as storage unit 808. In some embodiments, part or all of the computer program may be loaded and / or installed on device 800 via ROM 802 and / or communication unit 809. When the computer program is loaded into RAM 803 and executed by CPU 801, one or more actions of example methods 200 and examples 300 to 600 described above may be performed.
[0103]
[0099] This disclosure may be a method, apparatus, system, and / or computer program product. A computer program product may include a computer-readable storage medium having computer-readable program instructions loaded thereon for performing various aspects of this disclosure.
[0104]
[0100] A computer-readable storage medium can be a tangible device capable of holding and storing instructions for use by an instruction execution device. A computer-readable storage medium can be, for example, but not limited to, an electrical storage device, a magnetic storage device, an optical storage device, an electromagnetic storage device, a semiconductor storage device, or any suitable combination thereof. More specific examples (a non-exhaustive list) of computer-readable storage media include: portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), static random access memory (SRAM), portable compact disc read-only memory (CD-ROM), digital multifunction disc (DVD), memory sticks, floppy disks, mechanical encoding devices, such as punch cards or recessed protrusions storing instructions thereon, and any suitable combination thereof. The computer-readable storage medium as used herein is not to be construed as a transient signal itself, such as radio waves or other freely propagating electromagnetic waves, electromagnetic waves propagating through waveguides or other transmission media (e.g., light pulses through fiber optic cables), or electrical signals transmitted through wires.
[0105]
[101] The computer-readable program instructions described herein can be downloaded from a computer-readable storage medium to various computing / processing devices, or downloaded via a network, such as the Internet, a local area network, a wide area network, and / or a wireless network, to an external computer or external storage device. The network may include copper transmission cables, fiber optic transmissions, wireless transmissions, routers, firewalls, switches, gateway computers, and / or edge servers. A network adapter card or network interface in each computing / processing device receives the computer-readable program instructions from the network and forwards them to a computer-readable storage medium in the respective computing / processing device.
[0106]
[102] The computer program instructions used to perform the operations of this disclosure may be assembly instructions, instruction set architecture (ISA) instructions, machine instructions, machine-dependent instructions, microcode, firmware instructions, status setting data, or source code or object code written in any combination of one or more programming languages, including object-oriented programming languages such as Smalltalk, C++, etc., and conventional procedural programming languages such as the "C" language or similar programming languages. The computer-readable program instructions may be executed entirely on the user's computer, partially on the user's computer, as a stand-alone software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving remote computers, the remote computer can be connected to the user computer via any type of network—including a local area network (LAN) or a wide area network (WAN), or it can be connected to an external computer (e.g., via the Internet using an Internet service provider). In some embodiments, electronic circuitry, such as programmable logic circuitry, field-programmable gate arrays (FPGAs), or programmable logic arrays (PLAs), is personalized by utilizing state information from computer-readable program instructions. This electronic circuitry can execute computer-readable program instructions to implement various aspects of this disclosure.
[0107]
[103] Various aspects of this disclosure are described herein with reference to flowchart illustrations and / or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of this disclosure. It should be understood that the parent blocks of the flowchart illustrations and / or block diagrams, as well as combinations of blocks in the flowchart illustrations and / or block diagrams, can be implemented by computer-readable program instructions.
[0108]
[0104] These computer-readable program instructions can be provided to a processing unit of a general-purpose computer, a special-purpose computer, or other programmable data processing apparatus to produce a machine such that, when executed by the processing unit of the computer or other programmable data processing apparatus, these instructions create means for implementing the functions / actions specified in one or more blocks of the flowchart and / or block diagram. These computer-readable program instructions can also be stored in a computer-readable storage medium that causes a computer, programmable data processing apparatus, and / or other device to operate in a particular manner, such that the computer-readable medium storing the instructions comprises an article of manufacture including instructions for implementing aspects of the functions / actions specified in one or more blocks of the flowchart and / or block diagram.
[0109]
[0105] Computer-readable program instructions may also be loaded onto a computer, other programmable data processing apparatus, or other device to cause a series of operational steps to be performed on the computer, other programmable data processing apparatus, or other device to produce a computer-implemented process, thereby causing the instructions executed on the computer, other programmable data processing apparatus, or other device to perform the functions / actions specified in one or more blocks of the flowchart and / or block diagram.
[0110]
[0106] The flowcharts and block diagrams in the accompanying drawings illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various embodiments of the present disclosure. In this regard, each block in a flowchart or block diagram may represent a module, segment, or portion of an instruction, which contains one or more executable instructions for implementing a specified logical function. In some alternative implementations, the functions marked in the blocks may occur in a different order than those marked in the drawings. For example, two consecutive blocks may actually be executed substantially in parallel, and they may sometimes be executed in reverse order, depending on the functions involved. It should also be noted that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, may be implemented using a dedicated hardware-based system that performs the specified function or action, or using a combination of dedicated hardware and computer instructions.
[0111]
[0107] Various embodiments of the present disclosure have been described above. The above description is exemplary and not exhaustive, and is not limited to the disclosed embodiments. Many modifications and variations will be apparent to those skilled in the art without departing from the scope and spirit of the described embodiments. The terminology used herein is chosen to best explain the principles, practical applications, or technical improvements to the technology in the market, or to enable others skilled in the art to understand the embodiments disclosed herein.
Claims
Claims 1. A method for switching tags, comprising: A tab component with a set of labels is displayed on the user interface, wherein a target label in the set of labels has multiple options from a toggle component; as well as In response to receiving an operation for a target option among the plurality of options in the target tab, target content corresponding to the target option is displayed in the content area of the tab component.
2. The method of claim 1, wherein displaying a tab component having a set of labels on a user interface comprises: In response to the tab component being to be displayed, the set of tabs of the tab component is determined; In response to the fact that the target tab in the set of tabs has the switcher component, the plurality of options of the switcher component are determined; as well as The set of tabs of the tab component is displayed on the user interface, and the target tab in the set of tabs has the plurality of options.
3. The method of claim 2, wherein displaying the set of tabs of the tab component on the user interface comprises: Determine the order in which the multiple options are arranged; as well as Based on the stated order, the multiple options are displayed in the target label.
4. The method of claim 3, wherein displaying the plurality of options in the target label comprises: Determine the multiple icons corresponding to the multiple options; as well as The multiple icons are displayed among the multiple options.
5. The method of claim 1, wherein the target tag is a first tag, the target content is first content, and displaying a tab component with the target tag on the user interface comprises: This indicates that the second label in the set of labels is selected; as well as The second content corresponding to the second tab is displayed in the content area of the tab component.
6. The method of claim 5, wherein displaying target content corresponding to the target option in the content area of the tab component comprises: In response to receiving an operation for a target option among the plurality of options in the target label, the second content displayed in the content area is switched to the first content.
7. The method of claim 6, further comprising: In response to receiving an operation on a third tag among the plurality of tags, content corresponding to the third tag is displayed in the content area; as well as The first content corresponding to the target option is cached in the storage space associated with the tab component.
8. The method of claim 1, further comprising: In response to receiving a hover operation of the cursor over the target option, highlight the target option; as well as Operate on the highlighted target option.
9. The method of claim 8, wherein highlighting the target option comprises: The target option is highlighted; or The target option is shown in bold.
10. The method of claim 8, wherein highlighting the target option comprises: Determine the duration of the hovering operation; as well as In response to the duration reaching the threshold duration, the target option is highlighted.
11. The method of claim 8, wherein operating on the highlighted target option comprises: Click or double-click the highlighted target option.
12. The method of claim 1, wherein the target option is a first option, and the method further comprises: In response to receiving an operation for the second option among the plurality of options, the target content displayed in the content area is switched to the content corresponding to the second option.
13. An apparatus for switching tags, comprising: A tab component display module is configured to display a tab component with a set of tabs on a user interface, wherein a target tab in the set of tabs has multiple options of a toggle component; as well as The target content display module is configured to, in response to receiving an operation for a target option among the plurality of options in the target tab, display target content corresponding to the target option in the content area of the tab component.
14. An electronic device, comprising: At least one processor; as well as A storage device for storing at least one program, which, when executed by the at least one processor, causes the at least one processor to implement the method according to any one of claims 1-12.
15. A computer-readable storage medium having a computer program stored thereon, the computer program implementing the method according to any one of claims 1-12 when executed by a processor.
16. A computer program product comprising a computer program that, when executed by a processor, implements the method according to any one of claims 1-12.