[go: up one dir, main page]

CN107450891A - Paging control implementation method, device and equipment - Google Patents

Paging control implementation method, device and equipment Download PDF

Info

Publication number
CN107450891A
CN107450891A CN201610371830.4A CN201610371830A CN107450891A CN 107450891 A CN107450891 A CN 107450891A CN 201610371830 A CN201610371830 A CN 201610371830A CN 107450891 A CN107450891 A CN 107450891A
Authority
CN
China
Prior art keywords
paging
control
controls
preset
group
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.)
Pending
Application number
CN201610371830.4A
Other languages
Chinese (zh)
Inventor
姜维
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Advanced New Technologies Co Ltd
Advantageous New Technologies Co Ltd
Original Assignee
Alibaba Group Holding Ltd
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 Alibaba Group Holding Ltd filed Critical Alibaba Group Holding Ltd
Priority to CN201610371830.4A priority Critical patent/CN107450891A/en
Publication of CN107450891A publication Critical patent/CN107450891A/en
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Telephone Function (AREA)

Abstract

The application is included on paging control implementation method, device and equipment, methods described:The total page number of paging is obtained, the paging control for identifying each paging is grouped according to the total page number;Default paging group control is exported in current presentation paging, each paging group control is used to identify divided a component page control;When the first default trigger event occurs for the paging group control, exported in current presentation paging and the component page control that the paging group control of the described first default trigger event is identified occurs.By paging group control is used to identify divided a component page control, and when the first default trigger event occurs for paging group control, export the component page control that the paging group control is identified, so that user quickly finds corresponding paging control according to paging group control, so as to improve the efficiency for checking paging.

Description

分页控件实现方法、装置及设备Paging control realization method, device and equipment

技术领域technical field

本申请涉及计算机技术领域,尤其涉及分页控件实现方法、装置及设备。The present application relates to the field of computer technology, in particular to a method, device and equipment for realizing paging controls.

背景技术Background technique

随着科学技术的发展,具有屏幕的终端越来越多,例如终端可以是智能手机、平板电脑、图书阅读器等。用户可以通过终端进行购物、查阅和阅读等。With the development of science and technology, there are more and more terminals with screens, for example, a terminal may be a smart phone, a tablet computer, a book reader, and the like. Users can shop, consult and read through the terminal.

当待显示内容很多而无法同时显示在终端屏幕的同一页面时,可以对待显示内容进行分页,并且在显示任一分页时,会同时显示用于翻页的翻页控件,翻页控件可以包括上翻页控件、下翻页控件以及用于标识每个分页的分页控件。用户可以触发分页控件使终端从当前页面跳转至分页控件对应的分页页面。When there is too much content to be displayed and cannot be displayed on the same page of the terminal screen at the same time, the content to be displayed can be divided into pages, and when any page is displayed, a page turning control for turning pages will be displayed at the same time. The page turning control can include the above A paging control, a paging down control, and a pagination control that identifies each page break. The user can trigger the paging control to make the terminal jump from the current page to the paging page corresponding to the paging control.

然而,受终端屏幕宽度的限制,终端屏幕可容纳的分页控件数量有限,当分页较多时,需要将中间部分的分页控件隐藏,用户通过点击或触摸下翻页控件实现分页查看。可见,查看分页的效率低。However, limited by the width of the terminal screen, the number of paging controls that can be accommodated on the terminal screen is limited. When there are many pages, the paging controls in the middle part need to be hidden, and the user can click or touch the paging control to view the pages. It can be seen that the efficiency of viewing pagination is low.

发明内容Contents of the invention

本申请提供分页控件实现方法、装置及设备,以解决现有技术中分页查看效率低的问题。The application provides a paging control implementation method, device and equipment to solve the problem of low efficiency of paging viewing in the prior art.

根据本申请实施例的第一方面,提供一种分页控件实现方法,所述方法包括:According to the first aspect of the embodiments of the present application, a method for implementing a paging control is provided, the method including:

获取分页的总页数,根据所述总页数对标识每个分页的分页控件进行分组;Obtain the total number of pages of the page, and group the paging controls that identify each page according to the total number of pages;

在当前展示分页上输出预设的分页组控件,每个分页组控件用于标识所划分的一组分页控件;Output preset paging group controls on the current display page, and each paging group control is used to identify a divided group of paging controls;

在所述分页组控件发生第一预设触发事件时,在当前展示分页上输出发生所述第一预设触发事件的分页组控件所标识的一组分页控件。When the first preset triggering event occurs in the paging group control, output a group of paging controls identified by the paging group control in which the first preset triggering event occurs on the current display page.

根据本申请实施例的第二方面,提供一种分页控件实现装置,所述装置包括:According to the second aspect of the embodiments of the present application, there is provided an apparatus for implementing a paging control, the apparatus comprising:

分组模块,用于获取分页的总页数,根据所述总页数对标识每个分页的分页控件进行分组;A grouping module, configured to obtain the total number of pages for paging, and group the paging controls that identify each paging according to the total number of pages;

第一输出模块,用于在当前展示分页上输出预设的分页组控件,每个分页组控件用于标识所划分的一组分页控件;The first output module is configured to output preset paging group controls on the current display page, and each paging group control is used to identify a group of divided paging controls;

第二输出模块,用于在所述分页组控件发生第一预设触发事件时,在当前展示分页上输出发生所述第一预设触发事件的分页组控件所标识的一组分页控件。The second output module is configured to output a group of paging controls identified by the paging group controls where the first preset triggering event occurs on the current display page when the first preset triggering event occurs on the paging group control.

根据本申请实施例的第三方面,提供一种客户端设备,包括:According to a third aspect of the embodiments of the present application, a client device is provided, including:

处理器;用于存储所述处理器可执行指令的存储器;a processor; memory for storing instructions executable by said processor;

其中,所述处理器被配置为:Wherein, the processor is configured as:

获取分页的总页数,根据所述总页数对标识每个分页的分页控件进行分组;Obtain the total number of pages of the page, and group the paging controls that identify each page according to the total number of pages;

在当前展示分页上输出预设的分页组控件,每个分页组控件用于标识所划分的一组分页控件;Output preset paging group controls on the current display page, and each paging group control is used to identify a divided group of paging controls;

在所述分页组控件发生第一预设触发事件时,在当前展示分页上输出发生所述第一预设触发事件的分页组控件所标识的一组分页控件。When the first preset triggering event occurs in the paging group control, output a group of paging controls identified by the paging group control in which the first preset triggering event occurs on the current display page.

应用本申请实施例分页控件实现方法、装置及设备时,在根据分页的总页数对标识每个分页的分页控件进行分组后,在当前展示分页上输出预设的分页组控件,由于分页组控件用于标识所划分的一组分页控件,并且在分页组控件发生第一预设触发事件时,输出该分页组控件所标识的一组分页控件,从而使用户根据分页组控件快速查找到相应分页控件,从而提高查看分页的效率。When applying the paging control implementation method, device and equipment of the embodiment of the present application, after grouping the paging controls identifying each paging according to the total number of pages, the preset paging group controls are output on the current display page. The control is used to identify a divided group of paging controls, and when the first preset trigger event occurs in the paging group control, output a group of paging controls identified by the paging group control, so that users can quickly find the corresponding paging control according to the paging group control Paging control, so as to improve the efficiency of viewing paging.

应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。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 present disclosure.

附图说明Description of drawings

此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本申请的实施例,并与说明书一起用于解释本公开的原理。The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the application and together with the description serve to explain the principles of the disclosure.

图1为相关技术中分页控件被触发时的示意图。FIG. 1 is a schematic diagram of when a paging control is triggered in the related art.

图2A为本申请分页控件实现方法的一个实施例流程图。FIG. 2A is a flowchart of an embodiment of a method for implementing a paging control in the present application.

图2B为本申请根据一示例性实施例示出的一种分页组控件的标识符的示意图。Fig. 2B is a schematic diagram of an identifier of a page group control according to an exemplary embodiment of the present application.

图2C为本申请根据一示例性实施例示出的另一种分页组控件的标识符的示意图。Fig. 2C is a schematic diagram of an identifier of another page group control according to an exemplary embodiment of the present application.

图2D为本申请根据一示例性实施例示出的一种分页组控件的示意图。Fig. 2D is a schematic diagram of a page group control according to an exemplary embodiment of the present application.

图2E为本申请实施例中两种预设图形的示意图。FIG. 2E is a schematic diagram of two preset graphics in the embodiment of the present application.

图2F为本申请实施例中五种叠放图形的示意图。FIG. 2F is a schematic diagram of five stacked graphics in the embodiment of the present application.

图2G为本申请实施例中折页图形的示意图。FIG. 2G is a schematic diagram of a folding graphic in an embodiment of the present application.

图2H为本申请根据一示例性实施例示出的一种分页组控件被触发时的示意图。Fig. 2H is a schematic diagram showing when a page group control is triggered according to an exemplary embodiment of the present application.

