CN111399737A - Navigation bar control method and device, readable storage medium and electronic equipment - Google Patents
Navigation bar control method and device, readable storage medium and electronic equipment Download PDFInfo
- Publication number
- CN111399737A CN111399737A CN202010287091.7A CN202010287091A CN111399737A CN 111399737 A CN111399737 A CN 111399737A CN 202010287091 A CN202010287091 A CN 202010287091A CN 111399737 A CN111399737 A CN 111399737A
- Authority
- CN
- China
- Prior art keywords
- navigation bar
- floating
- user interface
- graphical user
- navigation
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The disclosure provides a navigation bar control method, a navigation bar control device, a computer readable storage medium and an electronic device, and relates to the technical field of computers. The method is applied to a mobile terminal which displays a graphical user interface, and is characterized in that a fixed navigation bar is included in the graphical user interface and comprises at least two navigation controls, and the method comprises the following steps: providing a floating navigation bar within the graphical user interface in response to a first operation on the fixed navigation bar, the floating navigation bar containing the at least two navigation controls; and responding to a second operation acted on the floating navigation bar, and controlling the floating navigation bar to move in the graphical user interface according to the second operation. The navigation bar control method can enhance the flexibility of operating the navigation bar and improve the user experience.
Description
Technical Field
The present disclosure relates to the field of computer technologies, and in particular, to a navigation bar control method, a navigation bar control apparatus, a computer-readable storage medium, and an electronic device.
Background
In recent years, mobile terminals have become a necessary tool in people's daily life due to their features such as rich functions and convenient use, and with the development of computer and internet technologies, Application programs (APP) have become the main way to carry on-line services on mobile terminals.
As the content and functions of the application programs become more and more rich, the conventional list mode cannot meet the use requirements of the user, and therefore, most of the application programs are provided with navigation bars so that the user can quickly switch to a page to be browsed. However, with the development of mobile terminals, there are some difficulties in the operation of the user selecting the navigation bar, such as: when a user operates on a tablet computer or a display screen of a smart phone is large, the user often cannot operate a navigation bar with one hand, and therefore user experience is poor.
It is to be noted that the information disclosed in the above background section is only for enhancement of understanding of the background of the present disclosure, and thus may include information that does not constitute prior art known to those of ordinary skill in the art.
Disclosure of Invention
The present disclosure is directed to a navigation bar control method, a navigation bar control apparatus, a computer-readable storage medium, and an electronic device, so as to overcome the problem of inconvenient control operation of a navigation bar in the prior art to a certain extent.
According to a first aspect of the present disclosure, a navigation bar control method is provided, which is applied to a mobile terminal, where the mobile terminal displays a graphical user interface, a fixed navigation bar is included in the graphical user interface, and the fixed navigation bar includes at least two navigation controls, and the method includes: providing a floating navigation bar within the graphical user interface in response to a first operation on the fixed navigation bar, the floating navigation bar containing the at least two navigation controls; and responding to a second operation acted on the floating navigation bar, and controlling the floating navigation bar to move in the graphical user interface according to the second operation.
In an exemplary embodiment of the present disclosure, the providing a floating navigation bar within the graphical user interface includes: and switching the fixed navigation bar into a floating navigation bar.
In an exemplary embodiment of the present disclosure, the controlling the floating navigation bar to move within the graphical user interface according to the second operation includes: and moving the floating navigation bar in the graphical user interface according to the operation track of the second operation.
In an exemplary embodiment of the present disclosure, the method further comprises: and responding to a third operation acted on any navigation control, and jumping to a page corresponding to any navigation control in the graphical user interface.
In an exemplary embodiment of the present disclosure, while controlling the floating navigation bar to move within the graphical user interface according to the second operation, the method further comprises: when the floating navigation bar moves to a preset area near the edge of the graphical user interface, the direction of the floating navigation bar is adjusted according to the direction of the edge, and the navigation controls in the floating navigation bar are arranged along the direction of the edge.
In an exemplary embodiment of the present disclosure, the method further comprises: and responding to a fourth operation acted on the floating navigation bar, editing a navigation control in the floating navigation bar according to the fourth operation, or adjusting the size or the shape of the floating navigation bar.
In an exemplary embodiment of the present disclosure, after providing a floating navigation bar within the graphical user interface, the method further comprises: when the operation aiming at the floating navigation bar within the preset time is a null value, increasing the transparency of the floating navigation bar in the graphical user interface, or hiding the floating navigation bar from the graphical user interface, or restoring the floating navigation bar to the fixed navigation bar.
In an exemplary embodiment of the present disclosure, the method further comprises: and responding to a fifth operation acted on the floating navigation bar, and restoring the floating navigation bar into the fixed navigation bar.
In an exemplary embodiment of the present disclosure, the floating navigation bar is shorter in length and/or width than the fixed navigation bar.
According to a second aspect of the present disclosure, there is provided a navigation bar control apparatus applied to a mobile terminal, where the mobile terminal displays a graphical user interface, the graphical user interface includes a fixed navigation bar, and the fixed navigation bar includes at least two navigation controls, the apparatus includes: the providing module is used for responding to a first operation acted on the fixed navigation bar and providing a floating navigation bar in the graphical user interface, and the floating navigation bar comprises the at least two navigation controls; and the control module is used for responding to a second operation acted on the floating navigation bar and controlling the floating navigation bar to move in the graphical user interface according to the second operation.
In an exemplary embodiment of the present disclosure, the providing module is configured to switch the fixed navigation bar to a floating navigation bar.
In an exemplary embodiment of the disclosure, the control module is configured to move the floating navigation bar within the graphical user interface according to an operation trajectory of the second operation.
In an exemplary embodiment of the disclosure, the control module is further configured to jump to a page corresponding to any one of the navigation controls in the graphical user interface in response to a third operation acting on any one of the navigation controls.
In an exemplary embodiment of the disclosure, when the floating navigation bar is controlled to move in the graphical user interface according to the second operation, the control module is further configured to adjust the direction of the floating navigation bar according to the direction of the edge when the floating navigation bar moves to a preset area near the edge of the graphical user interface, so that the navigation controls in the floating navigation bar are arranged along the direction of the edge.
In an exemplary embodiment of the disclosure, the control module is further configured to, in response to a fourth operation applied to the floating navigation bar, edit a navigation control in the floating navigation bar according to the fourth operation, or adjust a size or a shape of the floating navigation bar.
In an exemplary embodiment of the disclosure, after providing a floating navigation bar in the graphical user interface, the providing module is further configured to increase transparency of the floating navigation bar in the graphical user interface, or hide the floating navigation bar from the graphical user interface, or restore the floating navigation bar to the fixed navigation bar when an operation on the floating navigation bar within a preset time is null.
In an exemplary embodiment of the disclosure, the control module is further configured to restore the floating navigation bar to the fixed navigation bar in response to a fifth operation on the floating navigation bar.
In an exemplary embodiment of the present disclosure, the floating navigation bar is shorter in length and/or width than the fixed navigation bar.
According to a third aspect of the present disclosure, there is provided a computer readable storage medium having stored thereon a computer program which, when executed by a processor, implements the method of any one of the above.
According to a fourth aspect of the present disclosure, there is provided an electronic device comprising: a processor; a memory for storing executable instructions of the processor; wherein the processor is configured to implement the method of any one of the above via execution of the executable instructions to intercept a screenshot containing the target picture.
The exemplary embodiments of the present disclosure may have the following advantageous effects:
the exemplary embodiments provide a navigation bar control method, a navigation bar control apparatus, a computer-readable storage medium, and an electronic device by providing a floating navigation bar in a graphical user interface in response to a first operation applied to a fixed navigation bar, and controlling the floating navigation bar to move in the graphical user interface according to a second operation when the second operation applied to the floating navigation bar is received. According to the embodiment, the fixed navigation bar is switched to the floating navigation bar, the floating navigation bar is controlled to move in the graphical user interface, the flexibility of navigation bar display is enhanced, meanwhile, the display position of the floating navigation bar can be defined by a user, so that the navigation bar can be operated by one hand when the user is inconvenient to operate by two hands or the display screen of the mobile terminal is large, convenience is provided for the user to operate the navigation bar on the basis of meeting the use requirements of the user, and therefore the user experience is improved.
It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present disclosure and together with the description, serve to explain the principles of the disclosure. It is apparent that the drawings in the following description are only some embodiments of the present disclosure, and that other drawings can be obtained from those drawings without inventive effort for a person skilled in the art.
FIG. 1 is a schematic diagram of a fixed navigation bar in the exemplary embodiment;
FIG. 2 is a flowchart illustrating a navigation bar control method in accordance with the exemplary embodiment;
FIG. 3 is a schematic diagram of a floating navigation bar in the exemplary embodiment;
FIG. 4 is a schematic diagram of another floating navigation bar in the exemplary embodiment;
fig. 5 is a block diagram showing the structure of a navigation bar control apparatus in the present exemplary embodiment;
FIG. 6 illustrates a computer-readable storage medium for implementing the above-described method in the present exemplary embodiment;
fig. 7 schematically illustrates an electronic device for implementing the above method in the embodiment of the present disclosure.
Detailed Description
Exemplary embodiments will now be described more fully with reference to the accompanying drawings. The exemplary embodiments, however, may be embodied in many different forms and should not be construed as limited to the examples set forth herein; rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the concept of example embodiments to those skilled in the art. The described features, structures, or characteristics may be combined in any suitable manner in one or more embodiments. In the following description, numerous specific details are provided to give a thorough understanding of embodiments of the disclosure. One skilled in the relevant art will recognize, however, that the subject matter of the present disclosure can be practiced without one or more of the specific details, or with other methods, components, devices, steps, and the like. In other instances, well-known technical solutions have not been shown or described in detail to avoid obscuring aspects of the present disclosure.
The present exemplary embodiment first provides a navigation bar control method, which may be applied to a mobile terminal, such as a smart phone, a tablet computer, a portable computer, and the like. Within a display screen of the mobile terminal, a graphical user interface may be displayed, the graphical user interface may be used to display a fixed navigation bar, and the fixed navigation bar may include at least two navigation controls therein. The navigation control can be displayed as a corresponding function icon, and the page corresponding to the selected navigation control can be displayed in the graphic user interface by selecting the navigation control in the fixed navigation bar. Generally, the fixed navigation bar may be displayed on the top or bottom of the graphical user interface, as shown in fig. 1, which shows a schematic diagram of a fixed navigation bar in the graphical user interface, as shown, the fixed navigation bar 110 is displayed on the bottom of the graphical user interface 100, and the fixed navigation bar 110 includes navigation controls 111, 112, 113 and 114, at this time, a page corresponding to the navigation control 113 is displayed in the graphical user interface 100.
Fig. 2 shows a method flow of the present exemplary embodiment, which may include the following steps S210 to S220:
step S210, responding to the first operation of the fixed navigation bar, providing a floating navigation bar in the graphical user interface, wherein the floating navigation bar comprises at least two navigation controls.
The first operation refers to an operation instruction for switching the fixed navigation bar in the graphical user interface by the user, for example, the mobile terminal is a touch terminal, and the first operation may be a certain touch operation of the user in a specific area of the fixed navigation bar, such as an operation of pressing the fixed navigation bar for a long time or sliding the fixed navigation bar in a certain direction, or the first operation may also be an operation of a specific key of the mobile terminal, for example, when the user continuously presses the screen locking key, the first operation is determined to be triggered; the floating navigation bar refers to a navigation bar window suspended in the graphical user interface.
Upon receiving a first operation of the fixed navigation bar by the user, a floating navigation bar may be displayed in the graphical user interface, and the same navigation controls as those in the fixed navigation bar may be displayed in the floating navigation bar, as shown in fig. 3, the floating navigation bar 310 is displayed in a floating manner at the bottom of the graphical user interface 100, and the floating navigation bar 310 includes the same navigation controls 311, 312, 313, and 314 as those in the fixed navigation bar in fig. 1.
In an alternative embodiment, the method for providing a floating navigation bar in the graphical user interface in step S210 can be implemented by switching the fixed navigation bar to the floating navigation bar. Meanwhile, when the fixed navigation bar is switched to the floating navigation bar, the fixed navigation bar can be hidden and displayed in the graphical user interface, at the moment, the page content displayed in the graphical user interface can be expanded and displayed at the position of the fixed navigation bar, or the content which is not displayed in the graphical user interface can be displayed at the position of the fixed navigation bar.
Further, the present exemplary embodiment may further determine a display manner of the floating navigation bar by detecting a time when the user operates the floating navigation bar, and in an alternative embodiment, when the operation of the floating navigation bar for a preset time is detected as a null value, the transparency of the floating navigation bar in the graphical user interface may be increased, or the floating navigation bar may be hidden from the graphical user interface, or the floating navigation bar may be restored to the fixed navigation bar. That is, the display mode of the floating navigation bar may be determined according to the time when the user does not operate the floating navigation bar, for example, when it is detected that the time when the user does not operate the floating navigation bar is within the time t1, the transparency of the floating navigation bar in the graphical user interface may be increased, and as the time when the user does not operate the floating navigation bar increases, the transparency of the floating navigation bar in the graphical user interface may be continuously increased until the time t2(t1< t2) is reached, and the floating navigation bar may be hidden from the graphical user interface; when it is detected that the time when the floating navigation bar is not operated by the user reaches t3(t2< t3) or more, the floating navigation bar can be restored to the fixed navigation bar. By the method, when the floating navigation bar is displayed in the graphical user interface, the occupation of the floating navigation bar on the graphical user interface display area is reduced, and the influence of the floating navigation bar on the user operation can be avoided.
And S220, responding to a second operation acted on the floating navigation bar, and controlling the floating navigation bar to move in the graphical user interface according to the second operation.
The second operation is an operation instruction for the user to move the floating navigation bar in the graphical user interface, and taking the touch terminal as an example, the second operation may be a touch operation for the user to drag the floating navigation bar in the graphical user interface.
When a second operation of the user on the floating navigation bar is received, the floating navigation bar can be controlled to move to a corresponding position in the graphical user interface according to the position indicated by the second operation, so that the floating navigation bar is displayed at the position indicated by the user.
In order to enable the user to preview the display of the floating navigation bar at the corresponding position in real time during the moving of the floating navigation bar, in one embodiment, when the floating navigation bar is moved through step S220, the floating navigation bar may be moved within the graphical user interface according to the operation track of the second operation, for example, when the user drags the floating navigation bar at the touch terminal, the floating navigation bar may be moved synchronously along the dragging track of the user, so that when the user stops dragging the floating navigation bar, the floating navigation bar is displayed at the touch position at which the user stops dragging.
In another embodiment, the second operation may also be: the user clicks, double clicks, or long presses on the floating navigation bar to activate the moving state of the floating navigation bar, and then clicks another location within the graphical user interface to cause the floating navigation bar to move to that location.
In general, the floating navigation bar can be displayed on the edge of the graphical user interface, so that the user can conveniently select the navigation control, and the influence of the floating navigation bar on the display content of the graphical user interface can be reduced. Based on this, in an alternative embodiment, when the floating navigation bar moves to the preset area near the edge of the graphical user interface, the direction of the floating navigation bar may be adjusted according to the direction of the edge, so that the navigation controls in the floating navigation bar may be arranged along the direction of the edge. The preset area is an area which extends inwards from the edge of the graphical user interface by a certain size, and the extension size of the obtained area can be set by an equipment manufacturer or can be set by a user in a self-defined mode and is generally adaptive to the size of a screen. Referring to FIG. 4, when the floating navigation bar 410 moves to the right edge of the graphical user interface 100, the floating navigation bar 410 may switch from a landscape display to a portrait display as shown in the floating navigation bar 420, i.e., the navigation controls in the floating navigation bar switch from a landscape to a portrait arrangement. By the method, a user can complete selection of the navigation control in the floating navigation bar through single-hand operation, occupation of a graphical user interface display area when the floating navigation bar is at the edge can be reduced, manual operation of the user is not needed, and certain convenience is brought to the user.
Furthermore, when the floating navigation bar is displayed on the edge of the graphical user interface, if an operation instruction of sliding the floating navigation bar to the edge by a user is received, the floating navigation bar can be hidden in the graphical user interface, and when an operation instruction of sliding the floating navigation bar in the same area in the reverse direction by the user is received, the floating navigation bar can be displayed in the graphical user interface again. For example, when the floating navigation bar is displayed on the right edge, the user can slide the floating navigation bar to the right side to hide the floating navigation bar, and slide the floating navigation bar from the right edge to the left side to recollect the floating navigation bar.
Correspondingly, by selecting the navigation control in the floating navigation bar, a page corresponding to the selected navigation control may also be displayed in the graphical user interface, and specifically, in an optional implementation manner, the method for displaying a page may be implemented in the following manner:
and responding to a third operation acted on any navigation control, and jumping to a page corresponding to any navigation control in the graphical user interface.
The third operation may be an operation instruction of the user to switch the display page on the mobile terminal, for example, the third operation may be an operation of the user clicking a navigation control.
Taking the single-click operation as an example, when an operation instruction of a user to single-click any one of the navigation controls is received, the current page is switched to the page corresponding to the navigation control selected by the user in the graphical user interface.
In an optional implementation manner, when the floating navigation bar is displayed, the user may further edit the display content or the display manner of the floating navigation bar according to a usage habit and the like, which may specifically be implemented by:
and responding to the fourth operation acted on the floating navigation bar, editing the navigation control of the floating navigation bar according to the fourth operation, or adjusting the size or the shape of the floating navigation bar.
The fourth operation is an edit instruction of the floating navigation bar by the user, and for example, the fourth operation may be an operation of the user pressing the floating navigation bar on the touch terminal with a pressing force degree greater than a certain threshold, or a sliding operation of the user along a certain specified direction.
When a fourth operation of the user on the floating navigation bar is received, an editing interface can be displayed in the graphical user interface, so that the user can customize the content, the number and the like of the navigation controls in the editing interface, for example, the user can select to add or delete the navigation controls, so that the common navigation controls can be displayed in the floating navigation bar, the sequence among the navigation controls is adjusted, or the position of the navigation controls in the floating navigation bar is adjusted, and the like; meanwhile, in the editing interface, the user may also modify the display modes such as the size, the shape, and the like of the floating navigation bar, for example, parameters such as the size, the shape, and the like may be provided in the editing interface, so that the user may set the display size, the shape, and the like of the floating navigation bar through the parameters, or may also move the corresponding edge of the floating navigation bar according to the dragging track when detecting that the user drags the edge of the floating navigation bar, so that the floating navigation bar may be displayed in any shape according to the user requirements.
Furthermore, the operation of the user editing the floating navigation bar can be realized by setting an editing control, and the editing control can be set in the floating navigation bar and also can be set in the basic function of the application program. And when an operation instruction that the user selects the editing control is received, displaying an editing interface so that the user can set the display of the floating navigation bar according to the use habit and the like. By the method for editing the navigation control of the floating navigation bar and adjusting the size or the shape of the floating navigation bar, a user can select the navigation control which is commonly used by the user and can also adjust the size or the shape of the floating navigation bar according to the preference of the user, so that the personalized requirements of the user are further met on the basis of meeting the use requirements of the user.
In some cases, the user needs to switch the floating navigation bar to the fixed navigation bar, and therefore, in an alternative embodiment, the floating navigation bar may be switched to the fixed navigation bar by:
and restoring the floating navigation bar to the fixed navigation bar in response to a fifth operation on the floating navigation bar.
The fifth operation is an operation instruction for the user to switch the floating navigation bar in the graphical user interface, for example, the fifth operation may be the same touch operation and the operation on a specific key of the mobile terminal as the first operation.
Taking the long-press operation as an example, when an operation instruction of long-press the floating navigation bar by the user is received, the floating navigation bar can be restored to the fixed navigation bar, and at the moment, the floating navigation bar is hidden in the graphical user interface. In addition, after the floating navigation bar is restored to the fixed navigation bar, the navigation control in the fixed navigation bar can be the same as the floating navigation bar, and can also be restored to the default setting in the application program.
To reduce the footprint of the floating navigation bar on the graphical user interface display area and the impact on user operation, in an alternative embodiment, the floating navigation bar may be smaller in length and/or width than the fixed navigation bar.
In summary, the exemplary embodiments provide a navigation bar control method by providing a floating navigation bar in a graphic user interface in response to a first operation applied to a fixed navigation bar, and controlling the floating navigation bar to move in the graphic user interface according to a second operation when the second operation applied to the floating navigation bar is received. According to the embodiment, the fixed navigation bar is switched to the floating navigation bar, the floating navigation bar is controlled to move in the graphical user interface, the flexibility of navigation bar display is enhanced, meanwhile, the display position of the floating navigation bar can be defined by a user, so that the navigation bar can be operated by one hand when the user is inconvenient to operate by two hands or the display screen of the mobile terminal is large, convenience is provided for the user to operate the navigation bar on the basis of meeting the use requirements of the user, and therefore the user experience is improved.
Further, in an exemplary embodiment of the present disclosure, there is also provided a navigation bar control apparatus, and referring to fig. 5, the navigation bar control apparatus 500 may be applied to a mobile terminal, the mobile terminal displays a graphical user interface, a fixed navigation bar is included in the graphical user interface, the fixed navigation bar includes at least two navigation controls, and the navigation bar control apparatus 500 includes: a providing module 510, operable to provide a floating navigation bar within a graphical user interface in response to a first operation operable to fix the navigation bar, the floating navigation bar comprising at least two navigation controls; the control module 520 may be configured to control movement of the floating navigation bar within the graphical user interface in response to a second operation that may be applied to the floating navigation bar based on the second operation.
In an exemplary embodiment of the present disclosure, the providing module 510 may be configured to switch the fixed navigation bar to the floating navigation bar.
In an exemplary embodiment of the present disclosure, the control module 520 may be configured to move the floating navigation bar within the graphical user interface according to an operation trajectory of the second operation.
In an exemplary embodiment of the disclosure, the control module 520 may be further configured to jump to a page corresponding to any navigation control in the graphical user interface in response to a third operation that may be applied to any navigation control.
In an exemplary embodiment of the disclosure, when the floating navigation bar is controlled to move within the graphical user interface according to the second operation, the control module 520 may be further configured to adjust the direction of the floating navigation bar according to the direction of the edge when the floating navigation bar moves to a preset area near the edge of the graphical user interface, so that the navigation controls in the floating navigation bar are arranged along the direction of the edge.
In an exemplary embodiment of the disclosure, the control module 520 may be further configured to edit the navigation control in the floating navigation bar or adjust the size or shape of the floating navigation bar according to a fourth operation in response to the fourth operation being available for the floating navigation bar.
In an exemplary embodiment of the disclosure, after providing a floating navigation bar in the graphical user interface, the providing module 510 may be further configured to increase transparency of the floating navigation bar in the graphical user interface, or hide the floating navigation bar from the graphical user interface, or restore the floating navigation bar to a fixed navigation bar when an operation on the floating navigation bar within a preset time is null.
In an exemplary embodiment of the present disclosure, the control module 520 may be further configured to restore the floating navigation bar to the fixed navigation bar in response to a fifth operation that may be applied to the floating navigation bar.
In an exemplary embodiment of the present disclosure, the floating navigation bar is shorter in length and/or width than the fixed navigation bar.
The specific details of each module in the above apparatus have been described in detail in the method section, and details of an undisclosed scheme may refer to the method section, and thus are not described again.
As will be appreciated by one skilled in the art, aspects of the present disclosure may be embodied as a system, method or program product. Accordingly, various aspects of the present disclosure may be embodied in the form of: an entirely hardware embodiment, an entirely software embodiment (including firmware, microcode, etc.) or an embodiment combining hardware and software aspects that may all generally be referred to herein as a "circuit," module "or" system.
Exemplary embodiments of the present disclosure also provide a computer-readable storage medium having stored thereon a program product capable of implementing the above-described method of the present specification. In some possible embodiments, various aspects of the disclosure may also be implemented in the form of a program product comprising program code for causing a terminal device to perform the steps according to various exemplary embodiments of the disclosure described in the above-mentioned "exemplary methods" section of this specification, when the program product is run on the terminal device.
Referring to fig. 6, a program product 600 for implementing the above method according to an exemplary embodiment of the present disclosure is described, which may employ a portable compact disc read only memory (CD-ROM) and include program code, and may be run on a terminal device, such as a personal computer. However, the program product of the present disclosure is not limited thereto, and in this document, a readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device.
A computer readable signal medium may include a propagated data signal with readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A readable signal medium may also be any readable medium that is not a readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device.
Program code embodied on a readable medium may be transmitted using any appropriate medium, including but not limited to wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.
Program code for carrying out operations of the present disclosure may be written in any combination of one or more programming languages, including AN object oriented programming language such as Java, C + +, or the like, as well as conventional procedural programming languages, such as the "C" language or similar programming languages.
The exemplary embodiment of the present disclosure also provides an electronic device capable of implementing the above method. An electronic device 700 according to such an exemplary embodiment of the present disclosure is described below with reference to fig. 7. The electronic device 700 shown in fig. 7 is only an example and should not bring any limitation to the functions and the scope of use of the embodiments of the present disclosure.
As shown in fig. 7, electronic device 700 may take the form of a general purpose computing device. The components of the electronic device 700 may include, but are not limited to: the at least one processing unit 710, the at least one memory unit 720, a bus 730 connecting different system components (including the memory unit 720 and the processing unit 710), and a display unit 740.
Wherein the storage unit 720 stores program code, which can be executed by the processing unit 710, to cause the processing unit 710 to perform the steps according to various exemplary embodiments of the present disclosure described in the above section "exemplary method" of the present specification. For example, processing unit 710 may perform the method steps shown in fig. 2, and so on.
The storage unit 720 may include readable media in the form of volatile memory units, such as a random access memory unit (RAM)721 and/or a cache memory unit 722, and may further include a read only memory unit (ROM) 723.
The memory unit 720 may also include programs/utilities 724 having a set (at least one) of program modules 725, such program modules 725 including, but not limited to: an operating system, one or more application programs, other program modules, and program data, each of which, or some combination thereof, may comprise an implementation of a network environment.
It should be noted that although in the above detailed description several modules or units of the device for action execution are mentioned, such a division is not mandatory. Indeed, the features and functions of two or more modules or units described above may be embodied in one module or unit, according to exemplary embodiments of the present disclosure. Conversely, the features and functions of one module or unit described above may be further divided into embodiments by a plurality of modules or units.
Furthermore, the above-described figures are merely schematic illustrations of processes included in methods according to exemplary embodiments of the present disclosure, and are not intended to be limiting. It will be readily understood that the processes shown in the above figures are not intended to indicate or limit the chronological order of the processes. In addition, it is also readily understood that these processes may be performed synchronously or asynchronously, e.g., in multiple modules.
Through the above description of the embodiments, those skilled in the art will readily understand that the exemplary embodiments described herein may be implemented by software, or by software in combination with necessary hardware. Therefore, the technical solution according to the exemplary embodiments of the present disclosure may be embodied in the form of a software product, which may be stored in a non-volatile storage medium (which may be a CD-ROM, a usb disk, a removable hard disk, etc.) or on a network, and includes several instructions to make a computing device (which may be a personal computer, a server, a terminal device, or a network device, etc.) execute the method according to the exemplary embodiments of the present disclosure.
Other embodiments of the disclosure will be apparent to those skilled in the art from consideration of the specification and practice of the disclosure disclosed herein. This application is intended to cover any variations, uses, or adaptations of the disclosure following, in general, the principles of the disclosure and including such departures from the present disclosure as come within known or customary practice within the art to which the disclosure pertains. It is intended that the specification and examples be considered as exemplary only, with a true scope and spirit of the disclosure being indicated by the following claims.
Claims (12)
1. A navigation bar control method is applied to a mobile terminal, the mobile terminal displays a graphical user interface, the graphical user interface comprises a fixed navigation bar, the fixed navigation bar comprises at least two navigation controls, and the method comprises the following steps:
providing a floating navigation bar within the graphical user interface in response to a first operation on the fixed navigation bar, the floating navigation bar containing the at least two navigation controls;
and responding to a second operation acted on the floating navigation bar, and controlling the floating navigation bar to move in the graphical user interface according to the second operation.
2. The navigation bar control method of claim 1, wherein providing a floating navigation bar within the graphical user interface comprises:
and switching the fixed navigation bar into a floating navigation bar.
3. The navigation bar control method of claim 1, wherein the controlling the floating navigation bar to move within the graphical user interface according to the second operation comprises:
and moving the floating navigation bar in the graphical user interface according to the operation track of the second operation.
4. The navigation bar control method of claim 1, further comprising:
and responding to a third operation acted on any navigation control, and jumping to a page corresponding to any navigation control in the graphical user interface.
5. The navigation bar control method of claim 1, wherein while controlling the floating navigation bar to move within the graphical user interface in accordance with the second operation, the method further comprises:
when the floating navigation bar moves to a preset area near the edge of the graphical user interface, the direction of the floating navigation bar is adjusted according to the direction of the edge, and the navigation controls in the floating navigation bar are arranged along the direction of the edge.
6. The navigation bar control method of claim 1, further comprising:
and responding to a fourth operation acted on the floating navigation bar, editing a navigation control in the floating navigation bar according to the fourth operation, or adjusting the size or the shape of the floating navigation bar.
7. The navigation bar control method of claim 1, wherein after providing a floating navigation bar within the graphical user interface, the method further comprises:
when the operation aiming at the floating navigation bar within the preset time is a null value, increasing the transparency of the floating navigation bar in the graphical user interface, or hiding the floating navigation bar from the graphical user interface, or restoring the floating navigation bar to the fixed navigation bar.
8. The navigation bar control method of claim 1, further comprising:
and responding to a fifth operation acted on the floating navigation bar, and restoring the floating navigation bar into the fixed navigation bar.
9. The navigation bar control method of any one of claims 1 to 8, wherein the floating navigation bar is shorter in length and/or width than the fixed navigation bar.
10. A navigation bar control device is applied to a mobile terminal, the mobile terminal displays a graphical user interface, the graphical user interface comprises a fixed navigation bar, the fixed navigation bar comprises at least two navigation controls, and the device comprises:
the providing module is used for responding to a first operation acted on the fixed navigation bar and providing a floating navigation bar in the graphical user interface, and the floating navigation bar comprises the at least two navigation controls;
and the control module is used for responding to a second operation acted on the floating navigation bar and controlling the floating navigation bar to move in the graphical user interface according to the second operation.
11. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out the method of any one of claims 1-9.
12. An electronic device, comprising:
a processor; and
a memory for storing executable instructions of the processor;
wherein the processor is configured to perform the method of any of claims 1-9 via execution of the executable instructions.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010287091.7A CN111399737B (en) | 2020-04-13 | 2020-04-13 | Navigation bar control method and device, readable storage medium and electronic equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010287091.7A CN111399737B (en) | 2020-04-13 | 2020-04-13 | Navigation bar control method and device, readable storage medium and electronic equipment |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111399737A true CN111399737A (en) | 2020-07-10 |
| CN111399737B CN111399737B (en) | 2022-02-11 |
Family
ID=71431524
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010287091.7A Active CN111399737B (en) | 2020-04-13 | 2020-04-13 | Navigation bar control method and device, readable storage medium and electronic equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111399737B (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113110786A (en) * | 2021-06-15 | 2021-07-13 | 南京统信软件技术有限公司 | Page sliding control method and mobile terminal |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103678646A (en) * | 2013-12-20 | 2014-03-26 | 乐视网信息技术（北京）股份有限公司 | Method and device for presenting pages |
| WO2015200798A1 (en) * | 2014-06-27 | 2015-12-30 | Microsoft Technology Licensing, Llc | Context menu utilizing a context indicator and floating menu bar |
| CN105630304A (en) * | 2015-12-18 | 2016-06-01 | 北京奇虎科技有限公司 | Browser operation method and electronic equipment |
| CN106293380A (en) * | 2015-06-10 | 2017-01-04 | 联想(北京)有限公司 | Information processing method and electronic equipment |
| CN106325683A (en) * | 2016-08-31 | 2017-01-11 | 瓦戈科技（上海）有限公司 | Using method of mobile terminal side edge function bar |
-
2020
- 2020-04-13 CN CN202010287091.7A patent/CN111399737B/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103678646A (en) * | 2013-12-20 | 2014-03-26 | 乐视网信息技术（北京）股份有限公司 | Method and device for presenting pages |
| WO2015200798A1 (en) * | 2014-06-27 | 2015-12-30 | Microsoft Technology Licensing, Llc | Context menu utilizing a context indicator and floating menu bar |
| CN106293380A (en) * | 2015-06-10 | 2017-01-04 | 联想(北京)有限公司 | Information processing method and electronic equipment |
| CN105630304A (en) * | 2015-12-18 | 2016-06-01 | 北京奇虎科技有限公司 | Browser operation method and electronic equipment |
| CN106325683A (en) * | 2016-08-31 | 2017-01-11 | 瓦戈科技（上海）有限公司 | Using method of mobile terminal side edge function bar |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113110786A (en) * | 2021-06-15 | 2021-07-13 | 南京统信软件技术有限公司 | Page sliding control method and mobile terminal |
| CN113110786B (en) * | 2021-06-15 | 2021-09-03 | 南京统信软件技术有限公司 | Page sliding control method and mobile terminal |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111399737B (en) | 2022-02-11 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| EP3091426B1 (en) | User terminal device providing user interaction and method therefor | |
| US9928028B2 (en) | Mobile terminal with voice recognition mode for multitasking and control method thereof | |
| US9164670B2 (en) | Flexible touch-based scrolling | |
| CN107122119B (en) | Information processing method, information processing device, electronic equipment and computer readable storage medium | |
| EP2386941B1 (en) | Information processing apparatus and method, and program | |
| EP3211515B1 (en) | Display device and method for controlling display device | |
| CN104331246A (en) | Device and method for split screen display in terminal | |
| CN103970460A (en) | Touch screen-based operation method and terminal equipment using same | |
| US20140145945A1 (en) | Touch-based input control method | |
| CN107704157B (en) | Multi-screen interface operation method and device and storage medium | |
| KR20130116241A (en) | Branded browser frame | |
| KR20150095540A (en) | User terminal device and method for displaying thereof | |
| JP2015087911A (en) | Electronic device, method, and program | |
| US20140013272A1 (en) | Page Editing | |
| KR20150039552A (en) | Display manipulating method of electronic apparatus and electronic apparatus thereof | |
| CN111399737B (en) | Navigation bar control method and device, readable storage medium and electronic equipment | |
| US20140359516A1 (en) | Sensing user input to change attributes of rendered content | |
| US10254940B2 (en) | Modifying device content to facilitate user interaction | |
| JP6800714B2 (en) | Electronic equipment and display control method | |
| KR102031104B1 (en) | Web browser display apparatus and web browser display method | |
| US10152215B2 (en) | Setting adjustment range of graphical user interface | |
| US20120113030A1 (en) | Apparatus and method for controlling terminal | |
| CN111104177B (en) | View assembly switching method and device and terminal equipment | |
| JP6048450B2 (en) | Information processing apparatus, information processing apparatus control method, and program | |
| KR101332644B1 (en) | Method for providing user interface in mobile device and recording medium for storing the same |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |