WO2019101073A1 - 工具栏显示控制方法以及装置、可读存储介质及计算机设备 - Google Patents

工具栏显示控制方法以及装置、可读存储介质及计算机设备 Download PDF

Info

Publication number
WO2019101073A1
WO2019101073A1 PCT/CN2018/116523 CN2018116523W WO2019101073A1 WO 2019101073 A1 WO2019101073 A1 WO 2019101073A1 CN 2018116523 W CN2018116523 W CN 2018116523W WO 2019101073 A1 WO2019101073 A1 WO 2019101073A1
Authority
WO
WIPO (PCT)
Prior art keywords
toolbar
area
floating
display interface
current display
Prior art date
Application number
PCT/CN2018/116523
Other languages
English (en)
French (fr)
Inventor
王新
李逸然
Original Assignee
广州视源电子科技股份有限公司
广州视臻信息科技有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 广州视源电子科技股份有限公司, 广州视臻信息科技有限公司 filed Critical 广州视源电子科技股份有限公司
Publication of WO2019101073A1 publication Critical patent/WO2019101073A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842—Selection of displayed objects or displayed text elements
    • G—PHYSICS
    • G06—COMPUTING; 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/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials

Definitions

  • the present application relates to the field of electronic technologies, for example, to a toolbar display control method and apparatus, a readable storage medium, and a computer device.
  • terminal devices such as mobile phones, smart tablets, computers, etc. are widely used, and various applications, such as games, cameras, navigation maps, etc., are gradually being applied to terminal devices, bringing life, learning, and work to people. Great convenience.
  • a global floating toolbar is set on the display interface of the terminal device to meet the above functions.
  • this floating toolbar often blocks other application-related buttons. For example, under some application interfaces, the floating toolbar blocks the currently applied toolbar, causing the occluded buttons on the currently applied toolbar to be inoperable. User experience is poor.
  • a toolbar display control method includes:
  • the floating toolbar is displayed on the current display interface when a triggering event for the trigger button is detected.
  • step of determining whether the first area information and the second area information have an intersection further comprises:
  • the floating toolbar When the toolbar area and the floating toolbar area do not intersect, and a specified sliding operation for the non-toolbar area of the current application is obtained, the floating toolbar is hidden, and on the current display interface The trigger button is displayed.
  • the step of displaying the floating toolbar after the current display interface further comprises the steps of:
  • the above toolbar display control method wherein the step of displaying a trigger button comprises:
  • a trigger button is displayed on the boundary of the currently applied toolbar area toward the non-toolbar area on the current display interface.
  • the above-mentioned toolbar display control method wherein the step of displaying a trigger button facing the non-toolbar area on the current display interface on the boundary of the currently applied toolbar area includes:
  • An operation control is loaded on the floating window, and an operation corresponding to the operation control is to display the floating toolbar.
  • step of acquiring the first area information of the currently applied toolbar area on the current display interface, and the step of acquiring the second area information of the floating toolbar area on the current display interface further includes :
  • the step of acquiring the first area information of the currently applied toolbar area on the current display interface, and acquiring the second area information of the floating toolbar area on the current display interface is performed.
  • the embodiment of the present application further provides a toolbar display control device, including:
  • Obtaining a module configured to acquire first area information of a currently applied toolbar area on the current display interface, and obtain second area information of the floating toolbar area on the current display interface;
  • a determining module configured to determine, according to the first area information and the second area information, whether the toolbar area and the floating toolbar area have an intersection
  • a first hidden module configured to hide the floating toolbar when the toolbar area and the floating toolbar area have an intersection
  • the first display module is configured to display a trigger button on the current display interface
  • the second display module is configured to display the floating toolbar on the current display interface when a trigger event for the trigger button is detected.
  • the toolbar display control device further includes:
  • a third display module configured to hide the floating toolbar when the toolbar area and the floating toolbar area do not intersect, and obtain a specified sliding operation for the non-toolbar area of the current application, and The trigger button is displayed on the current display interface.
  • the toolbar display control device further includes:
  • a second hidden module configured to hide the trigger button.
  • the toolbar display control device wherein the first display module is configured to:
  • a trigger button is displayed on the boundary of the currently applied toolbar area toward the non-toolbar area on the current display interface.
  • the toolbar display control device wherein the first display module is configured to:
  • An operation control is loaded on the floating window, and an operation corresponding to the operation control is to display the floating toolbar.
  • the toolbar display control device further includes:
  • a detecting module configured to detect whether the current display interface displays a floating toolbar when the application is started
  • a determining module configured to: when the current display interface displays the floating toolbar, determine to perform obtaining the first area information of the currently applied toolbar area on the current display interface, and obtain the floating toolbar area on the current display interface The steps of the second area information.
  • the embodiment of the present application further provides a readable storage medium having stored thereon a computer program, the program being executed by the processor to implement the steps of the method described in any one of the above.
  • the embodiment of the present application further provides a computer device, including a memory, a processor, and a computer program stored on the memory and operable on the processor, when the processor executes the program, implementing any one of the foregoing The steps of the method.
  • FIG. 1 is a flowchart of a toolbar display control method in a first embodiment of the present application
  • FIG. 2 is a flowchart of a toolbar display control method in a second embodiment of the present application.
  • FIG. 3 is a schematic diagram of a current display interface before the floating toolbar is hidden
  • FIG. 4 is a schematic diagram of a current display interface when the floating toolbar is hidden
  • Figure 5 is a block diagram showing the structure of a toolbar display control device in a third embodiment of the present application.
  • FIG. 6 is a structural block diagram of a computer device in an embodiment of the present application.
  • a toolbar display control method in a first embodiment of the present application is applied to a terminal device, such as a computer, a mobile phone, a tablet computer, a smart tablet, a personal digital assistant, and a wearable device (such as glasses). , watches) and so on.
  • a terminal device such as a computer, a mobile phone, a tablet computer, a smart tablet, a personal digital assistant, and a wearable device (such as glasses). , watches) and so on.
  • At least one application such as QQ, WeChat, browser, etc., is installed on the smart terminal.
  • the toolbar display control method includes steps S11 to S14.
  • step S11 the first area information of the currently applied toolbar area on the current display interface is acquired, and the second area information of the area where the floating toolbar is located on the current display interface is obtained.
  • the current screen display interface displays the current application interface.
  • the current application interface generally divides the toolbar area and the non-toolbar area.
  • the toolbar area is generally displayed at the upper or lower end of the application interface, and is not a tool.
  • the column area is generally the area in which the user views or operates.
  • the system can obtain the first area information of the currently applied toolbar area.
  • the first area information of the current application is used to determine an area of the toolbar, for example, a coordinate of a boundary point of the toolbar area, and the area of the currently applied toolbar can be known according to the area enclosed by the fixed point coordinates of the boundary. region.
  • the floating toolbar is displayed by default on one side of the display interface and is suspended above the interface of the current application.
  • the terminal device can obtain the second area information of the area where the floating toolbar is located on the current display interface.
  • the floating toolbar area can be determined according to the coordinates of the boundary point of the floating toolbar.
  • step S12 it is determined whether there is an intersection between the toolbar area and the floating toolbar area according to the first area information and the second area information, and if there is an intersection, step S13 is performed.
  • the first area information and the second area information it is determined according to the first area information and the second area information that the currently applied toolbar area and the area where the floating toolbar is located are intersections, that is, at least partially overlapped.
  • the first area information and the second area information may respectively be coordinates of boundary points of the toolbar area and the floating toolbar area, and whether there is overlap according to the boundary point coordinates of the two areas.
  • step S13 the floating toolbar is hidden, and a trigger button is displayed on the current display interface.
  • a trigger button is displayed on the current display interface.
  • This trigger button is displayed on the upper layer of the current application's interface.
  • a floating window is created on the interface of the current application, and the floating window can be established on the side of the display interface and displayed on the side.
  • an operation control is set on the floating window, and the operation control is used to receive a trigger event, such as a touch, a click, and the like, that is, the trigger button displayed on the side of the current display interface.
  • the position of the floating window can be set, for example, the trigger button can be displayed at a fixed distance relative to the area of the floating toolbar area before the hiding, such as a position 0.1 mm directly above the floating toolbar area before the hiding.
  • the trigger button can also be set at other locations according to actual needs.
  • the transparency of the background of the floating window may be set to a preset transparency, such as a transparency setting of 50%. Setting the background of the trigger button to 50% transparency can increase the visual range of the display interface, making it easier for the user to see the contents of the underlying button application interface.
  • step S14 when a trigger event for the trigger button is detected, the floating toolbar is displayed on the current display interface.
  • the button is monitored in real time for a trigger event.
  • a trigger event for the button such as when the user touches the trigger button, the floating toolbar is expanded.
  • the floating toolbar can be displayed in the area where the floating toolbar was hidden.
  • the floating toolbar when it is detected that the toolbar area of the current application intersects with the floating toolbar area, the floating toolbar is hidden, and a trigger button is displayed on the current display interface.
  • the trigger button is adopted. To control the expansion of the floating toolbar. In this way, when the user uses an application, there is no problem that the toolbar is blocked and cannot be operated. In this embodiment, it is timely detected whether the toolbar of the application being used by the user is occluded, and the floating toolbar is retracted in time to improve the user experience.
  • a toolbar display control method includes steps S21 to S26.
  • step S21 when an application is started, it is detected whether the current display interface displays a floating toolbar, and if the current display interface displays a floating toolbar, step S22 is performed.
  • step S22 is performed.
  • the floating toolbar is in a hidden state, that is, the display interface displays a trigger button, and the trigger button is monitored whether there is a trigger event.
  • step S22 the first area information of the currently applied toolbar area on the current display interface is acquired, and the second area information of the floating toolbar area on the current display interface is obtained.
  • the first area information and the second area information are position information on the current display interface of the application toolbar area and the floating tool area, respectively, and can be determined by using boundary coordinates of the two toolbar areas.
  • step S23 it is determined whether there is an intersection between the toolbar area and the floating toolbar area according to the first area information and the second area information, and if there is an intersection execution step S24, otherwise step S27 is performed.
  • step S24 the floating toolbar is hidden, and a trigger button facing the non-toolbar area on the current display interface is displayed on the boundary of the currently applied toolbar area.
  • Trigger button (F) for floating toolbar expansion As shown in FIG. 3 and FIG. 4, when the application toolbar area (c) and the floating toolbar area (D) overlap at least partially, the floating toolbar is hidden, and a non-toolbar area is displayed on the display interface.
  • Trigger button (F) for floating toolbar expansion The position of the trigger button is set at the boundary position of the application toolbar area, that is, the boundary of the trigger button is in contact with the boundary of the application toolbar, and faces the non-toolbar area. This setup method does not obscure the currently applied toolbar and is aesthetically pleasing.
  • the boundary of the toolbar area is determined according to the boundary point of the currently applied toolbar area, and a floating window facing the non-toolbar area is created at the boundary of the toolbar area; the operation control is loaded on the floating window to form Trigger button.
  • the corresponding operation of the operation control is to display a floating toolbar.
  • step S25 when a trigger event for the trigger button is detected, a floating toolbar is displayed on the current display interface.
  • the trigger button when the user needs to use the floating toolbar, the trigger button can be touched or clicked, and when the terminal device detects the trigger event for the trigger button, the floating toolbar is displayed on the current display interface.
  • step S26 hiding the trigger button.
  • the floating toolbar is displayed on the current display interface, and the trigger button is hidden. That is, when the current display interface displays the floating toolbar, the trigger button is hidden. When the current display interface hides the floating toolbar, the trigger button is displayed, so that the current display interface space can be fully utilized.
  • step S27 when a specified sliding operation for the non-toolbar area of the current application is acquired, the floating toolbar is hidden, and the trigger button is displayed on the current display interface.
  • the floating toolbar When the currently applied toolbar area does not overlap with the floating toolbar area, the floating toolbar is displayed in the non-toolbar area of the currently applied interface.
  • the floating toolbar When the user performs a specified operation on the non-toolbar of the current application interface, the floating toolbar is hidden and a trigger button is displayed on the current display interface.
  • This specified swipe action can be set to trigger the operation of hiding the floating toolbar.
  • the specified sliding operation is only one of the upper sliding operation, the sliding operation, the left sliding operation, and the right sliding operation. For example, when the user performs a right sliding operation on the current display interface corresponding to the non-toolbar area of the current application, the floating toolbar is hidden and the trigger button is displayed. When a trigger event for the trigger button is detected, the floating toolbar is expanded.
  • the display mode and principle of the trigger button are the same as those mentioned above, and will not be described here.
  • the toolbar when it is detected that the toolbar area of the current application intersects with the floating toolbar, the toolbar is hidden to prevent the floating toolbar from blocking the currently applied toolbar, so as not to affect the user's use, and currently displayed.
  • the interface displays a trigger button to control the floating toolbar for display.
  • the hidden floating toolbar is controlled according to a specific operation of the user in the non-toolbar area, and a floating button is displayed.
  • the embodiment further defines a display position of the trigger button, avoids occluding the currently applied toolbar, and also forms a floating toolbar for the currently applied non-toolbar area according to the detected sliding action. Hidden to avoid the floating toolbar from occluding the non-toolbar area of the current application, affecting the user to view and operate the non-toolbar area, and improving the user experience.
  • the toolbar display control apparatus in the embodiment of the present application includes:
  • the obtaining module 100 is configured to acquire first area information of a currently applied toolbar area on the current display interface, and obtain second area information of the floating toolbar area on the current display interface;
  • the determining module 200 is configured to determine, according to the first area information and the second area information, whether the toolbar area and the floating toolbar area have an intersection;
  • the first hiding module 300 is configured to hide the floating toolbar when the toolbar area and the floating toolbar area have an intersection;
  • the first display module 400 is configured to display a trigger button on the current display interface
  • the second display module 500 is configured to display the floating toolbar on the current display interface when a trigger event for the trigger button is detected.
  • the toolbar display control device further includes:
  • the third display module 600 is configured to hide the floating toolbar when the toolbar area and the floating toolbar area do not intersect, and obtain a specified sliding operation for the non-toolbar area of the current application, And displaying the trigger button on the current display interface.
  • the toolbar display control device further includes:
  • the second hiding module 700 is configured to hide the trigger button.
  • the toolbar display control device is configured, wherein the first display module 400 is configured to:
  • a trigger button is displayed on the boundary of the currently applied toolbar area toward the non-toolbar area on the current display interface.
  • the toolbar display control device is configured, wherein the first display module 400 is configured to:
  • An operation control is loaded on the floating window, and an operation corresponding to the operation control is to display the floating toolbar.
  • the toolbar display control device further includes:
  • the detecting module 800 is configured to detect whether the current display interface displays a floating toolbar when the application is started;
  • the determining module 900 is configured to: when the current display interface displays the floating toolbar, determine to perform obtaining the first area information of the currently applied toolbar area on the current display interface, and obtain the floating toolbar on the current display interface The step of the second area information of the area.
  • the toolbar display control device of the embodiment may be configured to perform the technical solution of the method embodiment shown in any one of FIG. 1 to FIG. 2, and the implementation principle and technical effects thereof are similar, and details are not described herein again.
  • the present application also provides a readable storage medium having stored thereon a computer program, wherein the program is executed by a processor to implement the steps of the method of any of the above embodiments 1 to 2.
  • FIG. 6 is a schematic structural diagram of a computer device in an embodiment of the present application, including a memory 11, a processor 12, and a computer program stored on the memory 11 and executable on the processor 12, where the processor 12 executes The program implements the steps of the method of any of the above embodiments 1 to 2.
  • the computer device also includes a display device 13 and an input device 14.
  • a "computer-readable medium” can be any apparatus that can contain, store, communicate, propagate, or transport a program for use in an instruction execution system, apparatus, or device, or in conjunction with such an instruction execution system, apparatus, or device.
  • computer readable media include the following: electrical connections (electronic devices) having one or more wires, portable computer disk cartridges (magnetic devices), random access memory (RAM), Read only memory (ROM), erasable editable read only memory (EPROM or flash memory), fiber optic devices, and portable compact disk read only memory (CDROM).
  • the computer readable medium may even be a paper or other suitable medium on which the program can be printed, as it may be optically scanned, for example by paper or other medium, followed by editing, interpretation or, if appropriate, other suitable The method is processed to obtain the program electronically and then stored in computer memory.