图2I为本申请根据一示例性实施例示出的另一种分页组控件被触发时的示意图。Fig. 2I is a schematic diagram of another type of page group control being triggered according to an exemplary embodiment of the present application.

图2J为本申请根据一示例性实施例示出的另一种分页组控件被触发时的示意图。Fig. 2J is a schematic diagram of another page group control being triggered according to an exemplary embodiment of the present application.

图2K为本申请根据一示例性实施例示出的另一种分页组控件的示意图。Fig. 2K is a schematic diagram of another page group control according to an exemplary embodiment of the present application.

图2L为本申请根据一示例性实施例示出的另一种分页组控件的示意图。Fig. 2L is a schematic diagram of another page group control according to an exemplary embodiment of the present application.

图3为本申请分页控件实现装置所在客户端设备的一种硬件结构图。FIG. 3 is a hardware structural diagram of a client device where the paging control implementation device of the present application is located.

图4为本申请分页控件实现装置的一个实施例框图。FIG. 4 is a block diagram of an embodiment of a device for implementing a paging control in the present application.

具体实施方式detailed description

这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。Reference will now be made in detail to the exemplary embodiments, examples of which are illustrated in the accompanying drawings. When the following description refers to the accompanying drawings, the same numerals in different drawings refer to the same or similar elements unless otherwise indicated. The implementations described in the following exemplary examples do not represent all implementations consistent with the present disclosure. Rather, they are merely examples of apparatuses and methods consistent with aspects of the present disclosure as recited in the appended claims.

在本公开使用的术语是仅仅出于描述特定实施例的目的,而非旨在限制本公开。在本公开和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式,除非上下文清楚地表示其他含义。还应当理解,本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。The terminology used in the present disclosure is for the purpose of describing particular embodiments only, and is not intended to limit the present disclosure. As used in this disclosure and the appended claims, the singular forms "a", "the", and "the" are intended to include the plural forms as well, unless the context clearly dictates otherwise. It should also be understood that the term "and/or" as used herein refers to and includes any and all possible combinations of one or more of the associated listed items.

应当理解,尽管在本公开可能采用术语第一、第二、第三等来描述各种信息,但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如,在不脱离本公开范围的情况下,第一信息也可以被称为第二信息,类似地,第二信息也可以被称为第一信息。取决于语境,如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。It should be understood that although the terms first, second, third, etc. may be used in the present disclosure to describe various information, the information should not be limited to these terms. These terms are only used to distinguish information of the same type from one another. For example, without departing from the scope of the present disclosure, first information may also be called second information, and similarly, second information may also be called first information. Depending on the context, the word "if" as used herein may be interpreted as "at" or "when" or "in response to a determination."

当待显示内容无法同时显示在终端屏幕的同一页面时,可以对待显示内容进行划分,划分后的每个页面称为分页,在终端屏幕上当前展示的页面称为当前展示分页,标识分页的控件称为分页控件,用户可以触发分页控件使终端从当前页面跳转至分页控件对应的分页页面。例如,根据用户输入的关键字进行搜索获得待显示数据,根据待显示数据的信息量对待显示数据进行分页操作,获得多个分页、分页的总页数以及每个分页页码等,并且在显示任一分页时,会同时显示用于翻页的翻页控件,翻页控件可以包括上翻页控件、下翻页控件以及用于标识每个分页的分页控件。When the content to be displayed cannot be displayed on the same page of the terminal screen at the same time, the content to be displayed can be divided. Each divided page is called a page, and the page currently displayed on the terminal screen is called the current display page, which identifies the control of the page. It is called a paging control, and the user can trigger the paging control to make the terminal jump from the current page to the corresponding paging page of the paging control. For example, search according to the keyword entered by the user to obtain the data to be displayed, perform paging operations on the data to be displayed according to the amount of information in the data to be displayed, obtain multiple pages, the total number of pages in the page, and the page number of each page, etc., and display any When paging is performed, a page turning control for turning pages will be displayed at the same time, and the page turning controls may include a page turning control, a page turning control and a page turning control used to identify each page.

如图1所示,图1为相关技术中分页控件被触发时的示意图。在该示意图中,由于分页控件数量较多,在分页选择区仅输出了页码1至9以及页码100对应的分页的分页控件1至9以及100。当用户需要查看页码17对应的分页时,用户可以点击距离分页控件17最近的分页控件9,当前页面进入分页控件9对应的分页后,分页控件进行更新,用户可以点击距离分页控件17最近的分页控件12,当前页面进入分页控件12对应的分页后,分页控件进行更新,以此类推,当前页面输出分页控件17时,点击分页控件17,切换进入分页控件17对应的分页。可见,查看分页的效率低,用户体验差。As shown in FIG. 1 , FIG. 1 is a schematic diagram of when the paging control is triggered in the related art. In the schematic diagram, due to the large number of paging controls, only paging controls 1 to 9 and 100 corresponding to page numbers 1 to 9 and page number 100 are output in the page selection area. When the user needs to view the page corresponding to page number 17, the user can click the paging control 9 closest to the paging control 17. After the current page enters the page corresponding to the paging control 9, the paging control is updated, and the user can click the paging control 17 closest to the page Control 12, after the current page enters the paging corresponding to the paging control 12, the paging control is updated, and so on, when the current page outputs the paging control 17, click the paging control 17 to switch to the corresponding paging of the paging control 17. It can be seen that the efficiency of viewing pagination is low and the user experience is poor.

为了避免分页查看效率低的缺陷,本申请提供一种分页控件实现方法,在根据分页的总页数对标识每个分页的分页控件进行分组后,在当前展示分页上输出预设的分页组控件,由于分页组控件用于标识所划分的一组分页控件,并且在分页组控件发生第一预设触发事件时,输出该分页组控件所标识的一组分页控件,从而使用户根据分页组控件快速查找到相应分页控件,从而提高查看分页的效率。In order to avoid the defect of low paging viewing efficiency, this application provides a paging control implementation method, after grouping the paging controls that identify each paging according to the total number of pages, output the preset paging group control on the current display page , because the paging group control is used to identify a group of divided paging controls, and when the first preset trigger event occurs in the paging group control, a group of paging controls identified by the paging group control is output, so that the user can Quickly find the corresponding paging control, thereby improving the efficiency of viewing paging.

如图2A所示,图2A为本申请分页控件实现方法的一个实施例流程图,该方法可以应用在电子设备上,包括以下步骤201至步骤203:As shown in FIG. 2A, FIG. 2A is a flowchart of an embodiment of a method for implementing a paging control in the present application. The method can be applied to electronic devices, and includes the following steps 201 to 203:

在步骤201中,获取分页的总页数,根据所述总页数对标识每个分页的分页控件进行分组。In step 201, the total page number of the page is obtained, and the paging controls identifying each page are grouped according to the total page number.

在步骤202中,在当前展示分页上输出预设的分页组控件,每个分页组控件用于标识所划分的一组分页控件。In step 202, preset paging group controls are output on the current presentation page, and each paging group control is used to identify a divided group of paging controls.

在步骤203中,在所述分页组控件发生第一预设触发事件时,在当前展示分页上输出发生所述第一预设触发事件的分页组控件所标识的一组分页控件。In step 203, when a first preset triggering event occurs in the paging group control, a group of paging controls identified by the paging group control in which the first preset triggering event occurs is output on the current presentation page.

本申请所涉及的电子设备可以是智能手机、平板电脑、PDA(Personal DigitalAssistant,个人数字助理)、计算机、电子书阅读器、多媒体播放器等等。The electronic equipment involved in this application may be a smart phone, a tablet computer, a PDA (Personal Digital Assistant, personal digital assistant), a computer, an electronic book reader, a multimedia player, and the like.

关于步骤201,分页是对待显示内容进行划分后获得的页面,分页的总页数是对待显示内容进行划分后获得的总页面数。对待显示内容的划分可以由客户端执行,也可以由后台服务器执行,具体不作限定。待显示内容可以是根据关键字搜索获得的待显示数据,待显示内容也可以是电子书信息等。Regarding step 201, the pages are the pages obtained after dividing the content to be displayed, and the total number of pages in the page is the total number of pages obtained after dividing the content to be displayed. The division of the content to be displayed can be performed by the client or by the background server, which is not specifically limited. The content to be displayed may be the data to be displayed obtained according to the keyword search, or the content to be displayed may be e-book information and the like.

分页控件可以用于标识每个分页,分页控件与分页存在一一对应关系,则分页控件的数量与总页数相同,可以根据总页数对分页控件进行分组,目的是减小每个分页上展示分页控件的数量。在对分页控件进行分组时,可以先确定分组组数,再根据所确定的分组组数对分页控件进行分组。The paging control can be used to identify each page. There is a one-to-one correspondence between the paging control and the page. Displays the number of pagination controls. When grouping the paging controls, the number of grouping groups may be determined first, and then the paging controls are grouped according to the determined number of grouping groups.

