WO2022237356A1 - 标签控制方法、装置、终端设备及存储介质 - Google Patents

标签控制方法、装置、终端设备及存储介质 Download PDF

Info

Publication number
WO2022237356A1
WO2022237356A1 PCT/CN2022/083638 CN2022083638W WO2022237356A1 WO 2022237356 A1 WO2022237356 A1 WO 2022237356A1 CN 2022083638 W CN2022083638 W CN 2022083638W WO 2022237356 A1 WO2022237356 A1 WO 2022237356A1
Authority
WO
WIPO (PCT)
Prior art keywords
label
target
control
logo
background
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Ceased
Application number
PCT/CN2022/083638
Other languages
English (en)
French (fr)
Inventor
汪旭阳
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Guangdong Oppo Mobile Telecommunications Corp Ltd
Original Assignee
Guangdong Oppo Mobile Telecommunications Corp Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Guangdong Oppo Mobile Telecommunications Corp Ltd filed Critical Guangdong Oppo Mobile Telecommunications Corp Ltd
Publication of WO2022237356A1 publication Critical patent/WO2022237356A1/zh
Anticipated expiration legal-status Critical
Ceased legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842—Selection of displayed objects or displayed text elements
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/954—Navigation, e.g. using categorised browsing

Definitions

  • the present application relates to the technical field of terminals, and in particular to a label control method, device, terminal equipment and storage medium.
  • terminal equipment is more and more widely used.
  • the content in the interface is usually classified from multiple dimensions, the content of each category is displayed on different pages of the interface, multiple labels are displayed in the interface, and the page indicated by the selected label .
  • labels are represented by text, and whether the label is selected or unselected is distinguished by the color or size of the text.
  • a label control method applied to a terminal device comprising: receiving a target instruction when a target interface is displayed, the target interface includes N labels and N pages, each The label is used to indicate a page, and the label in the selected state includes a background logo.
  • the target instruction is used to switch the first label among the N labels from the selected state to the unselected state, and switch the second label among the N labels.
  • the label is switched from the unselected state to the selected state, and N is an integer greater than 1; in response to the target instruction, the target operation is executed, and the page displayed in the target interface is updated from the page indicated by the first label to the page indicated by the second label page; wherein, the target operation includes at least one of the following: the background logo is moved from the first label to the second label; and the background logo is displayed as the second label of the image block logo.
  • the second aspect of the embodiment of the present application provides a label control device, the device includes: a receiving module, an execution module and an update module; the receiving module is used to receive a target instruction when a target interface is displayed, and the target interface It includes N labels and N pages, each label is used to indicate a page, and the selected label includes a background logo, and the target instruction is used to switch the selected label among the N labels from the first label to the second one.
  • the first label of the two labels is switched from the selected state to the unselected state, and the second label in the N labels is switched from the unselected state to the selected state, and N is an integer greater than 1;
  • the execution module is used to respond to The target instruction received by the receiving module executes the target operation;
  • the updating module is used to update the page indicated by the first label on the page displayed in the target interface to the page indicated by the second label; wherein the target operation includes At least one of the following: the background logo is moved from the first label to the second label; the background logo is displayed as the second label of the image block logo.
  • a terminal device includes a processor, a memory, and a computer program stored in the memory and operable on the processor.
  • the computer program is executed by the processor, The steps of the video shooting method as described in the first aspect are realized.
  • the fourth aspect of the embodiments of the present application provides a computer-readable storage medium, on which a computer program is stored, and when the computer program is executed by a processor, the steps of the tag control method as described in the first aspect are implemented .
  • the fifth aspect of the embodiment of the present application provides a chip, the chip includes a processor and a communication interface, the communication interface is coupled to the processor, and the processor is used to run program instructions to implement the tag described in the first aspect Control Method.
  • FIG. 1 is a schematic structural diagram of a label control system of a smart TV interface provided by an embodiment of the present application
  • FIG. 2A is one of the schematic flow charts of the label control method provided by the embodiment of the present application.
  • FIG. 2B is the second schematic flow diagram of the label control method provided by the embodiment of the present application.
  • FIG. 3A is one of the interface schematic diagrams of the label control method provided by the embodiment of the present application.
  • Fig. 3B is the second schematic interface diagram of the label control method provided by the embodiment of the present application.
  • Fig. 3C is the third schematic interface diagram of the label control method provided by the embodiment of the present application.
  • Fig. 4A is the fourth schematic interface diagram of the label control method provided by the embodiment of the present application.
  • Fig. 4B is the fifth schematic interface diagram of the label control method provided by the embodiment of the present application.
  • Fig. 5 is the third schematic flow diagram of the label control method provided by the embodiment of the present application.
  • FIG. 6 is a structural block diagram of a label control device provided by an embodiment of the present application.
  • FIG. 7 is a structural block diagram of a terminal device provided in an embodiment of the present application.
  • Android is a free and open source operating system based on the Linux kernel (excluding GNU components). It is mainly used in mobile devices, such as smartphones and tablets, and is led and developed by Google and the Open Handset Alliance. In the embodiment of this application, it refers to Android development.
  • Tab In Android, it represents a view control, which is used to display which page the current view is on.
  • RecycleView It is a view control provided in the Android development software development kit (Software Development Kit, SDK), also known as waterfall flow layout. It is a relatively popular website page layout, and its visual performance is an uneven multi-column layout. As the page scroll bar scrolls down, this layout will continue to load data blocks and append them to the current tail.
  • View control It is a basic view control provided in the Android development SDK. Any interface seen on an Android phone is composed of large and small Views.
  • Image control It is a basic view control provided in the Android SDK for displaying pictures.
  • FIG. 1 is a label control system of a smart TV interface shown in an embodiment of the present application.
  • the system at least includes: a smart TV 11 and a TV remote control 12 .
  • smart TV has a fully open platform and is equipped with an operating system. While enjoying ordinary TV content, users can install and uninstall various application software by themselves, and it is a new TV product that continuously expands and upgrades functions. Therefore, a smart TV includes at least a display screen, a processor, a memory and a communication module. Smart TVs can display TV content and interfaces of various application software through the display screen. If the display screen is a touch screen, it can also receive user operations through the display screen.
  • the smart TV can use various interfaces and lines to connect various parts of the whole smart TV through the processor, run or execute the software programs and/or modules stored in the memory, and call the data stored in the memory to execute the smart TV Various functions and processing data of the TV, so as to monitor the smart TV as a whole.
  • the smart TV can also communicate with the communication module of the TV remote control through the communication module, so that the user can control the smart TV through the TV remote control.
  • the label control method provided by the embodiment of the present application can be applied to the scene where the interface of the application program includes multiple labels and multiple pages, and one label indicates one page.
  • the display page in the interface can be controlled by switching labels In the scene of switching, to solve the problem in the prior art that the way of distinguishing whether the label is in the selected state or the unselected state is too simple and not flexible enough.
  • the label control method provided by the embodiment of the present application may receive the Target instruction (used to switch the first label among the N labels from the selected state to the unselected state, and switch the second label among the N labels from the unselected state to the selected state, N is an integer greater than 1 ), in response to the target instruction, execute the target operation (the target operation includes at least one of the following: the background logo is moved from the first label to the second label; the background logo is displayed as the second label of the image block logo), and the target The page displayed in the interface is updated from the page indicated by the first label to the page indicated by the second label.
  • the background logo is controlled to move from the first label to the second label according to the instruction, then the switching of the label is reflected through the moving animation effect of the background logo (and then achieve page switching), which can make the label switching process smoother, more delicate, and more flexible;
  • the second label increases the display mode of the label in the selected state, which can make the label switching process more flexible and improve the interactive experience.
  • the terminal device in the embodiment of the present application may be a mobile terminal device, or may be a non-mobile terminal device.
  • the mobile terminal device can be a mobile phone, a tablet computer, a notebook computer, a handheld computer, a vehicle-mounted terminal device, a wearable device, an ultra-mobile personal computer (UMPC), a netbook or a personal digital assistant (PDA). etc.
  • the non-mobile terminal device may be a personal computer (personal computer, PC), a television (television, TV), a teller machine or a self-service machine, etc.; the embodiments of the present application are not specifically limited.
  • the execution subject of the label control method provided in the embodiment of the present application may be the above-mentioned terminal equipment (including mobile terminal equipment and non-mobile terminal equipment), or it may be a functional module and/or function capable of implementing the label control method in the terminal equipment
  • the entity can be specifically determined according to actual usage requirements, and is not limited in this embodiment of the application.
  • the embodiment of the present application provides a label control method.
  • the following takes the execution subject as a terminal device as an example to illustrate the label control method provided in the embodiment of the present application.
  • the method may include steps 201 to 203 as described below.
  • the terminal device receives a target instruction when displaying a target interface.
  • the target interface includes N labels and N pages, each label is used to indicate a page, the label in the selected state includes a background logo, and the target instruction is used to switch the first label of the N labels from the selected state is an unselected state, and the second label among the N labels is switched from an unselected state to a selected state, where N is an integer greater than 1.
  • N may be 2, 3, 4, 5, 6, or a larger integer, which is not limited in this embodiment of the present application.
  • the target interface may also include other labels, and the target interface may also include other pages, which are not limited in this embodiment of the present application.
  • the tags included in the target interface may also be updated in response to a tag update operation. It is understandable that other labels are used to replace the label currently displayed on the target interface.
  • the target interface can be any application interface, for example, it can be the interface of a video application program, it can be the interface of a learning application program, it can be an interface of a shopping application program, or it can be other types of applications
  • the interface of the program is not limited in this embodiment of the application.
  • the target instruction may be an instruction corresponding to the user's input operation (such as a click operation, a sliding operation, etc.) on the touch screen of the terminal device, or it may be a user's touch button on the terminal device.
  • the instruction corresponding to the input operation (for example, pressing operation) of the user may also be the instruction corresponding to the input operation of the terminal device by the user through other devices (for example, the user uses the remote control (which can be wirelessly connected with the terminal device) to the terminal device.
  • the instruction corresponding to the input operation can be determined according to the actual use situation, and is not limited in this embodiment of the present application.
  • the tab in the selected state includes the background identifier. It can be understood that: when a tab is in the selected state, the page displayed on the target interface is the page indicated by the tab, and the tab includes the background ID.
  • the background mark can be regarded as the background of the label, and can also be regarded as the base of the label.
  • the label is in the selected state, it means that the label has obtained the focus of the page view, and if the label is in the non-selected state, it means that the label has not obtained the focus of the page view. If a tab changes from selected to unselected, the tab loses the page view focus. In the embodiment of the present application, if the target interface has only one page view focus, and the label acquires the page view focus, then the page indicated by the label may be displayed on the target interface.
  • the terminal device executes a target operation in response to the target instruction.
  • the target operation includes at least one of the following: moving the background logo from the first label to the second label; displaying the background logo as the second label of the image block logo.
  • the size of the background logo can be adaptively adjusted according to the size of the label. In this way, the display effect can be improved.
  • the terminal device displays the second label whose background identifier is the image block identifier, that is, the terminal device displays the second label in the selected state, and the background identifier included in the selected second label is the image block identifier.
  • the background identification included in the label is a color block identification or an image block identification; when the target operation is that the background identification is moved by the first label In the case of the second label, when the second label is in the selected state, the background mark included in the label is a color block mark.
  • step 202 may be implemented by any one of steps 202a to 202c.
  • the terminal device moves the background identifier from the first label to the second label in response to the target instruction.
  • the background identification included in the label is a color block identification or an image block identification; when the second label is in the selected state, the background identification included in the label
  • the logo is a color block logo.
  • the terminal device In response to the target instruction, the terminal device displays a second label whose background identifier is an image block identifier.
  • the terminal device controls the background identifier included in the second label to be an image block identifier.
  • the background identification included in the label is a color block identification or an image block identification; when the second label is in the selected state, the background identification included in the label Identifiers are image block identifiers.
  • the terminal device moves the background identifier from the first label to the second label, and displays the second label whose background identifier is an image block identifier.
  • the background identifier included in the second label in the selected state is an image block identifier
  • the background identifier included in the first label in the selected state may be a color block identifier or an image block identifier. Examples are not limited.
  • the background identification included in the label is a color block identification or an image block identification; when the second label is in the selected state, the background identification included in the label Identifiers are image block identifiers.
  • the background identification included when the tab is in the selected state is referred to as the background identification corresponding to the tab for short.
  • the background identifiers corresponding to different tags among the N tags are color block identifiers or image block identifiers, that is to say, the types of background identifiers corresponding to different tags may be the same or different.
  • the background identifiers corresponding to all the labels in the N labels may be color block identifiers, or the background identifiers corresponding to all the labels in the N labels may be image block identifiers, or some of the N labels correspond to
  • the background identifier of the tag can be a color block identifier, and the background identifier corresponding to another part of the N tags can be an image block identifier, which can be determined according to actual use requirements, and is not limited in this embodiment of the application.
  • the content of the corresponding background logos may be the same or different, which is not limited in this embodiment of the present application.
  • the background logo corresponding to label 1 and the background logo corresponding to label 2 are both color block logos, but the background logo corresponding to label 1 is a red color block logo, and the background logo corresponding to label 2 is a blue color block logo.
  • the background identifier corresponding to label 3 and the background identifier corresponding to label 4 are both image block identifiers, but the background identifier corresponding to label 3 is a sky image block identifier, and the background identifier corresponding to label 4 is a cat image block identifier.
  • the background logos are displayed with logos of different types and contents, which can increase the diversity of the background logos, and thus have higher flexibility in the switching process.
  • the terminal device updates the page displayed on the target interface from the page indicated by the first label to the page indicated by the second label.
  • the page displayed in the corresponding target interface is the page indicated by the first page Update to the page indicated by the second label, that is, before responding to the target instruction, the page displayed on the first page is the page indicated by the first label, and after responding to the target instruction, the page displayed on the first page is the second page The page indicated by the label.
  • the execution order of the above-mentioned steps 202 and 203 is not limited.
  • the above-mentioned step 202 can be executed first, and then the above-mentioned step 203 can be executed; the above-mentioned step 203 can also be executed first, and then the above-mentioned steps can be executed.
  • the above step 202 and the above step 203 can also be executed at the same time.
  • the terminal device includes a first control and a second control, the first control is used to control the display effect of the N labels, and the second control is used to control the display effect of the background logo.
  • the tab control method provided in the embodiment of the present application is realized through a tab indicator.
  • the Tab indicator (Tab for short) is used to indicate which page the current view is (that is, which page is the currently displayed page in the target interface, and the page indicated by the selected tab).
  • the Tab indicator is a module name.
  • the terminal device can realize the function of the Tab indicator through the first control and the second control (it can be understood that the selected tab is superimposed through the first control and the second control ).
  • the display of each label is controlled by the first control
  • the display of the background logo is controlled by the second control
  • the first control can be a RecycleView control, and the first control can also be other controls.
  • the first control can be a horizontal scrolling network control (HorizontalScrollGridView) control, a tab bar host control (TabBarHost) control or a tab list horizontal control ( TabListHorizontalView) controls, etc., are not limited in this embodiment of the present application.
  • the second control may be an ImageView control or other controls, which is not limited in this embodiment of the present application.
  • the first control includes at least N sub-controls, and each sub-control controls the display effect of a label.
  • the display effect of each of the N labels is controlled by a sub-View control of the RecycleView control, and the display effects of different labels are controlled by different sub-View controls.
  • the second control is an ImageView control
  • the display effect of the label is controlled by the corresponding child View control and displayed on the surface layer
  • the display effect of the background logo is controlled by the ImageView control and displayed in the inner layer. layer, so that it can be seen visually that the background is identified as the background of the label.
  • the position of the ImageView control should be consistent with that of the child View control corresponding to the label that obtains the focus of the page view.
  • the ImageView control when the first label acquires the page view focus, the ImageView control is in the same position as the child View control corresponding to the first label, and when the first label loses the page view focus in response to the target instruction, the second label acquires After the focus of the page view is obtained, the ImageView control moves to the sub-View control corresponding to the second label until the position of the ImageView control and the sub-View control corresponding to the second label are consistent (specifically, the coordinates of the sub-View corresponding to the second label can be obtained ( If the sub-View corresponding to the second label is moving, obtain the coordinates of the sub-View corresponding to the second label in real time), and then move to the coordinates of the sub-View).
  • the view position may be indicated by the ImageView control, or the view position may be indicated jointly by the sub-View control and the ImageView control.
  • the target interface is the home page of the video application program
  • the mark "31" indicates the label display area
  • the mark "32” indicates the display area of the page
  • the mark “33” indicates the background logo.
  • the tags currently displayed in the tag display area are “Featured”, “VIP”, “4K Ultra HD”, “TV Series”, “Movies”, “Less “Child”, “Variety Show”
  • the target interface may also include tags that are not currently displayed, such as “My”, “K Songs”, “Anime”, “educationion”, and “Short Video”, which are not limited in this embodiment of the application.
  • the tag in the selected state is the “TV series” tag
  • the shaded figure in the figure is the background mark
  • the currently displayed page is the page indicated by the TV series tag.
  • the target instruction is to switch the tab in the selected state from the "TV series” tab (the first tab) to the "movie” tab (the second tab), as shown in Figure 3B, in response to the target instruction, the background logo moves to "Movies" tab.
  • the mark “34” indicates the horizontal schematic diagram of the moving process of the background sign
  • the direction indicated by the arrow is the moving direction of the background sign
  • the mark “35” indicates the longitudinal schematic view of the moving process of the background sign, that is, at different times Schematic diagram of mobile displacement.
  • the target operation includes moving the background logo from the first tab to the second tab
  • the background logo included in the first tab is the first logo
  • the second tab is selected state
  • the background logo included in the second label is the second logo
  • both the first logo and the second logo are color block logos, both are image block logos, or one is a color block logo and the other is an image block logo
  • the animation effect of the background logo in the process of moving from the first label to the second label is different.
  • both the first logo and the second logo are color block logos
  • the first logo gradually changes to the second logo when the background logo moves from the first label to the second label.
  • the diversity of the label switching process can be increased by displaying the animation effect of the gradient, making the switching process more delicate and smooth. Smoother and more flexible.
  • both the first logo and the second logo are image block logos or one is a color block logo and the other is an image block logo, then during the process of moving the background logo from the first label to the second label, the second The first logo gradually disappears, and the second logo gradually appears.
  • both the first logo and the second logo are image block logos, then when the background logo moves from the first label to the second label, the first logo will gradually disappear and the second logo will gradually appear.
  • the animation effect display of fading (disappearing) and fading (appearing gradually) can increase the efficiency of the label switching process.
  • the diversity of ways makes the switching process more delicate, smoother and more flexible.
  • the other is an image block identification (including: the first identification is a color block identification, and the second identification is an image block identification; or, the first identification is an image block identification.
  • logo the second logo is a color block logo
  • the animation effect of fading out (disappearing) and fading in (appearing gradually) Demonstrate the variety of ways that can increase the tab switching process, making the switching process more delicate, smooth, and more flexible.
  • the label control method provided in the embodiment of the present application may further include the following step 204 .
  • the second tab of the terminal device is moved to the target position on the target interface.
  • the target position can be any position on the target interface, for example, it can be the center position of the display label area on the target interface, or any boundary position of the display label area, or the center position of the display label area
  • the embodiment of the present application does not limit the middle position of any border position.
  • the second label is any one of the N labels, so when the second label is in the selected state, the second label moves to the target position, and other labels among the N labels also move to the target position when they are selected. target location.
  • the target position may be a point where the second tag moves to the target position, that is, the center of the second tag moves to the target position, or other points of the second tag move to the target position, which is not limited in this embodiment of the present application.
  • the target position can be an area, the second tag moves to the target position, that is, the central area of the second tag moves to the target position, or other areas of the second tag move to the target position, which is not limited in this embodiment of the present application.
  • the first tag that was previously at the target position moves to another position, for example, the first tag can move to the position where the original second tag was located (that is, the two tag exchange positions ), and for another example, the first tag can be moved to the next position according to the moving direction of the second tag (hereinafter referred to as the first direction), which can be determined according to actual usage conditions, which is not limited in this embodiment of the present application.
  • the first direction the moving direction of the second tag
  • the execution sequence of the above-mentioned steps 202 and 204 is not limited.
  • the above-mentioned step 202 can be executed first, and then the above-mentioned step 204 can be executed; the above-mentioned step 204 can also be executed first, and then the above-mentioned steps can be executed 202; the above step 202 and the above step 204 can also be executed at the same time.
  • the tags in the selected state are located at the target positions, which can be easier to observe and improve the performance of human-computer interaction.
  • the animation of the second label moving to the target position is realized through the requestChildRectangleOnScreen function of the RecycleView control to obtain the position of the child control on the screen of the mobile phone.
  • the distance of each sub-View control from the target position can be calculated, and then the transition animation of the second label moving to the target position can be realized.
  • the above step 204 can be specifically performed through the following steps 204a to 204b any of the implementations.
  • the second label moves to the target position of the target interface.
  • the second label and the background logo move at the same time, and may move in opposite directions, or in opposite directions, or in the same direction, which is not limited in this embodiment of the present application.
  • the target position is the middle area of the label display area
  • the terminal device responds to the target instruction
  • the background logo moves from the "TV series” label to the "Movie” label in the direction indicated by the solid arrow
  • the "Movie” The " label moves to the middle of the label display area in the direction indicated by the dotted arrow
  • the background logo and the "movie” label move towards each other
  • the finally selected "movie” label is shown in Figure 4B.
  • the size of the background logo is based on the label The size has been adjusted accordingly.
  • the background logo and the second label move at the same time.
  • the animation effect is diversified and the flexibility is higher.
  • the terminal device moves the second label to the target position of the target interface before the background identifier is moved from the first label to the second label.
  • the second label moves first, and then the background logo moves, which can increase the layering of the movement, make the animation effect more diverse and more flexible.
  • the second tab moves to the target position of the target interface.
  • the background logo is moved first, and the second label is moved later, which can increase the layering of the motion, make the animation effect more diverse and more flexible.
  • the above step 204 may specifically be that the terminal device moves the second tag to the target position when the second tag is the first type of tag.
  • the first type of label includes at least one display position on the target interface at different times, and the at least one display position includes the target position.
  • the first type of label is a label that can be displayed at the target position and can be moved to the target position, that is, if the label is displayed on the target interface at different times, the distance from the target position is equal to 0 in all cases. case, the label is the first type of label. If the distance from the target position is greater than 0 in all cases where the label is displayed on the target interface at different times, then the label is not the first type of label, specifically, when the second label is not the first type of label, the second The label can be stationary relative to the target interface, and the second label can also move a certain distance to the target position, which is determined according to actual usage conditions, and is not limited in this embodiment of the present application.
  • whether the second label is the first type of label is determined based on the position of the second label in the N labels and the position of the target position in the target interface. Specifically, it can be determined according to actual usage conditions. Examples are not limited.
  • step 204a may specifically be implemented through the following step 204a1.
  • the terminal device moves the second tag to the target position during the process of the background identifier moving from the first tag to the second tag.
  • step 204b may specifically be implemented through the following step 204b1.
  • the terminal device moves the second label to the target position before the background identifier moves from the first label to the second label.
  • step 204c may specifically be implemented through the following step 204c1.
  • the terminal device moves the second label to the target position after the background identifier is moved from the first label to the second label.
  • the second label is a first-type label
  • different tabs can be set to move to different positions on the target interface when they are in the selected state, which can be determined according to actual usage requirements, which is not limited in this embodiment of the application. For example, it can be set to move to the center of the displayed label area on the target interface when some labels are selected, and to move to one-third of the displayed label area on the target interface when another part of the labels is selected.
  • a tag is used to indicate a page, and a tag consists of at least one of a character object and an image object to characterize the type of content in the page indicated by the tag.
  • the tag can be indicated In addition to whether it is in the selected state, it is also possible to indicate whether the label is in the selected state through the change of the object in the label.
  • the target tag includes a target object, the target tag is any one of the N tags, and the target object includes at least one of the following: a character object and an image object; when the target tag is in an unselected state, the target object It is displayed with a first display effect, and when the target label is in a selected state, the target object is displayed with a second display effect, and the first display effect is different from the second display effect.
  • the target object can be a character object, the target object can also be an image object, and the target object can also be a character object and an image object; the target object can also include other types of objects, which are not limited in this embodiment of the present application.
  • tags can include different types of objects.
  • the objects in some tags are character objects
  • the objects in some tags are image objects
  • the objects in some tags are character objects and image objects.
  • the change of the display effect of the object included in the label indicates the change of the label state during the label switching process, so that the switching process can be increased.
  • the way the middle label changes makes the switching effect more obvious, more prominent, and more flexible.
  • the target object when the target object includes a character object, at least one (one or more) of the following differences exist between the first display effect and the second display effect: character font, character color, and character size.
  • the target object includes an image object
  • the target object when the target object includes a character object and an image object, there is at least one difference between the first display effect and the second display effect: character font, character color, character size, image color, and image size.
  • At least one item means one or more items, and multiple items include two items or more than two items.
  • the target label when the target label changes from the unselected state to the selected state, the target label changes directly from the first display effect to the second display effect.
  • the target object gradually changes from a first display effect to a second display effect.
  • the difference between the first display effect and the second display effect includes the difference in character color
  • the character color in the first display effect is black
  • the character color in the second display effect is red
  • the difference between the first display effect and the second display effect includes the difference in character font, and the character font in the first display effect is Song typeface, and the character font in the second display effect is Lishu, then the character font of the character object of the target label From Song Dynasty to Lishu.
  • the difference between the first display effect and the second display effect includes the difference in character size, and the character size in the first display effect is five, and the character size in the second display effect is three, then the character object of the target label The character size gradually changes from size five to size three.
  • the difference between the first display effect and the second display effect includes the difference in image color
  • the image color in the first display effect is yellow
  • the image color in the second display effect is red
  • the image color of the image object of the target label Gradient from yellow to red.
  • the difference between the first display effect and the second display effect includes the difference in image size
  • the image size in the first display effect is 1cm*1cm
  • the image size in the second display effect is 2cm*2cm
  • the image of the target label gradually changes from 1cm*1cm to 2cm*2cm.
  • the changing process can be made more delicate, smoother, and more flexible.
  • the terminal device needs to download the resource of the tab indicator (hereinafter referred to as the tab resource, including the object resource of the label controlled by each sub-View control (including the font object resource or the image object resource), and the background identification resource (color block identification resource or image block identification resource) corresponding to each label controlled by the ImageView control), and then load the tab resource.
  • the tab resource includes the object resource of the label controlled by each sub-View control (including the font object resource or the image object resource), and the background identification resource (color block identification resource or image block identification resource) corresponding to each label controlled by the ImageView control
  • loading the tab resource is to update the tab resource to the application program corresponding to the target interface, so that the N labels in the target interface are displayed according to the tab resource, and then realize the display of the label in the label control method provided in the embodiment of the present application Effect.
  • the label control method provided in the embodiment of the present application may further include the following steps 205 and 206.
  • the terminal device downloads the target resource.
  • the target resource includes the object information included in each tab, and the background identification information included when each tab is in a selected state.
  • the above-mentioned target resource is the above-mentioned Tab resource.
  • the target resource is a resource configured by the server for the target interface in the terminal device.
  • the terminal device executes S1 and S2 for each of the N tags based on the target resource.
  • S1 is: when the object information indicates that the object of a label is an image object, load an image object for the label; when the object information indicates that the object of a label is a character object, load an image object for the label character object.
  • the above S1 further includes: the terminal device judging whether the object whose object information indicates a tag is an image object. Then, the above S1 may be: the terminal device judges whether the object information indicating that the object of a tag is an image object, and if the object information indicates that the object of the tag is an image object, then load the image object for the tag; if the object information indicates If the object of the label is not an image object but a character object, then the character object is loaded for the label.
  • S2 is: when the background identification information indicates that a label is in the selected state and the background identification included is an image block identification, load the image block identification for the label in the selected state; In the case that the background logo included in the selected state is a color block logo, load the color block logo for the label in the selected state.
  • the above S2 further includes: the terminal device judging whether the background identification information indicates whether the background identification corresponding to a tag is an image block identification. Then, the above S2 may be: the terminal device judges whether the background identification information indicates that the background identification corresponding to a label is an image block identification, and if the background identification information indicates that the background identification corresponding to a label is an image block identification, then the selected A tag is loaded with an image block ID, and if the background ID information indicates that the background ID corresponding to a tag is not an image block ID but a color block ID, then the color block ID is loaded for the selected tag.
  • the terminal device downloads the target resource, and then loads the corresponding resource for each label according to the target resource, so that each label can realize the display effect of the label in the label control method provided in the embodiment of the present application.
  • the tab resource can be dynamically updated, that is, the display effect of each tab in the selected state and the unselected state of the N tabs can be dynamically updated, and the information included when each tab is in the selected state The display effect of the background logo.
  • the terminal device When the terminal device runs the application program corresponding to the target interface (including when the terminal device starts the application program corresponding to the target interface, after starting the application program corresponding to the target interface), the terminal device can follow the preset cycle (the preset cycle can be based on actual conditions)
  • the usage is determined, the embodiment of the present application is not limited) Periodically request tab resources from the server, for example, when the terminal device starts the application program corresponding to the target interface, periodically request tab resources from the server according to the preset cycle; if the server After a new tab resource (link of the new tab resource) is delivered to the terminal device, the terminal device downloads the new tab resource, and then updates the tab indicator according to the new tab resource, that is, the tab indicator loads the new tab resource.
  • a new tab resource link of the new tab resource
  • the terminal device determines that the server updates the tab resource
  • the terminal device requests the server for the tab resource, and the server sends a new tab resource (link to the new tab resource) to the terminal device
  • the terminal device downloads the new tab resource, Then update the tab indicator according to the new tab resource, that is, the tab indicator loads the new tab resource.
  • loading a new tab resource can be understood as updating an original tab resource to a new tab resource.
  • the following takes the implementation of the tab indicator through the RecycleView control and the ImageView control as an example to illustrate the loading process of the tab resource. As shown in FIG. 5 , the process may include the following steps 501 to 511.
  • the terminal device requests a tab resource from the server.
  • the server sends the link of the tab resource to the terminal device according to the request of the terminal device.
  • the terminal device downloads the tab resource according to the tab resource link issued by the server.
  • the terminal device judges whether the image resource in the tab resource is successfully downloaded, and if the download is successful, execute step 504, and if not, execute step 508.
  • the terminal device starts to refresh the tab indicator, and for each tab, determine whether each tab includes an image object (that is, for each sub-View control, determine whether the tab controlled by the sub-View control includes an image object), if the image object is included , go to step 505, otherwise go to step 507.
  • the terminal device loads the downloaded image object for the corresponding label (that is, loads the downloaded image object for the corresponding sub-View control), and executes step 506.
  • the terminal device judges whether the label also includes a character object (that is, judges whether the label controlled by the sub-View control also includes a character object), and if it includes a character object, execute step 507; if it does not include a character object, execute step 509.
  • the terminal device loads the character object for the corresponding label (that is, loads the character object for the corresponding sub-View control), and executes step 509.
  • the terminal device starts to refresh the tab indicator, each tab loads a character object (that is, each sub-View control loads a character object), and step 511 is executed.
  • the terminal device judges whether the corresponding background identifier is an image block identifier, and if it is an image block identifier, execute step 510; otherwise, execute step 511.
  • the display of the background logo is controlled by the ImageView control, so for each label, it is judged whether the corresponding background logo is an image block logo, that is, for each label, it is judged whether the background logo controlled by the ImageView control is an image block logo.
  • the terminal device loads the image block identifier for the background identifier corresponding to the corresponding label, and ends.
  • the terminal device loads the color block identification for the background identification corresponding to the corresponding label, and ends.
  • the tab indicator can dynamically update the tab resource following the configuration of the server, which is convenient for operation.
  • FIG. 6 is a structural block diagram of a tag control device shown in an embodiment of the present application. As shown in FIG. 6 , the tag control device includes: a receiving module 601 , an executing module 602 and an updating module 603 .
  • the receiving module 601 is configured to receive target instructions when the target interface is displayed, the target interface includes N labels and N pages, each label is used to indicate a page, and the label in the selected state includes a background identification , the target instruction is used to switch the first label among the N labels from the selected state to the unselected state, and switch the second label among the N labels from the unselected state to the selected state, where N is greater than 1 Integer; the execution module 602 is used to execute the target operation in response to the target instruction received by the receiving module 601; the update module 603 is used to update the page indicated by the first label on the page displayed in the target interface to The page indicated by the second label; wherein, the target operation includes at least one of the following: moving the background identifier from the first label to the second label; displaying the second label in which the background identifier is an image block identifier.
  • the update module 603 is further configured to update the labels included on the target interface in response to a label update operation.
  • the terminal device includes a first control and a second control, the first control is used to control the display effect of the N labels, and the second control is used to control the display of the background logo Effect.
  • the first control includes N sub-controls, and each sub-control is used to control the display effect of a label;
  • the second control includes N sub-controls, and each sub-control is used to control a The display effect of the background logo.
  • the background identification included in the label is a color block identification or an image block identification; in the target operation When the background logo is moved from the first tab to the second tab, when the second tab is in the selected state, the background logo included in the tab is a color block logo.
  • the label control device when the first tab is in the selected state, the background logo included in the first tab is the first logo; when the second tab is in the selected state, the background logo included in the second tab is the second logo; the target operation includes moving the background logo from the first label to the second label; the label control device also includes: a gradient module; the gradient module is used to if both the first logo and the second logo are color blocks logo, then in the process of moving the background logo from the first label to the second label, the first logo gradually becomes the second logo; if both the first logo and the second logo are image block logos or one is a color block logo, The other is an image block logo, and when the background logo moves from the first label to the second label, the first logo gradually disappears, and the second logo gradually appears.
  • the tag control device further includes: a moving module; the moving module is configured to move the second tag to the target position of the target interface after receiving the target instruction.
  • the moving module is specifically configured to move the first tag that was at the target position to the place where the second tag was originally located during the process of the second tag moving to the target position of the target interface. Location.
  • the moving module is specifically configured to move the first label at the target position to the next target position in the first direction when the second label is moving to the target position of the target interface Location.
  • the moving module is specifically configured to move the second tag to the target position when the second tag is a first-type tag; wherein, the first-type tag is at a different time
  • the target interface includes at least one display position, and the at least one display position includes the target position.
  • the target tag includes a target object, the target tag is any one of the N tags, and the target object includes at least one of the following: a character object and an image object; the target tag When it is in a non-selected state, the target object is displayed with a first display effect, and when the target label is in a selected state, the target object is displayed with a second display effect, and the first display effect is different from the second display effect.
  • the target object when the target object includes a character object, at least one of the following differences exists between the first display effect and the second display effect: character font, character color, and character size;
  • the target object when the target object includes an image object, there is at least one difference between the first display effect and the second display effect: image color, image size.
  • the target object when the target label changes from the unselected state to the selected state, the target object changes from the first display effect to the second display effect gradually.
  • the label control device includes: a download module; the download module is used to download the target resource before receiving the target instruction when the receiving module 601 displays the target interface, the The target resource includes the object information included in each tag, and the background identification information included when each tag is in a selected state; the executing module 602 is also configured to target the N tags based on the target resource downloaded by the download module Execute S1 and S2 for each tag; wherein, S1 is: when the object information indicates that the object of a tag is an image object, load an image object for the tag; when the object information indicates that the object of a tag is a character object In the case of , load a character object for the label; S2 is: when the background identification information indicates that the background identification included when a label is in the selected state is an image block identification, load the image block for the label in the selected state Identification: when the background identification information indicates that the background identification included when a label is in the selected state is a color block identification, load the color block identification for the
  • each module can implement the label control method provided by the above method embodiment, and can achieve the same technical effect, so as to avoid repetition, details are not repeated here.
  • FIG. 7 is a schematic diagram of a hardware structure of a terminal device implementing various embodiments of the present application.
  • the terminal device includes, but is not limited to: a radio frequency (radio frequency, RF) circuit 701, a memory 702, an input unit 703, Display unit 704, sensor 705, audio circuit 706, wireless communication (wireless fidelity, WiFi) module 707, processor 708, power supply 709, camera 710 and other components.
  • the radio frequency circuit 701 includes a receiver 7011 and a transmitter 7012 .
  • the structure of the terminal device shown in FIG. 7 does not constitute a limitation on the terminal device, and may include more or less components than those shown in the figure, or combine some components, or arrange different components.
  • the RF circuit 701 can be used for sending and receiving information or receiving and sending signals during a call. In particular, after receiving the downlink information from the base station, it is processed by the processor 708; in addition, the designed uplink data is sent to the base station.
  • the RF circuit 701 includes, but is not limited to, an antenna, at least one amplifier, a transceiver, a coupler, a low noise amplifier (low noise amplifier, LNA), a duplexer, and the like.
  • the RF circuit 701 can also communicate with networks and other devices through wireless communication.
  • the above wireless communication can use any communication standard or protocol, including but not limited to global system of mobile communication (global system of mobile communication, GSM), general packet radio service (general packet radio service, GPRS), code division multiple access (code division multiple access) multiple access (CDMA), wideband code division multiple access (WCDMA), long term evolution (LTE), e-mail, short message service (short messaging service, SMS), etc.
  • GSM global system of mobile communication
  • GPRS general packet radio service
  • code division multiple access code division multiple access
  • WCDMA wideband code division multiple access
  • LTE long term evolution
  • e-mail short message service
  • SMS short message service
  • the memory 702 may be used to store software programs and modules, and the processor 708 executes various functional applications and data processing of the terminal device by running the software programs and modules stored in the memory 702 .
  • the memory 702 can mainly include a program storage area and a data storage area, wherein the program storage area can store an operating system, at least one application program required by a function (such as a sound playback function, an image playback function, etc.); Data created by the use of terminal equipment (such as audio data, phonebook, etc.), etc.
  • the memory 702 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other volatile solid-state storage devices.
  • the input unit 703 can be used to receive input numbers or character information, and generate key signal input related to user settings and function control of the terminal device.
  • the input unit 703 may include a touch panel 7031 and other input devices 7032 .
  • the touch panel 7031 also referred to as a touch screen, can collect touch operations of the user on or near it (for example, the user uses any suitable object or accessory such as a finger or a stylus on the touch panel 7031 or near the touch panel 7031). operation), and drive the corresponding connection device according to the preset program.
  • the touch panel 7031 may include two parts: a touch detection device and a touch controller.
  • the touch detection device detects the user's touch orientation, and detects the signal brought by the touch operation, and transmits the signal to the touch controller; the touch controller receives the touch information from the touch detection device, converts it into contact coordinates, and sends it to the to the processor 708, and can receive and execute commands sent by the processor 708.
  • the touch panel 7031 can be realized by various methods such as resistive, capacitive, infrared, and surface acoustic wave.
  • the input unit 703 may also include other input devices 7032 .
  • other input devices 7032 may include but not limited to one or more of a physical keyboard, function keys (such as volume control keys, switch keys, etc.), trackball, mouse, joystick, and the like.
  • the display unit 704 can be used to display information input by or provided to the user and various menus of the terminal device.
  • the display unit 704 may include a display panel 7041.
  • the display panel 7041 may be configured in the form of a liquid crystal display (liquid crystal display, LCD) or an organic light-emitting diode (OLED).
  • the touch panel 7031 can cover the display panel 7041. When the touch panel 7031 detects a touch operation on or near it, it sends it to the processor 708 to determine the touch event, and then the processor 708 according to the touch event A corresponding visual output is provided on the display panel 7041.
  • the touch panel 7031 and the display panel 7041 are used as two independent components to realize the input and input functions of the terminal device, in some embodiments, the touch panel 7031 and the display panel 7041 can be integrated And realize the input and output functions of the terminal equipment.
  • the terminal device may also include at least one sensor 705, such as a light sensor, a motion sensor, and other sensors.
  • the light sensor may include an ambient light sensor and a proximity sensor, wherein the ambient light sensor may adjust the brightness of the display panel 7041 according to the brightness of the ambient light, and the proximity sensor may exit the display panel 7041 and / or backlighting.
  • the accelerometer sensor can detect the magnitude of acceleration in various directions (generally three axes), and can detect the magnitude and direction of gravity when it is stationary, and can be used for applications that recognize the posture of terminal equipment (such as horizontal and vertical screen switching, Related games, magnetometer attitude calibration), vibration recognition related functions (such as pedometer, tap), etc.
  • the terminal equipment other sensors such as gyroscope, geomagnetic sensor, barometer, hygrometer, thermometer, and infrared sensor can also be configured , which will not be repeated here.
  • the terminal device may include an acceleration sensor, a depth sensor, or a distance sensor.
  • the audio circuit 706, the speaker 7061, and the microphone 7062 can provide an audio interface between the user and the terminal device.
  • the audio circuit 706 can transmit the electrical signal converted from the received audio data to the speaker 7061, and the speaker 7061 converts it into an audio signal for output; After being received, it is converted into audio data, and then the audio data is processed by the output processor 708, and then sent to another terminal device through the RF circuit 701, or the audio data is output to the memory 702 for further processing.
  • WiFi belongs to the short-distance wireless transmission technology.
  • the terminal device can help users send and receive e-mails, browse webpages, and access streaming media, etc. It provides users with wireless broadband Internet access.
  • FIG. 7 shows a WiFi module 707, it can be understood that it is not an essential component of the terminal device, and can be completely omitted as required without changing the essence of the invention.
  • the processor 708 is the control center of the terminal equipment. It uses various interfaces and lines to connect various parts of the entire terminal equipment. By running or executing software programs and/or modules stored in the memory 702, and calling data stored in the memory 702 , execute various functions of the terminal equipment and process data, so as to monitor the terminal equipment as a whole.
  • the processor 708 may include one or more processing units; preferably, the processor 708 may integrate an application processor and a modem processor, wherein the application processor mainly processes operating systems, user interfaces, and application programs, etc. , the modem processor mainly handles wireless communications. It can be understood that the foregoing modem processor may not be integrated into the processor 708 .
  • the terminal device also includes a power supply 709 (such as a battery) for supplying power to various components.
  • a power supply 709 (such as a battery) for supplying power to various components.
  • the power supply can be logically connected to the processor 708 through the power management system, so that functions such as charging, discharging, and power consumption management can be implemented through the power management system.
  • the terminal device may also include a Bluetooth module, etc., which will not be repeated here.
  • the input unit 703 is used to receive the target instruction when the target interface is displayed, the target interface includes N labels and N pages, each label is used to indicate a page, and the label in the selected state includes Background identification, the target instruction is used to switch the first label among the N labels from the selected state to the unselected state, and switch the second label among the N labels from the unselected state to the selected state, where N is greater than An integer of 1; the processor 708 is configured to perform a target operation in response to the target instruction, and update the page indicated by the first label on the page displayed in the target interface to the page indicated by the second label; wherein, the target operation At least one of the following items is included: the background logo is moved from the first label to the second label; the background logo is displayed as the second label of the image block logo.
  • the processor 708 is further configured to update the labels included on the target interface in response to the label update operation.
  • the terminal device includes a first control and a second control, the first control is used to control the display effect of the N labels, and the second control is used to control the display effect of the background logo.
  • the first control includes N sub-controls, each sub-control is used to control the display effect of a label
  • the second control includes N sub-controls, and each sub-control is used to control the display effect of a background logo.
  • the background identification included in the label is a color block identification or an image block identification; when the target operation is that the background identification is moved by the first label In the case of the second label, when the second label is in the selected state, the background mark included in the label is a color block mark.
  • the background logo included in the first tab is the first logo
  • the background logo included in the second tab is the second logo
  • the target operation includes The background logo is moved from the first label to the second label
  • the processor 708 is also configured to, if the first logo and the second logo are both color block logos, then in the process of moving the background logo from the first label to the second label , the first logo gradually changes to the second logo; if both the first logo and the second logo are image block logos or one is a color block logo and the other is an image block logo, then when the background logo moves from the first label to In the process of the second label, the first logo gradually disappears, and the second logo gradually appears.
  • the processor 708 is further configured to, after receiving the target instruction, move the second label to the target position on the target interface.
  • the processor 708 is further configured to, when the second label is moving to the target position of the target interface, move the first label that was at the target position to the original position of the second label.
  • the processor 708 is further configured to, when the second label is moving to the target position on the target interface, move the first label previously at the target position to the next position according to the first direction.
  • the processor 708 is specifically configured to move the second label to the target position when the second label is a first-type label; wherein, the first-type label includes at least one display on the target interface at different times location, and the at least one displayed location includes the target location.
  • the target tag includes a target object, the target tag is any one of the N tags, and the target object includes at least one of the following: a character object and an image object; when the target tag is in an unselected state, the target object It is displayed with a first display effect, and when the target label is in a selected state, the target object is displayed with a second display effect, and the first display effect is different from the second display effect.
  • the target object when the target object includes a character object, there is at least one difference between the first display effect and the second display effect: character font, character color, and character size; when the target object includes an image object , there is at least one difference between the first display effect and the second display effect: image color, image size.
  • the target object gradually changes from a first display effect to a second display effect.
  • the processor 708 is further configured to download the target resource before receiving the target instruction when the target interface is displayed, the target resource includes the object information included in each tab, and when each tab is selected, it includes background identification information; based on the target resource, execute S1 and S2 for each of the N tags; wherein, S1 is: when the object information indicates that the object of a tag is an image object, it is the tag Load an image object; when the object information indicates that the object of a label is a character object, load the character object for the label; S2 is: when the background identification information indicates that a label is in the selected state, the background identification included is an image block In the case of identification, load the image block identification for the label in the selected state; when the background identification information indicates that the background identification included when a label is in the selected state is a color block identification, load the image block identification for the label in the selected state Load color block logo.
  • the embodiment of the present application also provides a terminal device.
  • the terminal device may include: a processor, a memory, and a computer program stored in the memory and operable on the processor.
  • the computer program When the computer program is executed by the processor, the above method can be implemented.
  • An embodiment of the present application provides a computer-readable storage medium, on which a computer program is stored.
  • a computer program is executed by a processor, each process of the label control method provided by the above-mentioned method embodiment is implemented, and the same To avoid repetition, the technical effects will not be repeated here.
  • An embodiment of the present application also provides a computer program product, wherein the computer program product includes computer instructions, and when the computer program product runs on a processor, the processor executes the computer instructions to implement the label provided by the above method embodiment.
  • the control method can achieve the same technical effect, so in order to avoid repetition, details will not be repeated here.
  • the embodiment of the present application further provides a chip, the chip includes a processor and a communication interface, the communication interface is coupled to the processor, and the processor is used to run programs or instructions to implement the above label control method embodiment Each process can achieve the same technical effect, so in order to avoid repetition, it will not be repeated here.
  • chips mentioned in the embodiments of the present application may also be called system-on-chip, system-on-chip, system-on-a-chip, or system-on-a-chip.
  • the disclosed system, device, server and method can be implemented in other ways.
  • the device embodiments described above are only illustrative.
  • the division of the units is only a logical function division. In actual implementation, there may be other division methods.
  • multiple units or components can be combined or May be integrated into another system, or some features may be ignored, or not implemented.
  • the mutual coupling or direct coupling or communication connection shown or discussed may be through some interfaces, and the indirect coupling or communication connection of devices or units may be in electrical, mechanical or other forms.
  • the units described as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place, or may be distributed to multiple network units. Part or all of the units can be selected according to actual needs to achieve the purpose of the solution of this embodiment.
  • each functional unit in each embodiment of the present application may be integrated into one processing unit, each unit may exist separately physically, or two or more units may be integrated into one unit.
  • the above-mentioned integrated units can be implemented in the form of hardware or in the form of software functional units.
  • the integrated unit is realized in the form of a software function unit and sold or used as an independent product, it can be stored in a computer-readable storage medium.
  • the technical solution of the present application is essentially or part of the contribution to the prior art or all or part of the technical solution can be embodied in the form of a software product, and the computer software product is stored in a storage medium , including several instructions to make a computer device (which may be a personal computer, a server, or a network device, etc.) execute all or part of the steps of the methods described in the various embodiments of the present application.
  • the aforementioned storage media include: U disk, mobile hard disk, read-only memory (ROM, Read-Only Memory), random access memory (RAM, Random Access Memory), magnetic disk or optical disc, etc., which can store program codes. .

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