Landscapes

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

Abstract

一种工具栏显示控制方法以及装置、可读存储介质及计算机设备，该方法包括：获取当前显示界面上当前应用的工具栏区域的第一区域信息，以及获取所述当前显示界面上浮动工具栏区域的第二区域信息；根据所述第一区域信息和所述第二区域信息判断所述工具栏区域和所述浮动工具栏区域是否有交集；若有交集，隐藏浮动工具栏，并在所述当前显示界面上显示一触发按钮；当检测到针对所述触发按钮的触发事件时，在所述当前显示界面显示所述浮动工具栏。

Description

工具栏显示控制方法以及装置、可读存储介质及计算机设备
本申请要求在2017年11月23日提交中国专利局、申请号为201711185915.4的中国专利申请的优先权，该申请的全部内容通过引用结合在本申请中。
技术领域
本申请涉及电子技术领域，例如涉及一种工具栏显示控制方法以及装置、可读存储介质及计算机设备。
背景技术
随着电子技术的发展，诸如手机、智能平板、电脑等终端设备广泛普及，多种应用，例如游戏、相机、导航地图等也逐渐应用于终端设备中，给人们的生活、学习、工作带来的极大便利。
在终端设备中，为了方便当前应用的返回、桌面返回等功能，在终端设备的显示界面上设置全局浮动的工具栏，以满足上述功能。但是此浮动工具栏常常会遮挡到其他应用程序相关的按钮，例如在某些应用界面下面，浮动工具栏遮挡当前应用的工具栏，导致当前应用的工具栏上的被遮挡的按钮无法进行操作，用户使用体验较差。
发明内容
鉴于上述状况，有必要针对现有技术中浮动工具栏对当前应用的工具栏造成遮挡，导致当前应用的工具栏按钮不能使用的问题，提供一种工具栏显示控制方法以及装置、可读存储介质及计算机设备。
一种工具栏显示控制方法，包括：
获取当前显示界面上当前应用的工具栏区域的第一区域信息，以及获取所述当前显示界面上浮动工具栏区域的第二区域信息；
根据所述第一区域信息和所述第二区域信息判断所述工具栏区域和所述浮动工具栏区域是否有交集；
若有交集，隐藏浮动工具栏，并在所述当前显示界面上显示一触发按钮；
当检测到针对所述触发按钮的触发事件时，在所述当前显示界面显示所述浮动工具栏。
上述工具栏显示控制方法，其中，所述判断所述第一区域信息和所述第二区域信息是否有交集的步骤之后还包括：
当所述工具栏区域和所述浮动工具栏区域没有交集，且获取到针对所述当前应用的非工具栏区域的指定滑动操作时，隐藏所述浮动工具栏，并在所述当前显示界面上显示所述触发按钮。
上述工具栏显示控制方法，其中，所述当检测到针对所述触发按钮的触发事件时，在所述当前显示界面显示所述浮动工具栏的步骤之后还包括步骤：
隐藏所述触发按钮。
上述工具栏显示控制方法，其中，所述显示一触发按钮的步骤包括：
在所述当前应用的工具栏区域的边界显示一朝向所述当前显示界面上非工具栏区域的触发按钮。
上述工具栏显示控制方法，其中，所述在所述当前应用的工具栏区域的边界显示一朝向所述当前显示界面上非工具栏区域的触发按钮的步骤包括：
根据形成所述工具栏区域的边界的坐标点确定所述工具栏区域的边界，并在所述工具栏区域的边界创建一朝向非工具栏区域的悬浮窗口；
在所述悬浮窗口上加载操作控件，所述操作控件对应的操作为显示所述浮动工具栏。
上述工具栏显示控制方法，其中，所述获取当前显示界面上当前应用的工具栏区域的第一区域信息，以及获取所述当前显示界面上浮动工具栏区域的第二区域信息的步骤之前还包括：
当启动一应用时，检测所述当前显示界面是否显示浮动工具栏；
若所述当前显示界面显示浮动工具栏，执行获取当前显示界面上当前应用的工具栏区域的第一区域信息，以及获取所述当前显示界面上浮动工具栏区域的第二区域信息的步骤。
本申请实施例还提供了一种工具栏显示控制装置，包括：
获取模块，设置为获取当前显示界面上当前应用的工具栏区域的第一区域信息，以及获取所述当前显示界面上浮动工具栏区域的第二区域信息；
判断模块，设置为根据所述第一区域信息和所述第二区域信息判断所述工具栏区域和所述浮动工具栏区域是否有交集；
第一隐藏模块，设置为当所述工具栏区域和所述浮动工具栏区域有交集时，隐藏浮动工具栏；
第一显示模块，设置为在所述当前显示界面上显示一触发按钮；
第二显示模块，设置为当检测到针对所述触发按钮的触发事件时，在所述当前显示界面显示所述浮动工具栏。
在一实施例中，上述工具栏显示控制装置，还包括：
第三显示模块，设置为当所述工具栏区域和所述浮动工具栏区域没有交集，且获取到针对所述当前应用的非工具栏区域的指定滑动操作时，隐藏所述浮动工具栏，并在所述当前显示界面上显示所述触发按钮。
在一实施例中，上述工具栏显示控制装置，还包括：
第二隐藏模块，设置为隐藏所述触发按钮。
在一实施例中，上述工具栏显示控制装置，其中，所述第一显示模块设置为：
在所述当前应用的工具栏区域的边界显示一朝向所述当前显示界面上非工具栏区域的触发按钮。
在一实施例中，上述工具栏显示控制装置，其中，所述第一显示模块设置为：
根据形成所述工具栏区域的边界的坐标点确定所述工具栏区域的边界，并在所述工具栏区域的边界创建一朝向非工具栏区域的悬浮窗口；
在所述悬浮窗口上加载操作控件，所述操作控件对应的操作为显示所述浮动工具栏。
在一实施例中，上述工具栏显示控制装置，还包括：
检测模块，设置为当启动所述一应用时，检测所述当前显示界面是否显示浮动工具栏；
确定模块，设置为当所述当前显示界面显示所述浮动工具栏时，确定执行获取当前显示界面上当前应用的工具栏区域的第一区域信息，以及获取所述当前显示界面上浮动工具栏区域的第二区域信息的步骤。
本申请实施例还提供了一种可读存储介质，其上存储有计算机程序，所述程序被处理器执行时实现上述任意一项所述的方法的步骤。
本申请实施例还提供了一种计算机设备，包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现上述任意一项所述的方法的步骤。
附图说明
图1为本申请第一实施例中的工具栏显示控制方法的流程图；
图2为本申请第二实施例中的工具栏显示控制方法的流程图；
图3为浮动工具栏隐藏前当前显示界面的示意图；
图4为浮动工具栏隐藏时当前显示界面的示意图；
图5为本申请第三实施例中的工具栏显示控制装置的结构框图；
图6为本申请实施例中计算机设备的结构框图。
具体实施方式
下面详细描述本申请的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，仅用于解释本申请，而不能理解为对本申请的限制。
参照下面的描述和附图，将清楚本申请的实施例的这些和其他方面。在这些描述和附图中，公开了本申请的实施例中的一些特定实施方式，来表示实施本申请的实施例的原理的一些方式，但是应当理解，本申请的实施例的范围不受此限制。相反，本申请的实施例包括落入所附加权利要求书的精神和内涵范围内的所有变化、修改和等同物。
请参阅图1，为本申请第一实施例中的工具栏显示控制方法，应用于终端设 备中，该终端设备例如计算机、手机、平板电脑、智能平板、个人数字助理、可穿戴设备(例如眼镜、手表)等。该智能终端上安装至少一应用，如QQ、微信、浏览器等。该工具栏显示控制方法包括步骤S11至步骤S14。
在步骤S11中，获取当前显示界面上当前应用的工具栏区域的第一区域信息，以及获取所述当前显示界面上浮动工具栏所在区域的第二区域信息。
启动在终端设备上的应用时，当前屏幕显示的界面显示当前应用的界面，当前应用的界面一般划分工具栏区域和非工具栏区域，工具栏区域一般显示在应用界面的上端或下端，非工具栏区域一般为用户进行观看或操作的区域。启动智能终端上的应用时，系统可获取当前应用的工具栏区域的第一区域信息。其中，当前应用的第一区域信息用于确定工具栏的区域，例如可以为该工具栏区域的边界点的坐标，根据该边界定点坐标所围合成的区域即可知道当前应用的工具栏所在的区域。
浮动工具栏默认显示在显示界面的一侧边，并且在悬浮在当前应用的界面的上层。终端设备可获取到当前显示界面上该浮动工具栏所在区域的第二区域信息，实施时浮动工具栏区域可以根据浮动工具栏的边界点的坐标进行确定。
在步骤S12中，根据所述第一区域信息和所述第二区域信息判断所述工具栏区域和所述浮动工具栏区域是否有交集，若有交集，执行步骤S13。
上述步骤中，根据第一区域信息和第二区域信息判断当前应用的工具栏区域和浮动工具栏所在的区域是交集，即是否至少有部分重叠。其中，第一区域信息和第二区域信息可分别为工具栏区域和浮动工具栏区域的边界点的坐标，根据两个区域的边界点坐标确定的是否有重叠。
在步骤S13中，隐藏所述浮动工具栏，并在所述当前显示界面上显示一触发按钮。
当判断到工具栏区域和浮动工具栏区域有交集时，在当前显示界面显示一触发按钮。该触发按钮显示在当前应用的界面的上层。实施时，在当前应用的界面上创建一悬浮窗口，该悬浮窗口可建立在显示界面的侧边，并贴边显示。然后，在悬浮窗口上设置操作控件，该操作控件用于接收触发事件，例如触摸、单击等事件，即在当前显示界面侧边显示的该触发按钮。
可以理解的该悬浮窗口的位置可设置，例如触发按钮可显示在相对于隐藏前浮动工具栏区域的固定距离的位置，如距离隐藏前的浮动工具栏区域的正上方0.1mm的位置。当然在本申请的其他实施例中触发按钮也可以根据实际需要设置在其他位置。
在一实施例中，该悬浮窗口的背景的透明度可以设置为预设透明度，例如透明度设置为50％。将触发按钮的背景设置为50％的透明度可增大显示界面的可视范围，方便用户看到按钮下层应用界面的内容。
在步骤S14中，当检测到针对所述触发按钮的触发事件时，在所述当前显示界面上显示所述浮动工具栏。
当当前显示界面显示触发按钮时，实时监控该按钮是否有触发事件，当监控到针对该按钮的触发事件，如用户触摸触发按钮时，展开该浮动工具栏。实施时，该浮动工具栏可以显示在该浮动工具栏隐藏前所在的区域。
本实施例中，当检测到当前应用的工具栏区域与浮动工具栏区域相交时，隐藏浮动工具栏，并在当前显示界面显示一触发按钮，当用户需要使用浮动工具栏时，通过该触发按钮来控制展开浮动工具栏。这样用户在使用某一应用时，不会出现工具栏遮挡而无法操作的问题。本实施例可以及时检测到用户正在使用的应用程序的工具栏是否被遮挡，及时将浮动工具栏进行收起，提高用户体验。
请参阅图2，为本申请第二实施例中的工具栏显示控制方法，包括步骤S21至步骤S26。
在步骤S21当中，当启动一应用时，检测所述当前显示界面是否显示浮动工具栏，若所述当前显示界面显示浮动工具栏，执行步骤S22。
当启动某一应用时，检测当前显示界面上是否显示浮动工具栏，即判断浮动工具栏是否处于显示状态。终端设备可根据系统记录的浮动工具栏的状态信息来判断当前显示界面是否显示浮动工具栏。当检测到当前显示界面显示有浮动工具栏时，执行步骤S22。当检测到当前显示界面没有显示浮动工具栏时，则表示该浮动工具栏处于隐藏状态，即显示界面会显示一触发按钮，则会监测该触发按钮是否有触发事件。
在步骤S22当中，获取当前显示界面上当前应用的工具栏区域的第一区域信息，以及获取所述当前显示界面上浮动工具栏区域的第二区域信息。其中第一区域信息和第二区域信息分别为应用工具栏区域和浮动工具区域所在当前显示界面上位置信息，可以通过两个工具栏区域的边界坐标进行确定。
在步骤S23当中，根据所述第一区域信息和所述第二区域信息判断所述工具栏区域和所述浮动工具栏区域是否有交集，若有交集执行步骤S24，否则执行步骤S27。
在步骤S24当中，隐藏浮动工具栏，并在所述当前应用的工具栏区域的边界显示一朝向所述当前显示界面上非工具栏区域的触发按钮。
如图3和图4所示，当应用工具栏区域(c)与浮动工具栏区域(D)至少有部分重叠时，将浮动工具栏隐藏，并在显示界面上显示一朝向非工具栏区域的触发按钮(F)，供浮动工具栏展开。该触发按钮的位置设置在应用工具栏区域的边界位置，即触发按钮的边界与应用工具栏的边界相接触，并且朝向非工具栏区域。这种设置方法不会遮挡当前应用的工具栏，而且美观。
实施时，根据当前应用的工具栏区域的边界坐标点来确定工具栏区域的边界，并在工具栏区域的边界创建一朝向非工具栏区域的悬浮窗口；在悬浮窗口上加载操作控件，以形成触发按钮。该操作控件对应的操作为显示浮动工具栏，当该触发按钮的操作控件接收到用户的触发事件时，控制浮动工具栏在当前显示界面进行显示。
在步骤S25当中，当检测到针对所述触发按钮的触发事件时，在所述当前显示界面上显示浮动工具栏。
上述步骤中，当用户需需要使用浮动工具栏时，可以触摸或点击触发按钮，终端设备检测到针对该触发按钮的触发事件时，将在当前显示界面显示浮动工具栏。
在一实施例中，上述步骤之后还执行步骤S26：隐藏所述触发按钮。
当用户触摸触发按钮时，在当前显示界面显示浮动工具栏，并且隐藏触发按钮。即，当当前显示界面显示浮动工具栏时，隐藏触发按钮，当当前显示界面隐藏浮动工具栏时，显示触发按钮，这样可以充分利用当前显示界面空间。
在步骤S27当中，当获取到针对所述当前应用的非工具栏区域的指定滑动操作时，隐藏所述浮动工具栏，并在所述当前显示界面上显示所述触发按钮。
当当前应用的工具栏区域没有与浮动工具栏区域重叠时，说明浮动工具栏显示在当前应用的界面的非工具栏区域。用户在当前应用的界面的非工具栏进行指定的操作时，隐藏浮动工具栏，并在当前显示界面显示一触发按钮。该指定滑动操作可设置，用来触发隐藏浮动工具栏的操作。该指定滑动操作为上滑操作、下滑操作、左滑操作、右滑操作中的只少一种。例如，用户在当前显示界面上对应当前应用的非工具栏区域进行右滑操作时，将浮动工具栏隐藏，并显示触发按钮。当检测到针对该触发按钮的触发事件时，展开浮动工具栏。触发按钮的显示方式和原理与上述提到的一致，此处不再赘述。
本实施例中，当检测到当前应用的工具栏区域与浮动工具栏有交集时，将工具栏进行隐藏，避免浮动工具栏对当前应用的工具栏造成遮挡，以免影响用户使用，同时在当前显示界面显示一触发按钮，以用来控制浮动工具栏进行显示。除此之外，当检测到当前应用的工具栏区域与浮动工具栏没有交集时，根据用户在非工具栏区域的特定操作来控制隐藏浮动工具栏，并显示浮动按钮。本实施例与第一实施例相比，进一步限定了触发按钮的显示位置，避免遮挡当前应用的工具栏，而且还根据检测到的制定滑动动作来对当前应用的非工具栏区域的浮动工具栏进行隐藏，避免浮动工具栏对当前应用的非工具栏区域造成遮挡，影响用户观看和操作非工具栏区域，提高了用户体验。
请参阅图5，为本申请实施例中的工具栏显示控制装置，包括：
获取模块100，设置为获取当前显示界面上当前应用的工具栏区域的第一区域信息，以及获取所述当前显示界面上浮动工具栏区域的第二区域信息；
判断模块200，设置为根据所述第一区域信息和所述第二区域信息判断所述工具栏区域和所述浮动工具栏区域是否有交集；
第一隐藏模块300，设置为当所述工具栏区域和所述浮动工具栏区域有交集时，隐藏浮动工具栏；
第一显示模块400，设置为在所述当前显示界面上显示一触发按钮；
第二显示模块500，设置为当检测到针对所述触发按钮的触发事件时，在所 述当前显示界面显示所述浮动工具栏。
在一实施例中，上述工具栏显示控制装置，还包括：
第三显示模块600，设置为当所述工具栏区域和所述浮动工具栏区域没有交集，且获取到针对所述当前应用的非工具栏区域的指定滑动操作时，隐藏所述浮动工具栏，并在所述当前显示界面上显示所述触发按钮。
在一实施例中，上述工具栏显示控制装置，还包括：
第二隐藏模块700，设置为隐藏所述触发按钮。
在一实施例中，上述工具栏显示控制装置，其中，所述第一显示模块400设置为：
在所述当前应用的工具栏区域的边界显示一朝向所述当前显示界面上非工具栏区域的触发按钮。
在一实施例中，上述工具栏显示控制装置，其中，所述第一显示模块400设置为：
根据形成所述工具栏区域的边界的坐标点确定所述工具栏区域的边界，并在所述工具栏区域的边界创建一朝向非工具栏区域的悬浮窗口；
在所述悬浮窗口上加载操作控件，所述操作控件对应的操作为显示所述浮动工具栏。
在一实施例中，上述工具栏显示控制装置，还包括：
检测模块800，设置为当启动所述一应用时，检测所述当前显示界面是否显示浮动工具栏；
确定模块900，设置为当所述当前显示界面显示所述浮动工具栏时，确定执行获取当前显示界面上当前应用的工具栏区域的第一区域信息，以及获取所述当前显示界面上浮动工具栏区域的第二区域信息的步骤。
本实施例的工具栏显示控制装置，可以设置为执行图1至图2任一所示方法实施例的技术方案，其实现原理和技术效果类似，此处不再赘述。
本申请还提供了一种可读存储介质，其上存储有计算机程序，其中，所述程序被处理器执行时实现上述实施例1至2中任意一个的方法的步骤。
如图6所示，为本申请实施例中的计算机设备的结构示意图，包括存储器 11、处理器12以及存储在存储器11上并可在处理器12上运行的计算机程序，所述处理器12执行所述程序时实现上述实施例1至2中任意一个的方法的步骤。该计算机设备还包括一显示装置13和输入装置14。
在流程图中表示或在此以其他方式描述的逻辑和/或步骤，例如，可以被认为是用于实现逻辑功能的可执行指令的定序列表，可以具体实现在任何计算机可读介质中，以供指令执行系统、装置或设备(如基于计算机的系统、包括处理器的系统或其他可以从指令执行系统、装置或设备取指令并执行指令的系统)使用，或结合这些指令执行系统、装置或设备而使用。就本说明书而言，“计算机可读介质”可以是任何可以包含、存储、通信、传播或传输程序以供指令执行系统、装置或设备或结合这些指令执行系统、装置或设备而使用的装置。
计算机可读介质的更具体的示例(非穷尽性列表)包括以下：具有一个或多个布线的电连接部(电子装置)，便携式计算机盘盒(磁装置)，随机存取存储器(RAM)，只读存储器(ROM)，可擦除可编辑只读存储器(EPROM或闪速存储器)，光纤装置，以及便携式光盘只读存储器(CDROM)。另外，计算机可读介质甚至可以是可在其上打印所述程序的纸或其他合适的介质，因为可以例如通过对纸或其他介质进行光学扫描，接着进行编辑、解译或必要时以其他合适方式进行处理来以电子方式获得所述程序，然后将其存储在计算机存储器中。
应当理解，本申请的多部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中，多个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。例如，如果用硬件来实现，和在另一实施方式中一样，可用本领域公知的下列技术中的任一项或他们的组合来实现：具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路，具有合适的组合逻辑门电路的专用集成电路，可编程门阵列(PGA)，现场可编程门阵列(FPGA)等。
在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本申请的至少一个实施例或示例中。在本说明书中， 对上述术语的示意性表述不一定指的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合。
以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本申请专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。