在一个可选的实现方式中,分页控件的分组组数根据展示所述分页的终端屏幕的大小和总页数确定。In an optional implementation manner, the number of grouping groups of the paging control is determined according to the size of the terminal screen displaying the paging and the total number of pages.

在该实施例中,可以根据终端屏幕的大小和总页数确定分页控件的分组组数。可见,分组组数的影响因子包括终端屏幕的大小和总页数。其中,分组组数与终端屏幕的大小成正相关关系,即终端屏幕较小时分组组数较小,终端屏幕较大时分组组数较大。同时,分组组数与总页数也可以成正相关关系,即总页数较小时分组组数较少,总页数较大时分组组数较大。In this embodiment, the number of grouping groups of the paging control can be determined according to the size of the terminal screen and the total number of pages. It can be seen that the factors affecting the number of grouping groups include the size of the terminal screen and the total number of pages. The number of grouping groups is positively correlated with the size of the terminal screen, that is, the number of grouping groups is smaller when the terminal screen is smaller, and the number of grouping groups is larger when the terminal screen is larger. At the same time, the number of grouping groups and the total number of pages can also be positively correlated, that is, the number of grouping groups is smaller when the total number of pages is small, and the number of grouping groups is larger when the total number of pages is larger.

进一步的,在保证分组组数不影响终端屏幕显示效果的前提下,根据总页数确定分组组数,以使分组后每组分页控件的数量不大于分组组数。Further, on the premise of ensuring that the number of grouping groups does not affect the display effect of the terminal screen, the number of grouping groups is determined according to the total number of pages, so that the number of page controls in each group after grouping is not greater than the number of grouping groups.

可见,该实施例可以提高本申请对不同屏幕大小的终端的自适用性,并且提高分页组控件在各终端上的展示效果。It can be seen that this embodiment can improve the applicability of the present application to terminals with different screen sizes, and improve the display effect of the page group control on each terminal.

在另一个可选的实现方式中,分页控件的分组组数可以预先设定。例如,由于一般情况下分页的总页数不大于100页,则可以将分组组数固定为10组。In another optional implementation manner, the number of grouping groups of the paging control can be preset. For example, since the total number of pages in pagination is generally not greater than 100 pages, the number of grouping groups can be fixed to 10 groups.

可见,预先设定分页控件的分组组数可以避免计算分组组数带来的时间浪费,提高分页控件的分组效率。It can be seen that presetting the number of grouping groups of the paging control can avoid wasting time caused by calculating the number of grouping groups, and improve the grouping efficiency of the paging control.

可以理解的是,确定分组组数的方式除了上述两种方式外,还可以是其它方式,例如预先设定每组分页控件的数量,再根据总页数和预设数量确定分组组数,在此不再限定。It can be understood that, in addition to the above two methods, other methods can be used to determine the number of grouping groups, such as presetting the number of paging controls in each group, and then determining the number of grouping groups according to the total number of pages and the preset number. This is no longer limited.

另外,针对总页数较大的情况,在确定分页控件的分组组数并根据所确定的分组组数对分页控件进行划分后,可以对划分后的每组分页控件进行再细分,以使细分组中分页控件的数量不大于分组组数,并且在步骤203中通过不同的触发事件触发细分组中分页控件的展示。In addition, for the case where the total number of pages is large, after determining the number of grouping groups of the paging control and dividing the paging control according to the determined number of grouping groups, each group of divided paging controls can be further subdivided, so that The number of paging controls in the subdivision group is not greater than the number of grouping groups, and in step 203 different trigger events are used to trigger the display of the paging controls in the subdivision group.

例如,总页数为100页,根据终端屏幕的大小和总页数确定分页控件的分组组数为5,则第一次分组后每组分页控件的数量为20。为了避免影响步骤203中分页控件的展示效果,可以对每组分页控件进行再细分,例如将每组分页控件细分为四个细分组,每个细分组中分页控件的数量为5,并且通过按压分页组控件的力度或时间长度确定待展示的细分组。比如,按压分页组控件的时间范围在0到3s间时展示第一细分组中的分页控件,按压分页组控件的时间范围在3s到6s间时展示第二细分组中的分页控件,按压分页组控件的时间范围在6到9s间时展示第三细分组中的分页控件,按压分页组控件的时间范围在9s到12s间时展示第四细分组中的分页控件。For example, if the total number of pages is 100, and the number of grouping groups of paging controls is determined to be 5 according to the size of the terminal screen and the total number of pages, then the number of paging controls in each group is 20 after the first grouping. In order to avoid affecting the display effect of the paging control in step 203, each group of paging controls can be subdivided, for example, each group of paging controls is subdivided into four subdivision groups, and the number of paging controls in each subdivision group is 5 , and determine the subdivision group to be displayed by pressing the paging group control's strength or duration. For example, when the time range of pressing the paging group control is between 0 and 3s, the paging controls in the first subdivision group are displayed, and when the time range of pressing the paging group control is between 3s and 6s, the paging controls in the second subdivision group are displayed. When the time range of pressing the paging group control is between 6 and 9s, the paging control in the third subdivision group is displayed, and when the time range of pressing the paging group control is between 9s and 12s, the paging control in the fourth subdivision group is displayed.

可见,针对总页数较大的情况,可以对每组分页控件进行细分,避免因为每组分页控件数量较大影响分页控件的展示效果。It can be seen that in the case of a large total number of pages, each group of paging controls can be subdivided to avoid affecting the display effect of the paging controls due to the large number of each group of paging controls.

关于步骤202,分页组控件是用于触发一组分页控件进行展示的控件。不同分页组控件标识不同组分页控件,分页组控件的数量同分页控件的分组组数相同。Regarding step 202, the paging group control is a control used to trigger a group of paging controls to be displayed. Different paging group controls identify different groups of paging controls, and the number of paging group controls is the same as the number of grouping groups of the paging control.

在一个可选的实现方式中,为了区别不同的分页组控件,可以赋予每个分页组控件一个唯一标识符,并在分页组控件的图形上显示该标识符。其中,标识符可以是数字、字符串、符号等,只要能唯一标识分页组控件即可。如图2B所示,图2B为本申请根据一示例性实施例示出的一种分页组控件的标识符的示意图。该图中,分页组控件的标识符用数字表示。第一分页组控件S1的标识符为1,第二分页组控件S2的标识符为2,以此类推。In an optional implementation manner, in order to distinguish different paging group controls, each paging group control may be given a unique identifier, and the identifier is displayed on the graphics of the paging group control. Wherein, the identifier may be a number, a character string, a symbol, etc., as long as it can uniquely identify the paging group control. As shown in FIG. 2B , FIG. 2B is a schematic diagram of an identifier of a page group control according to an exemplary embodiment of the present application. In this figure, the identifiers of the paged group controls are represented by numbers. The identifier of the first page group control S1 is 1, the identifier of the second page group control S2 is 2, and so on.

在另一个可选的实现方式中,为了方便用户明确每个分页组控件所标识的一组分页控件,可以将分页组控件所标识的一组分页控件的页码范围作为分页组控件的标识符,并在分页组控件的图形上显示该标识符。图2C所示,图2C为本申请根据一示例性实施例示出的另一种分页组控件的标识符的示意图。该图中,第一分页组控件S3所标识的一组分页控件的页码范围为1~10页,则将1~10作为第一分页组控件S3的标识符,并在第一分页组控件S3的图形上显示1~10。第二分页组控件S4所标识的一组分页控件的页码范围为11~20页,则将11~20作为第二分页组控件S4的标识符,并在第二分页组控件S4的图形上显示11~20。以此类推,不再赘述。In another optional implementation, in order to facilitate the user to identify a group of paging controls identified by each paging group control, the page number range of a group of paging controls identified by the paging group control can be used as the identifier of the paging group control, And display the identifier on the graphic of the paged group control. As shown in FIG. 2C , FIG. 2C is a schematic diagram of an identifier of another page group control according to an exemplary embodiment of the present application. In this figure, the page number of a group of paging controls identified by the first paging group control S3 ranges from 1 to 10 pages, then 1 to 10 is used as the identifier of the first paging group control S3, and the page numbers in the first paging group control S3 1 to 10 are displayed on the graph. The page number range of a group of paging controls identified by the second paging group control S4 is 11-20 pages, then 11-20 is used as the identifier of the second paging group control S4, and displayed on the graphics of the second paging group control S4 11-20. And so on, no more details.

在一个可选的实现方式中,在当前展示分页上通过一预设图形展示预设的分页组控件。In an optional implementation manner, the preset page group control is displayed on the current display page through a preset graphic.

