WO2016101831A1 - 界面标签的展现方法和装置 - Google Patents

界面标签的展现方法和装置 Download PDF

Info

Publication number
WO2016101831A1
WO2016101831A1 PCT/CN2015/097643 CN2015097643W WO2016101831A1 WO 2016101831 A1 WO2016101831 A1 WO 2016101831A1 CN 2015097643 W CN2015097643 W CN 2015097643W WO 2016101831 A1 WO2016101831 A1 WO 2016101831A1
Authority
WO
WIPO (PCT)
Prior art keywords
label
interface
tags
cascading
labels
Prior art date
Application number
PCT/CN2015/097643
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 WO2016101831A1 publication Critical patent/WO2016101831A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor

Definitions

  • the present invention relates to the field of interface interaction technologies, and in particular, to a method and an apparatus for displaying an interface label.
  • Browsers are the most common entry point for users to access the Internet. In order to facilitate the user to open multiple windows to browse the web at the same time, most existing browsers currently provide a multi-page tab browsing manner.
  • multiple page tags are opened in the user's browser at the same time, due to the limitation of the width of the browser window, as the number of opened page tags increases, the length of each page label title is automatically reduced, and the visible area thereof is gradually reduced. It becomes more and more difficult to identify, making label management extremely inconvenient and operating inefficient.
  • the present invention aims to solve at least one of the technical problems in the related art to some extent.
  • an object of the present invention is to provide a method for displaying an interface label, which can facilitate the management of the interface label and improve the operation efficiency.
  • Another object of the present invention is to provide an apparatus for presenting an interface label.
  • Another object of the present invention is to propose a user equipment.
  • Another object of the present invention is to provide an electronic device.
  • a method for displaying an interface label includes: opening a plurality of interface labels; and performing cascading processing on the plurality of interface labels when the number of the plurality of interface labels is greater than a preset value ; Shows multiple interface tags after cascading.
  • the method for displaying the interface label according to the embodiment of the present invention can facilitate the management of the interface label and improve the operation efficiency by performing cascading processing on the plurality of interface labels when the number of the plurality of interface labels is greater than the preset value.
  • an apparatus for displaying an interface label includes: an opening module for opening a plurality of interface labels; and a cascading module, configured to: when the number of the plurality of interface labels is greater than a preset value, The plurality of interface tags are subjected to a cascading process; and the presentation module is configured to display a plurality of interface tags after the cascading process.
  • the device for displaying the interface label can facilitate the management of the interface label and improve the operation efficiency by performing cascading processing on the plurality of interface labels when the number of the plurality of interface labels is greater than the preset value.
  • the user equipment includes: a display; a processor; a memory for storing a browser, and when the browser is executed by the processor, opening a plurality of page labels; Multiple pages When the number of tags is greater than a preset value, the plurality of page tags are layered; and the plurality of page tags after the layering process are displayed.
  • the user equipment of the embodiment of the present invention can facilitate the management of the page label and improve the operation efficiency by performing cascading processing on the plurality of page labels when the number of the plurality of page labels is greater than the preset value.
  • an electronic device includes: a display; a processor; a memory for storing a browser, and when the browser is executed by the processor, at least a part of a display area of the display Displaying a browser window, the browser window including a label navigation area and a page display area, the page display area displaying a page corresponding to at least one current label in the label navigation area, the label navigation area being configured to display When the number of the plurality of labels is less than the number of the first preset labels, displaying the plurality of labels in the first mode; and when the number of the displayed plurality of labels is greater than the number of the first preset labels, The second mode having a different mode exhibits the plurality of tags.
  • the electronic device can facilitate the management of the interface label and improve the operation efficiency by performing cascading processing on the plurality of interface labels when the number of the plurality of interface labels is greater than a preset value.
  • FIG. 1 is a schematic flowchart of a method for displaying an interface label according to an embodiment of the present invention
  • FIG. 2 is a schematic diagram of opening a plurality of page tags in a browser
  • 3 is a schematic diagram of laminating the plurality of interface labels when the number of the plurality of interface labels is greater than a preset value
  • FIG. 4 is a schematic flowchart of a method for displaying an interface label according to another embodiment of the present invention.
  • FIG. 5 is a schematic diagram of restoring a selected label to a state before lamination according to another embodiment of the present invention.
  • FIG. 6 is a schematic structural diagram of an apparatus for displaying an interface label according to another embodiment of the present invention.
  • FIG. 7 is a schematic structural diagram of an apparatus for presenting an interface label according to another embodiment of the present invention.
  • FIG. 1 is a schematic flowchart of a method for displaying an interface label according to an embodiment of the present invention, where the method includes:
  • the interface tags include, but are not limited to, tags of pages opened in the browser, chat window tags in the instant messaging software, files or folder tags in the desktop or the network disk, and the like.
  • multiple page tags can be opened in the browser.
  • S102 Perform stacking processing on the plurality of interface labels when the number of the plurality of interface labels is greater than a preset value.
  • the display width of the browser is limited.
  • the tab navigation area of the browser is basically unable to accommodate.
  • the quantity of the complete page label, at this time may correspond to a non-leftmost label of the current processing of the plurality of page labels, such as the classification 3 label shown in FIG. 3, using a preset function, the currently processed A label is layered onto the adjacent left label of the currently processed label.
  • the embodiment can be implemented by CSS (Cascading Style Sheets).
  • the preset function may be a margin-left function.
  • margin-left:-16px is used to implement interface label stacking of 16 pixels.
  • the specific number of superimposed pixels can be determined according to the number of interface labels of the total remaining width of the display frame.
  • a plurality of stacked interface labels as shown in FIG. 3 can be presented. Different levels of cascading can be performed according to the width of the interface tab bar. The more labels, the higher the stacking degree of the labels, and the smaller the display area of each label except the label of the current page.
  • the plurality of interface tags are stacked, which facilitates the management of the interface tags and improves the operation efficiency.
  • FIG. 4 is a schematic flowchart of a method for displaying an interface label according to another embodiment of the present invention, where the method includes:
  • the interface tags include, but are not limited to, tags of pages opened in the browser, chat window tags in the instant messaging software, files or folder tags in the desktop or the network disk, and the like.
  • multiple page tags can be opened in the browser.
  • S202 Perform stacking processing on the plurality of interface labels when the number of the plurality of interface labels is greater than a preset value.
  • a non-leftmost label of the current processing of the plurality of interface labels such as the classification 3 label shown in FIG. 3, may be layered to the currently processed label by using a preset function. On the adjacent left side of the label.
  • the method can be implemented by CSS (Cascading Style Sheets).
  • the preset function may be a margin-left function.
  • margin-left:-16px is used to implement interface label stacking of 16 pixels.
  • the specific number of superimposed pixels can be determined according to the number of interface labels of the total remaining width of the display frame.
  • different levels of cascading may be performed according to the width of the interface tab bar.
  • S204 Receive a selection instruction for one of the plurality of interface tags.
  • S205 restore the selected label to a state before cascading, perform a cascading process on the first part label except the selected label, and keep the second part label other than the selected label unchanged.
  • the first part is a label on the right side of the selected label
  • the second part label is a label on the left side of the selected label.
  • the label size on the left side of the interface label can be kept unchanged, and the label on the right side of the label is squeezed to the right, so that the partial interface label is more stacked.
  • margin-right function can be implemented to restore the selected label to the state before the layering.
  • the label of the current page that is, the category 3
  • the label of the selected page that is, the category 4
  • the display width of the selected label is increased
  • the display area of the label extruded on the right side thereof is correspondingly reduced
  • the cursor is moved away from the currently selected label
  • the label is restored to the cascading process.
  • the state of the right side of the label is also restored to the state before the stacking again.
  • this method can also be implemented in the javascript language.
  • the plurality of interface labels are layered, which facilitates the management of the interface labels and improves the operation efficiency.
  • the interface labels are restored to the cascading. The previous state, and squeeze the interface label on the right side to the right, you can view the interface label of the non-current page at any time, which is easier to browse and manage.
  • the present invention also provides an apparatus for displaying an interface label.
  • FIG. 6 is a schematic structural diagram of an apparatus for presenting an interface label according to another embodiment of the present invention.
  • the presentation device of the interface tag includes an opening module 100, a cascading module 200, and a presentation module 300.
  • the opening module 100 is configured to open a plurality of interface tags.
  • the interface tags include, but are not limited to, tags of pages opened in the browser, chat window tags in the instant messaging software, files or folder tags in the desktop or the network disk, and the like.
  • the opening module 100 can open a plurality of page tags in a browser, or can open multiple interface tags in other programs.
  • the cascading module 200 is configured to perform the plurality of interface labels when the number of the plurality of interface labels is greater than a preset value Cascade processing. More specifically, taking the page in the browser as an example, the display width of the browser is limited. When the number of page tabs opened in the browser reaches a preset number, for example, 5 or 6, the tab navigation area of the browser is basically impossible. The number of complete page labels is accommodated. At this time, the cascading module 200 can correspond to a non-leftmost label of the current processing of the plurality of page labels, such as the classification 3 label shown in FIG. 3, using a preset function. A currently processed label is layered onto the adjacent left label of the currently processed label.
  • the embodiment can be implemented by CSS (Cascading Style Sheets).
  • the preset function may be a margin-left function.
  • margin-left:-16px is used to implement interface label stacking of 16 pixels.
  • the specific number of superimposed pixels can be determined according to the number of interface labels of the total remaining width of the display frame.
  • the presentation module 300 is configured to display a plurality of interface tags after the cascading process.
  • the presentation module 300 can present a plurality of stacked interface labels as shown in FIG.
  • the plurality of interface tags are stacked, which facilitates the management of the interface tags and improves the operation efficiency.
  • FIG. 7 is a schematic structural diagram of an apparatus for presenting an interface label according to another embodiment of the present invention.
  • the presentation device of the interface tag includes: an opening module 100, a cascading module 200, a presentation module 300, a receiving module 400, and a recovery module 500.
  • the receiving module 400 is configured to receive a selection instruction for one of the plurality of interface tags.
  • the receiving module 400 is configured to receive a selection instruction for one of the plurality of interface tags.
  • confirmation is received to receive a selection instruction for the interface tag.
  • the recovery module 500 is configured to restore the selected label to a state before cascading, perform a cascading process on the first part of the label other than the selected label, and a second part label other than the selected label constant.
  • the first part is a label on the right side of the selected label
  • the second part label is a label on the left side of the selected label.
  • the label size on the left side of the interface label can be kept unchanged when the mouse is moved to an interface label, and the label on the right side of the label is squeezed to the right, so that the partial label is layered to a higher degree.
  • the recovery module 500 can be implemented using a margin-right function that restores the selected tag to the pre-stack state.
  • the presentation module 300 is further configured to display the selected tags that are restored to the state before the cascading, the labels that are subjected to the cascading process, and the tags that remain unchanged.
  • the cascading module 200 is further configured to: align a currently processed one label to the adjacent one of the currently processed labels by using a preset function, corresponding to a non-leftmost label of the current processing of the plurality of interface labels On the left side of the label.
  • the recovery module 500 is also operative to restore the selected tag to the pre-stack state using a margin-right function.
  • the label of the current page that is, the category 3
  • the label of the selected page that is, the category 4 is also fully displayed. While the display width of the selected label is increased, the display area of the label extruded on the right side thereof is correspondingly reduced, and when the cursor is moved away from the currently selected label, the label is restored to the cascading process. State, right The side label also returns to the state before the re-stacking.
  • this method can also be implemented in the javascript language.
  • the plurality of interface labels are layered, which facilitates the management of the interface labels and improves the operation efficiency.
  • the interface labels are restored to the cascading. The previous state, and squeeze the interface label on the right side to the right, you can view the interface label of the non-current page at any time, which is easier to browse and manage.
  • the present invention also proposes a user equipment.
  • the user equipment includes: a display; a processor; a memory for storing a browser, when the browser is executed by the processor, opening a plurality of page labels; when the number of the plurality of page labels is greater than a preset value, The plurality of page tags are subjected to a cascading process; and the plurality of page tags after the cascading process are displayed.
  • the user equipment in this embodiment can facilitate the management of the page label and improve the operation efficiency.
  • the present invention also proposes an electronic device.
  • the electronic device includes: a display; a processor; a memory for storing a browser, wherein when the browser is executed by the processor, displaying a browser window in at least a portion of a display area of the display, the browser window including a label navigation area and a page display area, the page display area displaying a page corresponding to at least one current label in the label navigation area, the label navigation area being configured to display the number of the plurality of labels being smaller than the first preset label And displaying the plurality of tags in a first mode; and displaying the plurality of tags in a second mode different from the first mode when the number of the displayed plurality of tags is greater than the number of the first preset tags label.
  • the plurality of labels uniformly occupy a width of the label navigation area.
  • the current label of the plurality of labels has a different display width than the other labels, for example, the display width of the label of the current label or the mouse stay is the width of the complete label, and the other labels are The width after cascading.
  • the current tag maintains a fixed width value, for example, a new dialog tag pops up in a dialog window in the instant messaging software, before leaving the current conversation page, the current The width of the label remains the same.
  • the electronic device can facilitate the management of the interface label and improve the operation efficiency by performing cascading processing on the plurality of interface labels when the number of the plurality of interface labels is greater than a preset value.
  • portions of the invention may be implemented in hardware, software, firmware or a combination thereof.
  • multiple steps or methods may be implemented in software or firmware stored in a memory and executed by a suitable instruction execution system.
  • a suitable instruction execution system For example, if implemented in hardware, as in another embodiment, it can be implemented by any one or combination of the following techniques well known in the art: having logic gates for implementing logic functions on data signals. Discrete logic circuits, application specific integrated circuits with suitable combinational logic gates, programmable gate arrays (PGAs), field programmable gate arrays (FPGAs), etc.
  • each functional unit in each embodiment of the present invention may be integrated into one processing module, or each unit may exist physically separately, or two or more units may be integrated into one module.
  • the above integrated modules can be implemented in the form of hardware or in the form of software functional modules.
  • the integrated modules, if implemented in the form of software functional modules and sold or used as stand-alone products, may also be stored in a computer readable storage medium.
  • the above mentioned storage medium may be a read only memory, a magnetic disk or an optical disk or the like.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Databases & Information Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