Claims (10)

  1. 一种工具栏显示控制方法，包括：
    获取当前显示界面上当前应用的工具栏区域的第一区域信息，以及获取所述当前显示界面上浮动工具栏区域的第二区域信息；
    根据所述第一区域信息和所述第二区域信息判断所述工具栏区域和所述浮动工具栏区域是否有交集；
    若有交集，隐藏浮动工具栏，并在所述当前显示界面上显示一触发按钮；
    当检测到针对所述触发按钮的触发事件时，在所述当前显示界面显示所述浮动工具栏。
  2. 如权利要求1所述的工具栏显示控制方法，其中，所述判断所述第一区域信息和所述第二区域信息是否有交集的步骤之后还包括：
    当所述工具栏区域和所述浮动工具栏区域没有交集，且获取到针对所述当前应用的非工具栏区域的指定滑动操作时，隐藏所述浮动工具栏，并在所述当前显示界面上显示所述触发按钮。
  3. 如权利要求1所述的工具栏显示控制方法，其中，所述当检测到针对所述触发按钮的触发事件时，在所述当前显示界面显示所述浮动工具栏的步骤之后还包括步骤：
    隐藏所述触发按钮。
  4. 如权利要求1所述的工具栏显示控制方法，其中，所述显示一触发按钮的步骤包括：
    在所述当前应用的工具栏区域的边界显示一朝向所述当前显示界面上非工具栏区域的触发按钮。
  5. 如权利要求4所述的工具栏显示控制方法，其中，所述在所述当前应用的工具栏区域的边界显示一朝向所述当前显示界面上非工具栏区域的触发按钮的步骤包括：
    根据形成所述工具栏区域的边界的坐标点确定所述工具栏区域的边界，并在所述工具栏区域的边界创建一朝向非工具栏区域的悬浮窗口；
    在所述悬浮窗口上加载操作控件，所述操作控件对应的操作为显示所述浮动工具栏。
  6. 如权利要求1所述的工具栏显示控制方法，其中，所述获取当前显示界面上当前应用的工具栏区域的第一区域信息，以及获取所述当前显示界面上浮动工具栏区域的第二区域信息的步骤之前还包括：
    当启动一应用时，检测所述当前显示界面是否显示浮动工具栏；
    若所述当前显示界面显示浮动工具栏，执行获取当前显示界面上当前应用的工具栏区域的第一区域信息，以及获取所述当前显示界面上浮动工具栏区域的第二区域信息的步骤。
  7. 一种工具栏显示控制装置，包括：
    获取模块，设置为获取当前显示界面上当前应用的工具栏区域的第一区域信息，以及获取所述当前显示界面上浮动工具栏区域的第二区域信息；
    判断模块，设置为根据所述第一区域信息和所述第二区域信息判断所述工具栏区域和所述浮动工具栏区域是否有交集；
    第一隐藏模块，设置为当所述工具栏区域和所述浮动工具栏区域有交集时，隐藏浮动工具栏；
    第一显示模块，设置为在所述当前显示界面上显示一触发按钮；
    第二显示模块，设置为当检测到针对所述触发按钮的触发事件时，在所述当前显示界面显示所述浮动工具栏。
  8. 如权利要求7所述的工具栏显示控制装置，其中，还包括：
    第三显示模块，设置为当所述工具栏区域和所述浮动工具栏区域没有交集，且获取到针对所述当前应用的非工具栏区域的指定滑动操作时，隐藏所述浮动工具栏，并在所述当前显示界面上显示所述触发按钮。
  9. 一种可读存储介质，其上存储有计算机程序，所述程序被处理器执行时实现如权利要求1－6中任意一项所述的方法的步骤。
  10. 一种计算机设备，包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如权利要求1－6中任意一项所述的方法的步骤。