其中,预设图形可以是预先设定的用于区别分页控件的图形。在本申请中,可以通过一预设图形展示一个分页组控件,也可以通过一预设图形展示所有分页组控件。例如,针对通过一预设图形展示一个分页组控件的情况,分页控件的图形一般为矩形,则预设图形为区别于矩形的三角形、五边形、六边形、圆形等形状。如图2D所示,图2D为本申请根据一示例性实施例示出的一种分页组控件的示意图。该示意图中,预设图形为六边形,每个分页组控件都通过六边形图形进行展示。Wherein, the preset graphic may be a preset graphic used to distinguish paging controls. In this application, one page group control can be displayed through a preset graphic, and all page group controls can also be displayed through a preset graphic. For example, for the case of displaying a paging group control through a preset graphic, the graphic of the paging control is generally a rectangle, and the preset graphic is a triangle, pentagon, hexagon, circle and other shapes different from the rectangle. As shown in FIG. 2D , FIG. 2D is a schematic diagram of a page group control according to an exemplary embodiment of the present application. In this schematic diagram, the preset figure is a hexagon, and each paging group control is displayed by a hexagon figure.

可见,通过区别于分页控件的图形展示分页组控件,便于用户区分分页控件和分页组控件。It can be seen that the graphical display of the paging group control is different from the paging control, which facilitates the user to distinguish between the paging control and the paging group control.

预设图形还可以是预先设定的能直观表达包含多个页面控件的图像,以便同单个页面控件进行区分。如图2E,图2E示出了几种预设图形,预设图形可以是由多个图形对象平铺所构成的平铺图形,或者是带有三维框的图形等。在实际应用中,预设图形的具体形状可灵活设置。另外,针对通过一预设图形展示一个分页组控件的情况,平铺图形中平铺图形数量可以不限定。例如,图2E中的平铺图形采用平铺4个图形为例,在实际应用中,平铺的数量还可以是2个、5个等其它数值。针对通过一预设图形展示所有分页组控件的情况,平铺图形中的图形数量同分页组控件的数量相同,以便利用平铺图形中的不同图形展示不同分页组控件。The preset graphic can also be a preset image that can visually express multiple page controls, so as to distinguish it from a single page control. As shown in FIG. 2E , several preset graphics are shown in FIG. 2E . The preset graphics may be tiled graphics formed by tiling multiple graphic objects, or graphics with three-dimensional frames. In practical applications, the specific shape of the preset graphics can be flexibly set. In addition, for the case of displaying a page group control through a preset graphic, the number of tiled graphics in the tiled graphics may not be limited. For example, the tiled graphics in FIG. 2E take 4 tiled graphics as an example. In practical applications, the number of tiles can also be 2, 5, or other numerical values. For the case of displaying all paging group controls with a preset graphic, the number of graphics in the tiled graphic is the same as the number of paging group controls, so that different graphics in the tiled graphic can be used to display different paging group controls.

在一个可选的实现方式中,为了更加突出所展示的是标识多个分页控件的分页组控件,预设图形可以采用叠放图形。叠放图形是指由若干个相同或不相同的图形对象按一定次序叠放所构成的图形。例如,如图2F示出的多种叠放图形,该图2F中的叠放图形分别以矩形、六边形及圆形为例进行示意。其中,上层图形对象可覆盖或不覆盖下层图形对象,例如图2F的叠放图形1中,上层矩形可覆盖下层矩形,而叠放图形2中的上层矩形可不覆盖下层矩形。具体叠放方式可在实际应用中灵活设置。其中,针对通过一叠放图形展示一个分页组控件的情况,叠放图形中叠放数量可以灵活设置。针对通过一叠放图形展示所有分页组控件的情况,叠放图形中叠放数量同分页组控件数量相同,以便利用叠放图形中的不同图形展示不同分页组控件。后文主要针对通过一叠放图形展示每一个分页组控件的情况进行示例说明。In an optional implementation manner, in order to more prominently display a paging group control that identifies multiple paging controls, the preset graphics may be stacked graphics. Stacked graphics refer to graphics composed of several identical or different graphic objects stacked in a certain order. For example, as shown in FIG. 2F , the stacked graphics in FIG. 2F are illustrated by taking a rectangle, a hexagon and a circle as examples. Wherein, the upper layer graphic object may or may not cover the lower layer graphic object. For example, in the stacked graphic 1 in FIG. 2F , the upper layer rectangle may cover the lower layer rectangle, while the upper layer rectangle in the stacked graphic 2 may not cover the lower layer rectangle. The specific stacking method can be flexibly set in practical applications. Wherein, for the case of displaying a paging group control through a stacked graphic, the stacking quantity in the stacked graphic can be flexibly set. For the case of displaying all paging group controls through a stacked graphic, the number of stacked controls in the stacked graphic is the same as the number of paging group controls, so that different graphics in the stacked graphic can be used to display different paging group controls. The following text mainly illustrates the case of displaying each paging group control through a stack of graphics.

在另一个可选的实现方式中,为了更加突出所展示的是标识多个分页控件的分页组控件,预设图形可以采用折页图形。折页可以是将印张按照页码顺序折叠成书刊开本尺寸的书贴或将大幅面印张按照要求折成一定规格幅面的工作过程。折页图形是具有折页产品形状的图形。本实施例可以利用折页图形展示所有分页组控件,则折页图形中的折页数与分页组控件的数量相同,当分页组控件的数量为n时,则折页图形为n折页图形。例如,如图2G示出的折页图形,该示意图中,以折页图形中的折页页面100为矩形为例进行示例,该折页图形为6折页图形,可以通过6折页图形展示6个分页组件。可以理解的是,折页图形中的折页页面还可以是其他形状,例如五边形、六边形、圆形等,在此不作限定。In another optional implementation manner, in order to more prominently display a paging group control that identifies multiple paging controls, the preset graphic may be a page-folding graphic. Folding can be the work process of folding printed sheets into book stickers of book size in order of page numbers or folding large-format printed sheets into a certain format according to requirements. A foldout graphic is a graphic that has the shape of a folded product. In this embodiment, all page-by-page group controls can be displayed by using the page-by-page graphics. The number of pages in the page-by-page graphics is the same as the number of page-by-page group controls. When the number of page-by-page group controls is n, the page-by-page graphics are n-fold page graphics. . For example, as shown in FIG. 2G , the folded page 100 in the schematic diagram is a rectangle as an example. 6 paging components. It can be understood that the folded pages in the folded figure may also be in other shapes, such as pentagon, hexagon, circle, etc., which are not limited here.

关于步骤203,第一预设触发事件是预先设定的用于触发输出分页组控件所标识的一组分页控件的事件。Regarding step 203, the first preset triggering event is a preset event used to trigger output of a group of paging controls identified by the paging group control.

在非触摸屏终端上,第一预设触发事件可以是将光标移动至分页组控件上,并发生双击鼠标、单击鼠标中间键或指定键盘组合键被触发等的事件。例如,预先指定一组合键,该组合键被触发时,触发输出光标所在分页组控件所标识的一组分页控件。组合键可以是alt键和*键等系统中原本没有定义特殊意义的组合键,在此不作限定。又如,当检测到光标移动至分页组控件上,鼠标中间键被触发后,且检测到鼠标滚轮向下滑时,判定分页组控件发生第一预设触发事件,触发输出光标所在分页组控件所标识的一组分页控件。On the non-touch screen terminal, the first preset triggering event may be that the cursor is moved to the paging group control, and an event such as double-clicking the mouse, clicking the middle mouse button, or triggering a specified keyboard combination key occurs. For example, a key combination is specified in advance, and when the key combination is triggered, a group of paging controls identified by the paging group control where the cursor is located is triggered to be output. The combination key may be a combination key that has no special meaning originally defined in the system, such as the alt key and the * key, and is not limited here. As another example, when it is detected that the cursor is moved to the paging group control, the middle mouse button is triggered, and the mouse wheel is detected to slide down, it is determined that the first preset trigger event occurs in the paging group control, and the trigger outputs the Identifies a set of paging controls.

在触摸屏终端上,第一预设触发事件可以是双击事件,可以是长按事件,可以是分页组控件上符合特定触摸轨迹事件,还可以是触摸分页组控件的触摸面积大于预设面积的事件等。其中,特定触摸轨迹是预先设定的轨迹,例如两个触摸点由近距离滑动为远距离的轨迹,又如特定触摸轨迹可以是预设图形轨迹,如圆圈轨迹、勾符号轨迹等。On the touch screen terminal, the first preset trigger event can be a double-click event, a long-press event, an event that matches a specific touch track on the paging group control, or an event that the touch area of the paging group control is larger than the preset area Wait. Wherein, the specific touch track is a preset track, for example, the track where two touch points slide from a close distance to a long distance, and for example, the specific touch track may be a preset graphic track, such as a circle track, a tick mark track, and the like.

在一个可选的实现方式中,所述在当前展示分页上输出发生所述第一预设触发事件的分页组控件所标识的一组分页控件,包括:将各所述分页组控件切换为发生第一预设触发事件的分页组控件所标识的一组分页控件。In an optional implementation manner, the outputting a group of paging controls identified by the paging group controls where the first preset trigger event occurs on the current display page includes: switching each of the paging group controls to A group of paging controls identified by the first preset paging group control that triggered the event.