一种界面标签的展现方法和装置，该界面标签的展现方法包括：打开多个界面标签（S101）；当所述多个界面标签的数量大于预设数值时，对所述多个界面标签进行层叠处理（S102）；展现层叠处理后的多个界面标签（S103）。该方法能够方便界面标签的管理，提高操作效率。

Description

界面标签的展现方法和装置 技术领域
本发明涉及界面交互技术领域，尤其涉及一种界面标签的展现方法和装置。
背景技术
浏览器是用户访问互联网的最常用入口。为了方便用户同时打开多个窗口浏览网页，目前现有的浏览器大多提供了多页面标签页的浏览方式。在用户浏览器中同时打开多个页面标签时，由于浏览器窗口宽度的限制，随着被打开的页面标签的不断增加，每个页面标签标题的长度自动缩小，其可视区域也逐渐变小，变得越来也越难以辨认，使标签管理变得极不方便，操作效率低。
发明内容
本发明旨在至少在一定程度上解决相关技术中的技术问题之一。
为此，本发明的一个目的在于提出一种界面标签的展现方法，该方法可以方便界面标签的管理，提高操作效率。
本发明的另一个目的在于提出一种界面标签的展现装置。
本发明的另一个目的在于提出一种用户设备。
本发明的另一个目的在于提出一种电子设备。
为达到上述目的，本发明实施例提出的界面标签的展现方法，包括：打开多个界面标签；当所述多个界面标签的数量大于预设数值时，对所述多个界面标签进行层叠处理；展现层叠处理后的多个界面标签。
本发明实施例提出的界面标签的展现方法，通过在多个界面标签的数量大于预设数值时，对多个界面标签进行层叠处理，能够方便界面标签的管理，提高操作效率。
为达到上述目的，本发明实施例提出的界面标签的展现装置，包括：打开模块，用于打开多个界面标签；层叠模块，用于在多个界面标签的数量大于预设数值时，对所述多个界面标签进行层叠处理；展现模块，用于展现层叠处理后的多个界面标签。
本发明实施例提出的界面标签的展现装置，通过在多个界面标签的数量大于预设数值时，对多个界面标签进行层叠处理，能够方便界面标签的管理，提高操作效率。
为达到上述目的，本发明实施例提出的用户设备，包括：显示器；处理器；存储器，用于存储浏览器，所述浏览器被所述处理器执行时，打开多个页面标签；当所述多个页面 标签的数量大于预设数值时，对所述多个页面标签进行层叠处理；展现层叠处理后的多个页面标签。
本发明实施例提出的用户设备，通过在多个页面标签的数量大于预设数值时，对多个页面标签进行层叠处理，能够方便页面标签的管理，提高操作效率。
为达到上述目的，本发明实施例提出的电子设备，包括：显示器；处理器；存储器，用于存储浏览器，所述浏览器被所述处理器执行时，在所述显示器的至少一部分显示区域显示浏览器窗口，所述浏览器窗口包括标签导航区和页面显示区，所述页面显示区显示与所述标签导航区中的至少一个当前标签对应的页面，所述标签导航区被配置成展现的多个标签数量小于第一预设标签数量时，以第一模式展现所述多个标签；并在展现的多个标签数量大于所述第一预设标签数量时，以与所述第一模式不同的第二模式展现所述多个标签。
本发明实施例提出的电子设备，通过在所述多个界面标签的数量大于预设数值时，对多个界面标签进行层叠处理，能够方便界面标签的管理，提高操作效率。
本发明附加的方面和优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本发明的实践了解到。
附图说明
本发明上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解，其中：
图1是本发明实施例提出的界面标签的展现方法的流程示意图；
图2是在浏览器中打开多个页面标签的示意图；
图3是在多个界面标签的数量大于预设数值时，对所述多个界面标签进行层叠处理的示意图；
图4是根据本发明另一实施例提出的界面标签的展现方法的流程示意图；
图5是根据本发明另一实施例的将选择的标签恢复到层叠前的状态的示意图；
图6是本发明另一实施例的界面标签的展现装置的结构示意图；
图7是本发明另一实施例的界面标签的展现装置的结构示意图。
具体实施方式
下面详细描述本发明的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，仅用于解释本发明，而不能理解为对本发明的限制。相反，本发明的实施例包括落入所附加权利要求书的精神和内涵范围内的所有变化、修改和等同物。
下面参考附图描述根据本发明实施例的界面标签的展现方法和装置。
图1是本发明一实施例提出的界面标签的展现方法的流程示意图，该方法包括：
S101：打开多个界面标签。
其中，界面标签包括但不限于：浏览器中打开的页面的标签，即时通信软件中的聊天窗口标签，桌面或者网盘中的文件或文件夹标签等。
例如，如图2所示，可以在浏览器中打开多个页面标签。
S102：当多个界面标签的数量大于预设数值时，对所述多个界面标签进行层叠处理。
具体地，以浏览器中的页面为例，浏览器的显示宽度有限，当浏览器中打开的页面标签达到预设数量时，例如5个或者6个，浏览器的标签导航区基本已经无法容纳该数量的完整的页面标签，此时，可对应多个页面标签的当前处理的一个非最左侧的标签，如图3中所示的分类3标签，采用预设的函数，将当前处理的一个标签层叠到当前处理的标签的相邻的左侧标签上。
优选地，本实施例可以通过CSS(Cascading Style Sheets，层叠样式表)来实现。所述预设的函数可以是margin-left函数。例如用margin-left:-16px实现界面标签层叠16个像素。具体的叠加像素数可以根据显示框的总剩余宽度界面标签的个数来确定。
S103：展现层叠处理后的多个界面标签。
具体地，可展现如图3所示的层叠后的多个界面标签。可根据界面标签栏的宽度进行不同程度的层叠，标签越多，标签的层叠程度越高，除当前页面的标签之外的每个标签的显示面积越小。
本实施例通过在多个界面标签的数量大于预设数值时，对多个界面标签进行层叠处理，能够方便界面标签的管理，提高操作效率。
图4是根据本发明另一实施例提出的界面标签的展现方法的流程示意图，该方法包括：
S201：打开多个界面标签。
其中，界面标签包括但不限于：浏览器中打开的页面的标签，即时通信软件中的聊天窗口标签，桌面或者网盘中的文件或文件夹标签等。
例如，如图2所示，可以在浏览器中打开多个页面标签。
S202：当多个界面标签的数量大于预设数值时，对所述多个界面标签进行层叠处理。
具体地，可对应多个界面标签的当前处理的一个非最左侧的标签，如图3中所示的分类3标签，采用预设的函数，将当前处理的一个标签层叠到当前处理的标签的相邻的左侧标签上。
优选地，本方法可以通过CSS(Cascading Style Sheets，层叠样式表)来实现。所述预设的函数可以是margin-left函数。例如用margin-left:-16px实现界面标签层叠16个像素。具体的叠加像素数可以根据显示框的总剩余宽度界面标签的个数来确定。
S203：展现层叠处理后的多个界面标签。
例如图3所示，可根据界面标签栏的宽度进行不同程度的层叠，标签越多，标签的层叠程度越高，除当前页面的界面标签之外的每个界面标签的显示面积越小。
S204：接收对所述多个界面标签中一个标签的选择指令。
在本申请的一个具体实施例中，当一个界面标签被鼠标指针选定或鼠标指针移动到该标签上时，确认接收对该界面标签的选择指令。
S205：将所述选择的标签恢复到层叠前的状态，对所述选择的标签之外的第一部分标签再次进行层叠处理，以及，对所述选择的标签之外的第二部分标签保持不变。
其中，第一部分是所述选择的标签的右侧的标签，第二部分标签是所述选择的标签的左侧的标签。如图5所示，可以在鼠标移动到一个界面标签上时保持该界面标签左侧的标签大小不变，将该标签右侧的标签向右挤压，使该部分界面标签的层叠程度更高。
具体地，可采用margin-right函数实现，将所述选择的标签恢复到层叠前的状态。
S206：展现恢复到层叠前的状态的所述选择的标签，再次进行层叠处理的标签，以及保持不变的标签。
如图5所示，当前页面即分类3的标签为完全展示的，选择的页面即分类4的标签也是完全展示的。在所述选择的标签的显示宽度增大的同时，其右侧被挤压的标签的显示面积会相应的减小，而当光标移开当前选择的标签时，该标签会恢复到层叠处理后的状态，其右侧标签也恢复到再次层叠前的状态。
具体过程可以通过margin-right和margin-left函数进行实现，在此不在赘述。
类似的，本方法还可以用javascript语言实现。
本实施例通过在多个界面标签的数量大于预设数值时，对多个界面标签进行层叠处理，能够方便界面标签的管理，提高操作效率；另外，在界面标签被选择时将其恢复到层叠前的状态，并向右挤压其右侧的界面标签，能够随时查看非当前页面的界面标签，更加易于浏览和管理。
为了实现上述实施例，本发明还提出一种界面标签的展现装置。
图6是本发明另一实施例的界面标签的展现装置的结构示意图。如图6所示，该界面标签的展现装置包括：打开模块100、层叠模块200和展现模块300。
具体地，打开模块100用于打开多个界面标签。其中，界面标签包括但不限于：浏览器中打开的页面的标签，即时通信软件中的聊天窗口标签，桌面或者网盘中的文件或文件夹标签等。例如，如图2所示，打开模块100可以在浏览器中打开多个页面标签，也可以在其他程序中打开多个界面标签。
层叠模块200用于在多个界面标签的数量大于预设数值时，对所述多个界面标签进行 层叠处理。更具体地，以浏览器中的页面为例，浏览器的显示宽度有限，当浏览器中打开的页面标签达到预设数量时，例如5个或者6个，浏览器的标签导航区基本已经无法容纳该数量的完整的页面标签，此时，层叠模块200可对应多个页面标签的当前处理的一个非最左侧的标签，如图3中所示的分类3标签，采用预设的函数，将当前处理的一个标签层叠到当前处理的标签的相邻的左侧标签上。
优选地，本实施例可以通过CSS(Cascading Style Sheets，层叠样式表)来实现。所述预设的函数可以是margin-left函数。例如用margin-left:-16px实现界面标签层叠16个像素。具体的叠加像素数可以根据显示框的总剩余宽度界面标签的个数来确定。
展现模块300用于展现层叠处理后的多个界面标签。展现模块300可展现如图3所示的层叠后的多个界面标签。
本实施例通过在多个界面标签的数量大于预设数值时，对多个界面标签进行层叠处理，能够方便界面标签的管理，提高操作效率。
图7是本发明另一实施例的界面标签的展现装置的结构示意图。如图7所示，该界面标签的展现装置包括：打开模块100、层叠模块200、展现模块300、接收模块400和恢复模块500。
具体地，接收模块400用于接收对所述多个界面标签中一个标签的选择指令。在本申请的一个具体实施例中，当一个界面标签被鼠标指针选定或鼠标指针移动到该标签上时，确认接收对该界面标签的选择指令。
恢复模块500用于将所述选择的标签恢复到层叠前的状态，对所述选择的标签之外的第一部分标签再次进行层叠处理，以及，对所述选择的标签之外的第二部分标签保持不变。其中，第一部分是所述选择的标签的右侧的标签，第二部分标签是所述选择的标签的左侧的标签。如图5所示，可以在鼠标移动到一个界面标签上时保持该界面标签左侧的标签大小不变，将该标签右侧的标签向右挤压，使该部分标签的层叠程度更高。更具体地，恢复模块500可采用margin-right函数实现，将所述选择的标签恢复到层叠前的状态。
所述展现模块300还用于展现恢复到层叠前的状态的所述选择的标签，再次进行层叠处理的标签，以及保持不变的标签。
层叠模块200还用于对应所述多个界面标签的当前处理的一个非最左侧的标签，采用预设的函数，将所述当前处理的一个标签层叠到所述当前处理的标签的相邻的左侧标签上。
恢复模块500还用于采用margin-right函数，将所述选择的标签恢复到层叠前的状态。如图5所示，当前页面即分类3的标签为完全展示的，选择的页面即分类4的标签也是完全展示的。在所述选择的标签的显示宽度增大的同时，其右侧被挤压的标签的显示面积会相应的减小，而当光标移开当前选择的标签时，该标签会恢复到层叠处理后的状态，其右 侧标签也恢复到再次层叠前的状态。
具体过程可以通过margin-right和margin-left函数进行实现，在此不在赘述。
类似的，本方法还可以用javascript语言实现。
本实施例通过在多个界面标签的数量大于预设数值时，对多个界面标签进行层叠处理，能够方便界面标签的管理，提高操作效率；另外，在界面标签被选择时将其恢复到层叠前的状态，并向右挤压其右侧的界面标签，能够随时查看非当前页面的界面标签，更加易于浏览和管理。
为了实现上述实施例，本发明还提出一种用户设备。该用户设备包括：显示器；处理器；存储器，用于存储浏览器，所述浏览器被所述处理器执行时，打开多个页面标签；当多个页面标签的数量大于预设数值时，对所述多个页面标签进行层叠处理；展现层叠处理后的多个页面标签。
本实施例的用户设备能够方便页面标签的管理，提高操作效率。
为了实现上述实施例，本发明还提出一种电子设备。该电子设备包括：显示器；处理器；存储器，用于存储浏览器，所述浏览器被所述处理器执行时，在所述显示器的至少一部分显示区域显示浏览器窗口，所述浏览器窗口包括标签导航区和页面显示区，所述页面显示区显示与所述标签导航区中的至少一个当前标签对应的页面，所述标签导航区被配置成展现的多个标签数量小于第一预设标签数量时，以第一模式展现所述多个标签；并在展现的多个标签数量大于所述第一预设标签数量时，以与所述第一模式不同的第二模式展现所述多个标签。
可选的，在所述第一模式下，所述多个标签均匀占据所述标签导航区的宽度。
可选的，在所述第二模式下，所述多个标签中的当前标签与其他标签具有不同的展示宽度，例如当前标签或鼠标停留的标签的展示宽度为完整标签的宽度，其他标签为层叠后的宽度。并且，在所述多个标签的数量发生变化时，所述当前标签维持固定的宽度值，例如即时通信软件中的对话窗口中弹出一个新的对话标签，在离开当前所在的对话页面前，当前标签的宽度保持不变。
本发明实施例提出的电子设备，通过在多个界面标签的数量大于预设数值时，对多个界面标签进行层叠处理，能够方便界面标签的管理，提高操作效率。
需要说明的是，在本发明的描述中，术语“第一”、“第二”等仅用于描述目的，而不能理解为指示或暗示相对重要性。此外，在本发明的描述中，除非另有说明，“多个”的含义是两个或两个以上。
流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为，表示包括一个或更多个用于实现特定逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部分， 并且本发明的优选实施方式的范围包括另外的实现，其中可以不按所示出或讨论的顺序，包括根据所涉及的功能按基本同时的方式或按相反的顺序，来执行功能，这应被本发明的实施例所属技术领域的技术人员所理解。
应当理解，本发明的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中，多个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。例如，如果用硬件来实现，和在另一实施方式中一样，可用本领域公知的下列技术中的任一项或他们的组合来实现：具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路，具有合适的组合逻辑门电路的专用集成电路，可编程门阵列(PGA)，现场可编程门阵列(FPGA)等。
本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，该程序在执行时，包括方法实施例的步骤之一或其组合。
此外，在本发明各个实施例中的各功能单元可以集成在一个处理模块中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。所述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。
上述提到的存储介质可以是只读存储器，磁盘或光盘等。
在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不一定指的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合。
尽管上面已经示出和描述了本发明的实施例，可以理解的是，上述实施例是示例性的，不能理解为对本发明的限制，本领域的普通技术人员在本发明的范围内可以对上述实施例进行变化、修改、替换和变型。

