WO2017118329A1 - Method and apparatus for controlling tab bar - Google Patents

Abstract

A method and apparatus for controlling a tab bar. The method comprises: obtaining a display region of a tab bar in an application interface (S51), the tab bar comprising N functional controls, i functional controls among the N functional controls being displayed in the display region, N-i functional controls being hidden, and i being a nature number less than N; when a drag event is detected in the display region of the tab bar, if it is detected that a hidden first functional control is dragged into the display region, obtaining an attribute of the first functional control and/or an operation attribute when the drag event occurs (S53); and if the attribute of the first functional control and/or the operation attribute when the drag event occurs satisfy or satisfies preset triggering conditions, executing a task corresponding to the first functional control (S55). The method resolves the problem in the prior art of misoperations that are easily caused when multiple functional controls are switched by means clicks because a display region in the layout of a tab bar is fixed.

Description

Label bar control method and device

The present application claims priority to Chinese Patent Application No. Serial No. No. No. No. No. No. No. No. No. No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No No

Technical field

The present invention relates to the field of mobile terminal control, and in particular to a method and apparatus for controlling a tag bar.

Background technique

With the widespread use of touch-screen mobile terminals such as car navigation systems, mobile phones, tablets, etc., more and more applications are used on mobile terminals, and each application is provided with a tab bar (Tab bar). Switch the tabs in the tab bar to switch between multiple functions, as shown in Figure 1.

Generally, the display area of the tab bar is fixed, and the number of the function buttons displayed in the display area can be 2-5, and the common one is four. When the function control that needs to be switched exceeds the screen operation, the function control to be switched needs to be displayed in the display area. For this function, the current similar function tab switching is triggered by sliding the tab bar plus the selection function to trigger the corresponding function control. The control function, for example, completes the above switching function by the following two steps (levels) or above:

1. The initial state of the tab bar is shown in Figure 2(a). When the user needs to exceed the screen operation, the tab bar can be dragged to display the function that needs to be switched.

2. Complete the function switching by clicking the function control that needs to be switched. For example, if you need to switch the function one, click the function one control, as shown in Figure 2(b); if you need to switch the function two, click the function two control, as shown in Figure 2. (c); To switch function three, click on the function three control, as shown in Figure 2(d).

However, the prior art has the following disadvantages:

1. The number of Tab bar display is limited. Due to the fixed width of the mobile phone screen, there are not many buttons.

2. When there are many functions (≥5), when clicking the switching function, the tab bar has a small space and a short distance, which may cause misoperation.

3, the user in the shaking scene, such as driving, subway, walking, can not perform precise operation of the function.

In view of the fact that the display area of the tab bar layout in the prior art is fixed, and the technical problem of erroneous operation is easily caused by clicking and switching multiple function controls, an effective solution has not been proposed yet.

Summary of the invention

The embodiment of the invention provides a method and a device for controlling a tab bar, so as to at least solve the technical problem that the display area of the tab bar layout in the prior art is fixed, and the multiple function controls are clicked to cause misoperation.

According to an aspect of the embodiments of the present invention, a method for controlling a tab bar is provided, including: obtaining a display area of a tab bar in an application interface, wherein the tab bar includes: N function controls, i of the N function controls The function controls are displayed in the display area, Ni function controls are hidden, i is a natural number less than or equal to N; when a drag event is detected in the display area of the tab bar, if the hidden first function control is detected and dragged into the display The area obtains the attribute of the first function control and/or the operation attribute when the drag event occurs; if the attribute of the first function control and/or the operation attribute when the drag event occurs meets the preset trigger condition, the first execution is performed. The task corresponding to the function control.

According to another aspect of the embodiments of the present invention, a method for controlling a tab bar is further provided, including: when an application interface displayed in the touch screen senses a drag event, determining whether the drag event occurs in a tab bar of the application interface. The display area, wherein the tab bar includes: a list of function controls, i function controls in the function control list are displayed in the display area, Ni function controls are hidden, i is a natural number less than or equal to N; if the function control list is hidden A function control is dragged into the display area to obtain the attribute of the first function control and/or the operation attribute when the drag event occurs; if the attribute of the first function control and/or the operation attribute when the drag event occurs, the preset attribute is satisfied. When the trigger condition is met, the function page corresponding to the first function control is displayed in the application interface.

According to another aspect of the embodiments of the present invention, a control device for a tab bar is provided, including: a first obtaining module, configured to acquire a display area of a tab bar in an application interface, where the tab bar includes: N functions The control, i function controls of the N function controls are displayed in the display area, Ni function controls are hidden, i is a natural number less than or equal to N; and the second acquisition module is configured to detect the drag in the display area of the tab bar In the event, if it is detected that the hidden first function control is dragged into the display area, the attribute of the first function control and/or the operation attribute when the drag event occurs; the execution module is used if the attribute of the first function control and / If the operation attribute when the drag event occurs satisfies the preset trigger condition, the task corresponding to the first function control is executed.

According to another aspect of the embodiments of the present invention, a control device for a tab bar is provided, including: a judging module, configured to determine whether a drag event occurs in an application when an application interface displayed in the touch screen senses a drag event The display area of the tab bar in the interface, wherein the tab bar includes: a list of function controls, i function controls in the function control list are displayed in the display area, Ni function controls are hidden, i is a natural number less than or equal to N; acquiring module, For if the first function control hidden in the function control list is dragged into the display area, the attribute of the first function control and/or the operation attribute when the drag event occurs; the display module is used for the attribute of the first function control And/or the operation attribute when the drag event occurs satisfies the preset trigger condition, and the function page corresponding to the first function control is displayed in the application interface.

In the embodiment of the present invention, the display area of the tab bar in the application interface is acquired, and when the drag event is detected in the display area of the tab bar, if the hidden first function control is detected and dragged into the display area, the first is obtained. The attribute of the function control and/or the operation attribute when the drag event occurs. If the attribute of the first function control and/or the operation attribute when the drag event occurs meets the preset trigger condition, the task corresponding to the first function control is executed. .

It is easy to notice that since the tab bar includes N function controls, i function controls of the N function controls can be displayed in the display area, and Ni function controls are hidden (not displayed in the display area), so that they can be in the tab bar. Extending more function controls, and performing the task corresponding to the function control by detecting the trigger condition when the attribute of the function control dragged into the display area and/or the operation attribute when the drag event occurs When there are too many function controls displayed in the display area, the space of each function control is small and the spacing is close, which may cause misoperation.

Therefore, the solution provided by the present invention solves the technical problem that the display area of the tab bar layout in the prior art is fixed, and the multiple function controls are clicked by clicking to easily cause a misoperation.

DRAWINGS

The drawings described herein are intended to provide a further understanding of the invention, and are intended to be a part of the invention. In the drawing:

1 is a logic diagram of a function switching according to the prior art;

2(a) is a schematic diagram of a control method of a tab bar according to the prior art;

2(b) is a schematic diagram of a control method of a tab bar according to the prior art;

2(c) is a schematic diagram of a control method of a tab bar according to the prior art;

2(d) is a schematic diagram of a control method of a tab bar according to the prior art;

3 is a schematic diagram of a tab bar and a segmentation control according to the prior art;

4 is a block diagram showing the hardware structure of a computer terminal for controlling a tab bar according to an embodiment of the present application;

FIG. 5 is a flowchart of a method for controlling a tab bar according to Embodiment 1 of the present application; FIG.

6(a) is a schematic diagram of a control method of a tab bar according to an embodiment of the present application;

FIG. 6(b) is a schematic diagram of a method for controlling a tab bar according to an embodiment of the present application;

7(a) is a schematic diagram of a control method of a tab bar according to an embodiment of the present application;

FIG. 7(b) is a schematic diagram of a method for controlling a tab bar according to an embodiment of the present application;

FIG. 7(c) is a schematic diagram of a method for controlling a tab bar according to an embodiment of the present application;

FIG. 7(d) is a schematic diagram of a method for controlling a tab bar according to an embodiment of the present application;

8 is a flowchart of a method for controlling a tab bar according to a second embodiment of the present application;

9 is a schematic diagram of a control device for a tab bar according to a third embodiment of the present application;

10 is a schematic diagram of an optional control device for a tab bar according to Embodiment 3 of the present application;

11 is a schematic diagram of an optional control device for a tab bar according to Embodiment 3 of the present application;

12 is a schematic diagram of an optional control device for a tab bar according to a third embodiment of the present application;

13 is a schematic diagram of an optional control device for a tab bar according to a third embodiment of the present application;

14 is a schematic diagram of a control device for a tab bar according to Embodiment 4 of the present application;

FIG. 15 is a structural block diagram of a computer terminal according to an embodiment of the present application.

detailed description

The technical solutions in the embodiments of the present invention are clearly and completely described in the following with reference to the accompanying drawings in the embodiments of the present invention. It is an embodiment of the invention, but not all of the embodiments. All other embodiments obtained by those skilled in the art based on the embodiments of the present invention without creative efforts shall fall within the scope of the present invention.