其中,为了方便理解,可以将发生第一预设触发事件的分页组控件称为目标分页组控件,则该步骤即为将各分页组控件切换为目标分页组控件所标识的一组分页控件。Wherein, for the convenience of understanding, the paging group control where the first preset trigger event occurs may be referred to as the target paging group control, and this step is to switch each paging group control to a group of paging controls identified by the target paging group control.

可见,该实施例不同时显示分页组控件和分页控件,可以节约显示控件占用的界面空间,特别是针对小屏幕终端,避免显示控件占用较大空间影响待显示内容的展示效果。It can be seen that this embodiment does not display the paging group control and the paging control at the same time, which can save the interface space occupied by the display controls, especially for small screen terminals, and avoid the large space occupied by the display controls from affecting the display effect of the content to be displayed.

进一步的,可以将分页组控件所在层级称为分页控件所在层级的上一级,为了能快速从分页控件所在层级返回上一级,可以在预设的返回上一级条件满足时,将当前展示分页上的各所述分页控件切换为各所述分页组控件。Furthermore, the level where the paging group control is located can be called the upper level of the level where the paging control is located. In order to quickly return to the upper level from the level where the paging control is located, the current display can be displayed when the preset conditions for returning to the upper level are met. Each of the paging controls on the page is switched to each of the paging group controls.

其中,预设的返回上一级条件是指预先设定的从当前层级返回上一层级的条件。例如,预设的返回上一级条件可以是鼠标中间键被触发并且鼠标滚轮向上滑动,也可以是预设组合键被触发,还可以是预设的返回上一级控件被触发等。Wherein, the preset condition for returning to the upper level refers to a preset condition for returning from the current level to the upper level. For example, the preset condition for returning to the previous level may be that the middle mouse button is triggered and the mouse wheel slides upwards, or the preset combination key is triggered, or the preset return to the previous level control is triggered, etc.

针对返回上一级条件为返回上一级控件被触发,在输出发生所述第一预设触发事件的分页组控件所标识的一组分页控件时,输出返回上一级控件,在返回上一级控件被触发时,可以将当前展示分页上的各所述分页控件切换为各所述分页组控件。如图2H所示,图2H为本申请根据一示例性实施例示出的一种分页组控件被触发时的示意图。在该示意图中,第二个分页组控件被触发时,将各分页组控件切换为第二分页组控件所标识的一组分页控件11至20,并输出返回上一级控件。当返回上一级控件被触发时,将当前分页控件11至20切回为各分页组控件进行展示。该示意图中,采用矩形叠放图形展示每个分页组控件。For the condition of returning to the upper level, the return to the upper level control is triggered. When outputting a group of paging controls identified by the paging group control where the first preset trigger event occurs, the output returns to the upper level control. When the level control is triggered, each of the paging controls on the current display page can be switched to each of the paging group controls. As shown in FIG. 2H , FIG. 2H is a schematic diagram showing when a page group control is triggered according to an exemplary embodiment of the present application. In the schematic diagram, when the second paging group control is triggered, each paging group control is switched to a group of paging controls 11 to 20 identified by the second paging group control, and the output returns to the upper level control. When the control to return to the upper level is triggered, the current paging controls 11 to 20 are switched back to each paging group control for display. In this diagram, each paged group control is represented by a rectangular stacked graphic.

在另一个可选的实现方式中,所述在当前展示分页上输出发生所述第一预设触发事件的分页组控件所标识的一组分页控件,包括:在发生第一预设触发事件的分页组控件对应的指定区域,输出该分页组控件所标识的各分页控件。In another optional implementation manner, the outputting a group of paging controls identified by the paging group controls where the first preset trigger event occurs on the current display page includes: when the first preset trigger event occurs The specified area corresponding to the paging group control, and outputs each paging control identified by the paging group control.

其中,当前展示分页上每个分页组控件对应的指定区域可以相同,也可以不相同。Wherein, the specified areas corresponding to each page group control on the current display page may be the same or different.

可见,该实施例可以同时显示分页组控件和分页控件,避免从分页组控件层级切换至分页控件层级,或从分页控件层级返回分页组控件层级导致的时间浪费,以便用户快速选择分页控件。It can be seen that this embodiment can display the paging group control and the paging control at the same time, avoiding the waste of time caused by switching from the paging group control level to the paging control level, or returning from the paging control level to the paging group control level, so that the user can quickly select the paging control.

为了减小显示分页控件的占用空间,可以在指定区域采用下拉框控件实现输出该分页组控件所标识的各分页控件,用户可以从下拉框控件中选择相应页码,并触发进入该页码对应的分页。如图2I所示,图2I为本申请根据一示例性实施例示出的另一种分页组控件被触发时的示意图。在该示意图中,通过下拉框控件实现输出该分页组控件所标识的各分页控件。该示意图中,假定有8个分页组控件,则采用8折页图形展示所有分页组控件,8折页图形中的一个折页页面表示一个分页组控件。另外,针对下拉框的具体实现手段可以采用相关技术中的实现方法,在此不再赘述。In order to reduce the space occupied by the paging control, a drop-down box control can be used in the designated area to output the paging controls identified by the paging group control. The user can select the corresponding page number from the drop-down box control and trigger to enter the page corresponding to the page number. . As shown in FIG. 2I , FIG. 2I is a schematic diagram showing when another page group control is triggered according to an exemplary embodiment of the present application. In the schematic diagram, the output of each paging control identified by the paging group control is realized through the drop-down box control. In the schematic diagram, assuming that there are 8 paging group controls, all paging group controls are displayed with 8-fold page graphics, and one fold page in the 8-fold page graphics represents a paging group control. In addition, the specific implementation means for the drop-down box may adopt the implementation method in the related art, which will not be repeated here.

为了进一步减小显示分页控件的占用空间,可以在指定区域通过页面滚动选取控件实现输出该分页组控件所标识的各分页控件。如图2J所示,图2J为本申请根据一示例性实施例示出的另一种分页组控件被触发时的示意图。在该示意图中,示出了非触摸终端下,通过页面滚动选取控件实现输出该分页组控件所标识的各分页控件。用户将光标放在页面滚动选取控件上时,可以滑动鼠标上的滚轮,以滚动该页面滚动选取控件中各分页控件,实现不同分页选择。另外,该示意图中,采用圆形叠放图形展示各分页组控件。针对页面滚动选取控件的具体实现手段可以采用相关技术中的实现方法,在此不再赘述。In order to further reduce the occupied space of displaying the paging control, each paging control identified by the paging group control may be output in a designated area by selecting a control through page scrolling. As shown in FIG. 2J , FIG. 2J is a schematic diagram of another page group control being triggered according to an exemplary embodiment of the present application. In the schematic diagram, it is shown that under the non-touch terminal, each page control identified by the page group control is output by selecting the control through page scrolling. When the user puts the cursor on the page scrolling selection control, the user can slide the scroll wheel on the mouse to scroll each page control in the page scrolling selection control to realize different page selection. In addition, in this schematic diagram, a circular stacked graphic is used to display each paging group control. The specific implementation means for selecting controls for page scrolling can adopt the implementation methods in related technologies, which will not be repeated here.

可以理解的是,还可以采用其他方式在分页组控件对应的指定区域输出该分页组控件所标识的各分页控件,在此不再一一赘述。It can be understood that other methods can also be used to output the paging controls identified by the paging group control in the designated area corresponding to the paging group control, which will not be repeated here.

在一个可选的实现方式中,不同的分页组控件还用于标识一个不同的预设分页,所述方法还包括:在所述分页组控件发生第二预设触发事件时,跳转到发生所述第二预设触发事件的分页组控件所标识的预设分页。In an optional implementation manner, different paging group controls are also used to identify a different preset page, and the method further includes: when a second preset trigger event occurs in the paging group control, jumping to the occurrence The preset page identified by the paging group control of the second preset trigger event.

其中,第二预设触发事件是与第一预设触发事件不同的触发事件。第一预设触发事件是预先设定的用于触发输出分页组控件所标识的一组分页控件的事件。第二预设触发事件是预先设定的用于触发页面跳转到分页组控件所标识的预设分页的事件。例如,第二预设触发事件为单击事件,第一预设触发事件为双击事件,当用户单击分页组控件时,跳转到该分页组控件所标识的预设分页,当用户双击分页组控件时,在当前展示分页上输出该分页组控件所标识的一组分页控件。Wherein, the second preset trigger event is a trigger event different from the first preset trigger event. The first preset triggering event is a preset event for triggering output of a group of paging controls identified by the paging group control. The second preset triggering event is a preset event used to trigger the page to jump to the preset page identified by the page group control. For example, the second preset trigger event is a click event, and the first preset trigger event is a double-click event. When the user clicks the paging group control, jump to the preset page identified by the paging group control. When grouping controls, output a group of paging controls identified by the paging group control on the current display page.

