WO2021159950A1 - 标签显示方法、设备以及计算机可读介质 - Google Patents

标签显示方法、设备以及计算机可读介质 Download PDF

Info

Publication number
WO2021159950A1
WO2021159950A1 PCT/CN2021/073712 CN2021073712W WO2021159950A1 WO 2021159950 A1 WO2021159950 A1 WO 2021159950A1 CN 2021073712 W CN2021073712 W CN 2021073712W WO 2021159950 A1 WO2021159950 A1 WO 2021159950A1
Authority
WO
WIPO (PCT)
Prior art keywords
label
application
display
displayed
interface
Prior art date
Application number
PCT/CN2021/073712
Other languages
English (en)
French (fr)
Inventor
党雪杰
李才仪
Original Assignee
上海掌门科技有限公司
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 上海掌门科技有限公司 filed Critical 上海掌门科技有限公司
Publication of WO2021159950A1 publication Critical patent/WO2021159950A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR 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

Definitions

  • This application relates to the field of information technology, and in particular to a label display method, device and computer readable medium.
  • labels are usually set in the interactive interface of an application to facilitate the user to switch between the functions corresponding to different labels.
  • FIG. 1 shows an interactive interface of an application program that uses a bottom label.
  • a fixed area 110 is provided at the bottom of the interactive interface as a label bar, and all labels are fixedly displayed in the label bar.
  • the bottom label can include "weather”, “real view”, “member”, “me”, etc., where the "weather” label is used to switch to the weather information display interface, and the "real view” label is used to switch To the display interface of the real-time scenery, the "Member” tab is used to switch to the display interface of the member function of the weather application, and the “Me” tab is used to display the display interface of the current user's personal information.
  • this kind of label display method can realize fast switching between different functions in the application, because the position of the label display is fixed, users will have a lot of inconveniences in actual use, especially with the split-screen mode of smart terminal devices. Widely used, the same screen of a device may be able to display windows of multiple applications at the same time, so the label displayed in a fixed position is easily obscured by other applications, which is inconvenient to operate.
  • FIG. 2 Take Figure 2 as an example.
  • the window of the application APP1 will block the application APP2.
  • a partial area of the window forms a shielding area 210.
  • the bottom labels in the application APP2 will be in the occluded area, thereby affecting the user's normal operation of these labels.
  • One purpose of this application is to provide a label display method, device and computer readable medium.
  • some embodiments of the present application provide a label display method, wherein the method includes:
  • the display position of the second label is updated according to the operation position information corresponding to the label movement operation.
  • an embodiment of the present application also provides a label display device, which includes a memory for storing computer program instructions and a processor for executing computer program instructions, wherein when the computer program instructions are executed by the processor , Triggering the device to execute the label display method.
  • the embodiments of the present application also provide a computer-readable medium on which computer program instructions are stored, and the computer-readable instructions can be executed by a processor to implement the label display method.
  • Some embodiments of the present application provide a label display solution.
  • the solution first displays the first label in a preset position of the application, and when the first trigger operation is detected, the first label is hidden and the second label is displayed.
  • Label, and the display position of the second label can be updated according to the operation position information corresponding to the label movement operation, where the first label corresponds to the label displayed in a fixed position in the existing solution, and the second label is a
  • Figure 1 is a schematic diagram of the interactive interface of an application that uses a bottom label
  • Figure 2 is a schematic diagram of the window layout of two applications in split-screen mode
  • FIG. 3 is a processing flowchart of a label display method provided by an embodiment of the application.
  • FIG. 4 is a schematic diagram when the first label is displayed at the bottom of the interface in an embodiment of the application
  • FIG. 5 is a schematic diagram of an interface when freely moving labels in an embodiment of the application.
  • FIG. 6 is a schematic diagram of the second label in an embodiment of the application when it is enlarged and displayed;
  • FIG. 7 is a schematic diagram when the second label moves to the edge of the display window in the embodiment of the application.
  • FIG. 8 is a schematic diagram of a key frame of the switching process when the label is displayed outside the application in the embodiment of the application;
  • FIG. 9 is a schematic diagram of another key frame of the switching process when the label is displayed outside the application in the embodiment of the application.
  • FIG. 10 is a schematic diagram of another key frame of the switching process when the label is displayed outside the application in the embodiment of the application;
  • FIG. 11 is a schematic diagram of the interface during the process of moving the label when the label is displayed outside the application of the embodiment of the application;
  • FIG. 12 is a schematic diagram of the interface after the label is moved when the label is displayed outside the application of the embodiment of the application;
  • FIG. 13 is a schematic diagram of an interface when a second label is dragged to a selected object through a label movement operation in an embodiment of the application;
  • FIG. 14 is a schematic diagram of an interface after a second application is set to a foreground running state in an embodiment of the application
  • 15 is a schematic diagram of an interface when dragging a second label to a desktop icon through a label movement operation in an embodiment of the application;
  • FIG. 16 is a schematic diagram of rearranging and displaying the remaining labels after the second label is moved out of the original label display area in the application in an embodiment of the application;
  • FIG. 17 is a schematic structural diagram of a computing device for implementing label display provided by an embodiment of the application.
  • both the terminal and the equipment serving the network include one or more processors (CPU), input/output interfaces, network interfaces, and memory.
  • processors CPU
  • input/output interfaces network interfaces
  • memory volatile and non-volatile memory
  • the memory may include non-permanent memory in a computer readable medium, random access memory (RAM) and/or non-volatile memory, such as read-only memory (ROM) or flash memory (flash RAM). Memory is an example of computer-readable media.
  • RAM random access memory
  • ROM read-only memory
  • flash RAM flash memory
  • Computer-readable media includes permanent and non-permanent, removable and non-removable media, and information storage can be realized by any method or technology.
  • the information can be computer-readable instructions, data structures, program modules, or other data.
  • Examples of computer storage media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other memory technologies, CD-ROM, digital versatile disc (DVD) or other optical storage, magnetic cassette type Magnetic tape, magnetic tape disk storage or other magnetic storage devices or any other non-transmission media can be used to store information that can be accessed by computing devices.
  • PRAM phase change memory
  • SRAM static random access memory
  • DRAM dynamic random access memory
  • RAM random access memory
  • ROM read-only memory
  • EEPROM electrically erasable programmable read-only memory
  • flash memory or other memory technologies
  • the first label corresponds to a label displayed in a fixed position in the existing solution
  • the second label is a movable label that replaces the first label after being triggered. Therefore, the label can be moved freely under the condition of being compatible with the existing fixed display solution, which makes the display of the label more flexible, and solves the problem that the label is easily blocked in the split screen mode.
  • the execution subject of this method may be user equipment capable of interacting with the user.
  • the user equipment includes, but is not limited to, various terminal devices such as computers, mobile phones, tablets, and smart watches.
  • FIG. 3 shows the processing flow of a label display method provided by an embodiment of the present application, and the method includes at least the following processing steps:
  • Step S301 Display the first label at the preset position of the application program.
  • the preset position is the position used to fix the display label in the interactive interface of the application.
  • the preset position for displaying the first label is the label bar at the bottom of the interactive interface. , So the application can realize a fixed position label in the initial state.
  • Figure 4 is a schematic diagram when a first tab tab1 is displayed at the bottom of the interface in a weather application.
  • Step S302 When the first trigger operation is detected, hide the first label and display the second label.
  • the first trigger operation is used to trigger the display switching between the first label and the second label, so that the display position of the label in the application program is switched from fixed display to automatically movable.
  • the first label and the second label are labels that display the same content.
  • the first label and the second label both display the content of the same function entry or navigation label, and the difference between the first label and the second label is The display position of the first label is fixed, and the display position of the second label can be changed with the user's label movement operation, thereby realizing the free movement of the label.
  • the first trigger operation may be an operation in which the user clicks a preset trigger button or a preset interaction area.
  • the trigger operation may also be a preset gesture operation.
  • the actual scene may include but is not limited to the following types: the user's floating operation gesture above the interactive interface, the user's contact operation gesture on the interactive interface, and the user interacting In the interface display state, it drives the movement trend of the user's equipment, etc.
  • the hovering operation gesture of the user above the interactive interface may refer to the hovering sliding track of the user above the interactive interface displayed on the user equipment within the collection range of the image sensor of the user equipment.
  • the image sensor may be a Charge Coupled Device (CCD) sensor, or may also be a Complementary Metal-Oxide Semiconductor (CMOS) sensor, which is not particularly limited in this embodiment.
  • CMOS Complementary Metal-Oxide Semiconductor
  • the suspended sliding trajectory may include, but is not limited to, a straight line or a curve of any shape composed of a number of stay points corresponding to a number of continuous sliding events, which is not particularly limited in this embodiment.
  • the user's contact operation gesture on the interactive interface may refer to the user's contact sliding track on the interactive interface displayed on the user equipment.
  • user equipment can be divided into two types according to whether the display device has the characteristics of touch input.
  • One type is a touch-sensitive device, and the other type is a non-touch-type device.
  • the user's contact operation gesture on the business card display interface displayed on the touch screen of the touch-sensitive device can be specifically detected.
  • the contact sliding trajectory may include, but is not limited to, a straight line composed of a plurality of touch points corresponding to a plurality of continuous touch events or a curve of any shape, which is not particularly limited in this embodiment.
  • it can be a user sliding operation in one direction on the interactive interface of the host application.
  • the movement trend of the user equipment driven by the user in the interactive interface display state may refer to that the user holds the user equipment in hand, and when the user equipment displays the interactive interface, it drives the movement trajectory of the user equipment, such as shaking, flipping, and moving along a specific Trajectory movement, etc.
  • Step S303 Update the display position of the second label according to the operation position information corresponding to the label movement operation.
  • the operation position information can be determined according to the label movement operation subsequently input by the user, and the display position of the second label can be updated in real time based on the operation position information.
  • the display position can change in real time with the user's label movement operation, so as to achieve the effect of freely moving the label.
  • the tag movement operation may be a sliding operation of the user's finger on the touch screen, and the current contact position between the finger and the touch screen is the current operation position information, so that the second tag can be displayed at the position of the finger in real time.
  • FIG. 5 is a schematic diagram of the interface when the first tab tab1 is hidden and the second tab tab2 is moved to the position where the user's finger touches.
  • the second label Since the first label corresponds to the label displayed at a fixed position in the existing solution, and the second label is a movable label that replaces the first label after being triggered, it can be freely compatible with the existing fixed display solution. Move the label to make the display of the label more flexible.
  • the second label can still be moved freely, so the solution is In the split screen mode, the label is easy to be obscured.
  • the second label when a second trigger operation is detected, the second label may be hidden and the first label may be displayed.
  • the second trigger operation corresponds to the first trigger operation, and is used to switch the display mode to the initial state, that is, switch from a freely movable mode to a fixed display mode.
  • the specific form of the second trigger operation may be similar to the first trigger operation, and may be an operation in which the user clicks a preset trigger button or a preset interaction area, or a preset gesture operation.
  • the labels in most applications will be displayed in several specific interfaces. For example, some applications will display the labels in the first interface after opening, and some applications will display the labels in the specific function.
  • the label is displayed on the interface. Therefore, in the process of using the application, if the user enters another interface that does not display the label, he needs to operate the label. At this time, he must return to the interface with the label before completing the operation on the label. Very inconvenient.
  • both the first label and the second label may be view components with label information.
  • the first label can be recorded as the first view component
  • the second label can be recorded as the second view component.
  • the view component can be a View object, that is, two View objects are used to extend the label. Display method.
  • the floating layer is a function provided by the operating system of the user equipment. The function of creating a floating layer can be obtained by obtaining the floating layer permission of the operating system. After an application obtains the floating layer permission, it can be displayed on the user device.
  • the upper layer of the interface creates a floating layer for displaying labels. Therefore, no matter the user enters any interface of the application, the label will be displayed on the top layer of the display interface, and the user can operate it at any time, making the user's operation of the label more flexible and simple, and improving the user experience.
  • the application When the application is started for the first time, it is requested to obtain the floating layer permissions of the operating system, so that the application can call the floating layer permissions of the operating system, thereby creating the floating layer, and displaying the view components with label information in the floating layer.
  • the execution process of the label movement operation refers to the interval after the label movement operation starts and before the execution ends.
  • the execution process of the label movement operation refers to the interval after the label movement operation starts and before the execution ends.
  • the specific form of the highlight display may be an enlarged display, that is, during the execution of the label movement operation, the second label is enlarged and displayed, and after the execution of the label movement operation is completed , The second label is displayed normally.
  • Fig. 6 shows a schematic diagram when the second label is enlarged and displayed.
  • the specific forms highlighted above are only examples, and other existing or future forms based on similar principles that can be applied to this application should also be included in the scope of protection of this application. And included here in the form of reference. For example, it can also display the trajectory of the movement of the second label, increase the flickering effect, change the color of the second label, etc., in addition, it is also possible to combine multiple specific forms of highlighting.
  • the operation of pressing and sliding a finger on the touch screen is a label movement operation that is more in line with the user's habits. Therefore, in this scenario, based on the event type of the obtained MotionEvent (touch event), it can be judged whether the current state is during the execution of the label movement operation or after the execution of the label movement operation ends. Then it is determined whether the second label needs to be highlighted.
  • the user presses and slides the finger on the touch screen to move the label it will correspond to three stages: 1. Press the finger, 2. Continue to slide the finger on the touch screen, and 3. Lift the finger.
  • the event types of the MotionEvent corresponding to these three stages are ACTION_DOWM, ACTION_MOVE, and ACTION_UP.
  • the event type of the MotionEvent corresponding to the label movement operation can be obtained.
  • the event type is judged; when the event type of MotionEvent is ACTION_MOVE, the second label is highlighted; when the event type of MotionEvent is ACTION_UP, the second label is displayed normally.
  • the label display area can rearrange the display positions of the remaining 4 labels to make them evenly centered, as shown in Figure 16.
  • the rearrangement display can be triggered by the user's label movement operation of the second label. After one execution of the label movement operation ends, that is, the second label returns from the highlighted state to the normal display state based on the label movement operation. After that, it is determined whether the second label has moved out of the original label display area, and if it has been moved out, the remaining labels are rearranged and displayed.
  • a more flexible label display method can also be provided, that is, the label of the application program is displayed outside the application.
  • the label display method provided by the embodiment of the present application, it is also possible to determine whether to trigger the out-of-app display state according to the operation position information corresponding to the label movement operation, and when the out-of-app display state is triggered, The application program is set to the background running state, and when the application program is set to the background running state, the second label is displayed.
  • the interface of the application program will not be displayed on the screen, but hidden and run in the background of the system.
  • the screen of the device can display the system desktop or the interface of other application programs, thereby realizing that the label of the application program is displayed on the system desktop or the interface of other application programs, realizing out-of-application display.
  • the moveTaskToBack() method can be called to set the application to a background running state.
  • the second label is a view component with label information, and the view component is displayed in the floating layer by adding to the WindowManager interface. Therefore, when the application is hidden and runs in the background of the system, The second label can still be displayed normally in the floating layer on the upper layer of the current interface, thereby smoothly implementing the out-of-application display of the label.
  • the out-of-app display state When judging whether the out-of-app display state is triggered according to the operation position information corresponding to the label movement operation, it can be judged whether the current operation position is in the edge area of the display window of the application according to the operation position information corresponding to the label movement operation.
  • the current operating position is at the edge area of the display window of the application program, and the out-of-application display state is triggered. Conversely, if the current operating position is not in the edge area of the display window of the application program, the out-of-application display state is not triggered, but the display position of the second label is updated in real time in the interface within the application program.
  • Figure 11 shows the zoom in during the execution of the label movement operation in the out-of-app display state.
  • a schematic diagram of displaying the second label and
  • FIG. 12 is a schematic diagram of normally displaying the second label after the execution of the label moving operation is completed in the external display state.
  • the processing flow may include the following steps:
  • Step 1 After starting the application, check the permissions. If the floating layer permissions are not obtained, request the floating layer permissions.
  • Step 2 Call the onCreate() method of the application to obtain the WindowManager interface, set the WindowManager interface, and set the flag attribute of the LayoutParams of the View class and related layout information such as width and height. Among them, set the flag attribute of LayoutParams to:
  • Step 3 Create a View object with label information, add it to the WindowManager interface through the addView() method, so that it can be displayed in the floating layer above the interface.
  • the display View object is the label.
  • there are two labels added to the label namely the first label tab1 and the second label tab2.
  • Step 4 For the form displayed in the app, press and hold the position of the fixed tab tab1 with your finger to move it. After listening to the finger sliding, hide the View object corresponding to the first tab tab1, and then display the View object corresponding to the second tab tab2, and monitor the touch event at the same time.
  • the ACTION_MOVE event is monitored, the View object corresponding to tab2 is continuously updated At the same time, zoom in the View object so that the View object can move with the gesture.
  • the ACTION_UP event can be monitored, and the View object corresponding to the second tab tab2 is restored to its original size. At this point, the user can operate the current interface at will, or open other interfaces through the current interface for operation.
  • the second tab tab2 is still displayed at the top level of the application, and is not affected by the application interface switching.
  • Step 5 For the form displayed outside the application, when the View object corresponding to the second tab tab2 is moved to the four edge areas of the current window, the application is placed in the background of the system by calling the moveTaskToBack() method. Since the View object is added to the WindowManager interface for display in the floating layer, the application can still be displayed normally after switching to the background running state. At this time, clicking on the label information contained in the View object can jump to the interface corresponding to the label. Realize the out-of-application display of the label.
  • the selected object corresponding to the second application when the first application is running in the background, the selected object corresponding to the second application may also be displayed.
  • the first application is the application to which the second tab belongs
  • the second application is the application running in the background
  • the selected object corresponding to the second application can be arbitrarily displayed on the interface, which can indicate
  • the interface element of the second application program running in the background may be, for example, an interface thumbnail of the second application program.
  • the second application program may include the first application program that is already running in the background.
  • the display position of the second label can still be updated in real time according to the user's label movement operation, so that the selected second application can be determined according to the display position of the second label and the display position of the selected object, and then The selected second application is set to the foreground running state, and the second label is displayed on the interface of the second application.
  • the selected second application When determining the selected second application according to the display position of the second label and the display position of the selected object, it can be determined whether the display position of the second label overlaps with the display position of the selected object, if Overlapping means that the user drags the second label to the selected object corresponding to a second application, which can mean that the second application is selected.
  • the selected second application can be set to the foreground running state, and the second tab is displayed on the interface of the second application, so that any background running application can be reopened to the second tab through the second tab.
  • the foreground while continuing to display the second label in the interface of the application running in the foreground.
  • the selected objects 1310, 1320, and 1330 are respectively the interface thumbnails of the three second applications.
  • the desktop of the operating system may be displayed.
  • the first application is the application to which the second tab belongs, and the icon of the third application is displayed on the desktop, where the third application may be any application installed in the operating system of the user equipment, After these applications are installed, their icons will be displayed on the desktop of the operating system for users to click to start.
  • the display position of the second label can still be updated in real time according to the user's label movement operation, so that the selected third label can be determined according to the display position of the second label and the display position of the icon of the third application.
  • application When determining the selected third application according to the display position of the second label and the display position of the icon of the third application, the display position of the second label and the display position of the icon of the third application can be determined Whether they are overlapped, if they overlap, it means that the user drags the second label to the icon of a third application program, which may indicate the selection of the third application program. At this time, the selected third application may be started, and the second label may continue to be displayed on the interface of the third application. As shown in FIG. 14, when the user drags the second tab tab2 to one of the icons on the desktop through the tab moving operation, the application corresponding to the icon can be started, and the second tab can be displayed on the interface of the application.
  • an embodiment of the present application also provides a label display device.
  • the method corresponding to the device is the label display method in the foregoing embodiment, and the principle of solving the problem is similar to the method.
  • the device includes a memory for storing computer program instructions and a processor for executing the computer program instructions, wherein when the computer program instructions are executed by the processor, the device is triggered to execute the aforementioned label display method.
  • the first label corresponds to the label displayed in a fixed position in the existing solution
  • the second label is a movable label that replaces the first label after being triggered.
  • the label can be moved freely under the condition of being compatible with the existing fixed display solution, which makes the display of the label more flexible and solves the problem that the label is easily blocked in the split screen mode.
  • the label display device may be a user device capable of interacting with a user, and the user device includes, but is not limited to, various terminal devices such as computers, mobile phones, tablets, smart watches, and so on.
  • FIG. 17 shows the structure of a device suitable for implementing the method and/or technical solution in the embodiments of the present application.
  • the device 1700 includes a central processing unit (CPU, Central Processing Unit) 1701, which can be stored in a read-only The program in the memory (ROM, Read Only Memory) 1702 or the program loaded from the storage part 1708 to the random access memory (RAM, Random Access Memory) 1703 performs various appropriate actions and processing. In RAM 1703, various programs and data required for system operation are also stored.
  • the CPU 1701, the ROM 1702, and the RAM 1703 are connected to each other through a bus 1704.
  • An input/output (I/O, Input/Output) interface 1705 is also connected to the bus 1704.
  • the following components are connected to the I/O interface 1705: the input part 1706 including a keyboard, a mouse, a touch screen, a microphone, an infrared sensor, etc.; including a cathode ray tube (CRT, Cathode Ray Tube), a liquid crystal display (LCD, Liquid Crystal Display), The output part 1707 of LED display, OLED display, etc. and speakers, etc.; the storage part 1708 including one or more computer-readable media such as hard disks, optical disks, magnetic disks, semiconductor memory, etc.; and including LAN (Local Area Network, Local Area Network) cards, The communication part 1709 of a network interface card such as a modem. The communication section 1709 performs communication processing via a network such as the Internet.
  • the input part 1706 including a keyboard, a mouse, a touch screen, a microphone, an infrared sensor, etc.
  • CTR cathode ray tube
  • LCD Liquid Crystal Display
  • an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a computer-readable medium, and the computer program contains program code for executing the method shown in the flowchart.
  • the computer program is executed by the central processing unit (CPU) 1701, it executes the above-mentioned functions defined in the method of the present application.
  • the computer-readable medium described in this application may be a computer-readable signal medium or a computer-readable storage medium, or any combination of the two.
  • the computer-readable medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or device, or any combination of the above. More specific examples of computer-readable storage media may include, but are not limited to: electrical connections with one or more wires, portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable removable Programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage device, magnetic storage device, or any suitable combination of the above.
  • the computer-readable medium can be any tangible medium that contains or stores a program, and the program can be used by or in combination with an instruction execution system, apparatus, or device.
  • a computer-readable signal medium may include a data signal propagated in a baseband or as a part of a carrier wave, and a computer-readable program code is carried therein.
  • This propagated data signal can take many forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the foregoing.
  • the computer-readable signal medium may also be any computer-readable medium other than the computer-readable storage medium.
  • the computer-readable medium may send, propagate, or transmit the program for use by or in combination with the instruction execution system, apparatus, or device .
  • the program code contained on the computer-readable medium can be transmitted by any suitable medium, including but not limited to: wireless, wire, optical cable, RF, etc., or any suitable combination of the above.
  • the computer program code used to perform the operations of the present application can be written in one or more programming languages or a combination thereof.
  • the programming languages include object-oriented programming languages—such as Java, Smalltalk, C++, and also conventional The procedural programming language-such as "C" language or similar programming language.
  • the program code can be executed entirely on the user's computer, partly on the user's computer, executed as an independent software package, partly on the user's computer and partly executed on a remote computer, or entirely executed on the remote computer or server.
  • the remote computer can be connected to the user's computer through any kind of network, including a local area network (LAN) or a wide area network (WAN), or it can be connected to an external computer (for example, using an Internet service provider to pass Internet connection).
  • LAN local area network
  • WAN wide area network
  • Internet service provider for example, using an Internet service provider to pass Internet connection.
  • each block in the flowchart or block diagram may represent a module, program segment, or part of code, and the module, program segment, or part of code contains one or more for realizing the specified logical function Executable instructions.
  • the functions marked in the block may also occur in a different order from the order marked in the drawings. For example, two blocks shown one after another can actually be executed substantially in parallel, and they can sometimes be executed in the reverse order, depending on the functions involved.
  • each block in the block diagram and/or flowchart, and the combination of the blocks in the block diagram and/or flowchart can be implemented by a dedicated hardware-oriented system that performs specified functions or operations. Or it can be realized by a combination of dedicated hardware and computer instructions.
  • the present application also provides a computer-readable medium, which may be included in the device described in the above embodiment; or it may exist alone without being assembled into the device.
  • the aforementioned computer-readable medium carries one or more computer-readable instructions, which can be executed by a processor to implement the aforementioned methods and/or technical solutions of the multiple embodiments of the present application.
  • some embodiments of the present application provide a label display solution.
  • the solution first displays the first label in a preset position of the application, and hides the first label when the first trigger operation is detected.
  • display the second label, and the display position of the second label can be updated according to the operation position information corresponding to the label movement operation, wherein the first label corresponds to the label displayed in the fixed position in the existing solution, and
  • the second label is a movable label that replaces the first label after being triggered. Therefore, the label can be moved freely while being compatible with the existing fixed display solution, making the display of the label more flexible, and solving the problem that the label is easy to be displayed in the split screen mode.
  • the problem of occlusion is a label display solution.
  • this application can be implemented in software and/or a combination of software and hardware.
  • it can be implemented using an application specific integrated circuit (ASIC), a general purpose computer or any other similar hardware device.
  • ASIC application specific integrated circuit
  • the software program of the present application may be executed by a processor to realize the above steps or functions.
  • the software program (including related data structure) of the present application can be stored in a computer-readable recording medium, such as RAM memory, magnetic or optical drive or floppy disk and similar devices.
  • some steps or functions of the present application may be implemented by hardware, for example, as a circuit that cooperates with a processor to execute each step or function.

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