一种标签控制方法、装置、终端设备及存储介质，属于终端技术领域，能够解决区分标签处于选中状态还是非选中状态的方式过于单一，不够灵活的问题。方法包括：在显示目标界面的情况下，接收目标指令，目标界面包括N个标签和N个页面，每个标签用于指示一个页面，处于选中状态的标签包括背景标识，目标指令用于将第一标签由选中状态切换为非选中状态以及将第二标签由非选中状态切换为选中状态；响应于目标指令执行目标操作，并将目标界面中显示的页面由第一标签指示的页面更新为第二标签指示的页面；目标操作包括以下至少一项：背景标识由第一标签移动至第二标签；显示背景标识为图像块标识的第二标签。

Description

标签控制方法、装置、终端设备及存储介质
本申请要求于2021年05月08日提交的申请号为202110502450.0的中国申请的优先权，其在此出于所有目的通过引用将其全部内容并入本文。
技术领域
本申请涉及终端技术领域，尤其涉及一种标签控制方法、装置、终端设备及存储介质。
背景技术
随着终端技术的迅速发展，终端设备的应用越来越广泛。
例如，在很多应用程序中，通常从多个维度对界面中的内容进行分类，每个类别的内容在界面的不同页面中显示，界面中显示多个标签，和被选中的标签所指示的页面。目前，通常情况下，标签用文字表示，通过文字的颜色或尺寸不同，来区分标签是处于选中状态，还是处于非选中状态。
发明内容
本申请实施例的第一方面，提供一种标签控制方法，应用于终端设备，该方法包括：在显示目标界面的情况下，接收目标指令，目标界面包括N个标签和N个页面，每个标签用于指示一个页面，处于选中状态的标签包括背景标识，该目标指令用于将该N个标签中的第一标签由选中状态切换为非选中状态，以及将该N个标签中的第二标签由非选中状态切换为选中状态，N为大于1的整数；响应于该目标指令，执行目标操作，并将目标界面中显示的页面由第一标签指示的页面，更新为第二标签指示的页面；其中，该目标操作包括以下至少一项：该背景标识由第一标签移动至第二标签；显示该背景标识为图像块标识的第二标签。
本申请实施例的第二方面，提供一种标签控制装置，该装置包括：接收模块、执行模块和更新模块；该接收模块，用于在显示目标界面的情况下，接收目标指令，该目标界面包括N个标签和N个页面，每个标签用于指示一个页面，处于选中状态的标签包括背景标识，该目标指令用于将该N个标签中处于选中状态的标签由第一标签切换为第二标签的第一标签由选中状态切换为非选中状态，以及将该N个标签中的第二标签由非选中状态切换为选中状态，N为大于1的整数；该执行模块，用于响应于该接收模块接收的该目标指令，执行目标操作；该更新模块，用于将该目标界面中显示的页面由第一标签指示的页面，更新为第二标签指示的页面；其中，该目标操作包括以下至少一项：该背景标识由第一标签移动至第二标签；显示该背景标识为图像块标识的第二标签。
本申请实施例的第三方面，提供一种终端设备，该终端设备包括处理器、存储器及存储在该存储器上并可在该处理器上运行的计算机程序，该计算机程序被该处理器执行时实现如第一方面所述的视频拍摄方法的步骤。
本申请实施例的第四方面，提供一种计算机可读存储介质，该计算机可读存储介质上存储计算机程序，该计算机程序被处理器执行时实现如第一方面所述的标签控制方法的步骤。
本申请实施例的第五方面，提供了一种芯片，该芯片包括处理器和通信接口，该通信接口和该处理器耦合，该处理器用于运行程序指令，实现如第一方面所述的标签控制方法。
附图说明
为了更清楚地说明本申请实施例技术方案，下面将对实施例和现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，还可以根据这些附图获得其它的附图。
图1为本申请实施例提供的一种智能电视界面的标签控制系统的结构示意图；
图2A为本申请实施例提供的标签控制方法的流程示意图之一；
图2B为本申请实施例提供的标签控制方法的流程示意图之二；
图3A为本申请实施例提供的标签控制方法的界面示意图之一；
图3B为本申请实施例提供的标签控制方法的界面示意图之二；
图3C为本申请实施例提供的标签控制方法的界面示意图之三；
图4A为本申请实施例提供的标签控制方法的界面示意图之四；
图4B为本申请实施例提供的标签控制方法的界面示意图之五；
图5为本申请实施例提供的标签控制方法的流程示意图之三；
图6为本申请实施例提供的一种标签控制装置的结构框图；
图7为本申请实施例提供的一种终端设备的结构框图。
具体实施方式
下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员获得的所有其他实施例，都属于本申请保护的范围。
本申请的说明书和权利要求书中的术语“第一”、“第二”等是用于区别类似的对象，而不用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施，且“第一”、“第二”等所区分的对象通常为一类，并不限定对象的个数，例如第一对象可以是一个，也可以是多个。此外，说明书以及权利要求中“和/或”表示所连接对象的至少其中之一，字符“/”，一般表示前后关联对象是一种“或”的关系。
下面首先对本发明的权利要求书和说明书中涉及的一些名词或者术语进行解释说明。
安卓(Android)：是一种基于Linux内核(不包含GNU组件)的自由及开放源代码的操作系统。主要使用于移动设备，如智能手机和平板电脑，由美国Google公司和开放手机联盟领导及开发。本申请实施例中指的是Android开发。
标签(Tab)：在Android中表示的是一种视图控件，用来显示当前视图是处于第几页。
列表控件(RecycleView)：是Android开发软件开发工具包(Software Development Kit，SDK)中提供的一个视图控件，又称瀑布流式布局。是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。
视图控件(View)：是Android开发SDK中提供的一个基础视图控件。Android手机上看到的任何界面，都是由大大小小的View组合而成。
图像控件(ImageView)：是Android开发SDK中提供的一个基础视图控件，用来展示图片。
首先，图1为本申请实施例示出的一种智能电视界面的标签控制系统。如图1所示，该系统至少包括：智能电视机11和电视机遥控器12。目前，智能电视机具有全开放式平台，搭载了操作系统，用户在欣赏普通电视内容的同时，可自行安装和卸载各类应用软件，持续对功能进行扩充和升级的新电视产品。因此，智能电视机至少包括显示屏、处理器、存储器和通讯模块。智能电视机可以通过显示屏显示电视内容，以及显示各类应用软件的界面，若显示屏为触控屏，还可以通过显示屏接收用户操作。智能电视机可以通过处理器利用各种接口和线路连接整个智能电视机的各个部分，通过运行或执行存储在存储器内的软件程序和/或模块，以及调用存储在存储器内的数据，执行智能电视机的各种功能和处理数据，从而对智能电视机进行整体监控。智能电视机还可以通过通讯模块与电视机遥控器的通信模块进行通信，从而用户可以通过电视机遥控器控制智能电视机。
本申请实施例提供的标签控制方法，可以应用于应用程序的界面中包括多个标签和多个页面，一个标签指示一个页面的场景中，具体地，可以通过标签切换，来控制界面中显示页面的切换的场景中，以解决现有技术中区分标签处于选中状态还是非选中状态的方式过于单一，不够灵活的问题。
本申请实施例提供的标签控制方法，可以在显示目标界面(目标界面包括N个标签和N个页面，每个标签用于指示一个页面，处于选中状态的标签包括背景标识)的情况下，接收目标指令(用于将该N个标签中的第一标签由选中状态切换为非选中状态，以及将该N个标签中的第二标签由非选中状态切换为选中状态，N为大于1的整数)，响应于该目标指令，执行目标操作(目标操作包括以下至少一项：该背景标识由第一标签移动至第二标签；显示该背景标识为图像块标识的第二标签)，并将目标界面中显示的页面由第一标签指示的页面，更新为第二标签指示的页面。通过该方案，一方面，若在接收到切换选中标签的指令后，根据该指令控制该背景标识由第一标签移动至第二标签，则通过背景标识的移动动画效果来体现标签的切换(进而实现页面切换)，可以使标签切换过程更顺滑，更细腻，灵活性更高； 另一方面，若在接收到切换选中标签的指令后，根据该指令控制显示该背景标识为图像块标识的第二标签，则增加了选中状态的标签的显示效果的表现方式，可以使标签切换过程的灵活性更高，而且可以提高交互体验。
本申请实施例中的终端设备可以为移动终端设备，也可以为非移动终端设备。移动终端设备可以为手机、平板电脑、笔记本电脑、掌上电脑、车载终端设备、可穿戴设备、超级移动个人计算机(ultra-mobile personal computer，UMPC)、上网本或者个人数字助理(personal digital assistant，PDA)等；非移动终端设备可以为个人计算机(personal computer，PC)、电视机(television，TV)、柜员机或者自助机等；本申请实施例不作具体限定。
本申请实施例提供的标签控制方法的执行主体可以为上述的终端设备(包括移动终端设备和非移动终端设备)，也可以为该终端设备中能够实现该标签控制方法的功能模块和/或功能实体，具体的可以根据实际使用需求确定，本申请实施例不作限定。
下面结合附图，通过具体的实施例及其应用场景对本申请实施例提供的标签控制方法、装置、终端设备和存储介质进行详细地说明。
如图2A所示，本申请实施例提供一种标签控制方法，下面以执行主体为终端设备为例，对本申请实施例提供的标签控制方法进行示例性的说明。该方法可以包括下述的步骤201至步骤203。
201、终端设备在显示目标界面的情况下，接收目标指令。
其中，目标界面包括N个标签和N个页面，每个标签用于指示一个页面，处于选中状态的标签包括背景标识，该目标指令用于将该N个标签中的第一标签由选中状态切换为非选中状态，以及将该N个标签中的第二标签由非选中状态切换为选中状态，N为大于1的整数。
可以理解，N可以为2、3、4、5、6，或更大的整数，本申请实施例不做限定。
本申请实施例中，目标界面还可以包括其他的标签，目标界面也还可以包括其他页面，本申请实施例不做限定。
在一些实施例中，在目标界面还包括其他的标签的情况下，还可以响应标签更新操作，更新目标界面包括的标签。可以理解的是，利用其他的标签替换目标界面当前显示的标签。
本申请实施例中，目标界面可以为任一应用程序的界面，例如可以是视频应用程序的界面，可以是学习类应用程序的界面，可以为购物类应用程序的界面，还可以为其他类应用程序的界面，本申请实施例不做限定。
可选地，本申请实施例中，目标指令可以为用户在终端设备的触控屏上的输入操作(例如点击操作、滑动操作等)对应的指令，也可以为用户对终端设备的触控按键的输入操作(例如按压操作)对应的指令，也可以为用户通过其他设备对该终端设备的输入操作对应的指令(例如用户通过(可以与终端设备进行无线连接的)遥控器对该终端设备的输入操作对应的指令)，具体可以根据实际使用情况确定，本申请实施例不做限定。
本申请实施例中，处于选中状态的标签包括背景标识可以理解为：当一个标签处于选中状态时，目标界面中显示的页面是该一个标签指示的页面，且该一个标签包括背景标识。
本申请实施例中，背景标识可以看成标签的背景，也可以看成标签的底托。
可以理解，标签处于选中状态即标签获取了页面视图焦点，标签处于非选中状态即标签没有获取页面视图焦点。若标签从选中状态变为非选中状态，则标签失去了页面视图焦点。本申请实施例中，目标界面只有一个页面视图焦点，标签获取了页面视图焦点，则可以在目标界面中显示标签指示的页面。
202、终端设备响应于该目标指令，执行目标操作。
其中，该目标操作包括以下至少一项：该背景标识由第一标签移动至第二标签；显示该背景标识为图像块标识的第二标签。
可选地，背景标识的尺寸可以根据标签的尺寸进行适应性调整。如此，可以使显示效果更好。
可以理解，终端设备显示该背景标识为图像块标识的第二标签，即为终端设备显示处于选中状态的第二标签，该处于选中状态的第二标签包括的背景标识为图像块标识。
可选地，该N个标签中除第二标签之外的标签处于选中状态时，标签包括的该背景标识为颜色块标识或图像块标识；在该目标操作为该背景标识由第一标签移动至第二标签的情况下，第二标签处于选中状态时，标签包括的该背景标识为颜色块标识。
可选地，上述步骤202可以通过步骤202a至步骤202c中的任一项实现。
202a、终端设备响应于该目标指令，该背景标识由第一标签移动至第二标签。
相应地，该N个标签中除第二标签之外的标签处于选中状态时，标签包括的该背景标识为颜色块标 识或图像块标识；第二标签处于选中状态时，标签包括的所述背景标识为颜色块标识。
202b、终端设备响应于该目标指令，显示背景标识为图像块标识的第二标签。
可以理解，终端设备响应于该目标指令，控制第二标签包括的背景标识为图像块标识。
相应地，该N个标签中除第二标签之外的标签处于选中状态时，标签包括的该背景标识为颜色块标识或图像块标识；第二标签处于选中状态时，标签包括的所述背景标识为图像块标识。
202c、终端设备响应于该目标指令，该背景标识由第一标签移动至第二标签，且显示背景标识为图像块标识的第二标签。
可选地，在处于选中状态下的第二标签包括的背景标识为图像块标识的情况下，处于选中状态下的第一标签包括的背景标识可以为颜色块标识或图像块标识，本申请实施例不做限定。
相应地，该N个标签中除第二标签之外的标签处于选中状态时，标签包括的该背景标识为颜色块标识或图像块标识；第二标签处于选中状态时，标签包括的所述背景标识为图像块标识。
需要说明的是，本申请实施例中，以下将标签处于选中状态时包括的背景标识简称为标签对应的背景标识。
可以理解，本申请实施例中，该N个标签中的不同的标签对应的背景标识为颜色块标识或图像块标识，也就是说，不同标签对应的背景标识的类型可以相同，也可以不同。具体地，该N个标签中所有标签对应的背景标识可以均为颜色块标识，或者该N个标签中所有标签对应的背景标识可以均为图像块标识，或者该N个标签中的部分标签对应的背景标识可以为颜色块标识，该N个标签中的另一部分标签对应的背景标识可以为图像块标识，具体可以根据实际使用需求确定，本申请实施例不做限定。
可以理解，当不同的标签对应的背景标识的类型相同时，对应的背景标识的内容可以相同，也可以不同，本申请实施例不做限定。例如，标签1对应的背景标识和标签2对应的背景标识均为颜色块标识，但标签1对应的背景标识为红色颜色块标识，标签2对应的背景标识为蓝色颜色块标识。又例如，标签3对应的背景标识和标签4对应的背景标识均为图像块标识，但标签3对应的背景标识为天空图像块标识，标签4对应的背景标识为猫咪图像块标识。
本申请实施例中，背景标识采用不同类型、不同内容的标识显示，可以增加背景标识的多样性，进而在切换过程灵活性更高。
203、终端设备将目标界面中显示的页面由第一标签指示的页面，更新为第二标签指示的页面。
可以理解，响应于目标指令之后，第一标签从选中状态变为非选中状态，第二标签从非选中状态变为选中状态，因此，相应的目标界面中显示的页面由第一页面指示的页面更新为第二标签指示的页面，也就是说，响应于目标指令之前，第一页面中显示的页面为第一标签指示的页面，响应于目标指令之后，第一页面中显示的页面为第二标签指示的页面。
需要说明的是，本申请实施例中，不限定上述步骤202和步骤203的执行顺序，例如，可以先执行上述步骤202，再执行上述步骤203；也可以先执行上述步骤203，再执行上述步骤202；还可以同时执行上述步骤202和上述步骤203。
可选地，终端设备包括第一控件和第二控件，第一控件用于控制N个标签的显示效果，第二控件用于控制背景标识的显示效果。
本申请实施例中，通过tab指示器实现本申请实施例提供的标签控制方法。Tab指示器(简称Tab)用于指示当前视图是哪一页(即目标界面中当前显示页面是哪一个页面，被选中标签指示的页面)。Tab指示器是一个模块名称，本申请实施例中，终端设备可以通过第一控件和第二控件实现Tab指示器的功能(可以理解为，通过第一控件和第二控件叠加标记被选中的标签)。
本申请实施例中，通过第一控件控制每个标签的显示，通过第二控件控制背景标识的显示。
可选地，第一控件可以为RecycleView控件，第一控件也可以是其他控件，例如第一控件可以为水平滚动网络控件(HorizontalScrollGridView)控件、标签栏主机控件(TabBarHost)控件或标签列表水平控件(TabListHorizontalView)控件等，本申请实施例不做限定。
可选地，第二控件可以为ImageView控件，也可以是其他控件，本申请实施例不做限定。
可选地，所述第一控件至少包括N个子控件，每个子控件控制一个标签的显示效果。
本申请实施例中，假设第一控件为RecycleView控件，该N个标签中的每个标签的显示效果由RecycleView控件的一个子View控件控制，不同的标签的显示效果由不同的子View控件控制。再假设第二控件为ImageView控件，则在一个标签处于选中状态时，该一个标签的显示效果由对应的子View控件控制，显示在表层，该背景标识的显示效果由ImageView控件控制，显示在里层，这样在视觉上才可以看出背景标识为该一个标签的背景。
本申请实施例中，ImageView控件要与获取页面视图焦点的标签对应的子View控件的位置保持一致。
示例性地，在第一标签获取了页面视图焦点时，ImageView控件与第一标签对应的子View控件的位置保持一致，当响应于目标指令，第一标签失去了页面视图焦点，第二标签获取了页面视图焦点之后，ImageView控件向第二标签对应的子View控件移动，直至ImageView控件与第二标签对应的子View控件的位置保持一致(具体地可以获取第二标签对应的子View的坐标(若第二标签对应的子View是移动的，则实时获取第二标签对应的子View的坐标)，然后向子View的坐标移动)。
本申请实施例中，可以通过ImageView控件来指示视图位置，也可以通过子View控件和ImageView控件共同指示视图位置。
示例性地，如图3A所示，目标界面为视频应用程序的首页，标记“31”指示的为标签显示区域，标记“32”指示的为页面的显示区域，标记“33”指示的为背景标识。标签显示区域当前显示的标签为“精选”、“VIP”、“4K极清”、“电视剧”、“电影”、“少
Figure PCTCN2022083638-appb-000001
儿”、“综艺”，目标界面还可以包括“我的”、“K歌”、“动漫”、“教育”、“短视频”等当前未显示的标签，本申请实施例不做限定。当前处于选中状态的标签为“电视剧”标签，图中的阴影图形为背景标识，当前显示的页面为电视剧标签指示的页面。
示例性地，目标指令为将处于选中状态的标签由“电视剧”标签(第一标签)切换为“电影”标签(第二标签)，如图3B所示，响应于目标指令，背景标识移动至“电影”标签。如图3C所示，标记“34”指示的为背景标识的移动过程的横向示意图，箭头指示方向为背景标识的移动方向，标记“35”指示的为背景标识的移动过程纵向示意图，即不同时刻移动位移的示意图。
可选地，若该目标操作包括该背景标识由第一标签移动至第二标签，则假设第一标签处于选中状态时，第一标签包括的该背景标识为第一标识，第二标签处于选中状态时，第二标签包括的该背景标识为第二标识；在第一标识和第二标识均为颜色块标识，均为图像块标识，或一个为颜色块标识，另一个为图像块标识的不同情况，该背景标识由第一标签移动至第二标签的过程中的动画效果不同。
可选地，若第一标识和第二标识均为颜色块标识，则在该背景标识由第一标签移动至第二标签的过程中，第一标识逐渐变为第二标识。
本申请实施例中，在两个标识均为颜色块标识的情况下，在背景标识的移动过程中，通过渐变的动画效果展示可以增加标签切换过程的方式的多样性，使切换过程更细腻、顺滑，灵活性更高。
可选地，若第一标识和第二标识均为图像块标识或一个为颜色块标识，另一个为图像块标识，则在该背景标识由第一标签移动至第二标签的过程中，第一标识逐渐消失，第二标识逐渐出现。
可以理解，若第一标识和第二标识均为图像块标识，则在该背景标识由第一标签移动至第二标签的过程中，第一标识逐渐消失，第二标识逐渐出现。
本申请实施例中，在两个标识均为图像块标识的情况下，在背景标识的移动过程中，通过渐隐(逐渐消失)渐现(逐渐出现)的动画效果展示可以增加标签切换过程的方式的多样性，使切换过程更细腻、顺滑，灵活性更高。
可以理解，若第一标识和第二标识一个为颜色块标识，另一个为图像块标识(包括：第一标识为颜色块标识，第二标识为图像块标识；或者，第一标识为图像块标识，第二标识为颜色块标识)，则在该背景标识由第一标签移动至第二标签的过程中，第一标识逐渐消失，第二标识逐渐出现。
本申请实施例中，在两个标识一个为颜色块标识，另一个为颜色块标识的情况下，在背景标识的移动过程中，通过渐隐(逐渐消失)渐现(逐渐出现)的动画效果展示可以增加标签切换过程的方式的多样性，使切换过程更细腻、顺滑，灵活性更高。
可选地，结合图2A，如图2B所示，在步骤201之后，本申请实施例提供的标签控制方法还可以包括下述的步骤204。
204、终端设备第二标签移动至目标界面的目标位置。
可以理解，本申请实施例中，目标位置可以是目标界面上的任意位置，例如可以是目标界面上显示标签区域的中心位置，或显示标签区域的任一边界位置，或显示标签区域的中心位置和任一边界位置的中间位置等，本申请实施例不做限定。
可以理解，第二标签为N个标签中的任一标签，因此在第二标签处于选中状态时，第二标签移动至目标位置，则N个标签中的其他标签在被选中时，也移动至目标位置。
可选地，目标位置可以为一个点，第二标签移动至目标位置即第二标签的中心移动至目标位置，或第二标签的其他点移动至目标位置，本申请实施例不做限定。
可选地，目标位置可以为一个区域，第二标签移动至目标位置即第二标签的中心区域移动至目标位 置，或第二标签的其他区域移动至目标位置，本申请实施例不做限定。
可以理解，在第二标签移动至目标位置的过程中，之前位于目标位置的第一标签移动至其他位置，例如，第一标签可以移动至原第二标签所在的位置(即两个标签交换位置)，又例如，第一标签可以按照第二标签的移动方向(以下称为第一方向)移动至下一个位置，具体可以根据实际使用情况确定，本申请实施例不做限定。
示例性地，在第二标签移动至目标位置的过程中，所有标签都按照第二标签的移动方向顺移到下一个位置。
需要说明的是，当在与第一方向相反的方向上不存在足够的标签填充标签显示区域时，可以使用空格填充标签显示区域。
需要说明的是，本申请实施例中，不限定上述步骤202和步骤204的执行顺序，例如，可以先执行上述步骤202，再执行上述步骤204；也可以先执行上述步骤204，再执行上述步骤202；还可以同时执行上述步骤202和上述步骤204。
本申请实施例中，处于选中状态的标签均位于目标位置可以更易于观察，提高人机交互性能。
本申请实施例中，第二标签向目标位置移动的动画，是通过RecycleView控件的请求得到子控件在手机屏幕的位置(requestChildRectangleOnScreen)函数实现的。在这个方法中可以计算出每个子View控件偏离目标位置的距离(距目标位置的距离)，进而实现第二标签向目标位置移动的过渡动画。
本申请实施例中，在原RecycleView控件的基础上，通过重写拓展requestChildRectangleOnScreen函数，实现了被选中标签向目标位置移动的动画效果，满足了过渡自然，动态更新的要求。
可选地，在该目标操作包括该背景标识由第一标签移动至第二标签(即上述步骤202为步骤202a或步骤202c)的情况下，上述步骤204具体可以通过下述步骤204a至步骤204b中的任一项实现。
204a、终端设备在该背景标识由第一标签移动至第二标签的过程中，第二标签移动至目标界面的目标位置。
第二标签和背景标识同时运动，可能是相向运动，也可能是反向运动，也可能是同一个方向运动，本申请实施例不做限定。
示例性地，如图4A所示，目标位置为标签显示区域的中间区域，终端设备响应于目标指令，背景标识按照实线箭头指示的方向从“电视剧”标签向“电影”标签移动，“电影”标签按照虚线箭头指示的方向，向标签显示区域的中间区域移动，背景标识和“电影”标签相向运动，最终处于选中状态的“电影”标签如图4B所示，同时，背景标识尺寸根据标签的尺寸进行了适应性调整。
本申请实施例中，背景标识和第二标签同时运动，通过增加运动方式，是动画效果多样性，灵活性更高。
204b、终端设备在该背景标识由第一标签移动至第二标签之前，第二标签移动至目标界面的目标位置。
本申请实施例中，第二标签先移动，背景标识再移动，可以增加运动的层次感，使动画效果多样性，灵活性更高。
204c、终端设备在该背景标识由第一标签移动至第二标签之后，第二标签移动至目标界面的目标位置。
本申请实施例中，背景标识先移动，第二标签再移动，可以增加运动的层次感，使动画效果多样性，灵活性更高。
可选地，上述步骤204具体可以是终端设备在第二标签为第一类标签的情况下，第二标签移动至该目标位置。
其中，第一类标签不同时刻在目标界面上包括至少一个显示位置，且该至少一个显示位置包括该目标位置。
可以理解，第一类标签即能够在目标位置显示，能够移动至目标位置的标签，也就是说，若标签不同时刻在该目标界面中显示的所有情况中，距目标位置的距离存在等于0的情况，则该标签为第一类标签。若标签不同时刻在该目标界面中显示的所有情况中，距该目标位置的距离均大于0，则该标签不是第一类标签，具体地，当第二标签不是第一类标签时，第二标签可以相对于目标界面静止不动，第二标签也可以向目标位置移动一定距离，具体根据实际使用情况确定，本申请实施例不做限定。
可以理解，第二标签是否是第一类标签，是根据第二标签在N个标签中的位置，以及目标位置在目标界面中的位置共同决定的，具体可以根据实际使用情况确定，本申请实施例不做限定。
相应地，上述步骤204a具体可以通过下述步骤204a1实现。
204a1、终端设备在第二标签为第一类标签的情况下，在该背景标识由第一标签移动至第二标签的过程中，第二标签移动至该目标位置。
相应地，上述步骤204b具体可以通过下述步骤204b1实现。
204b1、终端设备在第二标签为第一类标签的情况下，在该背景标识由第一标签移动至第二标签之前，第二标签移动至该目标位置。
相应地，上述步骤204c具体可以通过下述步骤204c1实现。
204c1、终端设备在第二标签为第一类标签的情况下，在该背景标识由第一标签移动至第二标签之后，第二标签移动至该目标位置。
本申请实施例中，根据第二标签是否是第一类标签，确定第二标签是否移动至目标位置，从而增加了标签切换过程中动画效果的多样性，使灵活性更高。
可选地，本申请实施例中，可以设置不同的标签处于选中状态时移动至目标界面的不同位置，具体可以根据实际使用需求确定，本申请实施例不做限定。例如，可以设置一部分标签处于选中状态时，移动至目标界面上显示标签区域的中心位置，设置另一部分标签处于选中状态时，移动至目标界面上显示标签区域的三分之一位置。
可选地，一个标签用于指示一个页面，一个标签至少由字符对象和图像对象中的一个，来表征标签指示的页面中的内容的类型，则除了可以通过标签是否包括背景标识，来指示标签是否处于选中状态之外，还可以通过标签中的对象的变化，来指示标签是否处于选中状态。
示例性地，目标标签包括目标对象，该目标标签为该N个标签中的任一个，该目标对象包括以下至少一项：字符对象和图像对象；该目标标签处于非选中状态时，该目标对象以第一显示效果显示，该目标标签处于选中状态时，该目标对象以第二显示效果显示，第一显示效果和第二显示效果不同。
可以理解，目标对象可以为字符对象，目标对象也可以为图像对象，目标对象还可以为字符对象和图像对象；目标对象还可以包括其他类型的对象，本申请实施例不做限定。
可以理解，不同标签可以包括的对象类型不同。例如，有的标签中的对象为字符对象，有的标签中的对象为图像对象，有的标签中的对象为字符对象和图像对象。
本申请实施例中，在背景标识指示标签切换过程中，标签状态的变化的前提下，再通过标签包括的对象的显示效果的变化指示标签切换过程中，标签状态的变化，从而可以增加切换过程中标签变化的方式，使切换效果更明显，更突出，灵活性更高。
可选地，在该目标对象包括字符对象的情况下，第一显示效果和第二显示效果存在以下至少一项(一项或多项)区别：字符字体、字符颜色、字符尺寸。
可选地，在该目标对象包括图像对象的情况下，第一显示效果和第二显示效果存在以下至少一项区别：图像颜色、图像尺寸。
可选地，在该目标对象包括字符对象和图像对象的情况下，第一显示效果和第二显示效果存在以下至少一项区别：字符字体、字符颜色、字符尺寸、图像颜色、图像尺寸。
需要说明的是，本申请实施例中，至少一项表示一项或多项，多项包括两项和两项以上。
可选地在该目标标签由非选中状态变为选中状态的过程中，该目标标签由第一显示效果直接变为第二显示效果。
可选地，在该目标标签由非选中状态变为选中状态的过程中，该目标对象由第一显示效果渐变为第二显示效果。
示例性地，若第一显示效果和第二显示效果的区别包括字符颜色区别，第一显示效果中字符颜色为黑色，第二显示效果中字符颜色为红色，则目标标签的字符对象的字符颜色由黑色渐变为红色。
示例性地，若第一显示效果和第二显示效果的区别包括字符字体区别，第一显示效果中字符字体为宋体，第二显示效果中字符字体为隶书，则目标标签的字符对象的字符字体由宋体渐变为隶书。
示例性地，若第一显示效果和第二显示效果的区别包括字符尺寸区别，第一显示效果中字符尺寸为五号，第二显示效果中字符尺寸为三号，则目标标签的字符对象的字符尺寸由五号渐变为三号。
示例性地，若第一显示效果和第二显示效果的区别包括图像颜色区别，第一显示效果中图像颜色为黄色，第二显示效果中图像颜色为红色，则目标标签的图像对象的图像颜色由黄色渐变为红色。
示例性地，若第一显示效果和第二显示效果的区别包括图像尺寸区别，第一显示效果中图像尺寸为1cm*1cm，第二显示效果中图像尺寸为2cm*2cm，则目标标签的图像对象的图像尺寸由1cm*1cm渐变为2cm*2cm。
本申请实施例中，通过增加标签显示效果的渐变，可以使变化过程更细腻、更顺滑、灵活性更高。
本申请实施例中，在步骤201之前，终端设备需要先下载tab指示器的资源(以下称为tab资源，包括每个子View控件控制的标签的对象资源(包括字体对象资源或图像对象资源)，以及ImageView控件控制的每个标签对应的背景标识资源(颜色块标识资源或图像块标识资源)等资源)，然后加载tab资源。本申请实施例中，加载tab资源即将tab资源更新至目标界面对应的应用程序，以使得目标界面中的N个标签按照tab资源显示，进而实现本申请实施例提供的标签控制方法中标签的显示效果。
示例性地，在上述步骤201之前，本申请实施例提供的标签控制方法还可以包括下述步骤205和步骤206。
205、终端设备下载目标资源。
其中，该目标资源包括该每个标签包括的对象信息，该每个标签处于选中状态时包括的背景标识信息。
本申请实施例中，上述目标资源即为上述的Tab资源。目标资源为服务器为终端设备中的目标界面配置的资源。
206、终端设备基于该目标资源，针对该N个标签中的每个标签执行S1和S2。
其中，S1为：在该对象信息指示一标签的对象为图像对象的情况下，为该一标签加载图像对象；在该对象信息指示一标签的对象为字符对象的情况下，为该一标签加载字符对象。
可选地，上述S1还包括：终端设备判断对象信息指示一标签的对象是否为图像对象。那么，上述S1可以为：终端设备判断对象信息指示一标签的对象是否为图像对象，若该对象信息指示该一标签的对象为图像对象，则为该一标签加载图像对象；若该对象信息指示该一标签的对象不是图像对象，而是字符对象，则为该一标签加载字符对象。
其中，S2为：在该背景标识信息指示一标签处于选中状态时包括的背景标识为图像块标识的情况下，为处于选中状态的该一标签加载图像块标识；在该背景标识信息指示一标签处于选中状态时包括的背景标识为颜色块标识的情况下，为处于选中状态的该一标签加载颜色块标识。
可选地，上述S2还包括：终端设备判断背景标识信息指示一标签对应的背景标识是否为图像块标识。那么，上述S2可以为：终端设备判断背景标识信息指示一标签对应的背景标识是否为图像块标识，若该背景标识信息指示一标签对应的背景标识为图像块标识，则为处于选中状态的该一标签加载图像块标识，若该背景标识信息指示一标签对应的背景标识不是图像块标识，而是颜色块标识，则为处于选中状态的该一标签加载颜色块标识。
本申请实施例中，终端设备通过下载目标资源，然后根据目标资源，为每个标签加载对应的资源，可以使各个标签实现本申请实施例提供的标签控制方法中标签的显示效果。
可选地，本申请实施例中，可以动态更新tab资源，即可以动态更新N个标签中每个标签处于选中状态和处于非选中状态下的显示效果，以及每个标签处于选中状态时包括的背景标识的显示效果。在终端设备运行目标界面对应的应用程序的情况下(包括终端设备启动目标界面对应的应用程序时，启动目标界面对应的应用程序之后)，终端设备可以按照预设周期(预设周期可以根据实际使用情况确定，本申请实施例不做限定)周期性地向服务器请求tab资源，例如从终端设备启动目标界面对应的应用程序时开始，按照预设周期周期性地向服务器请求tab资源；若服务器向终端设备下发了新的tab资源(新的tab资源的链接)，则终端设备下载新的tab资源，然后根据新的tab资源更新tab指示器，即tab指示器加载新的tab资源。
可选地，终端设备在确定服务器更新tab资源时，终端设备向服务器请求tab资源，服务器向终端设备下发新的tab资源(新的tab资源的链接)，则终端设备下载新的tab资源，然后根据新的tab资源更新tab指示器，即tab指示器加载新的tab资源。
本申请实施例中，加载新的tab资源可以理解为将原来的tab资源更新为新的tab资源。
本申请实施例中，下面以tab指示器通过RecycleView控件和ImageView控件实现为例，示例性地说明tab资源的加载过程，如图5所示，该过程可以包括以下步骤501至步骤511。
501、终端设备向服务器请求tab资源。
服务器根据终端设备的请求，向终端设备下发tab资源的链接。
502、终端设备根据服务器下发的tab资源链接，下载tab资源。
503、终端设备判断tab资源中的图像资源是否下载成功，若下载成功，执行步骤504，若未下载成功，执行步骤508。
504、终端设备开始刷新tab指示器，针对每个标签，判断该每个标签是否包括图像对象(即针对每个子View控件，判断该子View控件控制的标签是否包括图像对象)，若包括图像对象，执行步骤505， 否则执行步骤507。
505、终端设备为相应的标签加载下载好的图像对象(即为相应的子View控件加载下载好的图像对象)，执行步骤506。
506、终端设备判断该标签是否还包括字符对象(即判断该子View控件控制的标签是否还包括字符对象)，若包括字符对象，则执行步骤507，若不包括字符对象，则执行步骤509。
507、终端设备为相应的标签加载字符对象(即为相应的子View控件加载字符对象)，执行步骤509。
508、终端设备开始刷新tab指示器，每个标签加载字符对象(即每个子View控件加载字符对象)，执行步骤511。
可以理解，因为图片资源比较大，在网络信号较差时，可能无法下载图片资源，因此图片资源下载失败之后，则只更新除图片资源之外的资源。
509、终端设备针对每个标签，判断对应的背景标识是否是图像块标识，若是图像块标识，则执行步骤510，否则执行步骤511。
可以理解，背景标识的显示由ImageView控件控制，因此针对每个标签，判断对应的背景标识是否是图像块标识，即针对每个标签，判断ImageView控件控制的背景标识是否是图像块标识。
510、终端设备为相应标签对应的背景标识加载图像块标识，结束。
511、终端设备为相应标签对应的背景标识加载颜色块标识，结束。
本申请实施例中，Tab指示器可以跟随服务器的配置，动态更新tab资源，方便运营。
图6为本申请实施例示出的一种标签控制装置的结构框图，如图6所示，该标签控制装置包括：接收模块601、执行模块602和更新模块603。
其中，该接收模块601，用于在显示目标界面的情况下，接收目标指令，该目标界面包括N个标签和N个页面，每个标签用于指示一个页面，处于选中状态的标签包括背景标识，该目标指令用于将该N个标签中的第一标签由选中状态切换为非选中状态，以及将该N个标签中的第二标签由非选中状态切换为选中状态，N为大于1的整数；该执行模块602，用于响应于该接收模块601接收的该目标指令，执行目标操作；该更新模块603，用于将该目标界面中显示的页面由第一标签指示的页面，更新为第二标签指示的页面；其中，该目标操作包括以下至少一项：该背景标识由第一标签移动至第二标签；显示该背景标识为图像块标识的第二标签。
作为本申请实施例一种可选的实施方式，更新模块603，还用于响应于标签更新操作，更新目标界面上包括的标签。
作为本申请实施例一种可选的实施方式，该终端设备包括第一控件和第二控件，第一控件用于控制该N个标签的显示效果，第二控件用于控制该背景标识的显示效果。
作为本申请实施例一种可选的实施方式，第一控件包括N个子控件，每一子控件用于控制一个标签的显示效果，第二控件包括N个子控件，每一子控件用于控制一个背景标识的显示效果。
作为本申请实施例一种可选的实施方式，该N个标签中除第二标签之外的标签处于选中状态时，标签包括的该背景标识为颜色块标识或图像块标识；在该目标操作为该背景标识由第一标签移动至第二标签的情况下，第二标签处于选中状态时，标签包括的该背景标识为颜色块标识。
作为本申请实施例一种可选的实施方式，第一标签处于选中状态时，第一标签包括的该背景标识为第一标识，第二标签处于选中状态时，第二标签包括的该背景标识为第二标识；该目标操作包括该背景标识由第一标签移动至第二标签；该标签控制装置还包括：渐变模块；该渐变模块，用于若第一标识和第二标识均为颜色块标识，则在该背景标识由第一标签移动至第二标签的过程中，第一标识逐渐变为第二标识；若第一标识和第二标识均为图像块标识或一个为颜色块标识，另一个为图像块标识，则在该背景标识由第一标签移动至第二标签的过程中，第一标识逐渐消失，第二标识逐渐出现。
作为本申请实施例一种可选的实施方式，该标签控制装置还包括：移动模块；该移动模块，用于在该接收目标指令之后，第二标签移动至该目标界面的目标位置。
作为本申请实施例一种可选的实施方式，移动模块，具体用于在第二标签移动至目标界面的目标位置的过程中，之前处于目标位置的第一标签移动至第二标签原先所在的位置。
作为本申请实施例一种可选的实施方式，移动模块，具体用于在第二标签移动至目标界面的目标位置的过程中，之前处于目标位置的第一标签按照第一方向移动至下一位置。
作为本申请实施例一种可选的实施方式，该移动模块，具体用于在第二标签为第一类标签的情况下，第二标签移动至目标位置；其中，第一类标签不同时刻在该目标界面上包括至少一个显示位置，且该至少一个显示位置包括该目标位置。
作为本申请实施例一种可选的实施方式，目标标签包括目标对象，该目标标签为该N个标签中的任一个，该目标对象包括以下至少一项：字符对象和图像对象；该目标标签处于非选中状态时，该目标对象以第一显示效果显示，该目标标签处于选中状态时，该目标对象以第二显示效果显示，第一显示效果和第二显示效果不同。
作为本申请实施例一种可选的实施方式，在该目标对象包括字符对象的情况下，第一显示效果和第二显示效果存在以下至少一项区别：字符字体、字符颜色、字符尺寸；在该目标对象包括图像对象的情况下，第一显示效果和第二显示效果存在以下至少一项区别：图像颜色、图像尺寸。
作为本申请实施例一种可选的实施方式，在该目标标签由非选中状态变为选中状态的过程中，该目标对象由第一显示效果渐变为第二显示效果。
作为本申请实施例一种可选的实施方式，该标签控制装置包括：下载模块；该下载模块，用于在接收模块601在显示目标界面的情况下，接收目标指令之前，下载目标资源，该目标资源包括该每个标签包括的对象信息，该每个标签处于选中状态时包括的背景标识信息；该执行模块602，还用于基于该下载模块下载的该目标资源，针对该N个标签中的每个标签执行S1和S2；其中，S1为：在该对象信息指示一标签的对象为图像对象的情况下，为该一标签加载图像对象；在该对象信息指示一标签的对象为字符对象的情况下，为该一标签加载字符对象；S2为：在该背景标识信息指示一标签处于选中状态时包括的背景标识为图像块标识的情况下，为处于选中状态的该一标签加载图像块标识；在该背景标识信息指示一标签处于选中状态时包括的背景标识为颜色块标识的情况下，为处于选中状态的该一标签加载颜色块标识。
本申请实施例中，各模块可以实现上述方法实施例提供的标签控制方法，且能达到相同的技术效果，为避免重复，这里不再赘述。
图7为实现本申请各个实施例的一种终端设备的硬件结构示意图，如图7所示，该终端设备包括但不限于：射频(radio frequency，RF)电路701、存储器702、输入单元703、显示单元704、传感器705、音频电路706、无线通信(wireless fidelity，WiFi)模块707、处理器708、电源709、以及摄像头710等部件。其中，射频电路701包括接收器7011和发送器7012。本领域技术人员可以理解，图7中示出的终端设备结构并不构成对终端设备的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。
RF电路701可用于收发信息或通话过程中，信号的接收和发送，特别地，将基站的下行信息接收后，给处理器708处理；另外，将设计上行的数据发送给基站。通常，RF电路701包括但不限于天线、至少一个放大器、收发信机、耦合器、低噪声放大器(low noise amplifier，LNA)、双工器等。此外，RF电路701还可以通过无线通信与网络和其他设备通信。上述无线通信可以使用任一通信标准或协议，包括但不限于全球移动通讯系统(global system of mobile communication，GSM)、通用分组无线服务(general packet radio service，GPRS)、码分多址(code division multiple access，CDMA)、宽带码分多址(wideband code division multiple access，WCDMA)、长期演进(long term evolution，LTE)、电子邮件、短消息服务(short messaging service，SMS)等。
存储器702可用于存储软件程序以及模块，处理器708通过运行存储在存储器702的软件程序以及模块，从而执行终端设备的各种功能应用以及数据处理。存储器702可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据终端设备的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器702可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
输入单元703可用于接收输入的数字或字符信息，以及产生与终端设备的用户设置以及功能控制有关的键信号输入。具体地，输入单元703可包括触控面板7031以及其他输入设备7032。触控面板7031，也称为触摸屏，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板7031上或在触控面板7031附近的操作)，并根据预先设定的程式驱动相应的连接装置。可选地，触控面板7031可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器708，并能接收处理器708发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种实现触控面板7031。除了触控面板7031，输入单元703还可以包括其他输入设备7032。具体地，其他输入设备7032可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。
显示单元704可用于显示由用户输入的信息或提供给用户的信息以及终端设备的各种菜单。显示单元704可包括显示面板7041，可选地，可以采用液晶显示器(liquid crystal display，LCD)、有机发光二极管(organic light-Emitting diode，OLED)等形式来配置显示面板7041。进一步的，触控面板7031可覆盖显示面板7041，当触控面板7031检测到在其上或附近的触摸操作后，传送给处理器708以确定触摸事件的，随后处理器708根据触摸事件的在显示面板7041上提供相应的视觉输出。虽然在图7中，触控面板7031与显示面板7041是作为两个独立的部件来实现终端设备的输入和输入功能，但是在某些实施例中，可以将触控面板7031与显示面板7041集成而实现终端设备的输入和输出功能。
终端设备还可包括至少一种传感器705，比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板7041的亮度，接近传感器可在终端设备移动到耳边时，退出显示面板7041和/或背光。作为运动传感器的一种，加速计传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别终端设备姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；至于终端设备还可配置的陀螺仪、地磁传感器、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。本申请实施例中，该终端设备可以包括加速度传感器、深度传感器或者距离传感器等。
音频电路706、扬声器7061，传声器7062可提供用户与终端设备之间的音频接口。音频电路706可将接收到的音频数据转换后的电信号，传输到扬声器7061，由扬声器7061转换为声音信号输出；另一方面，传声器7062将收集的声音信号转换为电信号，由音频电路706接收后转换为音频数据，再将音频数据输出处理器708处理后，经RF电路701以发送给比如另一终端设备，或者将音频数据输出至存储器702以便进一步处理。
WiFi属于短距离无线传输技术，终端设备通过WiFi模块707可以帮助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽带互联网访问。虽然图7示出了WiFi模块707，但是可以理解的是，其并不属于终端设备的必须构成，完全可以根据需要在不改变发明的本质的范围内而省略。
处理器708是终端设备的控制中心，利用各种接口和线路连接整个终端设备的各个部分，通过运行或执行存储在存储器702内的软件程序和/或模块，以及调用存储在存储器702内的数据，执行终端设备的各种功能和处理数据，从而对终端设备进行整体监控。可选地，处理器708可包括一个或多个处理单元；优选的，处理器708可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器708中。
终端设备还包括给各个部件供电的电源709(比如电池)，优选的，电源可以通过电源管理系统与处理器708逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。尽管未示出，终端设备还可以包括蓝牙模块等，在此不再赘述。
本申请实施例中，输入单元703，用于在显示目标界面的情况下，接收目标指令，目标界面包括N个标签和N个页面，每个标签用于指示一个页面，处于选中状态的标签包括背景标识，该目标指令用于将该N个标签中的第一标签由选中状态切换为非选中状态，以及将该N个标签中的第二标签由非选中状态切换为选中状态，N为大于1的整数；处理器708，用于响应于该目标指令，执行目标操作，并将目标界面中显示的页面由第一标签指示的页面，更新为第二标签指示的页面；其中，该目标操作包括以下至少一项：该背景标识由第一标签移动至第二标签；显示该背景标识为图像块标识的第二标签。
可选地，处理器708，还用于响应于标签更新操作，更新目标界面上包括的标签。
可选地，该终端设备包括第一控件和第二控件，第一控件用于控制该N个标签的显示效果，第二控件用于控制该背景标识的显示效果。
可选地，第一控件包括N个子控件，每一子控件用于控制一个标签的显示效果，第二控件包括N个子控件，每一子控件用于控制一个背景标识的显示效果。
可选地，该N个标签中除第二标签之外的标签处于选中状态时，标签包括的该背景标识为颜色块标识或图像块标识；在该目标操作为该背景标识由第一标签移动至第二标签的情况下，第二标签处于选中状态时，标签包括的该背景标识为颜色块标识。
可选地，第一标签处于选中状态时，第一标签包括的该背景标识为第一标识，第二标签处于选中状态时，第二标签包括的该背景标识为第二标识；该目标操作包括该背景标识由第一标签移动至第二标签；处理器708，还用于若第一标识和第二标识均为颜色块标识，则在该背景标识由第一标签移动至第二标签的过程中，第一标识逐渐变为第二标识；若第一标识和第二标识均为图像块标识或一个为颜色块标识， 另一个为图像块标识，则在该背景标识由第一标签移动至第二标签的过程中，第一标识逐渐消失，第二标识逐渐出现。
可选地，处理器708，还用于在该接收目标指令之后，第二标签移动至该目标界面的目标位置。
可选地，处理器708，还用于在第二标签移动至目标界面的目标位置的过程中，之前处于目标位置的第一标签移动至第二标签原先所在的位置。
可选地，处理器708，还用于在第二标签移动至目标界面的目标位置的过程中，之前处于目标位置的第一标签按照第一方向移动至下一位置。
可选地，处理器708，具体用于在第二标签为第一类标签的情况下，第二标签移动至该目标位置；其中，第一类标签不同时刻在该目标界面上包括至少一个显示位置，且该至少一个显示位置包括该目标位置。
可选地，目标标签包括目标对象，该目标标签为该N个标签中的任一个，该目标对象包括以下至少一项：字符对象和图像对象；该目标标签处于非选中状态时，该目标对象以第一显示效果显示，该目标标签处于选中状态时，该目标对象以第二显示效果显示，第一显示效果和第二显示效果不同。
可选地，在该目标对象包括字符对象的情况下，第一显示效果和第二显示效果存在以下至少一项区别：字符字体、字符颜色、字符尺寸；在该目标对象包括图像对象的情况下，第一显示效果和第二显示效果存在以下至少一项区别：图像颜色、图像尺寸。
可选地，在该目标标签由非选中状态变为选中状态的过程中，该目标对象由第一显示效果渐变为第二显示效果。
可选地，处理器708，还用于在显示目标界面的情况下，接收目标指令之前，下载目标资源，该目标资源包括该每个标签包括的对象信息，该每个标签处于选中状态时包括的背景标识信息；基于该目标资源，针对该N个标签中的每个标签执行S1和S2；其中，S1为：在该对象信息指示一标签的对象为图像对象的情况下，为该一标签加载图像对象；在该对象信息指示一标签的对象为字符对象的情况下，为该一标签加载字符对象；S2为：在该背景标识信息指示一标签处于选中状态时包括的背景标识为图像块标识的情况下，为处于选中状态的该一标签加载图像块标识；在该背景标识信息指示一标签处于选中状态时包括的背景标识为颜色块标识的情况下，为处于选中状态的该一标签加载颜色块标识。
本实施例中各种实现方式具有的有益效果具体可以参见上述标签控制方法实施例中相应实现方式所具有的有益效果，为避免重复，此处不再赘述。
本申请实施例还提供一种终端设备，该终端设备可以包括：处理器，存储器以及存储在存储器上并可在处理器上运行的计算机程序，该计算机程序被处理器执行时可以实现上述方法实施例提供的标签控制方法的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
本申请实施例提供一种计算机可读存储介质，该计算机可读存储介质上存储计算机程序，该计算机程序被处理器执行时实现上述方法实施例提供的标签控制方法的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
本申请实施例还提供一种计算机程序产品，其中，该计算机程序产品包括计算机指令，当该计算机程序产品在处理器上运行时，使得处理器执行该计算机指令，实现上述方法实施例提供的标签控制方法的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
本申请实施例另提供了一种芯片，所述芯片包括处理器和通信接口，所述通信接口和所述处理器耦合，所述处理器用于运行程序或指令，实现上述标签控制方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
应理解，本申请实施例提到的芯片还可以称为系统级芯片、系统芯片、芯片系统或片上系统芯片等。
在本申请所提供的几个实施例中，应该理解到，所揭露的系统，装置，服务器和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现， 也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述，以上实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。