其中,预设分页可以是固定设置的分页。预设分页也可以是根据历史数据统计的用户偏爱查看的分页或被历史用户查看频率比较高的分页。例如,根据同样的关键字搜索出的同样的待显示内容,预先统计出历史用户中查看频率比较高的分页,例如高频率分页的页码为1、5、7、11、17、25,则将各分页组控件的预设分页的页码分别设置为1、5、7、11、17、25。Wherein, the preset paging may be a fixedly set paging. The preset page can also be a page that users prefer to view according to historical data statistics or a page that is viewed more frequently by historical users. For example, according to the same content to be displayed based on the same keyword search, pre-count the pages with relatively high viewing frequency among historical users. The page numbers of the preset paging of each paging group control are set to 1, 5, 7, 11, 17, and 25 respectively.

可见,可以通过不同的触发条件触发不同的操作,从而使用户可以直接查看预设分页,提高查看预设分页的效率。It can be seen that different operations can be triggered by different trigger conditions, so that the user can directly view the preset page, improving the efficiency of viewing the preset page.

在一个可选的实现方式中,可以采用叠放图形输出各分页组控件,以表示该控件为包含多个分页控件的分页组控件,并在叠放图形上显示分页组控件对应的预设分页的页码数。如图2K所示,图2K为本申请根据一示例性实施例示出的另一种分页组控件的示意图。该示意图中,预设图形为矩形叠放图形。按从左往右的顺序,每个分页组控件对应的预设分页的页码分别为1、2、3、4、5、6、7、8、9、10。In an optional implementation, each paging group control can be output by stacking graphics to indicate that the control is a paging group control containing multiple paging controls, and the preset paging corresponding to the paging group control is displayed on the stacking graphics number of pages. As shown in FIG. 2K , FIG. 2K is a schematic diagram of another page group control according to an exemplary embodiment of the present application. In this schematic diagram, the preset graphics are rectangular stacked graphics. In order from left to right, the preset page numbers corresponding to each page group control are 1, 2, 3, 4, 5, 6, 7, 8, 9, and 10 respectively.

进一步的,为了使用户更明确每个分页组控件所标识的各分页组件,可以采用叠放图形输出各分页组控件,以表示该控件为包含多个分页控件的分页组控件,并在叠放图形上显示分页组控件对应的预设分页的页码数和分页控件的页码范围。如图2L所示,图2L为本申请根据一示例性实施例示出的另一种分页组控件的示意图。该示意图中,预设图形为矩形叠放图形。按从左往右的顺序,每个分页组控件对应的预设分页的页码分别为1、2、3、4、5、6、7、8、9、10;每个分页组控件对应的一组分页控件的页码范围分别为1-10、11-20、21-30、31-40、41-50、51-60、61-70、71-80、81-90、91-100。可见,采用这种方式可以使用户更明确每个分页组控件所代表的含义,方便用户操作。Further, in order to make the user more clear about the paging components identified by each paging group control, each paging group control can be output using stacked graphics to indicate that the control is a paging group control containing multiple paging controls, and the stacked The graph displays the page number of the preset paging corresponding to the paging group control and the page number range of the paging control. As shown in FIG. 2L , FIG. 2L is a schematic diagram of another page group control according to an exemplary embodiment of the present application. In this schematic diagram, the preset graphics are rectangular stacked graphics. In order from left to right, the page numbers of the preset pages corresponding to each paging group control are 1, 2, 3, 4, 5, 6, 7, 8, 9, 10; The page number ranges of the group page control are 1-10, 11-20, 21-30, 31-40, 41-50, 51-60, 61-70, 71-80, 81-90, 91-100. It can be seen that adopting this method can make the user more clear about the meaning represented by each paging group control, which is convenient for the user to operate.

以上实施方式中的各种技术特征可以任意进行组合,只要特征之间的组合不存在冲突或矛盾,但是限于篇幅,未进行一一描述,因此上述实施方式中的各种技术特征的任意进行组合也属于本说明书公开的范围。The various technical features in the above embodiments can be combined arbitrarily, as long as there is no conflict or contradiction between the combinations of features, but due to space limitations, they are not described one by one, so the various technical features in the above embodiments can be combined arbitrarily It also belongs to the scope disclosed in this specification.

与本申请分页控件实现方法的实施例相对应,本申请还提供了分页控件实现装置及客户端设备的实施例。Corresponding to the embodiments of the method for realizing the paging control in the present application, the present application also provides embodiments of the device for realizing the paging control and the client device.

本申请分页控件实现装置的实施例可以应用在具有屏幕的各种客户端设备上,例如,该客户端设备可以包括手机、平板电脑、PC等。其中,装置实施例可以通过软件实现,也可以通过硬件或者软硬件结合的方式实现。以软件实现为例,作为一个逻辑意义上的装置,是通过其所在客户端设备的处理器310将非易失性存储器320中对应的计算机程序指令读取到内存330中运行形成的。从硬件层面而言,如图3所示,为本申请分页控件实现装置所在客户端设备的一种硬件结构图,除了图3所示的处理器310、内存330、网络接口340、以及非易失性存储器320之外,实施例中装置所在的客户端设备通常根据该设备的实际功能,还可以包括其他硬件,图3中不再一一示出。The embodiments of the apparatus for implementing paging control in this application can be applied to various client devices with screens, for example, the client devices can include mobile phones, tablet computers, PCs, and so on. Wherein, the device embodiment may be implemented by software, or by hardware or a combination of software and hardware. Taking software implementation as an example, as a device in a logical sense, it is formed by reading the corresponding computer program instructions in the non-volatile memory 320 into the memory 330 for execution by the processor 310 of the client device where it is located. From the hardware level, as shown in Figure 3, it is a hardware structural diagram of the client device where the paging control implementation device of this application is located, except for the processor 310, memory 330, network interface 340, and non-easy In addition to the volatile memory 320, the client device where the device in the embodiment is located usually may also include other hardware according to the actual function of the device, which are not shown in FIG. 3 one by one.

参见图4,为本申请分页控件实现装置的一个实施例框图:Referring to Figure 4, it is a block diagram of an embodiment of the device for implementing the paging control of the present application:

该装置包括:分组模块410、第一输出模块420和第二输出模块430。The device includes: a grouping module 410 , a first output module 420 and a second output module 430 .

其中,分组模块410,用于获取分页的总页数,根据所述总页数对标识每个分页的分页控件进行分组。Wherein, the grouping module 410 is configured to obtain the total page number of the page, and group the paging controls that identify each page according to the total page number.

第一输出模块420,用于在当前展示分页上输出预设的分页组控件,每个分页组控件用于标识所划分的一组分页控件。The first output module 420 is configured to output preset paging group controls on the current display page, and each paging group control is used to identify a divided group of paging controls.

第二输出模块430,用于在所述分页组控件发生第一预设触发事件时,在当前展示分页上输出发生所述第一预设触发事件的分页组控件所标识的一组分页控件。The second output module 430 is configured to output, on the current display page, a group of paging controls identified by the paging group controls where the first preset triggering event occurs when the first preset triggering event occurs on the paging group control.

在一个可选的实现方式中,所述第一输出模块420包括展示子模块。In an optional implementation manner, the first output module 420 includes a display submodule.

其中,展示子模块,用于在当前展示分页上通过一预设图形展示预设的分页组控件;所述预设图形包括叠放图形、折页图形。Wherein, the display sub-module is used to display the preset paging group control through a preset graphic on the current display page; the preset graphic includes a stacked graphic and a folded page graphic.

在一个可选的实现方式中,所述第二输出模块430包括切换子模块。In an optional implementation manner, the second output module 430 includes a switching submodule.

其中,切换子模块,用于在所述分页组控件发生第一预设触发事件时,将各所述分页组控件切换为发生第一预设触发事件的分页组控件所标识的一组分页控件。Wherein, the switching sub-module is used to switch each of the paging group controls to a group of paging controls identified by the paging group control that has the first preset triggering event when the first preset triggering event occurs in the paging group control .

在一个可选的实现方式中,所述切换子模块,还用于在预设的返回上一级条件满足时,将当前展示分页上的各所述分页控件切换为各所述分页组控件。In an optional implementation manner, the switching submodule is further configured to switch each of the paging controls on the current display page to each of the paging group controls when the preset condition for returning to the previous level is met.

在一个可选的实现方式中,所述第二输出模块包括输出子模块。In an optional implementation manner, the second output module includes an output submodule.

其中,输出子模块,用于在发生第一预设触发事件的分页组控件对应的指定区域,输出该分页组控件所标识的各分页控件。Wherein, the output sub-module is configured to output each paging control identified by the paging group control in the specified area corresponding to the paging group control where the first preset trigger event occurs.