It is to be understood that the terms "first", "second" and the like in the specification and claims of the present invention are used to distinguish similar objects, and are not necessarily used to describe a particular order or order. It is to be understood that the data so used may be interchanged where appropriate, so that the embodiments of the invention described herein can be implemented in a sequence other than those illustrated or described herein. In addition, the terms "comprises" and "comprises" and "the" and "the" are intended to cover a non-exclusive inclusion, for example, a process, method, system, product, or device that comprises a series of steps or units is not necessarily limited to Those steps or units may include other steps or units not explicitly listed or inherent to such processes, methods, products or devices.

First, some of the nouns or terms that appear in the process of describing the embodiments of the present application are applicable to the following explanations:

Tab bar: Tab bar, generally located at the bottom of the phone, but does not exclude some special positions, such as: up and down, each option of the tab bar indicates different functions, here need to distinguish from segmented control (the segmentation control), the latter emphasizes The distinction between the different categories of the same function, the former is the distinction of different functions, as shown in Figure 3, box 31 in Figure 3 is segmented control, and box 32 is Tab bar. Since segmentedcontrol emphasizes the different categories of the same function, the content layout of the appearance page is usually the same. Tab bar emphasizes the distinction between different functions, usually corresponding to different views. The Tab bar generally has an icon or an icon plus a text title. The segmented control is a bit like a label, mainly a text display.

Example 1

According to an embodiment of the present invention, there is also provided an embodiment of a method for controlling a tab bar, and it should be noted that the steps shown in the flowchart of the drawing may be executed in a computer system such as a set of computer executable instructions, and Although the logical order is shown in the flowcharts, in some cases the steps shown or described may be performed in a different order than the ones described herein.

The method embodiment provided in Embodiment 1 of the present application can be executed in a mobile terminal, a computer terminal or the like. Taking a computer terminal as an example, FIG. 4 is a hardware block diagram of a computer terminal of a method for controlling a tab bar according to an embodiment of the present application. As shown in FIG. 4, computer terminal 40 may include one or more (only one shown) processor 402 (processor 402 may include, but is not limited to, a processing device such as a microprocessor MCU or a programmable logic device FPGA) A memory 404 for storing data, and a transmission module 406 for communication functions. It will be understood by those skilled in the art that the structure shown in FIG. 4 is merely illustrative and does not limit the structure of the above electronic device. For example, computer terminal 40 may also include more or fewer components than those shown in FIG. 4, or have a different configuration than that shown in FIG.

The memory 404 can be used to store software programs and modules of the application software, such as program instructions/modules corresponding to the control method of the tab bar in the embodiment of the present invention, and the processor 402 executes by executing the software program and the module stored in the memory 404. Various functional applications and data processing, that is, the control method of the above-described tab bar is implemented. Memory 404 can include high speed random access memory and can also include non-volatile memory, such as one or more magnetic storage devices, flash memory, or other non-volatile solid state memory. In some examples, memory 404 can further include memory remotely located relative to processor 402, which can be connected to computer terminal 40 over a network. Examples of such networks include, but are not limited to, the Internet, intranets, local area networks, mobile communication networks, and combinations thereof.

Transmission device 406 is for receiving or transmitting data via a network. The above-described network specific examples may include a wireless network provided by a communication provider of the computer terminal 40. In one example, transmission device 406 includes a Network Interface Controller (NIC) that can be connected to other network devices through a base station to communicate with the Internet. In one example, the transmission device 406 can be a Radio Frequency (RF) module for communicating with the Internet wirelessly.

In the above operating environment, the present application provides a method of controlling the tab bar as shown in FIG. FIG. 5 is a flowchart of a method for controlling a tab bar according to Embodiment 1 of the present application. As shown in FIG. 5, the foregoing method includes the following steps:

Step S51: Obtain a display area of the tab bar in the application interface, where the tab bar includes: N function controls, and i function controls of the N function controls are displayed in the display area, and Ni function controls are hidden, and i is less than A natural number equal to N.