Claims (16)

  1. 一种界面标签的展现方法，其特征在于，包括：
    打开多个界面标签；
    当所述多个界面标签的数量大于预设数值时，对所述多个界面标签进行层叠处理；
    展现层叠处理后的多个界面标签。
  2. 根据权利要求1所述的方法，其特征在于，所述展现层叠处理后的多个界面标签之后，所述方法还包括：
    接收对所述多个界面标签中一个标签的选择指令；
    将所述选择的标签恢复到层叠前的状态，对所述选择的标签之外的第一部分标签再次进行层叠处理，以及，对所述选择的标签之外的第二部分标签保持不变；
    展现恢复到层叠前的状态的所述选择的标签，再次进行层叠处理的标签，以及保持不变的标签。
  3. 根据权利要求1所述的方法，其特征在于，所述对所述多个界面标签进行层叠处理，包括：
    对应所述多个界面标签的当前处理的一个非最左侧的标签，采用预设的函数，将所述当前处理的一个标签层叠到所述当前处理的标签的相邻的左侧标签上。
  4. 根据权利要求3所述的方法，其特征在于，所述预设的函数是margin-left函数。
  5. 根据权利要求2所述的方法，其特征在于，所述第一部分是所述选择的标签的右侧的标签。
  6. 根据权利要求5所述的方法，其特征在于，所述将所述选择的标签恢复到层叠前的状态，包括：
    采用margin-right函数，将所述选择的标签恢复到层叠前的状态。
  7. 一种界面标签的展现装置，其特征在于，包括：
    打开模块，用于打开多个界面标签；
    层叠模块，用于在所述多个界面标签的数量大于预设数值时，对所述多个界面标签进行层叠处理；
    展现模块，用于展现层叠处理后的多个界面标签。
  8. 根据权利要求7所述的装置，其特征在于，所述装置还包括：
    接收模块，用于接收对所述多个界面标签中一个标签的选择指令；
    恢复模块，用于将所述选择的标签恢复到层叠前的状态，对所述选择的标签之外的第一部分标签再次进行层叠处理，以及，对所述选择的标签之外的第二部分标签保持不变； 其中，
    所述展现模块，还用于展现恢复到层叠前的状态的所述选择的标签，再次进行层叠处理的标签，以及保持不变的标签。
  9. 根据权利要求7所述的装置，其特征在于，所述层叠模块还用于对应所述多个界面标签的当前处理的一个非最左侧的标签，采用预设的函数，将所述当前处理的一个标签层叠到所述当前处理的标签的相邻的左侧标签上。
  10. 根据权利要9所述的装置，其特征在于，所述预设的函数是margin-left函数。
  11. 根据权利要求8所述的装置，其特征在于，所述第一部分是所述选择的标签的右侧的标签。
  12. 根据权利要求11所述的装置，其特征在于，所述恢复模块还用于采用margin-right函数，将所述选择的标签恢复到层叠前的状态。
  13. 一种用户设备，其特征在于，包括：
    显示器；
    处理器；
    存储器，用于存储浏览器，所述浏览器被所述处理器执行时，打开多个网页标签；当所述多个网页标签的数量大于预设数值时，对所述多个网页标签进行层叠处理；展现层叠处理后的多个网页标签。
  14. 一种电子设备，其特征在于，所述电子设备包括：
    显示器；
    处理器；
    存储器，用于存储浏览器，所述浏览器被所述处理器执行时，在所述显示器的至少一部分显示区域显示浏览器窗口，所述浏览器窗口包括标签导航区和页面显示区，所述页面显示区显示与所述标签导航区中的至少一个当前标签对应的页面，所述标签导航区被配置成展现的多个标签数量小于第一预设标签数量时，以第一模式展现所述多个标签；并在展现的多个标签数量大于所述第一预设标签数量时，以与所述第一模式不同的第二模式展现所述多个标签。
  15. 根据权利要求14所述的电子设备，其特征在于，在所述第一模式下，所述多个标签均匀占据所述标签导航区的宽度。
  16. 根据权利要求14所述的电子设备，其特征在于，在所述第二模式下，所述多个标签中的当前标签与其他标签具有不同的展示宽度，并且，在所述多个标签的数量发生变化时，所述当前标签维持固定的宽度值。