在一个可选的实现方式中,不同的分页组控件还用于标识一个不同的预设分页,所述装置还包括页面跳转模块。In an optional implementation manner, the different page group controls are also used to identify a different preset page, and the device further includes a page jump module.

其中,页面跳转模块,用于在所述分页组控件发生第二预设触发事件时,跳转到发生所述第二预设触发事件的分页组控件所标识的预设分页。Wherein, the page jump module is configured to jump to the preset page identified by the paging group control where the second preset trigger event occurs when the second preset trigger event occurs in the page group control.

在一个可选的实现方式中,所述分页控件的分组组数根据展示所述分页的终端屏幕的大小和所述总页数确定。In an optional implementation manner, the number of grouping groups of the paging control is determined according to the size of the terminal screen displaying the paging and the total number of pages.

基于此,本申请还提供一种客户端设备,包括:Based on this, the present application also provides a client device, including:

处理器;用于存储所述处理器可执行指令的存储器;a processor; memory for storing instructions executable by said processor;

其中,所述处理器被配置为:Wherein, the processor is configured as:

获取分页的总页数,根据所述总页数对标识每个分页的分页控件进行分组。The total number of pages of the page is obtained, and the paging controls identifying each page are grouped according to the total number of pages.

在当前展示分页上输出预设的分页组控件,每个分页组控件用于标识所划分的一组分页控件。Output preset paging group controls on the current display page, and each paging group control is used to identify a divided group of paging controls.

在所述分页组控件发生第一预设触发事件时,在当前展示分页上输出发生所述第一预设触发事件的分页组控件所标识的一组分页控件。When the first preset triggering event occurs in the paging group control, output a group of paging controls identified by the paging group control in which the first preset triggering event occurs on the current display page.

上述装置中各个单元的功能和作用的实现过程具体详见上述方法中对应步骤的实现过程,在此不再赘述。For the implementation process of the functions and effects of each unit in the above device, please refer to the implementation process of the corresponding steps in the above method for details, and will not be repeated here.

对于装置实施例而言,由于其基本对应于方法实施例,所以相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例仅仅是示意性的,其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本申请方案的目的。本领域普通技术人员在不付出创造性劳动的情况下,即可以理解并实施。As for the device embodiment, since it basically corresponds to the method embodiment, for related parts, please refer to the part description of the method embodiment. The device embodiments described above are only illustrative, and the units described as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in One place, or it can be distributed to multiple network elements. Part or all of the modules can be selected according to actual needs to achieve the purpose of the solution of this application. It can be understood and implemented by those skilled in the art without creative effort.

由上述实施例可见,在根据分页的总页数对标识每个分页的分页控件进行分组后,在当前展示分页上输出预设的分页组控件,由于分页组控件用于标识所划分的一组分页控件,并且在分页组控件发生第一预设触发事件时,输出该分页组控件所标识的一组分页控件,从而使用户根据分页组控件快速查找到相应分页控件,从而提高查看分页的效率。It can be seen from the above embodiments that after grouping the paging controls that identify each paging according to the total number of pages, the preset paging group controls are output on the current display page, because the paging group controls are used to identify the divided group Paging control, and when the first preset trigger event occurs in the paging group control, output a group of paging controls identified by the paging group control, so that the user can quickly find the corresponding paging control according to the paging group control, thereby improving the efficiency of viewing paging .

本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本申请的其它实施方案。本申请旨在涵盖本申请的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本申请的一般性原理并包括本申请未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本申请的真正范围和精神由下面的权利要求指出。Other embodiments of the present application will be readily apparent to those skilled in the art from consideration of the specification and practice of the invention disclosed herein. This application is intended to cover any modification, use or adaptation of the application, these modifications, uses or adaptations follow the general principles of the application and include common knowledge or conventional technical means in the technical field not disclosed in the application . The specification and examples are to be considered exemplary only, with a true scope and spirit of the application indicated by the following claims.

应当理解的是,本申请并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本申请的范围仅由所附的权利要求来限制。It should be understood that the present application is not limited to the precise constructions which have been described above and shown in the accompanying drawings, and various modifications and changes may be made without departing from the scope thereof. The scope of the application is limited only by the appended claims.

Claims (13)

1.一种分页控件实现方法,其特征在于,所述方法包括:1. A paging control implementation method, characterized in that, the method comprises: 获取分页的总页数,根据所述总页数对标识每个分页的分页控件进行分组;Obtain the total number of pages of the page, and group the paging controls that identify each page according to the total number of pages; 在当前展示分页上输出预设的分页组控件,每个分页组控件用于标识所划分的一组分页控件;Output preset paging group controls on the current display page, and each paging group control is used to identify a divided group of paging controls; 在所述分页组控件发生第一预设触发事件时,在当前展示分页上输出发生所述第一预设触发事件的分页组控件所标识的一组分页控件。When the first preset triggering event occurs in the paging group control, output a group of paging controls identified by the paging group control in which the first preset triggering event occurs on the current display page. 2.根据权利要求1所述的方法,其特征在于,所述在当前展示分页上输出预设的分页组控件,包括:2. The method according to claim 1, wherein the outputting a preset paging group control on the current display page comprises: 在当前展示分页上通过一预设图形展示预设的分页组控件;所述预设图形包括叠放图形、折页图形。On the current display page, a preset paging group control is displayed through a preset graphic; the preset graphic includes a stacked graphic and a folded page graphic. 3.根据权利要求1所述的方法,其特征在于,所述在当前展示分页上输出发生所述第一预设触发事件的分页组控件所标识的一组分页控件,包括:3. The method according to claim 1, wherein the outputting a group of paging controls identified by the paging group controls where the first preset trigger event occurs on the current display page comprises: 将各所述分页组控件切换为发生第一预设触发事件的分页组控件所标识的一组分页控件;Switch each of the paging group controls to a group of paging controls identified by the paging group control where the first preset trigger event occurs; 所述方法还包括:在预设的返回上一级条件满足时,将当前展示分页上的各所述分页控件切换为各所述分页组控件。The method further includes: switching each of the paging controls on the current display page to each of the paging group controls when the preset condition for returning to the upper level is met. 4.根据权利要求1所述的方法,其特征在于,所述在当前展示分页上输出发生所述第一预设触发事件的分页组控件所标识的一组分页控件,包括:4. The method according to claim 1, wherein the outputting a group of paging controls identified by the paging group controls where the first preset trigger event occurs on the current display page comprises: 在发生第一预设触发事件的分页组控件对应的指定区域,输出该分页组控件所标识的各分页控件。In the designated area corresponding to the paging group control where the first preset trigger event occurs, output the paging controls identified by the paging group control. 5.根据权利要求1至4任一所述的方法,其特征在于,不同的分页组控件还用于标识一个不同的预设分页,所述方法还包括:5. The method according to any one of claims 1 to 4, wherein the different paging group controls are also used to identify a different preset paging, the method further comprising: 在所述分页组控件发生第二预设触发事件时,跳转到发生所述第二预设触发事件的分页组控件所标识的预设分页。When the second preset trigger event occurs in the page group control, jump to the preset page identified by the page group control where the second preset trigger event occurs. 6.根据权利要求1至4任一所述的方法,其特征在于,所述分页控件的分组组数根据展示所述分页的终端屏幕的大小和所述总页数确定。6. The method according to any one of claims 1 to 4, wherein the number of grouping groups of the paging control is determined according to the size of the terminal screen displaying the paging and the total number of pages. 7.一种分页控件实现装置,其特征在于,所述装置包括:7. A paging control realization device, characterized in that the device comprises: 分组模块,用于获取分页的总页数,根据所述总页数对标识每个分页的分页控件进行分组;A grouping module, configured to obtain the total number of pages for paging, and group the paging controls that identify each paging according to the total number of pages; 第一输出模块,用于在当前展示分页上输出预设的分页组控件,每个分页组控件用于标识所划分的一组分页控件;The first output module is configured to output preset paging group controls on the current display page, and each paging group control is used to identify a group of divided paging controls; 第二输出模块,用于在所述分页组控件发生第一预设触发事件时,在当前展示分页上输出发生所述第一预设触发事件的分页组控件所标识的一组分页控件。The second output module is configured to output a group of paging controls identified by the paging group controls where the first preset triggering event occurs on the current display page when the first preset triggering event occurs on the paging group control. 8.根据权利要求7所述的装置,其特征在于,所述第一输出模块包括:8. The device according to claim 7, wherein the first output module comprises: 展示子模块,用于在当前展示分页上通过一预设图形展示预设的分页组控件;所述预设图形包括叠放图形、折页图形。The display sub-module is used to display the preset paging group control through a preset graphic on the current display page; the preset graphic includes stacked graphics and folding graphics. 9.根据权利要求7所述的装置,其特征在于,所述第二输出模块包括:9. The device according to claim 7, wherein the second output module comprises: 切换子模块,用于在所述分页组控件发生第一预设触发事件时,将各所述分页组控件切换为发生第一预设触发事件的分页组控件所标识的一组分页控件;A switching sub-module, configured to switch each of the paging group controls to a group of paging controls identified by the paging group control where the first preset triggering event occurs when a first preset triggering event occurs in the paging group control; 所述切换子模块,还用于在预设的返回上一级条件满足时,将当前展示分页上的各所述分页控件切换为各所述分页组控件。The switching sub-module is further configured to switch each of the paging controls on the current display page to each of the paging group controls when the preset condition for returning to the upper level is met. 10.根据权利要求7所述的装置,其特征在于,所述第二输出模块包括:10. The device according to claim 7, wherein the second output module comprises: 输出子模块,用于在发生第一预设触发事件的分页组控件对应的指定区域,输出该分页组控件所标识的各分页控件。The output sub-module is configured to output each paging control identified by the paging group control in the designated area corresponding to the paging group control where the first preset trigger event occurs. 11.根据权利要求7至10任一所述的装置,其特征在于,不同的分页组控件还用于标识一个不同的预设分页,所述装置还包括:11. The device according to any one of claims 7 to 10, wherein the different paging group controls are also used to identify a different preset pagination, and the device further comprises: 页面跳转模块,用于在所述分页组控件发生第二预设触发事件时,跳转到发生所述第二预设触发事件的分页组控件所标识的预设分页。The page jump module is configured to jump to the preset page identified by the paging group control where the second preset trigger event occurs when the second preset trigger event occurs in the page group control. 12.根据权利要求7至10任一所述的装置,其特征在于,所述分页控件的分组组数根据展示所述分页的终端屏幕的大小和所述总页数确定。12. The device according to any one of claims 7 to 10, wherein the number of grouping groups of the paging control is determined according to the size of the terminal screen displaying the paging and the total number of pages. 13.一种客户端设备,其特征在于,包括:13. A client device, characterized in that, comprising: 处理器;用于存储所述处理器可执行指令的存储器;a processor; memory for storing instructions executable by said processor; 其中,所述处理器被配置为:Wherein, the processor is configured as: 获取分页的总页数,根据所述总页数对标识每个分页的分页控件进行分组;Obtain the total number of pages of the page, and group the paging controls that identify each page according to the total number of pages; 在当前展示分页上输出预设的分页组控件,每个分页组控件用于标识所划分的一组分页控件;Output preset paging group controls on the current display page, and each paging group control is used to identify a divided group of paging controls; 在所述分页组控件发生第一预设触发事件时,在当前展示分页上输出发生所述第一预设触发事件的分页组控件所标识的一组分页控件。When the first preset triggering event occurs in the paging group control, output a group of paging controls identified by the paging group control in which the first preset triggering event occurs on the current display page.
CN201610371830.4A 2016-05-30 2016-05-30 Paging control implementation method, device and equipment Pending CN107450891A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610371830.4A CN107450891A (en) 2016-05-30 2016-05-30 Paging control implementation method, device and equipment

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610371830.4A CN107450891A (en) 2016-05-30 2016-05-30 Paging control implementation method, device and equipment