本申请提供了一种标签显示的方案，该方案首先在应用程序的预设位置显示第一标签，在检测到第一触发操作时，隐藏所述第一标签，并显示第二标签，并且可以根据标签移动操作对应的操作位置信息，更新所述第二标签的显示位置，其中，所述第一标签对应于现有方案中显示于固定位置的标签，而第二标签是一个在触发后替代第一标签的可移动标签，因此能够在兼容现有固定显示方案的情况下自由移动标签，使得标签的显示更加灵活，同时，也可以解决在分屏模式下标签容易被遮挡的问题。

Description

标签显示方法、设备以及计算机可读介质
本申请是以CN申请号为 202010087438.3，申请日为 2020.02.11的申请为基础，并主张其优先权，该CN申请的公开内容在此作为整体引入本申请中
技术领域
本申请涉及信息技术领域，尤其涉及一种标签显示方法、设备以及计算机可读介质。
背景技术
目前，应用程序的交互界面中通常都会设置若干标签，以便于用户在不同标签对应的功能之间切换，这些标签的显示形式通常有三种，分别为顶部标签，侧边栏标签和底部标签。
图1示出了一种采用了底部标签的应用程序的交互界面，在交互界面的底部设置有一个固定的区域110，作为标签栏，所有标签都固定显示于在标签栏中。例如，对于一个天气应用，其底部标签可以包括“天气”、“实景”、“会员”、“我”等，其中“天气”标签用于切换至天气信息显示界面，“实景”标签用于切换至实时景色的显示界面，“会员”标签用于切换至该天气应用的会员功能的显示界面，“我”标签用于显示当前用户的个人信息的显示界面。
这类标签的显示方式，虽然可以实现应用程序中不同功能之间的快速切换，但是由于标签显示的位置固定，用户实际使用时会有诸多不便，特别是随着智能终端设备的分屏模式的广泛应用，一台设备的同一屏幕中可能会同时能展示多个应用程序的窗口，因此在固定位置显示的标签容易被其它的应用程序遮挡，不便于操作。
以图2为例，对于一个使用分屏模式的手机，手机在使用某一个应用程序APP1做笔记的同时，同时使用另一个应用程序APP2看视频，应用程序APP1的窗口会遮挡住应用程序APP2的窗口的部分区域，形成遮挡区域210。由此，应用程序APP2中的底部标签就会处于该遮挡区域中，从而影响用户对这些标签的 正常操作。
发明内容
本申请的一个目的是提供一种标签显示方法、设备以及计算机可读介质。
为实现上述目的，本申请的一些实施例提供了一种标签显示方法，其中，该方法包括：
在应用程序的预设位置显示第一标签；
在检测到第一触发操作时，隐藏所述第一标签，并显示第二标签；
根据标签移动操作对应的操作位置信息，更新所述第二标签的显示位置。
此外，本申请实施例还提供了一种标签显示设备，该设备包括用于存储计算机程序指令的存储器和用于执行计算机程序指令的处理器，其中，当该计算机程序指令被该处理器执行时，触发所述设备执行所述标签显示方法。
本申请实施例还提供了一种计算机可读介质，其上存储有计算机程序指令，所述计算机可读指令可被处理器执行以实现所述标签显示方法。
本申请的一些实施例提供了一种标签显示的方案，该方案首先在应用程序的预设位置显示第一标签，在检测到第一触发操作时，隐藏所述第一标签，并显示第二标签，并且可以根据标签移动操作对应的操作位置信息，更新所述第二标签的显示位置，其中，所述第一标签对应于现有方案中显示于固定位置的标签，而第二标签是一个在触发后替代第一标签的可移动标签，因此能够在兼容现有固定显示方案的情况下自由移动标签，使得标签的显示更加灵活，同时，也可以解决在分屏模式下标签容易被遮挡的问题。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本申请的其它特征、目的和优点将会变得更明显：
图1为一种采用了底部标签的应用程序的交互界面示意图；
图2为分屏模式中两个应用程序的窗口布局示意图；
图3为本申请实施例提供的一种标签显示方法的处理流程图；
图4为本申请实施例中第一标签显示于界面底部时的示意图；
图5为本申请实施例中自由移动标签时的界面示意图；
图6为本申请实施例中第二标签放大显示时的示意图；
图7为本申请实施例中第二标签移动至显示窗口的边缘时的示意图；
图8为本申请实施例中标签应用外显示时的切换过程的一个关键帧的示意图；
图9为本申请实施例中标签应用外显示时的切换过程的另一个关键帧的示意图；
图10为本申请实施例中标签应用外显示时的切换过程的另一个关键帧的示意图；
图11为本申请实施例中标签应用外显示时的移动标签过程中的界面示意图；
图12为本申请实施例中标签应用外显示时的移动标签之后的界面示意图；
图13为本申请实施例中通过标签移动操作拖动第二标签至选取对象时的界面示意图；
图14为本申请实施例中将一个第二应用程序设置为前台运行状态后的界面示意图；
图15为本申请实施例中通过标签移动操作拖动第二标签至桌面图标时的界面示意图；
图16为本申请实施例中第二标签移出应用程序中原标签显示区域后剩余标签重新排列显示的示意图；
图17为本申请实施例提供的一种用于实现标签显示的计算设备的结构示意图；
附图中相同或相似的附图标记代表相同或相似的部件。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
在本申请一个典型的配置中，终端、服务网络的设备均包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计 算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体，可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。
本申请的一些实施例提供的一种标签显示的方案中，第一标签对应于现有方案中显示于固定位置的标签，而第二标签是一个在触发后替代第一标签的可移动标签，因此能够在兼容现有固定显示方案的情况下自由移动标签，使得标签的显示更加灵活，解决了在分屏模式下标签容易被遮挡的问题。在实际场景中，该方法的执行主体可以是能够与用户进行交互的用户设备，所述用户设备包括但不限于计算机、手机、平板电脑、智能手表等各类终端设备。
图3示出了本申请实施例提供的一种标签显示方法的处理流程，该方法至少包括以下的处理步骤：
步骤S301，在应用程序的预设位置显示第一标签。所述预设位置即为应用程序的交互界面中用于固定显示标签的位置，例如，对于采用了底部标签的应用程序而言，显示第一标签的预设位置即为交互界面底部的标签栏，由此应用程序在初始状态下可以实现一个固定位置的标签。图4为在一个天气应用中，一个第一标签tab1显示于界面底部时的示意图。
步骤S302，在检测到第一触发操作时，隐藏所述第一标签，并显示第二标签。所述第一触发操作用于触发第一标签和第二标签之间的显示切换，使得应用程序中的标签的显示位置由固定显示切换至可自动移动。其中，第一标签和第二标签是显示有相同内容的标签，例如第一标签和第二标签上均显示了同一个功能入口或导航标签的内容，而第一标签和第二标签的区别在于第一标签的显示位置固定，而第二标签的显示位置可随用户的标签移动操作发生变化，从而实现标签的自由移动。
其中，所述第一触发操作可以是用户点击预设触发按钮或者预设交互区域的操作。或者，所述触发操作还可以是预设的手势操作，实际场景中可以包括但不 限于如下几类：用户在交互界面上方的悬空操作手势、用户在交互界面上的接触操作手势、用户在交互界面显示状态下带动用户设备的运动趋势等。
用户在交互界面上方的悬空操作手势，可以是指用户在用户设备的图像传感器的采集范围之内，在用户设备所显示的交互界面上方的悬空滑动轨迹。其中，所述图像传感器可以为电荷耦合元件(Charge Coupled Device，CCD)传感器，或者还可以为金属氧化物半导体元件(Complementary Metal-Oxide Semiconductor，CMOS)传感器，本实施例对此不进行特别限定。所述悬空滑动轨迹可以包括但不限于由若干个连续滑动事件对应的若干个停留点组成的直线或任意形状的曲线，本实施例对此不进行特别限定。
用户在交互界面上的接触操作手势，可以是指用户在用户设备所显示的交互界面上的接触滑动轨迹。通常，用户设备可以根据显示装置是否具有可触控输入的特性，分成两种类型，一种类型是触控式设备，另一种类型是非触控式设备。具体地，具体可以检测用户在触控式设备的触控屏所显示的名片展示界面上的接触操作手势。所述接触滑动轨迹可以包括但不限于由若干个连续触摸事件对应的若干个触摸点组成的直线或任意形状的曲线，本实施例对此不进行特别限定。例如，可以为用户在宿主应用的交互界面沿一个方向滑动操作等。
用户在交互界面显示状态下带动用户设备的运动趋势，可以是指用户手持用户设备，在用户设备显示交互界面时，带动所述用户设备所进行运动的运动轨迹，例如，晃动、翻转、沿特定轨迹移动等。
步骤S303，根据标签移动操作对应的操作位置信息，更新所述第二标签的显示位置。在触发切换之后，即可根据用户后续输入的标签移动操作，确定操作位置信息，并基于该操作位置信息来实时更新所述第二标签的显示位置，通过实时更新的方式，使得第二标签的显示位置能够随着用户的标签移动操作实时发生变化，从而达到自由移动标签的效果。例如，所述标签移动操作可以是用户的手指在触摸屏上滑动操作，手指与触摸屏当前的接触位置即为当前的操作位置信息，由此，可以将第二标签实时显示于手指的位置。图5为第一标签tab1隐藏，第二标签tab2移动至用户手指触摸位置时的界面示意图。
由于所述第一标签对应于现有方案中显示于固定位置的标签，而第二标签是一个在触发后替代第一标签的可移动标签，因此能够在兼容现有固定显示方案的情况下自由移动标签，使得标签的显示更加灵活。同时，在支持分屏显示模式的用户设备中，当有其它的应用程序与第二标签所属的应用程序采用分屏显示模式 同时在屏幕中显示时，该第二标签仍然可以自由移动，因此解决了在分屏模式下标签容易被遮挡的问题。
在本申请的一些实施例中，还可以在检测到第二触发操作时，隐藏所述第二标签，并显示所述第一标签。所述第二触发操作与第一触发操作对应，用于将显示方式切换为初始状态，即由可自由移动的方式切换回固定显示的方式。第二触发操作的具体形式可以与第一触发操作类似，可以是用户点击预设触发按钮或者预设交互区域的操作，或者是预设的手势操作等。
在实际场景中，大部分应用程序中的标签都会显示在几个特定的界面中，例如有的应用程序会在开启后的首个界面中显示标签，而有个应用程序则会在特定功能的界面中显示标签。因此，用户在使用应用程序的过程中，若进入到了其它未显示标签的界面后，需要对标签进行操作，此时必须先要返回到显示有标签的界面之后，才可以完成对标签的操作，十分不便。
对于上述问题，本申请的一些实施例中，所述第一标签和第二标签均可以是具有标签信息的视图组件。其中，第一标签可以记为第一视图组件，第二标签可以记为第二视图组件，以安卓(Andriod)系统为例，视图组件可以是View对象，即使用两个View对象来扩展标签的显示方式。在显示时，第一视图组件和第二视图组件均通过添加至WindowManager接口在浮层中进行显示。其中，所述浮层是用户设备的操作系统提供的一项功能，可以通过获取操作系统的浮层权限，获得创建浮层的功能，当一个应用获得浮层权限之后，可以在用户设备的显示界面的上层创建浮层，以用于显示标签。由此，无论用户进入到应用程序的任意界面中，标签均会显示于显示界面的最上层，用户可以随时对其进行操作，使得用户对标签的操作更加灵活、简单，提升了用户体验。
在首次启动应用程序时，请求获取操作系统的浮层权限，使得应用程序可以调用操作系统的浮层权限，从而创建浮层，并在浮层中显示具有标签信息的视图组件。
在本申请的一些实施例中，还可以在所述标签移动操作的执行过程中，突出显示所述第二标签，并在所述标签移动操作的执行结束后，正常显示所述第二标签。其中，所述标签移动操作的执行过程中是指标签移动操作开始后，且在执行结束之前的区间。以前述用户的手指在触摸屏上滑动的操作为例，即为用户按下手指开始移动之后，至用户抬起手指之前的区间，在该区间内，用户的手指会持续接触触摸屏并进行滑动，此时可以突出显示所述第二标签，使得用户能够更容 易关注到标签的当前位置，并且提升操作的趣味性。
在本申请的一些实施例中，突出显示的具体形式可以是放大显示，即在所述标签移动操作的执行过程中，放大显示所述第二标签，并在所述标签移动操作的执行结束后，正常显示所述第二标签。图6示出了第二标签放大显示时的示意图。在此，本领域技术人员应当理解，上述突出显示的具体形式仅为举例，现有或今后出现的基于类似原理的其它形式如果能够适用于本申请，也应该包含在本申请的保护范围内，并以引用的形式包含于此。例如，还可以是显示第二标签移动的轨迹、增加闪烁效果、改变第二标签的色彩等，此外也可以将多种突出显示的具体形式结合。
在实际场景中，在触摸屏上按下手指并滑动的操作是一种更加符合用户使用习惯的标签移动操作。因此，在此场景下，可以基于获取到的MotionEvent(触控事件)的事件类型，来判断当前的状态为所述标签移动操作的执行过程中，还是在所述标签移动操作的执行结束后，进而确定是否需要突出显示所述第二标签。用户在触摸屏上按下手指并滑动来移动标签时，会对应三个阶段：1、按下手指，2、手指在触摸屏上持续滑动，3、抬起手指。这三个阶段对应的MotionEvent的事件类型分别为ACTION_DOWM、ACTION_MOVE以及ACTION_UP，因此，本申请的一些实施例中，在显示第二标签时，可以获取标签移动操作对应的MotionEvent的事件类型，根据MotionEvent的事件类型进行判断；当MotionEvent的事件类型为ACTION_MOVE时，突出显示所述第二标签；当MotionEvent的事件类型为ACTION_UP时，正常显示所述第二标签。
在实际场景中，应用程序的界面中可能存在多个标签，以图4所示的界面为例，除了第一标签tab1之外，界面底部的标签显示区域中还存在4个另外的标签。当第一标签tab1隐藏，第二标签tab2随用户的标签移动操作移出标签显示区域之后，标签显示区域可以重新排列其中剩余的4个标签的显示位置，使其均匀居中分布，如图16所示。其中，重新排列显示可以由用户对第二标签的标签移动操作来触发，在一次所述标签移动操作的执行结束，即在第二标签基于标签移动操作由突出显示的状态恢复到正常显示的状态之后，判断第二标签是否移出原来的标签显示区域，若已经移出，则对剩余的标签重新排列显示。
在本申请的另一些实施例中，还可以提供一种更加灵活的标签显示方式，即在应用外显示应用程序的标签。为实现标签的应用外显示，本申请实施例提供的一种标签显示方法中，还可以根据标签移动操作对应的操作位置信息，判断是否 触发应用外显示状态，并且当触发应用外显示状态时，将所述应用程序设置为后台运行状态，并在所述应用程序设置处于后台运行状态时，显示第二标签。
当所述应用程序处于后台运行状态时，应用程序的界面不会显示在屏幕上，而是隐藏运行于系统后台。此时设备的屏幕上可以显示系统桌面或者是其它应用程序的界面，由此实现应用程序的标签显示于系统桌面或者其它应用程序的界面中，实现应用外显示。在实际场景中，可以调用moveTaskToBack()方法将所述应用程序设置为后台运行状态。
在本申请的一些实施例中，第二标签是一种具有标签信息的视图组件，该视图组件是通过添加至WindowManager接口在浮层中进行显示，因此当应用程序隐藏运行于系统后台中时，第二标签仍然可以在当前界面上层的浮层中正常显示，从而顺利实现标签的应用外显示。
在根据标签移动操作对应的操作位置信息，判断是否触发应用外显示状态时，可以根据标签移动操作对应的操作位置信息，判断当前的操作位置是否处于所述应用程序的显示窗口的边缘区域，若当前的操作位置处于所述应用程序的显示窗口的边缘区域，则触发应用外显示状态。反之，若当前的操作位置未处于所述应用程序的显示窗口的边缘区域，则不触发应用外显示状态，仅仅是在应用程序内的界面中实时更新第二标签的显示位置。
以滑动形式的标签移动操作为例，当用户的手指在触摸屏上滑动时，若手指的当前位置已经滑动到了应用程序的显示窗口的边缘，第二标签的显示位置也会随着手指的位置移动至显示窗口的边缘，如图7所示。此时，会判定已经出发应用外显示状态，将应用程序切换至后台运行状态，图8至10示出应用程序切换至后台运行状态并显示系统桌面的切换过程，图8至图10分别为该切换过程中的几个关键帧。在应用外显示状态下，仍然可以根据标签移动操作对应的操作位置信息，更新所述第二标签的显示位置，例如图11即为应用外显示状态下在所述标签移动操作的执行过程中放大显示所述第二标签的示意图，而图12则是应用外显示状态下在所述标签移动操作的执行结束后正常显示所述第二标签的示意图。
在采用本申请的方案显示应用程序的标签时，其处理流程可以包括以下的步骤：
第一步：启动应用程序后，检查权限，若未获取到浮层权限，则请求获取浮层权限。
第二步：调用应用程序的onCreate()方法，获取WindowManager接口，并对WindowManager接口进行设置，设置View类的LayoutParams的flag属性和宽度、高度等相关布局信息。其中，将LayoutParams的flag属性设置为：
WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL
WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE
WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS
第三步：创建具有标签信息的View对象，通过addView()方法将其添加WindowManager接口中，使其能够显示在界面上层的浮层中。该显示View对象即为标签，在本方案中，标签添加的标签有两个即第一标签tab1、第二标签tab2。
第四步：对于应用内显示的形式，用手指按住固定显示的标签tab1的位置，进行移动。监听到手指滑动之后，将第一标签tab1对应的View对象进行隐藏，然后显示第二标签tab2对应的View对象，同时监听触控事件，在监听到ACTION_MOVE事件，则不断的更新tab2对应的View对象的显示位置，同时将该View对象进行放大，以便于View对象跟随手势进行移动。用户放开手指时，可以监听到ACTION_UP事件，则将第二标签tab2对应的View对象恢复到原始尺寸。此时，用户可以随意的操作当前界面，也可以通过当前界面打开其他界面进行操作，第二标签tab2依旧在本应用最上层显示，不受应用程序界面切换的影响。
第五步：对于应用外显示的形式，将第二标签tab2对应的View对象移动到当前窗口的四个边缘区域时，通过调用moveTaskToBack()方法将应用置于系统后台中。由于View对象是添加至WindowManager接口在浮层中进行显示，应用程序切换至后台运行状态后，依旧可以正常显示，此时点击View对象中包含的标签信息可以跳转到标签对应的界面，由此实现标签的应用外显示。
此外，在本申请的一些实施例中，在第一应用程序处于后台运行状态时，还可以显示第二应用程序对应的选取对象。所述第一应用程序为第二标签所属的应用程序，所述第二应用程序为处于后台运行状态的应用程序，而第二应用程序对应的选取对象可以是任意显示于界面中，能够表示处于后台运行状态的第二应用程序的界面元素，例如可以是第二应用程序的界面缩略图。在实际场景中，第二应用程序中可以包含已经处于后台运行状态的第一应用程序。
此时，第二标签的显示位置仍然可以根据用户的标签移动操作实时更新，由此可以根据所述第二标签的显示位置与所述选取对象的显示位置，确定选中的第 二应用程序，而后将选中的第二应用程序设置为前台运行状态，并在所述第二应用程序的界面中显示所述第二标签。
在根据所述第二标签的显示位置与所述选取对象的显示位置，确定选中的第二应用程序时，可以判断所述第二标签的显示位置与所述选取对象的显示位置是否重合，若重合，则表示用户将第二标签拖动至一个第二应用程序对应的选取对象上，可以表示对该第二应用程序的选中。此时，可以将选中的第二应用程序设置为前台运行状态，并在所述第二应用程序的界面中显示所述第二标签，从而通过第二标签将任意后台运行的应用程序重新打开至前台，同时在该前台运行的应用程序的界面中继续显示第二标签。如图13所示，选取对象1310、1320和1330分别为三个第二应用程序的界面缩略图，用户通过标签移动操作将第二标签tab2拖动至其中的选取对象1320上时，可以将该第二应用程序1320设置为前台运行状态，并在其界面中显示所述第二标签，如图14所示。
此外，本申请的另一些实施例中，在所述第一应用程序处于后台运行状态时，可以显示操作系统的桌面。所述第一应用程序为第二标签所属的应用程序，所述桌面上显示有第三应用程序的图标，其中，所述第三应用程序可以是任意安装于用户设备操作系统中的应用程序，这些应用程序在完成安装之后，其图标会显示在操作系统的桌面上以供用户点击启动。
在此状态下，第二标签的显示位置仍然可以根据用户的标签移动操作实时更新，由此可以根据所述第二标签的显示位置与第三应用程序的图标的显示位置，确定选中的第三应用程序。在根据所述第二标签的显示位置与第三应用程序的图标的显示位置，确定选中的第三应用程序时，可以判断所述第二标签的显示位置与第三应用程序的图标的显示位置是否重合，若重合，则表示用户将第二标签拖动至一个第三应用程序的图标上，可以表示对该第三应用程序的选中。此时，可以启动选中的第三应用程序，并在所述第三应用程序的界面中继续显示所述第二标签。如图14所示，用户通过标签移动操作将第二标签tab2拖动至桌面上的其中一个图标上时，可以启动该图标对应的应用程序，并在该应用程序的界面中显示第二标签。
基于同一发明构思，本申请实施例中还提供了一种标签显示设备，所述设备对应的方法是前述实施例中的标签显示方法，并且其解决问题的原理与该方法相似。该设备包括用于存储计算机程序指令的存储器和用于执行计算机程序指令的处理器，其中，当该计算机程序指令被该处理器执行时，触发所述设备执行前述 的标签显示方法。
本申请的一些实施例提供的一种标签显示设备中，第一标签对应于现有方案中显示于固定位置的标签，而第二标签是一个在触发后替代第一标签的可移动标签，因此能够在兼容现有固定显示方案的情况下自由移动标签，使得标签的显示更加灵活，解决了在分屏模式下标签容易被遮挡的问题。在实际场景中，该标签显示设备可以是能够与用户进行交互的用户设备，所述用户设备包括但不限于计算机、手机、平板电脑、智能手表等各类终端设备。
图17示出了适用于实现本申请实施例中的方法和/或技术方案的一种设备的结构，该设备1700包括中央处理单元(CPU，Central Processing Unit)1701，其可以根据存储在只读存储器(ROM，Read Only Memory)1702中的程序或者从存储部分1708加载到随机访问存储器(RAM，Random Access Memory)1703中的程序而执行各种适当的动作和处理。在RAM 1703中，还存储有系统操作所需的各种程序和数据。CPU 1701、ROM 1702以及RAM 1703通过总线1704彼此相连。输入/输出(I/O，Input/Output)接口1705也连接至总线1704。
以下部件连接至I/O接口1705：包括键盘、鼠标、触摸屏、麦克风、红外传感器等的输入部分1706；包括诸如阴极射线管(CRT，Cathode Ray Tube)、液晶显示器(LCD，Liquid Crystal Display)、LED显示器、OLED显示器等以及扬声器等的输出部分1707；包括硬盘、光盘、磁盘、半导体存储器等一个或多个计算机可读介质的存储部分1708；以及包括诸如LAN(局域网，Local Area Network)卡、调制解调器等的网络接口卡的通信部分1709。通信部分1709经由诸如因特网的网络执行通信处理。
特别地，本申请实施例中的方法和/或实施例可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在该计算机程序被中央处理单元(CPU)1701执行时，执行本申请的方法中限定的上述功能。
需要说明的是，本申请所述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器 (RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本申请中，计算机可读介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
而在本申请中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。
可以以一种或多种程序设计语言或其组合来编写用于执行本申请的操作的计算机程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图或框图示出了按照本申请各种实施例的设备、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的针对硬件的系统来实现，或者可以用专用硬件与计算机指令的 组合来实现。
作为另一方面，本申请还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。上述计算机可读介质承载有一个或者多个计算机可读指令，所述计算机可读指令可被处理器执行以实现前述本申请的多个实施例的方法和/或技术方案。
综上所述，本申请的一些实施例提供了一种标签显示的方案，该方案首先在应用程序的预设位置显示第一标签，在检测到第一触发操作时，隐藏所述第一标签，并显示第二标签，并且可以根据标签移动操作对应的操作位置信息，更新所述第二标签的显示位置，其中，所述第一标签对应于现有方案中显示于固定位置的标签，而第二标签是一个在触发后替代第一标签的可移动标签，因此能够在兼容现有固定显示方案的情况下自由移动标签，使得标签的显示更加灵活，解决了在分屏模式下标签容易被遮挡的问题。
需要注意的是，本申请可在软件和/或软件与硬件的组合体中被实施，例如，可采用专用集成电路(ASIC)、通用目的计算机或任何其他类似硬件设备来实现。在一些实施例中，本申请的软件程序可以通过处理器执行以实现上文步骤或功能。同样地，本申请的软件程序(包括相关的数据结构)可以被存储到计算机可读记录介质中，例如，RAM存储器，磁或光驱动器或软磁盘及类似设备。另外，本申请的一些步骤或功能可采用硬件来实现，例如，作为与处理器配合从而执行各个步骤或功能的电路。
对于本领域技术人员而言，显然本申请不限于上述示范性实施例的细节，而且在不背离本申请的精神或基本特征的情况下，能够以其他的具体形式实现本申请。因此，无论从哪一点来看，均应将实施例看作是示范性的，而且是非限制性的，本申请的范围由所附权利要求而不是上述说明限定，因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本申请内。不应将权利要求中的任何附图标记视为限制所涉及的权利要求。此外，显然“包括”一词不排除其他单元或步骤，单数不排除复数。装置权利要求中陈述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第一，第二等词语用来表示名称，而并不表示任何特定的顺序。

Claims (14)

  1. 一种标签显示方法，其中，该方法包括：
    在应用程序的预设位置显示第一标签；
    在检测到第一触发操作时，隐藏所述第一标签，并显示第二标签；
    根据标签移动操作对应的操作位置信息，更新所述第二标签的显示位置。
  2. 根据权利要求1所述的方法，其中，该方法还包括：
    在所述标签移动操作的执行过程中，突出显示所述第二标签，并在所述标签移动操作的执行结束后，正常显示所述第二标签。
  3. 根据权利要求2所述的方法，其中，所述突出显示为放大显示。
  4. 根据权利要求2所述的方法，其中，在所述标签移动操作的执行过程中，突出显示所述第二标签，并在所述标签移动操作的执行结束后，正常显示所述第二标签，包括：
    获取标签移动操作对应的MotionEvent的事件类型；
    当MotionEvent的事件类型为ACTION_MOVE时，突出显示所述第二标签；
    当MotionEvent的事件类型为ACTION_UP时，正常显示所述第二标签。
  5. 根据权利要求1所述的方法，其中，该方法还包括：
    根据标签移动操作对应的操作位置信息，判断是否触发应用外显示状态；
    当触发应用外显示状态时，将所述应用程序设置为后台运行状态，并在所述应用程序处于后台运行状态时，显示第二标签。
  6. 根据权利要求5所述的方法，其中，该方法还包括：
    在第一应用程序处于后台运行状态时，显示第二应用程序对应的选取对象，所述第一应用程序为第二标签所属的应用程序，所述第二应用程序为处于后台运行状态的应用程序；
    根据所述第二标签的显示位置与所述选取对象的显示位置，确定选中的第二应用程序；
    将选中的第二应用程序设置为前台运行状态，并在所述第二应用程序的界面中显示所述第二标签。
  7. 根据权利要求5所述的方法，其中，该方法还包括：
    在第一应用程序处于后台运行状态时，显示操作系统的桌面，所述第一应用程序为第二标签所属的应用程序，所述桌面上显示有第三应用程序的图标；
    根据所述第二标签的显示位置与第三应用程序的图标的显示位置，确定选中 的第三应用程序；
    启动选中的第三应用程序，并在所述第三应用程序的界面中显示所述第二标签。
  8. 根据权利要求4所述的方法，其中，根据标签移动操作对应的操作位置信息，判断是否触发应用外显示状态，包括：
    根据标签移动操作对应的操作位置信息，判断当前的操作位置是否处于所述应用程序的显示窗口的边缘区域；
    若当前的操作位置处于所述应用程序的显示窗口的边缘区域，则触发应用外显示状态。
  9. 根据权利要求4所述的方法，其中，当触发应用外显示状态时，将所述应用程序设置为后台运行状态，包括：
    当触发应用外显示状态时，调用moveTaskToBack()方法将所述应用程序设置为后台运行状态。
  10. 根据权利要求1所述的方法，其中，该方法还包括：
    在检测到第二触发操作时，隐藏所述第二标签，并显示所述第一标签。
  11. 根据权利要求1至10中任一项所述的方法，其中，所述第一标签为具有标签信息的第一视图组件，所述第二标签为具有视图标签的第二视图组件，所述第一视图组件和第二视图组件通过添加至WindowManager接口在浮层中进行显示。
  12. 根据权利要求11所述的方法，其中，该方法还包括：
    在首次启动应用程序时，请求获取操作系统的浮层权限。
  13. 一种标签显示设备，该设备包括用于存储计算机程序指令的存储器和用于执行计算机程序指令的处理器，其中，当该计算机程序指令被该处理器执行时，触发所述设备执行权利要求1至12中任一项所述的方法。
  14. 一种计算机可读介质，其上存储有计算机程序指令，所述计算机可读指令可被处理器执行以实现如权利要求1至12中任一项所述的方法。
PCT/CN2021/073712 2020-02-11 2021-01-26 标签显示方法、设备以及计算机可读介质 WO2021159950A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202010087438.3 2020-02-11
CN202010087438.3A CN111338520B (zh) 2020-02-11 2020-02-11 标签显示方法、设备以及计算机可读介质

Publications (1)

Publication Number Publication Date
WO2021159950A1 true WO2021159950A1 (zh) 2021-08-19

Family

ID=71182648

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2021/073712 WO2021159950A1 (zh) 2020-02-11 2021-01-26 标签显示方法、设备以及计算机可读介质

Country Status (2)

Country Link
CN (1) CN111338520B (zh)
WO (1) WO2021159950A1 (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111338520B (zh) * 2020-02-11 2021-06-25 上海掌门科技有限公司 标签显示方法、设备以及计算机可读介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102663056A (zh) * 2012-03-29 2012-09-12 奇智软件（北京）有限公司 一种图片元素显示方法和装置
CN107025034A (zh) * 2016-02-02 2017-08-08 优信拍（北京）信息科技有限公司 应用程序启动方法及装置
US20180041459A1 (en) * 2004-03-31 2018-02-08 Google Inc. Email conversation management system
CN111338520A (zh) * 2020-02-11 2020-06-26 上海掌门科技有限公司 标签显示方法、设备以及计算机可读介质

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7437682B1 (en) * 2003-08-07 2008-10-14 Apple Inc. Icon label placement in a graphical user interface
CN103246668A (zh) * 2012-02-08 2013-08-14 腾讯科技（深圳）有限公司 一种浏览器工具栏调整方法及装置
CN107092471A (zh) * 2016-07-27 2017-08-25 阿里巴巴集团控股有限公司 一种功能按钮显示方法和装置
CN108810605A (zh) * 2018-03-16 2018-11-13 青岛海信电器股份有限公司 系列标签中单个标签的位置调整方法及显示终端
CN109783748B (zh) * 2018-12-10 2024-05-03 平安科技（深圳）有限公司 显示字段的显示方法、装置、设备及可读存储介质

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20180041459A1 (en) * 2004-03-31 2018-02-08 Google Inc. Email conversation management system
CN102663056A (zh) * 2012-03-29 2012-09-12 奇智软件（北京）有限公司 一种图片元素显示方法和装置
CN107025034A (zh) * 2016-02-02 2017-08-08 优信拍（北京）信息科技有限公司 应用程序启动方法及装置
CN111338520A (zh) * 2020-02-11 2020-06-26 上海掌门科技有限公司 标签显示方法、设备以及计算机可读介质

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
BEI DAI MA YAN MO DE XIAO HUO ZI [THE GUY OVERWHELMED BY CODE]: "Imitation NetEase News Tag Selector (Draggable) - TabMoveLayout", BLOG CSDN, CN, pages 1 - 10, XP009529728, Retrieved from the Internet <URL:https://blog.csdn.net/sdfdzx/article/details/70230959> *

Also Published As

Publication number Publication date
CN111338520B (zh) 2021-06-25
CN111338520A (zh) 2020-06-26

Similar Documents

Publication Publication Date Title
CN109164964B (zh) 内容分享方法、装置、终端及存储介质
AU2017200737B2 (en) Multi-application environment
US10205985B2 (en) Management of the channel bar
CN108804190B (zh) 用户界面显示方法、装置、终端及存储介质
WO2021052255A1 (zh) 热点推荐弹窗的控制方法、装置、介质及电子设备
US9104440B2 (en) Multi-application environment
US20170300151A1 (en) Management of the channel bar
US20180024730A1 (en) Custom widgets based on graphical user interfaces of applications
WO2021052256A1 (zh) 弹窗的控制方法、装置、介质及电子设备
WO2023024921A1 (zh) 视频交互方法、装置、设备及介质
WO2021073327A1 (zh) 窗口显示方法、装置、终端及存储介质
TW201617839A (zh) 光解離管理器
WO2022179409A1 (zh) 控件显示方法、装置、设备及介质
WO2021159950A1 (zh) 标签显示方法、设备以及计算机可读介质
KR20130085146A (ko) 애플리케이션 파일 재개와 그를 위한 스크린 캡처 방법 및 장치
CN111209503A (zh) 网页中弹窗的处理方法、装置、电子设备、及存储介质
US20230289051A1 (en) Interacting method and apparatus, device and medium
WO2021068964A1 (zh) 窗口排列方法、装置、终端及存储介质
CN111078112A (zh) 终端设备控制方法、装置、计算机设备及存储介质
CN110990095A (zh) 寄宿应用展示方法、设备以及计算机可读介质
WO2023125052A1 (zh) 一种显示方法及相关装置
WO2024046357A1 (zh) 一种信息展示方法、装置、电子设备、计算机可读介质
US12014019B2 (en) Display method, apparatus and computer readable storage medium

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: 21753364

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: 21753364

Country of ref document: EP

Kind code of ref document: A1

32PN Ep: public notification in the ep bulletin as address of the adressee cannot be established

Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM 1205A DATED 10.03.2023)

122 Ep: pct application non-entry in european phase

Ref document number: 21753364

Country of ref document: EP

Kind code of ref document: A1