PCT/CN2018/116523 2017-11-23 2018-11-20 工具栏显示控制方法以及装置、可读存储介质及计算机设备 WO2019101073A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201711185915.4 2017-11-23
CN201711185915.4A CN108121489A (zh) 2017-11-23 2017-11-23 工具栏显示控制方法、装置、可读存储介质及计算机设备

Publications (1)

Publication Number Publication Date
WO2019101073A1 true WO2019101073A1 (zh) 2019-05-31

Family

ID=62227807

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2018/116523 WO2019101073A1 (zh) 2017-11-23 2018-11-20 工具栏显示控制方法以及装置、可读存储介质及计算机设备

Country Status (2)

Country Link
CN (1) CN108121489A (zh)
WO (1) WO2019101073A1 (zh)

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108121489A (zh) * 2017-11-23 2018-06-05 广州视源电子科技股份有限公司 工具栏显示控制方法、装置、可读存储介质及计算机设备
CN108984246A (zh) * 2018-06-20 2018-12-11 北京优酷科技有限公司 工具栏的呈现方法、装置及存储介质
CN110471594B (zh) * 2019-08-22 2022-02-22 北京字节跳动网络技术有限公司 一种页面调整方法、装置、设备及介质
CN112558844B (zh) * 2019-09-25 2022-12-02 成都连心医疗科技有限责任公司 一种基于平板电脑的医疗影像阅片方法及系统
CN110955480B (zh) * 2019-11-20 2024-02-23 北京金山猎豹科技有限公司 一种视图显示方法和装置

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101546324A (zh) * 2008-12-30 2009-09-30 魏新成 通过互联网任务栏控制网页窗口和任务窗口的方法
CN103399711A (zh) * 2013-08-21 2013-11-20 珠海市魅族科技有限公司 一种弹出式窗口的显示控制方法及终端
CN104793874A (zh) * 2014-01-20 2015-07-22 联想(北京)有限公司 一种界面显示方法及电子设备
CN106293315A (zh) * 2015-06-03 2017-01-04 腾讯科技（深圳）有限公司 浮动窗口显示的方法和装置
CN108121489A (zh) * 2017-11-23 2018-06-05 广州视源电子科技股份有限公司 工具栏显示控制方法、装置、可读存储介质及计算机设备

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104679436B (zh) * 2015-03-27 2019-03-12 张铭鑫 基于触摸屏的悬浮按键及装置
CN104808906A (zh) * 2015-05-15 2015-07-29 上海斐讯数据通信技术有限公司 具有触摸显示屏的电子设备及触摸显示屏控制方法
CN106909282A (zh) * 2015-12-23 2017-06-30 阿里巴巴集团控股有限公司 信息处理方法及装置
WO2017132963A1 (zh) * 2016-02-04 2017-08-10 华为技术有限公司 一种信息处理的方法及电子设备

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101546324A (zh) * 2008-12-30 2009-09-30 魏新成 通过互联网任务栏控制网页窗口和任务窗口的方法
CN103399711A (zh) * 2013-08-21 2013-11-20 珠海市魅族科技有限公司 一种弹出式窗口的显示控制方法及终端
CN104793874A (zh) * 2014-01-20 2015-07-22 联想(北京)有限公司 一种界面显示方法及电子设备
CN106293315A (zh) * 2015-06-03 2017-01-04 腾讯科技（深圳）有限公司 浮动窗口显示的方法和装置
CN108121489A (zh) * 2017-11-23 2018-06-05 广州视源电子科技股份有限公司 工具栏显示控制方法、装置、可读存储介质及计算机设备