Publications (1)

Publication Number Publication Date
CN107450891A true CN107450891A (en) 2017-12-08

Family

ID=60484945

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610371830.4A Pending CN107450891A (en) 2016-05-30 2016-05-30 Paging control implementation method, device and equipment

Country Status (1)

Country Link
CN (1) CN107450891A (en)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108388607A (en) * 2018-02-06 2018-08-10 北京奇艺世纪科技有限公司 A kind of page display method and device
CN110442406A (en) * 2018-05-02 2019-11-12 天津京东深拓机器人科技有限公司 The method and paging control, electronic equipment of paging control processing data
CN114417209A (en) * 2022-01-19 2022-04-29 网易(杭州)网络有限公司 Page switching method and device, electronic equipment and readable medium
CN114417209B (en) * 2022-01-19 2025-10-17 网易(杭州)网络有限公司 Page switching method and device, electronic equipment and readable medium

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101833416A (en) * 2010-04-14 2010-09-15 鸿富锦精密工业(深圳)有限公司 Electronic reading device and page turning method thereof
CN102262539A (en) * 2011-07-29 2011-11-30 深圳市科陆电子科技股份有限公司 Implementation method for self-defined paging dataTable control based on struts2 technology
CN103034427A (en) * 2011-10-10 2013-04-10 阿里巴巴集团控股有限公司 Touch screen page turning method and device and touch screen equipment
CN104020934A (en) * 2014-06-18 2014-09-03 百度在线网络技术(北京)有限公司 Paging control implementation method and device

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101833416A (en) * 2010-04-14 2010-09-15 鸿富锦精密工业(深圳)有限公司 Electronic reading device and page turning method thereof
CN102262539A (en) * 2011-07-29 2011-11-30 深圳市科陆电子科技股份有限公司 Implementation method for self-defined paging dataTable control based on struts2 technology
CN103034427A (en) * 2011-10-10 2013-04-10 阿里巴巴集团控股有限公司 Touch screen page turning method and device and touch screen equipment
CN104020934A (en) * 2014-06-18 2014-09-03 百度在线网络技术(北京)有限公司 Paging control implementation method and device

Non-Patent Citations (3)

* Cited by examiner, † Cited by third party
Title
佚名: "php分页函数,支持页码下拉选择跳转", 《HTTP://WWW.5IXUEXIWANG.COM/PHPFENYE/2014/0509/1956.HTML》 *
电视猫: "欢乐颂第2集分集剧情_电视剧_电视猫", 《HTTPS://WWW.TVMAO.COM/DRAMA/ZYOPIZQ=/EPISODE/0-2》 *
走错路的程序员: "又是分页控件.移动端的.下拉形式的分页.再也不要做了", 《HTTPS://BLOG.CSDN.NET/PHKER/ARTICLE/DETAILS/49102465》 *

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108388607A (en) * 2018-02-06 2018-08-10 北京奇艺世纪科技有限公司 A kind of page display method and device
CN110442406A (en) * 2018-05-02 2019-11-12 天津京东深拓机器人科技有限公司 The method and paging control, electronic equipment of paging control processing data
CN114417209A (en) * 2022-01-19 2022-04-29 网易(杭州)网络有限公司 Page switching method and device, electronic equipment and readable medium
CN114417209B (en) * 2022-01-19 2025-10-17 网易(杭州)网络有限公司 Page switching method and device, electronic equipment and readable medium

Similar Documents

Publication Publication Date Title
US11216158B2 (en) Method and apparatus for multitasking
CN105094557B (en) A kind of display control method and device, electronic equipment
AU2011101581A4 (en) Method and apparatus of scrolling a document displayed in a browser window
TWI446256B (en) Electronic device and display method of file paths thereof
CN104462437B (en) The method and system of search are identified based on the multiple touch control operation of terminal interface
TWI611338B (en) Method for zooming screen and electronic apparatus and computer program product using the same
US20110016422A1 (en) Display Apparatus, Display Method, and Program
US20130152024A1 (en) Electronic device and page zooming method thereof
HK1224041A1 (en) Zooming method and device based on gesture
CN105204744A (en) Method and device for starting application program and electronic equipment
CN103324439B (en) The batch method of tab file and device thereof in the electronic equipment with touch screen
CN102890611A (en) Method and device for providing folder item information based on touch operation
CN102163126A (en) Display method and electronic device using same
US20120047470A1 (en) Method and apparatus for browsing an electronic book on a touch screen display
CN110286977B (en) Display method and related products
CN103279276A (en) Method and device for locating information
CN104679389A (en) Interface display method and device
CN107450891A (en) Paging control implementation method, device and equipment
CN105320405A (en) Icon display method and terminal
TW201619801A (en) Method and system for displaying files
US20160350273A1 (en) Data processing method
CN103150118A (en) Method, device and mobile terminal for selecting contents based on multi-point touch technology
CN117590979A (en) Desktop object management method and device
CN108469938B (en) E-book reading reminder method, device and terminal device
WO2022247787A1 (en) Application classification method and apparatus, and electronic device

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
REG Reference to a national code

Ref country code: HK

Ref legal event code: DE

Ref document number: 1247355

Country of ref document: HK

TA01 Transfer of patent application right

Effective date of registration: 20200922

Address after: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman Islands

Applicant after: Innovative advanced technology Co.,Ltd.

Address before: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman Islands

Applicant before: Advanced innovation technology Co.,Ltd.

Effective date of registration: 20200922

Address after: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman Islands

Applicant after: Advanced innovation technology Co.,Ltd.

Address before: A four-storey 847 mailbox in Grand Cayman Capital Building, British Cayman Islands

Applicant before: Alibaba Group Holding Ltd.

TA01 Transfer of patent application right
RJ01 Rejection of invention patent application after publication

Application publication date: 20171208

RJ01 Rejection of invention patent application after publication
REG Reference to a national code

Ref country code: HK

Ref legal event code: WD

Ref document number: 1247355

Country of ref document: HK