PCT/CN2015/097643 2014-12-26 2015-12-16 界面标签的展现方法和装置 WO2016101831A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201410829241.7 2014-12-26
CN201410829241.7A CN105786920B (zh) 2014-12-26 2014-12-26 界面标签的展现方法和装置

Publications (1)

Publication Number Publication Date
WO2016101831A1 true WO2016101831A1 (zh) 2016-06-30

Family

ID=56149251

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2015/097643 WO2016101831A1 (zh) 2014-12-26 2015-12-16 界面标签的展现方法和装置

Country Status (2)

Country Link
CN (1) CN105786920B (zh)
WO (1) WO2016101831A1 (zh)

Families Citing this family (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107784000B (zh) * 2016-08-26 2021-06-29 腾讯科技（深圳）有限公司 一种标签页展示方法、浏览器及用户设备
CN108153575B (zh) * 2018-01-19 2021-07-20 深圳市富途网络科技有限公司 一种用于可变宽度软件界面的按钮控件自适应布设方法
CN108363814B (zh) * 2018-03-15 2021-06-22 上海哔哩哔哩科技有限公司 标签设置方法、服务器及标签设置系统
CN110703975B (zh) * 2018-07-09 2021-06-08 中国移动通信集团有限公司 一种翻页方法及装置
CN111611502A (zh) * 2019-02-25 2020-09-01 阿里巴巴集团控股有限公司 一种标签页展示方法及装置
CN112988150B (zh) * 2021-02-09 2022-08-12 支付宝(杭州)信息技术有限公司 页签操作方法、装置和电子设备

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120131485A1 (en) * 2010-11-23 2012-05-24 Opera Software Asa System and method for providing interactive tab management in tabbed browsers
CN102929997A (zh) * 2012-10-24 2013-02-13 北京奇虎科技有限公司 浏览器标签的显示方法及装置
CN102937996A (zh) * 2012-11-26 2013-02-20 北京奇虎科技有限公司 一种浏览器标签管理系统及方法
CN102945265A (zh) * 2012-10-24 2013-02-27 北京奇虎科技有限公司 标签在浏览器中的呈现方法及装置
CN104239502A (zh) * 2014-09-11 2014-12-24 可牛网络技术（北京）有限公司 浏览器中标签页的显示控制方法、装置、设备

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120131485A1 (en) * 2010-11-23 2012-05-24 Opera Software Asa System and method for providing interactive tab management in tabbed browsers
CN102929997A (zh) * 2012-10-24 2013-02-13 北京奇虎科技有限公司 浏览器标签的显示方法及装置
CN102945265A (zh) * 2012-10-24 2013-02-27 北京奇虎科技有限公司 标签在浏览器中的呈现方法及装置
CN102937996A (zh) * 2012-11-26 2013-02-20 北京奇虎科技有限公司 一种浏览器标签管理系统及方法
CN104239502A (zh) * 2014-09-11 2014-12-24 可牛网络技术（北京）有限公司 浏览器中标签页的显示控制方法、装置、设备

Also Published As

Publication number Publication date
CN105786920A (zh) 2016-07-20
CN105786920B (zh) 2018-12-14

Similar Documents

Publication Publication Date Title
WO2016101831A1 (zh) 界面标签的展现方法和装置
US10831703B2 (en) Displaying changes to versioned files
US10599252B2 (en) Intelligent terminal control method utilizing touch contact location and pressure
RU2589335C2 (ru) Перетаскивание вкладки
US10229655B2 (en) Contextual zoom
US8538947B2 (en) Method of providing instructional material while a software application is in use
US20130191785A1 (en) Confident item selection using direct manipulation
US20150334068A1 (en) Message processing method and apparatus
RU2614539C2 (ru) Масштабирование адресной строки и вкладок на основе задачи
US20100064251A1 (en) Toggling window display state by screen in a multi-screened desktop environment
US20080184141A1 (en) Menu creation browser extension
CN106776514A (zh) 一种批注方法及装置
WO2019062550A1 (zh) 信息展示方法、装置、终端设备及计算机存储介质
US8527863B2 (en) Navigating through cross-referenced documents
US9384575B2 (en) Space constrained small format visual analytic labeling
US9952838B2 (en) Methods, systems, and computer readable media for generating a visual overlay
US8645859B2 (en) Sliding stacks
US20150205454A1 (en) Systems and methods for displaying preview data
EP2973016A1 (en) Visually representing queries of multi-source data
CN103744932A (zh) 一种页面处理方法及装置
CN106777380A (zh) 浏览器页面显示方法、装置和终端
US8584001B2 (en) Managing bookmarks in applications
US9507790B2 (en) Providing file indexes and per-file viewing modes within a file management application
US20140075304A1 (en) Annotation of user interface documents according to related documentation
EP3224702A1 (en) Visual indication method and device

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

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 15871899

Country of ref document: EP

Kind code of ref document: A1