Specifically, the application interface may be a page displayed after the application software installed on the mobile terminal is opened, and the application software may be instant communication software, a music player or a navigation software, and the mobile terminal may be a smart phone (such as an Android mobile phone, The ios mobile phone, etc., the tablet device, the car navigation system and the like, but are not limited thereto, and are not specifically limited in the embodiment of the present application.

Optionally, the display area of the tab bar may be located at a lower portion of the application interface, and a fixed number of function buttons may be displayed in the display area according to the display area size of the tab bar, and the redundant function controls may be performed. Hidden, that is, not displayed in the display area.

In an optional solution, the label bar in the present application may include a function control list, and the function control list may include a plurality of consecutively arranged function controls, and some function controls in the function control list may be displayed according to the needs of the user. In the display area of the tab bar, the remaining function controls can be hidden, and the hidden function controls can be displayed in the display area of the tab bar by the user drag event.

For example, as shown in FIG. 6(a), the tab bar is located at the lower part of the interface, and includes five function controls: a function A control, a function one control, a function two control, a function three control and a function B control, wherein, a function control, Function two control, function three control These three function controls are displayed in the display area of the tab bar, and the function control A and the function B control are hidden.

Step S53: When a drag event is detected in the display area of the tab bar, if it is detected that the hidden first function control is dragged into the display area, the attribute of the first function control and/or the operation attribute when the drag event occurs are acquired. .

Specifically, the attribute of the first function control may be an area size of the first function control entering the display area of the tab bar, and the operation attribute when the drag event occurs may be the duration of the drag event.

In an optional solution, after the display area of the tab bar is acquired, if a drag event occurs in the display area of the tab bar, and the hidden first function control is dragged into the display area of the tab bar, Then, the size of the area where the first function control enters the display area of the tab bar and the duration of the drag event are obtained.

For example, as shown in FIG. 6(b), when the user detects that the user drags the tab bar in the display area, if the user drags the function A into the display area, that is, the function A is exposed, the acquisition function A enters the display area. The area and the duration of the user's gestures.

Step S55: If the attribute of the first function control and/or the operation attribute when the drag event occurs meets the preset trigger condition, the task corresponding to the first function control is executed.

In an optional solution, after obtaining the size of the area where the first function control enters the display area of the tab bar and the length of the drag event, if the area size of the display area of the first function control entering the tab bar meets the trigger area, And the duration of the drag event meets the trigger duration, and the task corresponding to the first function control is run.

For example, as shown in FIG. 6(b), when the user detects that the user drags the tab bar in the display area, if the user drags the function A into the display area, the function A is exposed, and the system operates and displays according to the gesture of the user. The page (ie the display area above) is sized to activate and run function A.

It should be noted here that after detecting the end of the user's gesture operation, the tab bar returns to the initial state, that is, the function display control, the function control and the function control, the function A control and the function B are displayed in the display area of the tab bar. The two functional controls of the control are still hidden. As shown in Figure 6 (a).

In the solution disclosed in the first embodiment of the present application, the display area of the tab bar in the application interface is obtained, and when the drag event is detected in the display area of the tab bar, if the hidden first function control is detected, the hidden first function control is dragged into the display area. Obtaining the attribute of the first function control and/or the operation attribute when the drag event occurs, and performing the first function if the attribute of the first function control and/or the operation attribute when the drag event occurs meets the preset trigger condition The task corresponding to the control.

It is easy to notice that since the tab bar includes N function controls, i function controls of the N function controls can be displayed in the display area, and Ni function controls are hidden (not displayed in the display area), so that they can be in the tab bar. Extending more function controls, and performing the task corresponding to the function control by detecting the trigger condition when the attribute of the function control dragged into the display area and/or the operation attribute when the drag event occurs When there are too many function controls displayed in the display area, the space of each function control is small and the spacing is close, which may cause misoperation.

Therefore, the solution of the first embodiment provided by the present application solves the technical problem that the display area of the tab bar layout is fixed in the prior art, and the multiple function controls are clicked by clicking to easily cause an erroneous operation.

According to the above embodiment of the present application, the above functional control includes any one or more of the following types: a control for executing an application function, a control for executing a new task, and a control for closing a current application function, wherein the system defaults Hide the controls used to create the new task and the controls used to close the current application function.

For example, as shown in FIG. 7(a), the tab bar may include a function-one control for performing function one, a function two control for executing function two, and a function three control for executing function three for creating a new task. The create control and the close control for closing the task, and in the display state of the tab bar in the default state, the function one control, the function two control and the function three control are displayed, and the create control and the close control are hidden, and are not displayed in the tab bar. In the display area.

According to the above embodiment of the present application, in step S53, before acquiring the attribute of the first function control and/or the operation attribute when the drag event occurs, the method further includes the following steps:

Step S531, in the process of the drag event occurring in the tab bar, the coordinate position of each function control that is hidden is read in real time, wherein the coordinate position of each function control dynamically changes with the drag event.

For example, as shown in Fig. 6(b), when a drag event is performed on the horizontal tab bar Tab bar, the setting function is performed. The coordinate value of the A control is X axis (-20, 0), Y axis (0, 20). When the user slides and drags the tab bar, the coordinates of the function A control start to move laterally, that is, the X axis coordinate starts to change. The Y-axis data remains unchanged.

It should be noted that when the tab bar Tab bar is fixed on the left side of the application interface, it can be completed by sliding up and down in the vertical direction. At this time, the corresponding Y axis of the function control changes, and the X axis data remains unchanged; Drag and drop the center of the screen, and the X and Y axis coordinate data will change.

In step S533, it is determined whether the coordinate position of any one of the hidden function controls is within the range of the display area.

Step S535, in a case where the coordinate position of the hidden first function control is within the range of the display area, it is determined that the first function control is dragged into the display area.

In an optional solution, when a drag event occurs in the display area of the tab bar, the coordinate position of each hidden function control can be read, and the coordinate position of each hidden function control is determined. Entering the coordinate range of the display area of the tab bar, if the coordinate position of any hidden function control enters the coordinate range of the display area of the tab bar, it is determined that the hidden function control is dragged into the display area.

For example, as shown in FIG. 6(b), when the user generates a drag event by dragging in the display area of the tab bar, the coordinate positions of the hidden function A control and the function B control are read in real time. The coordinate position of the function A control enters the coordinate range of the display area of the tab bar, and it is determined that the function A control is dragged into the display area.

According to the above embodiment of the present application, the attributes of the first function control include: a coincidence degree of the control area of the first function control and the display area, and/or a dwell time after the first function control is dragged into the display area.

For example, as shown in FIG. 6(b), after determining that the function A control is dragged into the display area, the coincidence degree of the display area of the function A control and the tab bar can be acquired, and the pause after the function A control is dragged into the display area time.

According to the above embodiment of the present application, in step S55, if the attribute of the first function control satisfies the preset trigger condition, executing the task corresponding to the first function control includes the following steps:

Step S551, reading the attribute of the first function control currently dragged into the display area.

Step S553, determining the first function if the coincidence degree of the control area of the first function control and the display area exceeds a predetermined area, and/or the stay duration after the first function control is dragged into the display area exceeds the first predetermined time length The function of the control is triggered.

Specifically, the predetermined area may be 80% of the control area of the first functional control, and the first predetermined duration may be 5 seconds.

Step S555, after the function of the first function control is triggered, the task corresponding to the first function control is executed by calling an execution function of the first function control.

In an optional solution, after determining that the first function control is dragged into the display area of the tab bar, reading the coincidence degree of the control area of the first function control and the display area, and staying after being dragged into the display area The duration, when the control area of the first function control overlaps with the display area by more than 80% of the control area, and the stay duration after being dragged into the display area exceeds 5 seconds, the function of the first function control is triggered and passed Calling the function corresponding to the first function control to execute the task corresponding to the first function control; if the coincidence degree does not exceed 80% of the control area, or the dwell time dragged into the display area does not exceed 5 seconds, the first function control is not executed. The function.

For example, as shown in FIG. 6(b), when a drag event is performed on the tab bar of the horizontal direction, the coordinate value of the function A control is set to the X axis (-20, 0), and the Y axis (0, 20). When the user slides the tab bar to the right, the function A control starts to move from left to right and reveals the screen, that is, the function A control enters the display area of the tab bar, and the area of the function A control exposes the screen occupies the function A control as a whole. The drag event triggers execution when 80% of the control area, that is, the control area of the function A control and the display area of the tab bar exceed 80% of the space area. Among them, the control area of the function A control can be obtained by displaying the absolute value of the coordinates: length multiplied by width.

For another example, as shown in FIG. 6(b), when a drag event is performed on the horizontal tab bar Tab bar, when the user slides the tab bar to the right, the function A control starts to move from left to right and reveals the screen. , that is, the function A control enters the display area of the tab bar, and when the drag display function A control is displayed for more than 5 seconds, the duration of the function control A after being dragged into the display area exceeds 5 seconds, after the user stops the operation, the execution is performed. The task corresponding to the function A control.

According to the above embodiment of the present application, in the case where a drag event occurs in the display area by pressing the touch screen, the operation attributes when the drag event occurs include: the pressing pressure detected when the touch screen is pressed, and/or the drag event occurs. The duration of operation.

For example, as shown in FIG. 6( b ), when the user drags the tab bar by pressing the touch screen, the pressing pressure when the user presses the screen and the operation duration of dragging the tab bar can be acquired as the drag event occurs. Operational properties.

According to the above embodiment of the present application, in step S55, if the operation attribute when the drag event occurs satisfies the preset trigger condition, executing the task corresponding to the first function control includes the following steps:

Step S552, reading the currently detected pressing pressure and/or the operation duration when the drag event occurs after the first function control is dragged into the display area.

In step S554, if the currently detected pressing pressure exceeds the predetermined pressure value, and/or the operation duration when the drag event occurs exceeds the second predetermined time length, it is determined that the function of the first function control is triggered.

Specifically, the predetermined pressure value may be 5 Pa, and the second predetermined time may be 5 s.

Step S556, after the function of the first function control is triggered, by calling the execution function of the first function control To perform the task corresponding to the first function control.

In an optional solution, after determining that the first function control is dragged into the display area of the tab bar, the detected pressing pressure and the operation duration of the drag event are read, the pressing pressure exceeds 5 Pa, and the drag occurs. When the operation time of the event is more than 5 seconds, the function of the first function control is triggered, and the task corresponding to the first function control is executed by calling a function corresponding to the first function control; if the pressing pressure does not exceed 5 Pa, or a drag occurs If the operation time of the event does not exceed 5 seconds, the task corresponding to the first function control is not executed.

For example, as shown in FIG. 6(b), when a drag event is performed on the horizontal tab bar Tab bar, when the user slides the tab bar to the right, the function A control starts to move from left to right and reveals the screen. That is, the function A control enters the display area of the tab bar, and when it is detected that the user presses and drags more than 5 Pa, the drag event triggers execution. Among them, the control area of the function A control can be obtained by displaying the absolute value of the coordinates: length multiplied by width.

For another example, as shown in FIG. 6(b), when a drag event is performed on the horizontal tab bar Tab bar, when the user slides the tab bar to the right, the function A control starts to move from left to right and reveals the screen. That is, the function A control enters the display area of the tab bar, and when the drag event of the drag tab is dragged for more than 5 seconds, after the user stops the operation, the task corresponding to the function A control is executed.

According to the above embodiment of the present application, the above method further includes:

Step S561, the list of function controls included in the tab bar is displayed horizontally at any position in the application interface, or the list of function controls included in the tab bar is displayed longitudinally in any position in the application interface; wherein, the first function control in the function control list When dragged into the display area, the second function control displayed in the display area in the function control list is hidden.

In an optional solution, the tab bar can also be displayed on the left side of the application interface, and the function control is displayed vertically, and after the first function control is dragged into the display area, the display area is removed due to dragging. The second function control outside is hidden.

For example, as shown in FIG. 6(b), when a drag event is performed on the horizontal tab bar Tab bar, when the user slides the tab bar to the right, the function A control starts to move from left to right and reveals the screen. That is, the function A control enters the display area of the tab bar, and the function three controls originally displayed in the display area are hidden.

It should be noted here that by dragging left and right, it is also possible to trigger some interface operations or jump to other deeper immersive interfaces for experience. For example, in Safari, the current page can be quickly closed by the above embodiment of the present application. A new tab page is opened; in the music player, the current play page or the like can be performed by the above embodiment of the present application; or during the driving process, the navigation page can be quickly accessed through the above embodiment of the present application.

For example, in Safari, the initial state display function on the tab bar is a control, a function control, and a function control. Create control and close control hidden, after the user opens webpage 1 and wants to open webpage 2, you can drag the creation control into the display area by dragging the tab bar to the right, as shown in Figure 7(a), creating the control area and label. When the overlap of the column display area is greater than 80% of the area of the created control, the operation of quickly opening a new tab is performed, the webpage 2 is opened, and the tab bar is restored to the initial state, as shown in FIG. 7(b). If the user wants to close the current webpage 2, the dragging control can be dragged into the display area by dragging the tab bar to the left. As shown in Fig. 7(c), the overlap between the control area and the tab bar display area is greater than the closing control area. In 80% of cases, the operation of closing the current webpage is performed, the webpage 2 is closed to the webpage 1, and the tab bar is restored to the initial state, as shown in Fig. 7(d).

It should be noted here that the function control included in the tab bar Tab bar in the above embodiment of the present application can be displayed in the form of an icon plus a text title.

The solution provided by the above embodiment of the present application can display functions and distinguish operations well by using the new interaction mode of dragging, which brings freshness to the user and reduces misoperation caused by small button space. Compared with the current scheme of selecting by sliding, the solution provided by the above embodiment of the present application does not require a click operation, but just press and hold the drag, and the system determines whether to trigger the function according to the exposed button area, and executes the function when the finger is released. Features.

The advantage of this is that when the user is unable to make precise operations on the small button under the shaking scene, such as walking, taking the subway, driving, the operation can be quickly performed according to the area by pressing and holding the sliding and returning operations. Tasks, greatly reducing the situation of misuse, bringing convenience to users.

It should be noted that, for the foregoing method embodiments, for the sake of simple description, they are all expressed as a series of action combinations, but those skilled in the art should understand that the present invention is not limited by the described action sequence. Because certain steps may be performed in other sequences or concurrently in accordance with the present invention. In addition, those skilled in the art should also understand that the embodiments described in the specification are all preferred embodiments, and the actions and modules involved are not necessarily required by the present invention.

Through the description of the above embodiments, those skilled in the art can clearly understand that the method according to the above embodiment can be implemented by means of software plus a necessary general hardware platform, and of course, by hardware, but in many cases, the former is A better implementation. Based on such understanding, the technical solution of the present invention, which is essential or contributes to the prior art, may be embodied in the form of a software product stored in a storage medium (such as ROM/RAM, disk, The optical disc includes a number of instructions for causing a terminal device (which may be a cell phone, a computer, a server, or a network device, etc.) to perform the methods described in various embodiments of the present invention.

Example 2

According to an embodiment of the present invention, there is also provided an embodiment of a method for controlling a tab bar, and it should be noted that the steps shown in the flowchart of the drawing may be executed in a computer system such as a set of computer executable instructions, and , Although a logical order is shown in the flowcharts, in some cases the steps shown or described may be performed in a different order than the ones described herein. FIG. 8 is a flowchart of a method for controlling a tab bar according to Embodiment 2 of the present application. As shown in FIG. 8, the method includes the following steps:

Step S81, when the application interface displayed on the touch screen senses the drag event, determine whether the drag event occurs in the display area of the tab bar in the application interface, where the tab bar includes: a function control list, and i in the function control list. The function controls are displayed in the display area, and Ni function controls are hidden, and i is a natural number less than or equal to N.

Specifically, the touch screen may be a touch screen installed on a smart phone (such as an Android mobile phone, an ios mobile phone, etc.), a tablet computer, a car navigation system, and the like, and the touch screen may display the application software installed on the mobile terminal after being opened. The application interface is not limited to this, and is not specifically limited in the embodiment of the present application.

Optionally, the display area of the tab bar may be located at a lower portion of the application interface of the touch screen, and a fixed number of function buttons (buttons) may be displayed in the display area according to the size of the display area of the tab bar, and the redundant function control Can be hidden, that is, not displayed in the display area.

In an optional solution, the label bar in the present application may include a function control list, and the function control list may include a plurality of consecutively arranged function controls, and some function controls in the function control list may be displayed according to the needs of the user. In the display area of the tab bar, the remaining function controls can be hidden, and the hidden function controls can be displayed in the display area of the tab bar by the user drag event.

For example, as shown in FIG. 6(a), the tab bar is located at the lower part of the interface, and includes five function controls: a function A control, a function one control, a function two control, a function three control and a function B control, wherein, a function control, Function two control, function three control These three function controls are displayed in the display area of the tab bar, and the function control A and the function B control are hidden.

Step S83: If the first function control hidden in the function control list is dragged into the display area, acquire the attribute of the first function control and/or the operation attribute when the drag event occurs.

Specifically, the attribute of the first function control may be an area size of the first function control entering the display area of the tab bar, and the operation attribute when the drag event occurs may be the duration of the drag event.

In an optional solution, after the display area of the tab bar is acquired, if a drag event occurs in the display area of the tab bar, and the hidden first function control is dragged into the display area of the tab bar, Then, the size of the area where the first function control enters the display area of the tab bar and the duration of the drag event are obtained.

For example, as shown in FIG. 6(b), when the user detects that the user drags the tab bar in the display area, if the user drags the function A into the display area, that is, the function A is exposed, the acquisition function A enters the display area. The area and the duration of the user's gestures.

Step S85: If the attribute of the first function control and/or the operation attribute when the drag event occurs meets the preset trigger condition, the function page corresponding to the first function control is displayed in the application interface.

In an optional solution, after obtaining the size of the area where the first function control enters the display area of the tab bar and the length of the drag event, if the area size of the display area of the first function control entering the tab bar meets the trigger area, And the duration of the drag event satisfies the trigger duration, and the function page corresponding to the first function control is displayed in the application interface.

For example, as shown in FIG. 6(b), when the user detects that the user drags the tab bar in the display area, if the user drags the function A into the display area, the function A is exposed, and the system operates and displays according to the gesture of the user. The page (ie the display area above) is sized to activate and run function A.

It should be noted here that after detecting the end of the user's gesture operation, the tab bar returns to the initial state, that is, the function display control, the function control and the function control, the function A control and the function B are displayed in the display area of the tab bar. The two functional controls of the control are still hidden. As shown in Figure 6 (a).

In the solution disclosed in the second embodiment of the present application, when the application interface displayed on the touch screen senses a drag event, it is determined whether the drag event occurs in the display area of the tab bar in the application interface, if the function control list is hidden first The function control is dragged into the display area to obtain the attribute of the first function control and/or the operation attribute when the drag event occurs, if the attribute of the first function control and/or the operation attribute when the drag event occurs satisfies the preset trigger Condition, the function page corresponding to the first function control is displayed in the application interface.

It is easy to notice that since the tab bar includes N function controls, i function controls of the N function controls can be displayed in the display area, and Ni function controls are hidden (not displayed in the display area), so that they can be in the tab bar. Extending more function controls, and performing the task corresponding to the function control by detecting the trigger condition when the attribute of the function control dragged into the display area and/or the operation attribute when the drag event occurs When there are too many function controls displayed in the display area, the space of each function control is small and the spacing is close, which may cause misoperation.

Therefore, the solution of the foregoing embodiment 2 provided by the present application solves the technical problem that the display area of the tab bar layout is fixed in the prior art, and the multiple function controls are clicked by clicking to easily cause an erroneous operation.

According to the above embodiment of the present application, the function control includes any one or more of the following types: a control for executing an application function, a control for executing a new task, and a control for closing a current application function, wherein the system defaults The controls used to perform the creation of new tasks and the controls used to close the current application function are hidden.

For example, as shown in FIG. 6(a), the tab bar may include a function-one control for performing the function one, a function two control for executing the function two, and a function three control for executing the function three for creating a new task. Create controls and use The close control of the task is closed, and the function one control, the function two control and the function three control are displayed in the display area of the tab bar by default, and the create control and the close control are hidden, and are not displayed in the display area of the tab bar.

According to the above embodiment of the present application, the display area of the tab bar is divided into a plurality of sub-areas, each of which displays an icon of a corresponding function control in the function control list, wherein the first function control in the function control list is dragged in When the area is displayed, the second function control displayed in the display area in the function control list is moved out of the display area.

In an alternative scenario, the tab bar can also be displayed on the left side of the application interface and the function controls are displayed vertically.

For example, as shown in FIG. 6(b), when a drag event is performed on the tab bar of the horizontal direction, the coordinate value of the function A control is set to the X axis (-20, 0), and the Y axis (0, 20). When the user slides and drags the tab bar, the coordinates of the function A control start to move laterally, that is, the X-axis coordinates start to change, and the Y-axis data remains unchanged.

It should be noted that when the tab bar Tab bar is fixed on the left side of the application interface, it can be completed by sliding up and down in the vertical direction. At this time, the corresponding Y axis of the function control changes, and the X axis data remains unchanged; Drag and drop the center of the screen, and the X and Y axis coordinate data will change.

According to the above embodiment of the present application, the list of function controls included in the tab bar is displayed horizontally at any position in the application interface, or the list of function controls included in the tab bar is displayed longitudinally at any position in the application interface.

In an optional solution, after the first function control is dragged into the display area, the second function control that is moved out of the display area due to dragging is hidden.

For example, as shown in FIG. 6(b), when a drag event is performed on the horizontal tab bar Tab bar, when the user slides the tab bar to the right, the function A control starts to move from left to right and reveals the screen. That is, the function A control enters the display area of the tab bar, and the function three controls originally displayed in the display area are hidden.

Example 3

According to an embodiment of the present invention, there is further provided a control device for a tab bar for implementing the above control method of a tab bar. As shown in FIG. 9, the device includes: a first obtaining module 91, a second obtaining module 93, and executing Module 95.

The first obtaining module 91 is configured to obtain a display area of the tab bar in the application interface, where the tab bar includes: N function controls, and i function controls of the N function controls are displayed in the display area, and Ni functions The control is hidden, and i is a natural number less than or equal to N.

Specifically, the application interface may be a page displayed after the application software installed on the mobile terminal is opened, and the application software may be instant communication software, a music player or a navigation software, and the mobile terminal may be a smart phone (such as an Android mobile phone, The ios mobile phone, etc., the tablet device, the car navigation system and the like, but are not limited thereto, and are not specifically limited in the embodiment of the present application.

Optionally, the display area of the tab bar may be located at a lower portion of the application interface, and a fixed number of function buttons may be displayed in the display area according to the display area size of the tab bar, and the redundant function controls may be performed. Hidden, that is, not displayed in the display area.

In an optional solution, the label bar in the present application may include a function control list, and the function control list may include a plurality of consecutively arranged function controls, and some function controls in the function control list may be displayed according to the needs of the user. In the display area of the tab bar, the remaining function controls can be hidden, and the hidden function controls can be displayed in the display area of the tab bar by the user drag event.

For example, as shown in FIG. 6(a), the tab bar is located at the lower part of the interface, and includes five function controls: a function A control, a function one control, a function two control, a function three control and a function B control, wherein, a function control, Function two control, function three control These three function controls are displayed in the display area of the tab bar, and the function control A and the function B control are hidden.

The second obtaining module 93 is configured to: when the drag event is detected in the display area of the tab bar, if it is detected that the hidden first function control is dragged into the display area, acquire the attribute of the first function control and/or generate a drag event The operational properties of the time.

Specifically, the attribute of the first function control may be an area size of the first function control entering the display area of the tab bar, and the operation attribute when the drag event occurs may be the duration of the drag event.

In an optional solution, after the display area of the tab bar is acquired, if a drag event occurs in the display area of the tab bar, and the hidden first function control is dragged into the display area of the tab bar, Then, the size of the area where the first function control enters the display area of the tab bar and the duration of the drag event are obtained.

For example, as shown in FIG. 6(b), when the user detects that the user drags the tab bar in the display area, if the user drags the function A into the display area, that is, the function A is exposed, the acquisition function A enters the display area. The area and the duration of the user's gestures.

The execution module 95 is configured to execute a task corresponding to the first function control if the attribute of the first function control and/or the operation attribute when the drag event occurs meets the preset trigger condition.

In an optional solution, after obtaining the size of the area where the first function control enters the display area of the tab bar and the length of the drag event, if the area size of the display area of the first function control entering the tab bar meets the trigger area, If the duration of the drag event meets the trigger duration, the task corresponding to the first function space is run.

For example, as shown in FIG. 6(b), when the user detects that the user drags the tab bar in the display area, if the user drags the function A into the display area, the function A is exposed, and the system operates and displays according to the gesture of the user. The page (ie the display area above) is sized to activate and run function A.

It should be noted here that after detecting the end of the user's gesture operation, the tab bar returns to the initial state, that is, the function display control, the function control and the function control, the function A control and the function B are displayed in the display area of the tab bar. The two functional controls of the control are still hidden. As shown in Figure 6 (a).

In the solution disclosed in the third embodiment of the present application, the first obtaining module acquires the display area of the tab bar in the application interface, and when the drag event is detected in the display area of the tab bar, the second acquiring module detects the hidden A function control is dragged into the display area to obtain the attribute of the first function control and/or the operation attribute when the drag event occurs, if the attribute of the first function control and/or the operation attribute when the drag event occurs meets the preset When the trigger condition is met, the execution module executes the task corresponding to the first function control.

It is easy to notice that since the tab bar includes N function controls, i function controls of the N function controls can be displayed in the display area, and Ni function controls are hidden (not displayed in the display area), so that they can be in the tab bar. Extending more function controls, and performing the task corresponding to the function control by detecting the trigger condition when the attribute of the function control dragged into the display area and/or the operation attribute when the drag event occurs When there are too many function controls displayed in the display area, the space of each function control is small and the spacing is close, which may cause misoperation.

Therefore, the solution of the foregoing embodiment 3 provided by the present application solves the technical problem that the display area of the tab bar layout in the prior art is fixed, and the multiple function controls are clicked by clicking to easily cause an erroneous operation.

According to the above embodiment of the present application, the above functional control includes any one or more of the following types: a control for executing an application function, a control for executing a new task, and a control for closing a current application function, wherein the system defaults Hide the controls used to create the new task and the controls used to close the current application function.

For example, as shown in FIG. 6(a), the tab bar may include a function-one control for performing the function one, a function two control for executing the function two, and a function three control for executing the function three for creating a new task. The create control and the close control for closing the task, and in the display state of the tab bar in the default state, the function one control, the function two control and the function three control are displayed, and the create control and the close control are hidden, and are not displayed in the tab bar. In the display area.

According to the above embodiment of the present application, as shown in FIG. 10, the foregoing apparatus further includes: a reading module 101, a determining module 103, and a determining module 105.

The reading module 101 is configured to read the coordinate position of each hidden function control in real time during a drag event in the tab bar, wherein the coordinate position of each function control is dynamically moved along with the drag event. The determining module 103 is configured to determine whether the coordinate position of any one of the hidden function controls is within the range of the display area; the determining module 105 is configured to be within the range of the display area when the coordinate position of the hidden first function control is Next, make sure that the first function control is dragged into the display area.

It should be noted that, in the foregoing reading module 101, the determining module 103 and the determining module 105 correspond to the steps S531 to S535 in the first embodiment, the modules are the same as the examples and application scenarios implemented by the corresponding steps, but not It is limited to the content disclosed in the above embodiment 1. It should be noted that the above module can be operated as a part of the device in the computer terminal 40 provided in the first embodiment.

It should also be noted that when the tab bar Tab bar is fixed on the left side of the application interface, it can be completed by sliding up and down in the vertical direction. At this time, the corresponding Y axis of the function control changes, and the X-axis data remains unchanged; Drag and drop to the center of the screen, and the X and Y axis coordinate data will change.

According to the above embodiment of the present application, the attributes of the first function control include: a coincidence degree of the control area of the first function control and the display area, and/or a dwell time after the first function control is dragged into the display area.

For example, as shown in FIG. 6(b), after determining that the function A control is dragged into the display area, the coincidence degree of the display area of the function A control and the tab bar can be acquired, and the pause after the function A control is dragged into the display area time.

According to the above embodiment of the present application, as shown in FIG. 11, the execution module 95 includes: a first reading submodule 111, a first determining submodule 113, and a first calling submodule 115.

The first reading sub-module 111 is configured to read the attribute of the first function control that is currently dragged into the display area; the first determining sub-module 113 is configured to exceed the overlap between the control area and the display area of the first function control. Determining that the function of the first function control is triggered if the predetermined area, and/or the length of stay after the first function control is dragged into the display area exceeds the first predetermined duration; the first calling sub-module 115 is used for the first function After the function of the control is triggered, the task corresponding to the first function control is executed by calling the execution function of the first function control.

Specifically, the predetermined area may be 80% of the control area of the first functional control, and the first predetermined duration may be 5 seconds.

It should be noted that the first reading sub-module 111, the first determining sub-module 113 and the first calling sub-module 115 correspond to steps S551 to S555 in the first embodiment, and the foregoing modules and corresponding steps are implemented. The example is the same as the application scenario, but is not limited to the content disclosed in the first embodiment. It should be noted that the above module can be operated as a part of the device in the computer terminal 40 provided in the first embodiment.

According to the above embodiment of the present application, in the case where a drag event occurs in the display area by pressing the touch screen, the operation attributes when the drag event occurs include: the pressing pressure detected when the touch screen is pressed, and/or the drag event occurs. The duration of operation.

For example, as shown in FIG. 6( b ), when the user drags the tab bar by pressing the touch screen, the pressing pressure when the user presses the screen and the operation duration of dragging the tab bar can be acquired as the drag event occurs. Operational properties.

According to the above embodiment of the present application, as shown in FIG. 12, the execution module 95 further includes: a second reading submodule 121, a second determining submodule 123, and a second calling submodule 125.

The second reading sub-module 121 is configured to read the currently detected pressing pressure and/or the operation duration when the drag event occurs after the first function control is dragged into the display area; the second determining sub-module 123 is configured to: In a case where the currently detected pressing pressure exceeds a predetermined pressure value, and/or the operation duration when the drag event occurs exceeds the second predetermined length of time, determining that the function of the first function control is triggered; the second calling sub-module 125 is configured to: After the function of the first function control is triggered, the task corresponding to the first function control is executed by calling the execution function of the first function control.

Specifically, the predetermined pressure value may be 5 Pa, and the second predetermined time may be 5 s.

It should be noted that, the second reading sub-module 121, the second determining sub-module 123, and the second calling sub-module 125 correspond to steps S552 to S556 in the first embodiment, and the foregoing modules and corresponding steps are implemented. The example is the same as the application scenario, but is not limited to the content disclosed in the first embodiment. It should be noted that the above module can be operated as a part of the device in the computer terminal 40 provided in the first embodiment.

According to the above embodiment of the present application, as shown in FIG. 13, the device further includes: a display module 131.

The display module 131 is configured to display the function control list included in the tab bar horizontally at any position in the application interface, or the list of function controls included in the tab bar is displayed longitudinally in any position in the application interface; wherein, in the function control list When the first function control is dragged into the display area, the second function control displayed in the display area in the function control list is hidden.

It should be noted that the above-mentioned display module 131 corresponds to the step S561 in the first embodiment. The above-mentioned module is the same as the example and the application scenario implemented by the corresponding steps, but is not limited to the content disclosed in the first embodiment. It should be noted that the above module can be operated as a part of the device in the computer terminal 40 provided in the first embodiment.

Example 4

According to an embodiment of the present invention, there is further provided a control device for a tab bar for implementing the control method of the tab bar. As shown in FIG. 14, the device includes: a judging module 141, an obtaining module 143, and a display module 145.

The determining module 141 is configured to: when the application interface displayed in the touch screen senses the drag event, determine whether the drag event occurs in a display area of the tab bar in the application interface, where the tab bar includes: a function control list, a function control list The i function controls in the display area are displayed in the display area, Ni function controls are hidden, and i is a natural number less than or equal to N.

Specifically, the touch screen may be a touch screen installed on a smart phone (such as an Android mobile phone, an ios mobile phone, etc.), a tablet computer, a car navigation system, and the like, and the touch screen may display the application software installed on the mobile terminal after being opened. The application interface is not limited to this, and is not specifically limited in the embodiment of the present application.

Optionally, the display area of the tab bar may be located at a lower portion of the application interface of the touch screen, and a fixed number of function buttons (buttons) may be displayed in the display area according to the size of the display area of the tab bar, and the redundant function control Can be hidden, that is, not displayed in the display area.

In an optional solution, the label bar in the present application may include a function control list, and the function control list may include a plurality of consecutively arranged function controls, and some function controls in the function control list may be displayed according to the needs of the user. In the display area of the tab bar, the remaining function controls can be hidden, and the hidden function controls can be displayed in the display area of the tab bar by the user drag event.

For example, as shown in FIG. 6(a), the tab bar is located at the lower part of the interface, and includes five function controls: a function A control, a function one control, a function two control, a function three control and a function B control, wherein, a function control, Function two control, function three control These three function controls are displayed in the display area of the tab bar, and the function control A and the function B control are hidden.

The obtaining module 143 is configured to obtain an attribute of the first function control and/or an operation attribute when a drag event occurs if the first function control hidden in the function control list is dragged into the display area.

Specifically, the attribute of the first function control may be an area size of the first function control entering the display area of the tab bar, and the operation attribute when the drag event occurs may be the duration of the drag event.

In an optional solution, after the display area of the tab bar is acquired, if a drag event occurs in the display area of the tab bar, and the hidden first function control is dragged into the display area of the tab bar, Then, the size of the area where the first function control enters the display area of the tab bar and the duration of the drag event are obtained.

For example, as shown in FIG. 6(b), when the user detects that the user drags the tab bar in the display area, if the user drags the function A into the display area, that is, the function A is exposed, the acquisition function A enters the display area. The area and the duration of the user's gestures.

The display module 145 is configured to display the function page corresponding to the first function control in the application interface if the attribute of the first function control and/or the operation attribute when the drag event occurs meets the preset trigger condition.

In an optional solution, after obtaining the size of the area where the first function control enters the display area of the tab bar and the length of the drag event, if the area size of the display area of the first function control entering the tab bar meets the trigger area, And the duration of the drag event satisfies the trigger duration, and the function page corresponding to the first function control is displayed in the application interface.

For example, as shown in FIG. 6(b), when the user detects that the user drags the tab bar in the display area, if the user drags the function A into the display area, the function A is exposed, and the system operates and displays according to the gesture of the user. The page (ie the display area above) is sized to activate and run function A.

It should be noted here that after detecting the end of the user's gesture operation, the tab bar returns to the initial state, that is, the function display control, the function control and the function control, the function A control and the function B are displayed in the display area of the tab bar. The two functional controls of the control are still hidden. As shown in Figure 6 (a).

In the solution disclosed in the fourth embodiment of the present application, when the application interface displayed on the touch screen senses a drag event, the determining module 141 determines whether the drag event occurs in the display area of the tab bar in the application interface, if the function control list is hidden. The first function control is dragged into the display area, and the obtaining module 143 acquires the attribute of the first function control and/or the operation attribute when the drag event occurs, if the attribute of the first function control and/or the operation when the drag event occurs When the attribute meets the preset trigger condition, the display module 145 displays the function page corresponding to the first function control in the application interface.

It is easy to notice that since the tab bar includes N function controls, i function controls of the N function controls can be displayed in the display area, and Ni function controls are hidden (not displayed in the display area), so that they can be in the tab bar. Extending more function controls, and performing the task corresponding to the function control by detecting the trigger condition when the attribute of the function control dragged into the display area and/or the operation attribute when the drag event occurs When there are too many function controls displayed in the display area, the space of each function control is small and the spacing is close, which may cause misoperation.

Therefore, the solution of the fourth embodiment provided by the present application solves the technical problem that the display area of the tab bar layout is fixed in the prior art, and the multiple function controls are clicked by clicking to easily cause a misoperation.

According to the above embodiment of the present application, the function control includes any one or more of the following types: a control for executing an application function, a control for executing a new task, and a control for closing a current application function, wherein the system defaults The controls used to perform the creation of new tasks and the controls used to close the current application function are hidden.

For example, as shown in FIG. 6(a), the tab bar may include a function-one control for performing the function one, a function two control for executing the function two, and a function three control for executing the function three for creating a new task. The create control and the close control for closing the task, and in the display state of the tab bar in the default state, the function one control, the function two control and the function three control are displayed, and the create control and the close control are hidden, and are not displayed in the tab bar. In the display area.

According to the above embodiment of the present application, the display area of the tab bar is divided into a plurality of sub-areas, each of which displays an icon of a corresponding function control in the function control list, wherein the first function control in the function control list is dragged in When the area is displayed, the second function control displayed in the display area in the function control list is moved out of the display area.

In an alternative scenario, the tab bar can also be displayed on the left side of the application interface and the function controls are displayed vertically.

For example, as shown in Fig. 6(b), when a drag event is performed on the horizontal tab bar Tab bar, the setting function is performed. The coordinate value of the A control is X axis (-20, 0), Y axis (0, 20). When the user slides and drags the tab bar, the coordinates of the function A control start to move laterally, that is, the X axis coordinate starts to change. The Y-axis data remains unchanged.

It should be noted that when the tab bar Tab bar is fixed on the left side of the application interface, it can be completed by sliding up and down in the vertical direction. At this time, the corresponding Y axis of the function control changes, and the X axis data remains unchanged; Drag and drop the center of the screen, and the X and Y axis coordinate data will change.

According to the above embodiment of the present application, the list of function controls included in the tab bar is displayed horizontally at any position in the application interface, or the list of function controls included in the tab bar is displayed longitudinally at any position in the application interface.

In an optional solution, after the first function control is dragged into the display area, the second function control that is moved out of the display area due to dragging is hidden.

For example, as shown in FIG. 6(b), when a drag event is performed on the horizontal tab bar Tab bar, when the user slides the tab bar to the right, the function A control starts to move from left to right and reveals the screen. That is, the function A control enters the display area of the tab bar, and the function three controls originally displayed in the display area are hidden.

Example 5

Embodiments of the present invention may provide a computer terminal, which may be any one of computer terminal groups. Optionally, in this embodiment, the foregoing computer terminal may also be replaced with a terminal device such as a mobile terminal.

Optionally, in this embodiment, the computer terminal may be located in at least one network device of the plurality of network devices of the computer network.

In this embodiment, the computer terminal may execute the program code of the following steps in the vulnerability detection method of the application: acquiring a display area of the tab bar in the application interface, wherein the tab bar includes: N function controls, N function controls The i function controls are displayed in the display area, Ni function controls are hidden, i is a natural number less than or equal to N; when a drag event is detected in the display area of the tab bar, if the hidden first function control is detected Drag into the display area to obtain the attribute of the first function control and/or the operation attribute when the drag event occurs; if the attribute of the first function control and/or the operation attribute when the drag event occurs meets the preset trigger condition, then Execute the task corresponding to the first function control.

Optionally, FIG. 15 is a structural block diagram of a computer terminal according to an embodiment of the present invention. As shown in FIG. 15, the computer terminal A may include one or more (only one shown in the figure) processor 151, memory 153, and transmission device 155.

The memory 153 can be used to store software programs and modules, such as the control method of the tab bar and the program instructions/modules corresponding to the device in the embodiment of the present invention. The processor 151 runs the software program stored in the memory. And modules, thereby performing various functional applications and data processing, that is, implementing the above-described control method of the tab bar. Memory 153 may include high speed random access memory, and may also include non-volatile memory such as one or more magnetic storage devices, flash memory, or other non-volatile solid state memory. In some examples, memory 153 can further include memory remotely located relative to the processor, which can be connected to terminal A over a network. Examples of such networks include, but are not limited to, the Internet, intranets, local area networks, mobile communication networks, and combinations thereof.

The processor 151 can call the information and the application stored in the memory by the transmission device to perform the following steps: acquiring a display area of the tab bar in the application interface, where the tab bar includes: N function controls, and N function controls i function controls are displayed in the display area, Ni function controls are hidden, i is a natural number less than or equal to N; when a drag event is detected in the display area of the tab bar, if the hidden first function control is detected to be dragged in Display area, obtain the attribute of the first function control and/or the operation attribute when the drag event occurs; if the attribute of the first function control and/or the operation attribute when the drag event occurs meet the preset trigger condition, execute the first A function corresponding to a function control.

Optionally, the processor 151 may further execute the following program code: the function control includes any one or more of the following types: a control for executing an application function, a control for executing a new task, and a current A control that applies a function, where the system hides the control used to create the new task and the control that closes the current application function by default.

Optionally, the processor 151 may further execute the following program code: in a process of generating a drag event in the tab bar, reading the coordinate position of each function control hidden in real time, where each function control is The coordinate position changes dynamically with the drag event; it is determined whether the coordinate position of any hidden function control is within the range of the display area; wherein the coordinate position of the hidden first function control is within the range of the display area In the case, it is determined that the first function control is dragged into the display area.

Optionally, the processor 151 may further execute the following program code: the attributes of the first function control include: a control area of the first function control and a display area, and/or the first function control is dragged into the display. The length of stay after the area.

Optionally, the processor 151 may further execute the following program code: reading an attribute of the first function control currently dragged into the display area; and a degree of coincidence between the control area of the first function control and the display area exceeds a predetermined area And/or if the stay duration after the first function control is dragged into the display area exceeds the first predetermined duration, determining that the function of the first function control is triggered; after the function of the first function control is triggered, by calling An execution function of a function control performs a task corresponding to the first function control.

Optionally, the processor 151 may further execute the following program code: triggering by pressing the touch screen In the case where a drag event occurs in the display area, the operation attributes when the drag event occurs include: the pressing pressure detected when the touch screen is pressed, and/or the operation time when the drag event occurs.

Optionally, the processor 151 may further execute the following program code: reading the currently detected pressing pressure and/or the operation duration when the drag event occurs after the first function control is dragged into the display area; If the detected pressing pressure exceeds the predetermined pressure value, and/or the operation duration when the drag event occurs exceeds the second predetermined time length, determining that the function of the first function control is triggered; after the function of the first function control is triggered The task corresponding to the first function control is executed by calling an execution function of the first function control.

Optionally, the processor 151 may further execute the following program code: the list of function controls included in the tab bar is displayed horizontally in any position in the application interface, or the list of function controls included in the tab bar is displayed longitudinally in the application interface. Position; wherein, when the first function control in the function control list is dragged into the display area, the second function control displayed in the display area in the function control list is hidden.

According to the embodiment of the present invention, the display area of the tab bar in the application interface is obtained, and when the drag event is detected in the display area of the tab bar, if the hidden first function control is detected and dragged into the display area, the first function is obtained. The attribute of the control and/or the operation attribute when the drag event occurs. If the attribute of the first function control and/or the operation attribute when the drag event occurs meets the preset trigger condition, the task corresponding to the first function control is executed.

It is easy to notice that since the tab bar includes N function controls, i function controls of the N function controls can be displayed in the display area, and Ni function controls are hidden (not displayed in the display area), so that they can be in the tab bar. Extending more function controls, and performing the task corresponding to the function control by detecting the trigger condition when the attribute of the function control dragged into the display area and/or the operation attribute when the drag event occurs When there are too many function controls displayed in the display area, the space of each function control is small and the spacing is close, which may cause misoperation.

Therefore, the above solution provided by the present invention solves the technical problem that the display area of the tab bar layout in the prior art is fixed, and the multiple function controls are clicked by clicking to easily cause an erroneous operation.

A person skilled in the art can understand that the structure shown in FIG. 15 is only an illustration, and the computer terminal can also be a smart phone (such as an Android mobile phone, an ios mobile phone, etc.), a tablet computer, a palmtop computer, and a mobile Internet device (Mobile Internet Devices, MID). ), PAD and other terminal devices. Fig. 15 does not limit the structure of the above electronic device. For example, computer terminal A may also include more or fewer components (such as a network interface, display device, etc.) than shown in FIG. 15, or have a different configuration than that shown in FIG.

A person of ordinary skill in the art may understand that all or part of the steps of the foregoing embodiments may be completed by a program to instruct terminal device related hardware, and the program may be stored in a computer readable storage medium. The storage medium may include a flash disk, a read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk, and the like.

Example 6

Embodiments of the present invention also provide a storage medium. Optionally, in this embodiment, the foregoing storage medium may be used to save the program code executed by the control method of the tab bar provided in the first embodiment.

Optionally, in this embodiment, the foregoing storage medium may be located in any one of the computer terminal groups in the computer network, or in any one of the mobile terminal groups.

Optionally, in this embodiment, the storage medium is configured to store program code for performing the following steps: acquiring a display area of the tab bar in the application interface, wherein the tab bar includes: N function controls, N functions The i function controls in the control are displayed in the display area, Ni function controls are hidden, i is a natural number less than or equal to N; when a drag event is detected in the display area of the tab bar, if the hidden first function control is detected Being dragged into the display area to obtain the attribute of the first function control and/or the operation attribute when the drag event occurs; if the attribute of the first function control and/or the operation attribute when the drag event occurs, the preset trigger condition is met, Then execute the task corresponding to the first function control.

Optionally, the storage medium is further configured to store program code for performing the following steps: the function control includes any one or more of the following types: a control for performing an application function, a control for executing a new task, and A control that closes the currently applied function, where the system hides the control used to create the new task and the control that closes the current application function by default.

Optionally, the storage medium is further configured to store program code for performing the following steps: in the process of generating a drag event in the tab bar, reading the coordinate position of each function control hidden in real time, wherein each The coordinate position of the function control dynamically changes with the drag event; it is determined whether the coordinate position of any hidden function control is within the range of the display area; wherein the coordinate position of the hidden first function control is located in the display area In the case of the range, it is determined that the first function control is dragged into the display area.

Optionally, the storage medium is further configured to store program code for performing the following steps: the attributes of the first function control include: a control area of the first function control and a display area, and/or the first function control is The length of stay after dragging into the display area.

Optionally, the storage medium is further configured to store program code for performing the following steps: reading an attribute of the first function control currently dragged into the display area; and a degree of coincidence between the control area of the first function control and the display area If the predetermined area is exceeded, and/or the stay duration after the first function control is dragged into the display area exceeds the first predetermined length of time, determining that the function of the first function control is triggered; after the function of the first function control is triggered, By calling the first An execution function of a function control performs a task corresponding to the first function control.

Optionally, the storage medium is further configured to store program code for performing the following steps: in the case of triggering a drag event occurring in the display area by pressing the touch screen, the operation attribute when the drag event occurs includes: pressing the touch screen The detected pressing pressure, and/or the length of operation when a drag event occurs.

Optionally, the storage medium is further configured to store program code for performing the following steps: reading the currently detected pressing pressure and/or the operation time when the drag event occurs after the first function control is dragged into the display area Determining that the function of the first function control is triggered when the currently detected pressing pressure exceeds the predetermined pressure value, and/or the operation duration when the drag event occurs exceeds the second predetermined length; the function of the first function control After being triggered, the task corresponding to the first function control is executed by calling the execution function of the first function control.

Optionally, the storage medium is further configured to store program code for performing the following steps: the list of function controls included in the tab bar is displayed horizontally anywhere in the application interface, or the list of function controls included in the tab bar is displayed longitudinally in the application interface. Any position in the display; wherein, when the first function control in the function control list is dragged into the display area, the second function control displayed in the display area in the function control list is hidden. The serial numbers of the embodiments of the present invention are merely for the description, and do not represent the advantages and disadvantages of the embodiments.

In the above-mentioned embodiments of the present invention, the descriptions of the various embodiments are different, and the parts that are not detailed in a certain embodiment can be referred to the related descriptions of other embodiments.

In the several embodiments provided by the present application, it should be understood that the disclosed technical contents may be implemented in other manners. The device embodiments described above are merely illustrative. For example, the division of the unit is only a logical function division. In actual implementation, there may be another division manner. For example, multiple units or components may be combined or may be Integrate into another system, or some features can be ignored or not executed. In addition, the mutual coupling or direct coupling or communication connection shown or discussed may be an indirect coupling or communication connection through some interface, unit or module, and may be electrical or otherwise.

The units described as separate components may or may not be physically separated, and the components displayed as units may or may not be physical units, that is, may be located in one place, or may be distributed to multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of the embodiment.

In addition, each functional unit in each embodiment of the present invention may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit. The above integrated unit can be implemented in the form of hardware or in the form of a software functional unit.

The integrated unit, if implemented in the form of a software functional unit and sold or used as a standalone product, It can be stored on a computer readable storage medium. Based on such understanding, the technical solution of the present invention, which is essential or contributes to the prior art, or all or part of the technical solution, may be embodied in the form of a software product stored in a storage medium. A number of instructions are included to cause a computer device (which may be a personal computer, server or network device, etc.) to perform all or part of the steps of the methods described in various embodiments of the present invention. The foregoing storage medium includes: a U disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a removable hard disk, a magnetic disk, or an optical disk, and the like. .

The above description is only a preferred embodiment of the present invention, and it should be noted that those skilled in the art can also make several improvements and retouchings without departing from the principles of the present invention. It should be considered as the scope of protection of the present invention.

Claims (21)

A method for controlling a tab bar, comprising: Obtaining a display area of the tab bar in the application interface, where the tab bar includes: N function controls, wherein one of the N function controls is displayed in the display area, and Ni function controls are hidden. i is a natural number less than or equal to N; When a drag event is detected in the display area of the tab bar, if it is detected that the hidden first function control is dragged into the display area, the attribute of the first function control is acquired and/or the drag occurs The action attribute at the time of the event; If the attribute of the first function control and/or the operation attribute when the drag event occurs meets a preset trigger condition, the task corresponding to the first function control is executed. The method according to claim 1, wherein the function control comprises any one or more of the following types: a control for executing an application function, a control for executing a new task, and a function for closing the current application. The control, wherein the system hides the control for executing the creation of a new task and the control for closing the current application function by default. The method according to claim 1, wherein before the acquiring the attribute of the first function control and/or the operation attribute when the drag event occurs, the method further comprises: During the occurrence of the drag event in the tab bar, the coordinate position of each function control that is hidden is read in real time, wherein the coordinate position of each function control is dynamic with the drag event Variety; Determining whether a coordinate position of any one of the hidden function controls is within a range of the display area; wherein In a case where the coordinate position of the hidden first function control is within the range of the display area, it is determined that the first function control is dragged into the display area. The method according to any one of claims 1 to 3, wherein the attribute of the first function control comprises: a control area of the first function control and a coincidence degree of the display area, and/or The length of stay of the first function control after being dragged into the display area. The method according to claim 4, wherein if the attribute of the first function control satisfies a preset trigger condition, executing the task corresponding to the first function control comprises: Reading an attribute of the first function control currently dragged into the display area; In a case where the control area of the first function control overlaps with the display area exceeds a predetermined area, and/or the staying time after the first function control is dragged into the display area exceeds a first predetermined time length , determine the said The function of the first function control is triggered; After the function of the first function control is triggered, the task corresponding to the first function control is executed by calling an execution function of the first function control. The method according to any one of claims 1 to 3, characterized in that, in the case where the drag event occurs in the display area by pressing the touch screen, an operation attribute when the drag event occurs The pressing pressure detected when the touch screen is pressed, and/or the operating time when the drag event occurs. The method according to claim 6, wherein if the operation attribute when the drag event occurs satisfies a preset trigger condition, executing the task corresponding to the first function control comprises: Reading the pressing pressure currently detected after the first function control is dragged into the display area, and/or the operation duration when the drag event occurs; Determining that the function of the first function control is triggered if the currently detected pressing pressure exceeds a predetermined pressure value, and/or the operation duration when the drag event occurs exceeds a second predetermined length of time; After the function of the first function control is triggered, the task corresponding to the first function control is executed by calling an execution function of the first function control. The method according to claim 1, wherein the list of function controls included in the tab bar is displayed horizontally at any position in the application interface, or the list of function controls included in the tab bar is displayed vertically in the Any position in the application interface; wherein, when the first function control in the function control list is dragged into the display area, the second function displayed in the display area in the function control list The control is hidden. A method for controlling a tab bar, comprising: When the application interface displayed in the touch screen senses the drag event, it is determined whether the drag event occurs in a display area of the tab bar in the application interface, where the tab bar includes: a function control list, and the function control The i function controls in the list are displayed in the display area, and Ni function controls are hidden, and i is a natural number less than or equal to N; If the first function control hidden in the function control list is dragged into the display area, acquire an attribute of the first function control and/or an operation attribute when the drag event occurs; If the attribute of the first function control and/or the operation attribute when the drag event occurs meets a preset trigger condition, the function page corresponding to the first function control is displayed in the application interface. The method according to claim 9, wherein the function control comprises any one or more of the following types: a control for executing an application function, a control for executing a new task, and a method for closing the current application. A functional control in which the system hides the control for performing a new task and the control for closing the current application function by default. The method according to claim 9, wherein the display area of the tab bar is divided into a plurality of sub-areas, each sub-area respectively displaying an icon of a corresponding function control in the function control list, wherein, when When the first function control in the function control list is dragged into the display area, the second function control displayed in the display area in the function control list is moved out of the display area. The method according to claim 9, wherein the list of function controls included in the tab bar is displayed horizontally at any position in the application interface, or the list of function controls included in the tab bar is displayed vertically. Anywhere in the application interface. A control device for a tab bar, comprising: a first obtaining module, configured to acquire a display area of the tab bar in the application interface, where the tab bar includes: N function controls, where one of the N function controls is displayed in the display area , Ni function controls are hidden, i is a natural number less than or equal to N; a second acquiring module, configured to: when a drag event is detected in a display area of the tab bar, if it is detected that the hidden first function control is dragged into the display area, acquire the attribute of the first function control and / or the operation attribute when the drag event occurs; And an execution module, configured to execute a task corresponding to the first function control, if an attribute of the first function control and/or an operation attribute when the drag event occurs meets a preset trigger condition. The device according to claim 13, wherein the function control comprises any one or more of the following types: a control for executing an application function, a control for executing a new task, and a function for closing the current application. Controls in which the system hides the controls used to create new tasks and the controls used to close the current application functionality by default. The device according to claim 13, wherein the device further comprises: a reading module, configured to read a coordinate position of each function control hidden in real time during the occurrence of the drag event in the tab bar, wherein a coordinate position of each function control is followed The drag event changes dynamically; a determining module, configured to determine whether a coordinate position of any one of the hidden function controls is within a range of the display area; And a determining module, configured to determine that the first function control is dragged into the display area if a coordinate position of the hidden first function control is within a range of the display area. The device according to any one of claims 13 to 15, wherein the attribute of the first function control comprises: a control area of the first function control and a coincidence degree of the display area, and/or The length of stay of the first function control after being dragged into the display area. The apparatus according to claim 16, wherein the execution module comprises: a first reading submodule, configured to read an attribute of the first function control currently dragged into the display area; a first determining submodule, configured to: when a control area of the first function control overlaps with the display area exceeds a predetermined area, and/or a duration of time after the first function control is dragged into the display area Determining that the function of the first function control is triggered if the first predetermined duration is exceeded; The first calling submodule is configured to execute a task corresponding to the first function control by calling an execution function of the first function control after the function of the first function control is triggered. The apparatus according to any one of claims 13 or 15, wherein in the case where the drag event occurs in the display area by pressing the touch screen, the operation attribute at the time of the drag event occurs The pressing pressure detected when the touch screen is pressed, and/or the operating time when the drag event occurs. The apparatus according to claim 18, wherein the execution module further comprises: a second reading sub-module, configured to read the pressing pressure currently detected after the first function control is dragged into the display area, and/or the operation duration when the drag event occurs; a second determining submodule, configured to determine, in a case that the currently detected pressing pressure exceeds a predetermined pressure value, and/or the operation duration when the drag event occurs exceeds a second predetermined time length The function of a function control is triggered; The second calling submodule is configured to execute a task corresponding to the first function control by calling an execution function of the first function control after the function of the first function control is triggered. The device according to claim 13, wherein the device further comprises: a display module, wherein the list of function controls included in the tab bar is displayed horizontally at any position in the application interface, or the list of function controls included in the tab bar is displayed longitudinally at any position in the application interface; Wherein, when the first function control in the function control list is dragged into the display area, the second function control displayed in the display area in the function control list is hidden. A control device for a tab bar, comprising: a judging module, configured to determine, when the application interface displayed in the touch screen senses a drag event, whether the drag event occurs in a display area of the tab bar in the application interface, where the tab bar includes: a function control list , the i function controls in the function control list are displayed in the display area, and Ni function controls are hidden, i is a natural number less than or equal to N; An acquiring module, configured to: if a first function control hidden in the function control list is dragged into the display area, acquire an attribute of the first function control and/or an operation attribute when the drag event occurs; a display module, configured to: display, when the attribute of the first function control and/or the operation attribute when the drag event occurs, a preset trigger condition, display a function page corresponding to the first function control In the application interface.

Images