Also Published As

Publication number Publication date
CN108121489A (zh) 2018-06-05

Similar Documents

Publication Publication Date Title
WO2019101073A1 (zh) 工具栏显示控制方法以及装置、可读存储介质及计算机设备
US20210240309A1 (en) Method and apparatus for displaying application
US20190012071A1 (en) Display and management of application icons
US11443453B2 (en) Method and device for detecting planes and/or quadtrees for use as a virtual substrate
US20170371517A1 (en) Edge-based hooking gestures for invoking user interfaces
KR101278346B1 (ko) 이벤트 인식
US10042547B2 (en) User interface control based on pinch gestures
US20150199125A1 (en) Displaying an application image on two or more displays
KR102190904B1 (ko) 윈도우 제어 방법 및 이를 지원하는 전자장치
US11112959B2 (en) Linking multiple windows in a user interface display
KR20170041219A (ko) 렌더링된 콘텐츠와의 호버 기반 상호작용
KR20140046346A (ko) 멀티 디스플레이 장치 및 그 제어 방법
KR20080109894A (ko) 제스처 기반 기기 활성화
US11366579B2 (en) Controlling window using touch-sensitive edge
KR102205283B1 (ko) 적어도 하나의 어플리케이션을 실행하는 전자 장치 및 그 제어 방법
US20150346973A1 (en) Seamlessly enabling larger ui
WO2018153232A1 (zh) 搜索组件展示方法、电子设备和计算机非易失性存储介质
JP6349015B2 (ja) タッチ入力装置のディスプレイ方法
US9304650B2 (en) Automatic cursor rotation
WO2016022634A1 (en) Display and management of application icons
JP2018512676A (ja) テキスト選択制御への向上
US9417780B2 (en) Information processing apparatus
US20180090027A1 (en) Interactive tutorial support for input options at computing devices
JP6340420B2 (ja) テキスト選択箇所段落スナップ
WO2019024507A1 (zh) 一种触摸控制方法、装置及终端

Legal Events

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

Ref document number: 18882100

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

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

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

122 Ep: pct application non-entry in european phase

Ref document number: 18882100

Country of ref document: EP

Kind code of ref document: A1