Claims (20)

  1. 一种标签控制方法，其特征在于，应用于终端设备，所述方法包括：
    在显示目标界面的情况下，接收目标指令，所述目标界面包括N个标签和N个页面，每个标签用于指示一个页面，处于选中状态的标签包括背景标识，所述目标指令用于将所述N个标签中的第一标签由选中状态切换为非选中状态，以及将所述N个标签中的第二标签由非选中状态切换为选中状态，N为大于1的整数；
    响应于所述目标指令，执行目标操作，并将所述目标界面中显示的页面由所述第一标签指示的页面，更新为所述第二标签指示的页面；
    其中，所述目标操作包括以下至少一项：所述背景标识由所述第一标签移动至所述第二标签；显示所述背景标识为图像块标识的所述第二标签。
  2. 根据权利要求1所述的方法，其特征在于，所述方法还包括：
    响应于标签更新操作，更新所述目标界面上包括的标签。
  3. 根据权利要求1所述的方法，其特征在于，所述终端设备包括第一控件和第二控件，所述第一控件用于控制所述N个标签的显示效果，所述第二控件用于控制所述背景标识的显示效果。
  4. 根据权利要求3所述的方法，其特征在于，所述第一控件包括N个子控件，每一子控件用于控制一个标签的显示效果，所述第二控件包括N个子控件，每一子控件用于控制一个背景标识的显示效果。
  5. 根据权利要求1所述的方法，其特征在于，所述N个标签中除所述第二标签之外的标签处于选中状态时，标签包括的所述背景标识为颜色块标识或图像块标识；
    在所述目标操作为所述背景标识由所述第一标签移动至所述第二标签的情况下，所述第二标签处于选中状态时，标签包括的所述背景标识为颜色块标识。
  6. 根据权利要求5所述的方法，其特征在于，所述第一标签处于选中状态时，所述第一标签包括的所述背景标识为第一标识，所述第二标签处于选中状态时，所述第二标签包括的所述背景标识为第二标识；
    所述目标操作包括所述背景标识由所述第一标签移动至所述第二标签；所述方法还包括：
    若所述第一标识和所述第二标识均为颜色块标识，则在所述背景标识由所述第一标签移动至所述第二标签的过程中，所述第一标识逐渐变为所述第二标识；
    若所述第一标识和所述第二标识均为图像块标识或一个为颜色块标识，另一个为图像块标识，则在所述背景标识由所述第一标签移动至所述第二标签的过程中，所述第一标识逐渐消失，所述第二标识逐渐出现。
  7. 根据权利要求1至6中任一项所述的方法，其特征在于，所述接收目标指令之后，所述方法还包括：
    所述第二标签移动至所述目标界面的目标位置。
  8. 根据权利要求7所述的方法，其特征在于，所述方法还包括：
    在所述第二标签移动至所述目标界面的目标位置的过程中，之前处于所述目标位置的所述第一标签移动至所述第二标签原先所在的位置。
  9. 根据权利要求7所述的方法，其特征在于，所述方法还包括：
    在所述第二标签移动至所述目标界面的目标位置的过程中，之前处于所述目标位置的所述第一标签按照第一方向移动至下一位置。
  10. 根据权利要求7所述的方法，其特征在于，所述第二标签移动至所述目标界面的目标位置，包括：
    在所述第二标签为第一类标签的情况下，所述第二标签移动至所述目标位置；
    其中，所述第一类标签不同时刻在所述目标界面上包括至少一个显示位置，且所述至少一个显示位置包括所述目标位置。
  11. 根据权利要求1至6中任一项所述的方法，其特征在于，目标标签包括目标对象，所述目标标签为所述N个标签中的任一个，所述目标对象包括以下至少一项：字符对象和图像对象；
    所述目标标签处于非选中状态时，所述目标对象以第一显示效果显示，所述目标标签处于选中状态时，所述目标对象以第二显示效果显示，所述第一显示效果和所述第二显示效果不同。
  12. 根据权利要求11所述的方法，其特征在于，在所述目标对象包括字符对象的情况下，所述第一显示效果和所述第二显示效果存在以下至少一项区别：字符字体、字符颜色、字符尺寸；
    在所述目标对象包括图像对象的情况下，所述第一显示效果和所述第二显示效果存在以下至少一项 区别：图像颜色、图像尺寸。
  13. 根据权利要求11所述的方法，其特征在于，在所述目标标签由非选中状态变为选中状态的过程中，所述目标对象由所述第一显示效果渐变为所述第二显示效果。
  14. 根据权利要求1至6中任一项所述的方法，其特征在于，所述在显示目标界面的情况下，接收目标指令之前，所述方法还包括：
    下载目标资源，所述目标资源包括所述每个标签包括的对象信息，所述每个标签处于选中状态时包括的背景标识信息；
    基于所述目标资源，针对所述N个标签中的每个标签执行S1和S2；
    其中，S1为：在所述对象信息指示一标签的对象为图像对象的情况下，为所述一标签加载图像对象；在所述对象信息指示一标签的对象为字符对象的情况下，为所述一标签加载字符对象；
    S2为：在所述背景标识信息指示一标签处于选中状态时包括的背景标识为图像块标识的情况下，为处于选中状态的所述一标签加载图像块标识；在所述背景标识信息指示一标签处于选中状态时包括的背景标识为颜色块标识的情况下，为处于选中状态的所述一标签加载颜色块标识。
  15. 一种标签控制装置，其特征在于，所述装置应用于终端设备，所述装置包括：接收模块、执行模块和更新模块；
    所述接收模块，用于在显示目标界面的情况下，接收目标指令，所述目标界面包括N个标签和N个页面，每个标签用于指示一个页面，处于选中状态的标签包括背景标识，所述目标指令用于将所述N个标签中的第一标签由选中状态切换为非选中状态，以及将所述N个标签中的第二标签由非选中状态切换为选中状态，N为大于1的整数；
    所述执行模块，用于响应于所述接收模块接收的所述目标指令，执行目标操作；
    所述更新模块，用于将所述目标界面中显示的页面由所述第一标签指示的页面，更新为所述第二标签指示的页面；
    其中，所述目标操作包括以下至少一项：所述背景标识由所述第一标签移动至所述第二标签；显示所述背景标识为图像块标识的所述第二标签。
  16. 根据权利要求15所述的标签控制装置，其特征在于，所述更新模块，还用于响应于标签更新操作，更新所述目标界面上包括的标签。
  17. 根据权利要求15所述的标签控制装置，其特征在于，所述终端设备包括第一控件和第二控件，所述第一控件用于控制所述N个标签的显示效果，所述第二控件用于控制所述背景标识的显示效果。
  18. 根据权利要求17所述的标签控制装置，其特征在于，所述第一控件包括N个子控件，每一子控件用于控制一个标签的显示效果，所述第二控件包括N个子控件，每一子控件用于控制一个背景标识的显示效果。
  19. 一种终端设备，其特征在于，包括处理器，存储器及存储在所述存储器上并可在所述处理器上运行的程序或指令，所述程序或指令被所述处理器执行时实现如权利要求1至14中任一项所述的标签控制方法的步骤。
  20. 一种可读存储介质，其特征在于，所述可读存储介质上存储程序或指令，所述程序或指令被处理器执行时实现如权利要求1至14中任一项所述的标签控制方法的步骤。
PCT/CN2022/083638 2021-05-08 2022-03-29 标签控制方法、装置、终端设备及存储介质 Ceased WO2022237356A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202110502450.0 2021-05-08
CN202110502450.0A CN115309306A (zh) 2021-05-08 2021-05-08 标签控制方法、装置、终端设备及存储介质

Publications (1)

Publication Number Publication Date
WO2022237356A1 true WO2022237356A1 (zh) 2022-11-17

Family

ID=83854478

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/083638 Ceased WO2022237356A1 (zh) 2021-05-08 2022-03-29 标签控制方法、装置、终端设备及存储介质

Country Status (2)

Country Link
CN (1) CN115309306A (zh)
WO (1) WO2022237356A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115888089A (zh) * 2022-12-16 2023-04-04 网易（杭州）网络有限公司 控件的显示控制方法、装置、电子设备和存储介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120290960A1 (en) * 2011-05-13 2012-11-15 Sip Kim Yeung Method for Providing User Interface for Categorizing Icons and Electronic Device Using the Same
CN103218156A (zh) * 2013-02-28 2013-07-24 广东欧珀移动通信有限公司 实现多Tab页面切换的方法及其触摸式移动终端
US20150058787A1 (en) * 2013-08-22 2015-02-26 Google Inc. Swipe toolbar to switch tabs
CN303655222S (zh) * 2015-12-04 2016-04-27
CN106708496A (zh) * 2015-11-18 2017-05-24 腾讯科技（深圳）有限公司 图形界面中标签页的处理方法和装置

Family Cites Families (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102857823A (zh) * 2012-08-24 2013-01-02 乐视网信息技术（北京）股份有限公司 基于电视的web页面焦点控制方法
CN102929617A (zh) * 2012-10-18 2013-02-13 广东威创视讯科技股份有限公司 一种Web软件UI界面的换肤方法
CN103257788A (zh) * 2013-05-17 2013-08-21 北京暴风科技股份有限公司 一种windows桌面动态图标形成方法
CN105045590A (zh) * 2015-07-17 2015-11-11 百度在线网络技术（北京）有限公司 一种更改界面资源的方法和装置
CN106503004B (zh) * 2015-09-07 2020-09-11 腾讯科技（深圳）有限公司 一种信息处理方法及装置、终端
CN108156510B (zh) * 2017-12-27 2021-09-28 深圳Tcl数字技术有限公司 页面焦点处理的方法、装置及计算机可读存储介质
CN109240689B (zh) * 2018-08-15 2022-08-09 腾讯科技（深圳）有限公司 一种应用图标的生成方法、装置、服务器及介质
CN111125562B (zh) * 2019-11-18 2024-02-09 上海连尚网络科技有限公司 一种用于切换显示标签页的方法与设备
CN112351347B (zh) * 2020-10-26 2024-02-09 深圳Tcl新技术有限公司 屏幕焦点移动显示方法、显示设备及存储介质

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120290960A1 (en) * 2011-05-13 2012-11-15 Sip Kim Yeung Method for Providing User Interface for Categorizing Icons and Electronic Device Using the Same
CN103218156A (zh) * 2013-02-28 2013-07-24 广东欧珀移动通信有限公司 实现多Tab页面切换的方法及其触摸式移动终端
US20150058787A1 (en) * 2013-08-22 2015-02-26 Google Inc. Swipe toolbar to switch tabs
CN106708496A (zh) * 2015-11-18 2017-05-24 腾讯科技（深圳）有限公司 图形界面中标签页的处理方法和装置
CN303655222S (zh) * 2015-12-04 2016-04-27

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
RYAN_TIAN ZHEN: "TabLayout's custom implementation of the sliding animation of the tab background", 5 November 2016 (2016-11-05), CN, pages 1 - 5, XP009541310, Retrieved from the Internet <URL:https://blog.csdn.net/u014702999/article/details/53045290> *
SHI_SI [DEAD_THINKING]: "Custom selection Background Slider of Tablayout", 17 May 2017 (2017-05-17), CN, XP009541309, Retrieved from the Internet <URL:https://web.archive.org/web/20170517125755/http://www.jianshu.com:80/p/701d25f36c04> *

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115888089A (zh) * 2022-12-16 2023-04-04 网易（杭州）网络有限公司 控件的显示控制方法、装置、电子设备和存储介质

Also Published As

Publication number Publication date
CN115309306A (zh) 2022-11-08

Similar Documents

Publication Publication Date Title
US12147661B2 (en) Content sharing method and electronic device
CN110851051B (zh) 一种对象分享方法及电子设备
US11658932B2 (en) Message sending method and terminal device
CN110750188A (zh) 一种消息显示方法及电子设备
WO2019184666A1 (zh) 一种显示内容的方法及终端
CN109032468B (zh) 一种调节设备参数的方法及终端
US20170046040A1 (en) Terminal device and screen content enlarging method
CN108228120A (zh) 一种ar场景下的多屏联动方法和系统
CN110058754A (zh) 一种选项显示方法及终端设备
CN108595201A (zh) 一种应用程序更新方法及移动终端
CN108595070B (zh) 一种图标显示控制方法及终端
WO2020168882A1 (zh) 界面显示方法及终端设备
CN111399715A (zh) 一种界面显示方法及电子设备
CN109976629A (zh) 图像显示方法、终端和移动终端
CN106502608A (zh) 显示方法、装置及终端设备
CN111352547A (zh) 显示方法及电子设备
CN110162234A (zh) 一种应用控制方法及终端设备
CN110045890A (zh) 应用标识的显示方法及终端设备
US12271722B2 (en) Application installation method and apparatus, terminal device, and storage medium
CN109067975B (zh) 一种联系人信息管理方法及终端设备
WO2022237356A1 (zh) 标签控制方法、装置、终端设备及存储介质
WO2023015774A1 (zh) 切换方法、移动终端及存储介质
CN108540668A (zh) 一种程序启动方法及移动终端
CN109873903B (zh) 同类应用程序的显示方法、终端以及计算机可读存储介质
CN106293407A (zh) 一种图片显示方法及终端设备

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 22806326

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 22806326

Country of ref document: EP

Kind code of ref document: A1