CN104020934A - 分页控件实现方法及装置 - Google Patents
分页控件实现方法及装置 Download PDFInfo
- Publication number
- CN104020934A CN104020934A CN201410273427.9A CN201410273427A CN104020934A CN 104020934 A CN104020934 A CN 104020934A CN 201410273427 A CN201410273427 A CN 201410273427A CN 104020934 A CN104020934 A CN 104020934A
- Authority
- CN
- China
- Prior art keywords
- paging
- width
- control
- continued
- paging control
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Landscapes
- Telephone Function (AREA)
- Mobile Radio Communication Systems (AREA)
Abstract
本发明实施例公开了分页控件实现方法及装置。该分页控件实现方法包括:在当前分页中,显示具有第一宽度的前续分页控件、具有第二宽度的当前分页控件和具有第三宽度的后续分页控件;其中,所述前续分页控件用于标识当前分页之前的分页,所述当前分页控件用于标识当前分页,所述后续分页控件用于标识当前分页之后的分页;如果检测到分页切换操作指示,重新获取所述第一宽度、第二宽度和第三宽度;在执行分页切换操作后显示的当前分页中,更新显示所述前续分页控件、当前分页控件和后续分页控件。本发明实施例提供的技术方案,能够使得分页控件的数量不再受终端屏幕宽度的限制,支持无限分页。
Description
技术领域
本发明实施例涉及计算机技术领域,尤其涉及一种分页控件实现方法及装置。
背景技术
随着计算机技术的发展,具有触摸屏的终端(例如智能手机、平板电脑、个人数字助理)蜂拥而现,人们能够很方便的通过终端进行购物、娱乐、查阅和下载资源信息等。其中,触摸屏作为终端的一种输入装置,深受广大用户的喜爱。通过触摸屏来进行人机交互既简单又快捷。
目前,在待显示内容很多而无法同时显示在终端屏幕的情况下,通常会对待显示内容进行分页显示,并且在显示任一分页时,会同时显示用于标识每个分页的控件,该控件即为分页控件。在现有终端界面中,常见的分页控件一般是以等间隔的圆点或者等长度的条形来表示各分页。
图1(a)是现有技术中提供的一种智能手机的主显示界面的圆形分页控件显示示意图,图1(b)是现有技术中提供的另一种智能手机的主显示界面的条形分页控件显示示意图。在图1(a)和1(b)中,当前所显示的智能手机的主显示界面包括4个应用图标:第一图标110、第二图标120、第三图标130和第四图标140。参见图1(a),智能手机的主显示界面的分页控件显示区150共有5个等间隔的圆形分页控件,表示主显示界面共有5页,其中第二个显示颜色加深的圆形分页控件为当前分页的分页控件,表示当前分页为主显示界面的第2页。参见图1(b),智能手机的主显示界面的分页控件显示区160共有5个等长度的条形分页控件,表示主显示界面共有5页,其中第二个显示颜色加深的条形分页控件为当前分页的分页控件,表示当前分页为主显示界面的第2页。
但是,上述现有技术所存在的缺陷在于:受终端屏幕宽度的限制,终端屏幕可容纳的分页控件数量有限,当分页较多时,无法布局这些较多分页的分页控件。
发明内容
本发明实施例提供一种分页控件实现方法及装置,以使得分页控件的数量不再受终端屏幕宽度的限制,支持无限分页。
第一方面,本发明实施例提供了一种分页控件实现方法,该方法包括:
在当前分页中,显示具有第一宽度的前续分页控件、具有第二宽度的当前分页控件和具有第三宽度的后续分页控件;其中,所述前续分页控件用于标识当前分页之前的分页,所述当前分页控件用于标识当前分页,所述后续分页控件用于标识当前分页之后的分页;
如果检测到分页切换操作指示,重新获取所述第一宽度、第二宽度和第三宽度;
在执行分页切换操作后显示的当前分页中,更新显示所述前续分页控件、当前分页控件和后续分页控件。
第二方面,本发明实施例还提供了一种分页控件实现装置,该装置包括:
分页控件显示单元,用于在当前分页中,显示具有第一宽度的前续分页控件、具有第二宽度的当前分页控件和具有第三宽度的后续分页控件;其中,所述前续分页控件用于标识当前分页之前的分页,所述当前分页控件用于标识当前分页,所述后续分页控件用于标识当前分页之后的分页;
分页控件宽度更新单元,用于如果检测到分页切换操作指示,重新获取所述第一宽度、第二宽度和第三宽度;
分页控件更新显示单元,用于在执行分页切换操作后显示的当前分页中,更新显示所述前续分页控件、当前分页控件和后续分页控件。
本发明实施例可以实现在执行分页切换操作后显示的当前分页中,显示具有第一宽度的前续分页控件、具有第二宽度的当前分页控件和具有第三宽度的后续分页控件,并且所显示的分页控件的宽度可以随着当前分页所在位置的不同而变化。本发明实施例提供的技术方案,相比传统的在当前分页中显示各个分页的等间隔圆形分页控件或等长度条形分页控件而言,能够适用于存在更多分页的情况,克服了传统的因分页过多而无法同时在终端屏幕显示各个分页的分页控件这一弊端,使得分页控件不受终端屏幕宽度的限制,原理上可以支持无限分页。
附图说明
图1(a)是现有技术中提供的一种智能手机的主显示界面的圆形分页控件显示示意图;
图1(b)是现有技术中提供的另一种智能手机的主显示界面的条形分页控件显示示意图;
图2A为本发明实施例一提供的一种分页控件实现方法的流程图;
图2B为本发明实施例一提供的一种条形分页控件示意图;
图2C为本发明实施例一提供的一种圆形分页控件示意图;
图2E为本发明实施例一提供的一种分页显示界面示意图;
图2D为本发明实施例一提供的另一种分页显示界面示意图;
图3A为本发明实施例二提供的一种分页控件实现方法的流程图;
图3B为本发明实施例二提供的一种在不同分页下的分页控件的显示示意图;
图4A为本发明实施例三提供的一种分页控件实现方法的流程图;
图4B为本发明实施例三提供的一种在不同分页下的分页控件的显示示意图;
图5为本发明实施例四提供的一种优选的分页控件实现方法的流程图;
图6为本发明实施例五提供的一种分页控件实现装置的结构示意图;
图7为本发明实施例六提供的一种分页控件实现装置的结构示意图;
图8为本发明实施例七提供的一种分页控件实现装置的结构示意图。
具体实施方式
下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本发明,而非对本发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本发明相关的部分而非全部结构。
实施例一
图2A为本发明实施例一提供的一种分页控件实现方法的流程图。本实施例可适用于终端待显示的内容存在多个分页时,分页控件的实现情况,该方法可以由分页控件实现装置来执行,该装置可由软件和/或硬件实现。参见图2A,该方法具体包括如下操作:
210、在当前分页中,显示具有第一宽度的前续分页控件、具有第二宽度的当前分页控件和具有第三宽度的后续分页控件。
在本实施例中,前续分页控件用于标识当前分页之前的分页,当前分页控件用于标识当前分页,后续分页控件用于标识当前分页之后的分页。
前续分页控件、当前分页控件和后续分页控件可以是条形分页控件,其宽度为条形分页控件的长度。如图2B所示的3个条形分页控件:前续分页控件201、当前分页控件202和后续分页控件203,前续分页控件201的宽度为第一宽度2011,当前分页控件202的宽度为第二宽度2021,后续分页控件203的宽度为第三宽度2031。
当然,前续分页控件、当前分页控件和后续分页控件也可以是圆形分页控件,其宽度指的是包含有圆圈的条形区域的长度,一般是圆圈的直径与部分间隔之和,或者,宽度也可以指圆圈的直径,则各圆圈之间可以设置默认的间隔距离,此间隔距离不计入宽度值之内。如图2C所示的圆形分页控件:前续分页控件204、当前分页控件205和后续分页控件206,前续分页控件204的宽度为第一宽度2041,当前分页控件205的宽度为第二宽度2051,后续分页控件206的宽度为第三宽度2061。在显示这些圆形分页控件时,其条形区域内的第一圆圈2042、第二圆圈2052、第三圆圈2062是可见的,而除圆圈之外的其他区域,可在显示这些圆形分页控件时被隐藏。
在分页控件显示区域位于终端显示屏幕的顶部区域或底部区域,且分页控件显示区域的左右方向上的总宽度大于上下方向上的总宽度的情况下,前续分页控件、当前分页控件和后续分页控件的显示方向为左右方向,具体显示方式可以是:在分页控件显示区域内,从左至右依次显示具有第一宽度的前续分页控件、具有第二宽度的当前分页控件和具有第三宽度的后续分页控件。如图2D所示,对于位于终端显示屏幕顶部的分页控件显示区域207,该区域的左右方向上的总宽度大于上下方向上的总宽度,从左至右分别显示有前续分页控件2071、当前分页控件2072和后续分页控件2073。
在分页控件显示区域位于终端显示屏幕的左侧区域或右侧区域,且分页控件显示区域的左右方向上的总宽度小于上下方向上的总宽度的情况下,前续分页控件、当前分页控件和后续分页控件的显示方向为上下方向,具体显示方式可以是:在分页控件显示区域内,从上至下依次显示具有第一宽度的前续分页控件、具有第二宽度的当前分页控件和具有第三宽度的后续分页控件。如图2E所示,对于位于终端显示屏幕顶部的分页控件显示区域208,该区域的左右方向上的总宽度小于上下方向上的总宽度,从上至下分别显示有前续分页控件2081、当前分页控件2082和后续分页控件2083。
本实施例对各个分页控件的显示位置和形状不作限定。
需要说明的是,在本发明实施例中,前续分页控件、当前分页控件和后续分页控件的宽度可以是0与分页控件显示区域的显示方向上的总宽度之间的值。
如果当前分页为首页(即为待显示的全部分页中的第一个分页),则第一宽度为0,第二宽度和第三宽度不为0,优选第二宽度和第三宽度之和等于分页控件显示区域的总宽度与余量值之差,此时在当前分页中,会呈现具有第二宽度的当前分页控件和具有第三宽度的后续分页控件;如果当前分页为末页(即为待显示的全部分页中的最后一个分页),则第三宽度为0,第一宽度和第二宽度不为0,此时在当前分页中,会呈现具有第一宽度的前续分页控件和具有第二宽度的当前分页控件;如果当前分页为其他分页(即为待显示的全部分页中的中间分页),第一宽度第二宽度和第三宽度均不为0,此时在当前分页中,会呈现具有第一宽度的前续分页控件、具有第二宽度的当前分页控件和具有第三宽度的后续分页控件。
220、如果检测到分页切换操作指示,重新获取第一宽度、第二宽度和第三宽度。
在本实施例中,在执行完在当前分页中显示具有第一宽度的前续分页控件、具有第二宽度的当前分页控件和具有第三宽度的后续分页控件之后,可实时监听是否接收到用户作用于终端的操作指示,并检测该操作指示是否为分页切换操作指示。其中,分页切换操作指示可以是用户作用于终端屏幕的朝向后续页面或前续页面的滑动操作指示。
当然,还可通过其它方式检测分页切换操作指示。例如,如果能够获取到当前显示的分页在全部分页的排名,则可通过实时监听该排名是否发生了变化,来检测分页切换操作指示。如果是,则判断检测到分页切换操作指示。
在检测到分页切换操作指示之后,则重新计算第一宽度、第二宽度和第三宽度,或者直接读取预先存储的执行分页切换操作后显示的当前分页所对应的第一宽度、第二宽度及第三宽度,对于常见的划分为2-5等页数的情况,可以预先计算或首次分页时计算完成各个宽度并进行存储,这样在接收到相应分页切换操作指示后,直接读取预存宽度数据即可,无需重复计算。对于宽度的重新计算和存储重新读取操作,优选可以由终端本地实施,但也可以由服务器完成宽度计算操作,终端在检测到分页切换操作指示后,向服务器请求重新获取各宽度即可。
230、在执行分页切换操作后显示的当前分页中,更新显示前续分页控件、当前分页控件和后续分页控件。
更新显示的前续分页控件的宽度为重新计算得到的第一宽度,当前分页控件的宽度为重新计算得到的第二宽度,后续分页控件的宽度为重新计算得到的第三宽度。
本实施例可以实现在执行分页切换操作后显示的当前分页中,显示具有第一宽度的前续分页控件、具有第二宽度的当前分页控件和具有第三宽度的后续分页控件,并且所显示的分页控件的宽度可以随着当前分页的所在位置不同而变化。本实施例提供的技术方案,相比传统的在当前分页中显示各个分页的圆形分页控件或条形分页控件而言,能够适用于存在更多分页的情况。现有技术中,分页控件一般是以等间隔的圆点或者等长度的条形来表示各分页,则随着分页数量的增加,圆点和条形的数量也需要相应增加。受到终端屏幕宽度的限制,圆点和条形的数量不能无限制的增加,过于密集的分页控件也会让用户难以分辨。而本实施例的技术方案,分页控件被整体划分为三个区域,前续、当前和后续,三个区域的宽度会随着分页数量以及当前页在所有页中的位置不同而发生变化,克服了传统的因分页过多而无法同时在终端屏幕显示各个分页的分页控件这一弊端,使得分页控件不受终端屏幕宽度的限制,原理上可以支持无限分页,适合不强调页码的分页界面,并且,当分页数量过多时,为用户呈现的分页控件数量恰当,更加简洁,易识别。
实施例二
图3A为本发明实施例二提供的一种分页控件实现方法的流程图。本实施例在上述实施例一的基础上,对“如果检测到分页切换操作指示,重新获取第一宽度、第二宽度和第三宽度”这一操作作进一步优化,以实现随着分页的切换,对所显示的前续分页控件、当前分页控件和后续分页控件的宽度作合理的更新。参见图3A,该方法包括:
310、在当前分页中,显示具有第一宽度的前续分页控件、具有第二宽度的当前分页控件和具有第三宽度的后续分页控件;
320、如果检测到分页切换操作指示,保持当前分页控件的第二宽度不变,并对分页控件显示区域的总宽度与第二宽度的差值,按照设定规则分配给第一宽度和第三宽度;
330、在执行分页切换操作后显示的当前分页中,更新显示前续分页控件、当前分页控件和后续分页控件。
在本实施例中,分页控件显示区域的总宽度指的是分页控件显示区域的显示方向上的总宽度。
在本实施例的一个优选的实施方式中,如果检测到分页切换操作指示,保持所述当前分页控件的第二宽度不变,并对分页控件显示区域的总宽度与所述第二宽度的差值,按照设定规则分配给所述第一宽度和第三宽度,包括:
如果检测到切换至后续分页的操作指示,按照公式:L′ a=La+Lc×H%,L′ b=Lb,L′ c=Lc-Lc×H%,重新计算所述第一宽度、第二宽度和第三宽度;
如果检测到切换至前续分页的操作指示,按照公式:L′ a=La-Lc×L′ b=Lb,重新计算所述第一宽度、第二宽度和第三宽度;
其中,L′ a为新计算得到的第一宽度,L′ b为新计算得到的第二宽度,L′ c为新计算得到的第三宽度,La为当前显示的前续分页控件的第一宽度,Lb为当前显示的当前分页控件的第二宽度,Lc为当前显示的后续分页控件的第三宽度,H为预设的百分比例值,且La+Lb+Lc+Lend=W,Lend为预设的余量值,W为分页控件显示区域的总宽度。
进一步的,H可以为常数,也可是一个变量。当H为一变量时,可以根据当前分页在所有分页中的排列位置计算得到,例如排列位置越靠后,其H越大或者越小。具体的,如果分页切换操作指示是用户作用于终端屏幕的朝向后续页面或前续页面的滑动操作指示,则H可以为随着用户一直朝向后续页面的滑动操作指示逐渐增加,随着用户一直朝向前续页面的滑动操作指示逐渐衰竭。
如图3B所示,其示出了在不同分页下前续分页控件300、当前分页控件301和后续分页控件302,随着当前所显示的分页在所有分页中的排列位置的增加,当前分页控件301的第二宽度保持不变,前续分页控件300的第一宽度逐渐增加,后续分页控件302的第三宽度逐渐减小,Lend为0,且第一宽度与第三宽度之和始终为:分页控件显示区域的总宽度与第二宽度的差值。
上述具体方式实现了随着分页数的增加,而逐渐增大前续分页控件的宽度,减小后续分页控件的宽度,以指示用户如果前续分页控件的宽度大于后续分页的宽度,则说明当前已浏览或阅读的分页数量大于未浏览或阅读的分页数量,反之则说明当前已浏览或阅读的分页数量小于未浏览或阅读的分页数量。
需要说明的是,本实施例还可实现随着分页数的增加,而逐渐缩小前续分页控件的宽度,增大后续分页控件的宽度,以指示用户如果后续分页控件的宽度大于前续分页的宽度,则说明当前已浏览或阅读的分页数量大于未浏览或阅读的分页数量,反之则说明当前已浏览或阅读的分页数量小于未浏览或阅读的分页数量。其具体实现过程可包括:
如果检测到切换至前续分页的操作指示,按照上述公式:L′ a=La+Lc×H%,L′ b=Lb,L′ c=Lc-Lc×H%,重新计算所述第一宽度、第二宽度和第三宽度;
如果检测到切换至后续分页的操作指示,按照上述公式:L′ a=La-Lc×L′ b=Lb,重新计算所述第一宽度、第二宽度和第三宽度。
当然,在本实施例中,如果检测到分页切换操作指示,还可按照其他设定规则,将分页控件显示区域的总宽度与第二宽度的差值,分配给第一宽度和第二宽度。例如:
获取位于当前分页之前的所有前续分页的数量作为第一数量,以及位于当前分页之后的所有后续分页的数量作为第二数量;
如果第二数量不为0,计算第一数量与第二数量的比值K,重新确定第一宽度为 第三宽度为
在第二数量为0,重新确定第一宽度为D。
其中,D为分页控件显示区域的总宽度与第二宽度的差值。
本实施例提供的技术方案,不仅能够在当前分页中,能够显示具有第一宽度的前续分页控件、具有第二宽度的当前分页控件和具有第三宽度的后续分页控件,并且将所显示的前续分页控件以及后续分页控件的宽度与分页切换操作指示相关联,使其随着分页的切换而变化,例如随着分页数的增加,而逐渐减小前续分页控件的宽度,增加后续分页控件的宽度,这样使得所显示的分页控件能够携带有当前分页在全部分页中大致的排列位置信息,从而便于用户通过查看所显示的前续分页子控件来估测当前正在浏览或阅读的分页内容在全部分页内容中的位置,提升了用户体验。
实施例三
图4A为本发明实施例三提供的一种分页控件实现方法的流程图。本实施例在上述各实施例的基础上,增加了确定所有前续分页数量的操作,以及计算N个前续分页子控件各前续分页子控件的前续子宽度的操作,并相应的优化更新显示前续分页控件的操作,以使得所显示的分页控件能够携带有当前分页在全部分页中精确的排列位置信息,从而便于用户通过查看所显示的前续分页子控件来准确定位当前正在浏览或阅读的分页内容在全部分页内容中的位置,提升了用户体验。参见图4A,该方法包括:
410、在当前分页中,显示具有第一宽度的前续分页控件、具有第二宽度的当前分页控件和具有第三宽度的后续分页控件。
420、如果检测到分页切换操作指示,重新获取第一宽度、第二宽度和第三宽度。
430、确定执行分页切换操作后的所有前续分页的数量N。
440、根据重新获取的第一宽度,计算N个前续分页子控件中各前续分页子控件的前续子宽度。
450、在执行分页切换操作后显示的当前分页中,更新显示当前分页控件和后续分页控件,并按照前续子宽度更新显示N个前续分页子控件。
在本实施例的一种具体实施方式中,根据重新获取的第一宽度,计算N个前续分页子控件中各前续分页子控件的前续子宽度,包括:
按照公式计算所述N个前续分页子控件中各前续分页子控件的前续子宽度;
其中,所述Ls为前续子宽度,L′ a为重新获取得到的第一宽度。
如图4B所示,其示出了在不同分页下的前续分页控件400、当前分页控件401和后续分页控件402,随着当前所显示的分页在所有分页中的排列位置的增加,当前分页控件401的第二宽度保持不变,前续分页控件400的第一宽度逐渐增加,后续分页控件402的第三宽度逐渐减小,Lend为0,且第一宽度与第三宽度之和始终为:分页控件显示区域的总宽度与第二宽度的差值。并且,在图4B中,前续分页控件400由N个前续分页子控件组成,执行分页切换操作后的所有前续分页的数量。例如,当当前所显示的分页为第三个分页时,前续分页控件400由两个前续子宽度相等的前续分页子控件4001组成;当当前所显示的分页为第四个分页时,前续分页控件400由三个前续子宽度相等的前续分页子控件4001组成;当当前所显示的分页为第八个分页时,前续分页控件400由七个前续子宽度相等的前续分页子控件4003组成。
在本实施例中,一个前续分页子控件可对应标识执行分页切换操作后的一个前续分页。当然,本领域技术人员应理解,N个前续分页子控件中各前续分页子控件的前续子宽度还可以是不同的,与各前续分页在全部分页中的排列位置相关。例如,前续分页在全部分页中的排列位置越靠前,其对应的前续分页子控件的前续宽度越小。
本实施例提供的技术方案,在重新获取到第一宽度、第二宽度和第三宽度的基础上,在能够获取到所有前续分页的数量N的情况下,将前续分页控件进一步分解为数量N个前续分页子控件,并根据重新获取的前续分页控件的第一宽度计算各前续分页子控件的前续子宽度,进而在执行分页切换操作后显示的当前分页中,更新显示各个前续分页子控件、当前分页控件和后续分页控件。因此,可使得所显示的分页控件能够携带有当前分页在全部分页中精确的排列位置信息,从而便于用户通过查看所显示的前续分页子控件来准确定位当前正在浏览或阅读的分页内容在全部分页内容中的位置,提升了用户体验。
当然,在能够获取到所有后续分页的数量M的情况下,将后续分页控件进一步分解为数量M个后续分页子控件,并根据重新获取的后续分页控件的第三宽度计算各后续分页子控件的后续子宽度,进而在执行分页切换操作后显示的当前分页中,更新显示各个前续分页子控件、当前分页控件和各个后续分页子控件,以便于用户通过查看所显示的后续分页子控件来准确定位当前未浏览或阅读的分页内容在全部分页内容中的位置,提升用户体验。
实施例四
图5为本发明实施例四提供的一种优选的分页控件实现方法的流程图。本实施例在上述各个实施例的基础上,提供一优选实施例。参见图5,该方法具体包括如下操作:
500、分页器在首个分页中,显示具有第二宽度的当前分页控件和具有第三宽度的后续分页控件;此时第一宽度为零,即不显示前续分页控件;
510、分页器检测到用户作用于终端屏幕水平方向上的滑动手势;
520、分页器判断所述滑动手势是否为向右滑动手势;
如果是,执行操作530,否则执行操作540;
530、在分页码小于等于总分页码的情况下,分页器将分页码加一得新的分页码;执行操作550;
540、在分页码大于1的情况下,分页器将分页码减一得新的分页码;执行操作550;
550、分页器保持当前分页控件的第二宽度不变,并对分页控件显示区域的总宽度与第二宽度的差值,按照设定规则分配给第一宽度和第三宽度,以重新获取第一宽度和第二宽度;
560、分页器确定执行所述滑动手势后的所有前续分页的数量N为新的分页码减一,根据重新获取的第一宽度,计算N个前续分页子控件中各前续分页子控件的前续子宽度;
570、分页器将新的分页码对应的分页作为当前分页进行显示,同时更新显示当前分页控件和后续分页控件,并按照前续子宽度更新显示N个前续分页子控件;返回执行操作510。
在本实施例中,分页码初始值为0。
本实施例提供的技术方案,可以通过检测水平滑动手势,来确定是否切换当前所显示的分页,且在显示的当前分页中,仅显示具有第一宽度的前续分页控件、具有第二宽度的当前分页控件和具有第三宽度的后续分页控件,并且所显示的分页控件的宽度可以随着当前分页的不同而变化。相比传统的在当前分页中显示各个分页的圆形分页控件或条形分页控件而言,本实施例能够适用于存在更多分页的情况,克服了传统的因分页过多而无法同时在终端屏幕显示各个分页的分页控件这一弊端,使得分页控件不受终端屏幕宽度的限制,原理上可以支持无限分页,适合不强调页码的分页界面。
实施例五
图6为本发明实施例五提供的一种分页控件实现装置的结构示意图。本实施例可适用于终端待显示的内容存在多个分页时,分页控件的实现情况。参见图6,该装置包括:
分页控件显示单元610,用于在当前分页中,显示具有第一宽度的前续分页控件、具有第二宽度的当前分页控件和具有第三宽度的后续分页控件;其中,所述前续分页控件用于标识当前分页之前的分页,所述当前分页控件用于标识当前分页,所述后续分页控件用于标识当前分页之后的分页;
分页控件宽度更新单元620,用于如果检测到分页切换操作指示,重新获取所述第一宽度、第二宽度和第三宽度;
分页控件更新显示单元630,用于在执行分页切换操作后显示的当前分页中,更新显示所述前续分页控件、当前分页控件和后续分页控件。
进一步的,如果所述当前分页为第一个分页,则所述第一宽度为零,所述第二宽度和第三宽度之和等于分页控件显示区域的总宽度与余量值之差。上述产品与本发明实施例一属于同一技术构思,可执行本发明实施例一所提供的方法,具备执行该方法相应的功能模块和有益效果。未在本实施例中详述的具体技术细节,可参见实施例一,在此不再赘述。
实施例六
图7为本发明实施例六提供的一种分页控件实现装置的结构示意图。本实施例在上述实施例五的基础上,对分页控件宽度更新单元620作进一步优化。参见图7,该装置包括:分页控件显示单元610、分页控件宽度更新单元620以及分页控件更新显示单元630。其中,所述分页控件宽度更新单元620包括:
第一分页控件宽度更新子单元6201,用于如果检测到分页切换操作指示,保持所述当前分页控件的第二宽度不变,并对分页控件显示区域的总宽度与所述第二宽度的差值,按照设定规则分配给所述第一宽度和第三宽度。
进一步的,所述第一分页控件宽度更新子单元6201,具体用于:
如果检测到切换至后续分页的操作指示,按照公式:L′ a=La+Lc×H%,L′ b=Lb,L′ c=Lc-Lc×H%,重新计算所述第一宽度、第二宽度和第三宽度;
如果检测到切换至前续分页的操作指示,按照公式:L′ a=La-Lc×L′ b=Lb,重新计算所述第一宽度、第二宽度和第三宽度;
其中,所述L′ a为新计算得到的第一宽度,L′ b为新计算得到的第二宽度,L′ c为新计算得到的第三宽度,La为当前显示的所述前续分页控件的第一宽度,Lb为当前显示的所述当前分页控件的第二宽度,Lc为当前显示的所述后续分页控件的第三宽度,H为预设的百分比例值,且La+Lb+Lc+Lend=W,Lend为预设的余量值,W为所述分页控件显示区域的总宽度。
进一步的,所述H为常数,或者根据所述当前分页在所有分页中的排列位置计算得到。
上述产品与本发明实施例二属于同一技术构思,可执行本发明实施例二所提供的方法,具备执行该方法相应的功能模块和有益效果。未在本实施例中详述的具体技术细节,可参见实施例二,在此不再赘述。
实施例七
图8为本发明实施例七提供的一种分页控件实现装置的结构示意图。本实施例在上述实施例五和实施例六的基础上,增加了前续分页数量确定单元和前续子宽度计算单元,并相应的对分页控件更新显示单元630作进一步优化。参见图8,该装置包括:分页控件显示单元610、分页控件宽度更新单元620、前续分页数量确定单元624、前续子宽度计算单元628以及分页控件更新显示单元630。优选的,分页控件宽度更新单元620包括第一分页控件宽度更新子单元6201。
其中,前续分页数量确定单元624,用于在所述分页控件更新显示单元630执行分页切换操作后显示的当前分页中,更新显示所述前续分页控件、当前分页控件和后续分页控件之前,确定执行分页切换操作后的所有前续分页的数量N;
前续子宽度计算单元628,用于根据重新获取的第一宽度,计算N个前续分页子控件中各前续分页子控件的前续子宽度;
则所述分页控件更新显示单元630,具体用于:在执行分页切换操作后显示的当前分页中,更新显示所述当前分页控件和后续分页控件,并按照所述前续子宽度更新显示所述N个前续分页子控件。
进一步的,所述前续子宽度计算单元628,具体用于:
按照公式计算所述N个前续分页子控件中各前续分页子控件的前续子宽度;
其中,所述Ls为前续子宽度,L′ a为重新获取的第一宽度。
上述产品与本发明实施例三属于同一技术构思,可执行本发明实施例三所提供的方法,具备执行该方法相应的功能模块和有益效果。未在本实施例中详述的具体技术细节,可参见实施例三,在此不再赘述。
注意,上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解,本发明不限于这里所述的特定实施例,对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此,虽然通过以上实施例对本发明进行了较为详细的说明,但是本发明不仅仅限于以上实施例,在不脱离本发明构思的情况下,还可以包括更多其他等效实施例,而本发明的范围由所附的权利要求范围决定。
Claims (14)
1.一种分页控件实现方法,其特征在于,包括:
在当前分页中,显示具有第一宽度的前续分页控件、具有第二宽度的当前分页控件和具有第三宽度的后续分页控件;其中,所述前续分页控件用于标识当前分页之前的分页,所述当前分页控件用于标识当前分页,所述后续分页控件用于标识当前分页之后的分页;
如果检测到分页切换操作指示,重新获取所述第一宽度、第二宽度和第三宽度;
在执行分页切换操作后显示的当前分页中,更新显示所述前续分页控件、当前分页控件和后续分页控件。
2.根据权利要求1所述的分页控件实现方法,其特征在于,如果检测到分页切换操作指示,重新获取所述第一宽度、第二宽度和第三宽度,包括:
如果检测到分页切换操作指示,保持所述当前分页控件的第二宽度不变,并对分页控件显示区域的总宽度与所述第二宽度的差值,按照设定规则分配给所述第一宽度和第三宽度。
3.根据权利要求2所述的分页控件实现方法,其特征在于,如果检测到分页切换操作指示,保持所述当前分页控件的第二宽度不变,并对分页控件显示区域的总宽度与所述第二宽度的差值,按照设定规则分配给所述第一宽度和第三宽度,包括:
如果检测到切换至后续分页的操作指示,按照公式:L′ a0La+Lc×H%,L′ b=Lb,L′ c=Lc-Lc×H%,重新计算所述第一宽度、第二宽度和第三宽度;
如果检测到切换至前续分页的操作指示,按照公式:L′ a=La-Lc×L′ b=Lb,重新计算所述第一宽度、第二宽度和第三宽度;
其中,所述L′ a为新计算得到的第一宽度,L′ b为新计算得到的第二宽度,L′ c为新计算得到的第三宽度,La为当前显示的所述前续分页控件的第一宽度,Lb为当前显示的所述当前分页控件的第二宽度,Lc为当前显示的所述后续分页控件的第三宽度,H为预设的百分比例值,且La+Lb+Lc+Lend=W,Lend为预设的余量值,W为所述分页控件显示区域的总宽度。
4.根据权利要求3所述的分页控件实现方法,其特征在于,所述H为常数,或者根据所述当前分页在所有分页中的排列位置计算得到。
5.根据权利要求1-4任一所述的分页控件实现方法,其特征在于,在执行分页切换操作后显示的当前分页中,更新显示所述前续分页控件、当前分页控件和后续分页控件之前,还包括:
确定执行分页切换操作后的所有前续分页的数量N;
根据重新获取的第一宽度,计算N个前续分页子控件中各前续分页子控件的前续子宽度;
则更新显示所述前续分页控件包括:按照所述前续子宽度更新显示所述N个前续分页子控件。
6.根据权利要求5所述的分页控件实现方法,其特征在于,根据重新获取的第一宽度,计算N个前续分页子控件中各前续分页子控件的前续子宽度,包括:
按照公式计算所述N个前续分页子控件中各前续分页子控件的前续子宽度;
其中,所述Ls为前续子宽度,L′ a为重新获取的第一宽度。
7.根据权利要求1-4任一所述的分页控件实现方法,其特征在于,如果所述当前分页为第一个分页,则所述第一宽度为零,所述第二宽度和第三宽度之和等于分页控件显示区域的总宽度与余量值之差。
8.一种分页控件实现装置,其特征在于,包括:
分页控件显示单元,用于在当前分页中,显示具有第一宽度的前续分页控件、具有第二宽度的当前分页控件和具有第三宽度的后续分页控件;其中,所述前续分页控件用于标识当前分页之前的分页,所述当前分页控件用于标识当前分页,所述后续分页控件用于标识当前分页之后的分页;
分页控件宽度更新单元,用于如果检测到分页切换操作指示,重新获取所述第一宽度、第二宽度和第三宽度;
分页控件更新显示单元,用于在执行分页切换操作后显示的当前分页中,更新显示所述前续分页控件、当前分页控件和后续分页控件。
9.根据权利要求8所述的分页控件实现装置,其特征在于,所述分页控件宽度更新单元,包括:
第一分页控件宽度更新子单元,用于如果检测到分页切换操作指示,保持所述当前分页控件的第二宽度不变,并对分页控件显示区域的总宽度与所述第二宽度的差值,按照设定规则分配给所述第一宽度和第三宽度。
10.根据权利要求9所述的分页控件实现装置,其特征在于,所述第一分页控件宽度更新子单元,具体用于:
如果检测到切换至后续分页的操作指示,按照公式:L′ a=La+Lc×H%,L′ b=Lb,L′ c=Lc-Lc×H%,重新计算所述第一宽度、第二宽度和第三宽度;
如果检测到切换至前续分页的操作指示,按照公式:L′ a=La-Lc×L′ b=Lb,重新计算所述第一宽度、第二宽度和第三宽度;
其中,所述L′ a为新计算得到的第一宽度,L′ b为新计算得到的第二宽度,L′ c为新计算得到的第三宽度,La为当前显示的所述前续分页控件的第一宽度,Lb为当前显示的所述当前分页控件的第二宽度,Lc为当前显示的所述后续分页控件的第三宽度,H为预设的百分比例值,且La+Lb+Lc+Lend=W,Lend为预设的余量值,W为所述分页控件显示区域的总宽度。
11.根据权利要求10所述的分页控件实现装置,其特征在于,所述H为常数,或者根据所述当前分页在所有分页中的排列位置计算得到。
12.根据权利要求8-11任一所述的分页控件实现装置,其特征在于,还包括:
前续分页数量确定单元,用于在所述分页控件更新显示单元执行分页切换操作后显示的当前分页中,更新显示所述前续分页控件、当前分页控件和后续分页控件之前,确定执行分页切换操作后的所有前续分页的数量N;
前续子宽度计算单元,用于根据重新获取的第一宽度,计算N个前续分页子控件中各前续分页子控件的前续子宽度;
则所述分页控件更新显示单元,具体用于:在执行分页切换操作后显示的当前分页中,更新显示所述当前分页控件和后续分页控件,并按照所述前续子宽度更新显示所述N个前续分页子控件。
13.根据权利要求12所述的分页控件实现装置,其特征在于,所述前续子宽度计算单元,具体用于:
按照公式计算所述N个前续分页子控件中各前续分页子控件的前续子宽度;
其中,所述Ls为前续子宽度,L′ a为重新获取的第一宽度。
14.根据权利要求8-11任一所述的分页控件实现装置,其特征在于,如果所述当前分页为第一个分页,则所述第一宽度为零,所述第二宽度和第三宽度之和等于分页控件显示区域的总宽度与余量值之差。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410273427.9A CN104020934B (zh) | 2014-06-18 | 2014-06-18 | 分页控件实现方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410273427.9A CN104020934B (zh) | 2014-06-18 | 2014-06-18 | 分页控件实现方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104020934A true CN104020934A (zh) | 2014-09-03 |
CN104020934B CN104020934B (zh) | 2017-11-03 |
Family
ID=51437720
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410273427.9A Active CN104020934B (zh) | 2014-06-18 | 2014-06-18 | 分页控件实现方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104020934B (zh) |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106445952A (zh) * | 2015-08-07 | 2017-02-22 | 阿里巴巴集团控股有限公司 | 网页中页面的切换控制方法和装置 |
CN107272984A (zh) * | 2017-05-19 | 2017-10-20 | 北京金山安全软件有限公司 | 一种应用图标预览方法、装置及电子设备 |
CN107450891A (zh) * | 2016-05-30 | 2017-12-08 | 阿里巴巴集团控股有限公司 | 分页控件实现方法、装置及设备 |
CN107885559A (zh) * | 2016-09-30 | 2018-04-06 | 法乐第(北京)网络科技有限公司 | 显示图标目录的方法及装置 |
CN110442406A (zh) * | 2018-05-02 | 2019-11-12 | 天津京东深拓机器人科技有限公司 | 分页控件处理数据的方法及分页控件、电子设备 |
CN113487991A (zh) * | 2021-06-22 | 2021-10-08 | 北京黑鸟科技有限公司 | 在段码屏上针对灵活分页的标示方法、系统、装置及介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1425151A (zh) * | 1999-12-20 | 2003-06-18 | 苹果电脑有限公司 | 用于提供整合和访问的用户界面 |
CN101719064A (zh) * | 2009-12-25 | 2010-06-02 | 用友软件股份有限公司 | 页签控制器 |
CN102411479A (zh) * | 2011-12-27 | 2012-04-11 | 汉王科技股份有限公司 | 便携式电子设备的分屏切换方法及装置 |
KR20120116534A (ko) * | 2011-04-13 | 2012-10-23 | 엘지전자 주식회사 | 웹브라우저 화면분할 장치 및 방법 |
CN102810038A (zh) * | 2011-05-31 | 2012-12-05 | 宏碁股份有限公司 | 提供用于分类图标的使用者界面的方法及电子装置 |
-
2014
- 2014-06-18 CN CN201410273427.9A patent/CN104020934B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1425151A (zh) * | 1999-12-20 | 2003-06-18 | 苹果电脑有限公司 | 用于提供整合和访问的用户界面 |
CN101719064A (zh) * | 2009-12-25 | 2010-06-02 | 用友软件股份有限公司 | 页签控制器 |
KR20120116534A (ko) * | 2011-04-13 | 2012-10-23 | 엘지전자 주식회사 | 웹브라우저 화면분할 장치 및 방법 |
CN102810038A (zh) * | 2011-05-31 | 2012-12-05 | 宏碁股份有限公司 | 提供用于分类图标的使用者界面的方法及电子装置 |
CN102411479A (zh) * | 2011-12-27 | 2012-04-11 | 汉王科技股份有限公司 | 便携式电子设备的分屏切换方法及装置 |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106445952A (zh) * | 2015-08-07 | 2017-02-22 | 阿里巴巴集团控股有限公司 | 网页中页面的切换控制方法和装置 |
CN107450891A (zh) * | 2016-05-30 | 2017-12-08 | 阿里巴巴集团控股有限公司 | 分页控件实现方法、装置及设备 |
CN107885559A (zh) * | 2016-09-30 | 2018-04-06 | 法乐第(北京)网络科技有限公司 | 显示图标目录的方法及装置 |
CN107272984A (zh) * | 2017-05-19 | 2017-10-20 | 北京金山安全软件有限公司 | 一种应用图标预览方法、装置及电子设备 |
CN110442406A (zh) * | 2018-05-02 | 2019-11-12 | 天津京东深拓机器人科技有限公司 | 分页控件处理数据的方法及分页控件、电子设备 |
CN113487991A (zh) * | 2021-06-22 | 2021-10-08 | 北京黑鸟科技有限公司 | 在段码屏上针对灵活分页的标示方法、系统、装置及介质 |
CN113487991B (zh) * | 2021-06-22 | 2023-10-13 | 北京黑鸟科技有限公司 | 在段码屏上针对灵活分页的标示方法、系统、装置及介质 |
Also Published As
Publication number | Publication date |
---|---|
CN104020934B (zh) | 2017-11-03 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104020934A (zh) | 分页控件实现方法及装置 | |
US9588620B2 (en) | Method and device for displaying character on touchscreen | |
CN104267871A (zh) | 一种页面呈现的方法与装置 | |
US20140351758A1 (en) | Object selecting device | |
CN106201166A (zh) | 一种分屏显示方法及终端 | |
CN107608668B (zh) | H5页面制作兼容显示的方法、装置、终端设备及存储介质 | |
CN102331877B (zh) | 触摸屏上显示信息的方法和装置 | |
CN109358795A (zh) | 界面信息的浏览方法及装置、电子设备 | |
CN103620526A (zh) | 在计算机视觉应用中扩展交互半径的手势控制型技术 | |
KR20140078629A (ko) | 인플레이스 방식으로 값을 편집하는 사용자 인터페이스 | |
KR20160033547A (ko) | 컨텐트를 스타일링하는 장치 및 방법 | |
CN107608596A (zh) | 一种电子书翻页的方法、终端及存储介质 | |
CN101452354A (zh) | 电子装置的输入方法、内容显示方法及其应用 | |
US20180018084A1 (en) | Display device, display method and computer-readable recording medium | |
CN103299264A (zh) | 显示装置、用户接口方法以及程序 | |
JP2016062417A (ja) | 広告表示装置、広告表示方法、広告表示プログラム、及び広告表示プログラム配信装置 | |
TW201243672A (en) | Mobile phone with pointer and control pointer method thereof | |
CN108255900A (zh) | 推荐新闻呈现方法、设备、浏览器及电子设备 | |
CN103049493A (zh) | 用于确定目标页面元素的呈现位置的方法、装置与设备 | |
EP2897059A1 (en) | User interface device, search method, and program | |
US20160085728A1 (en) | Information display device, delivery device, information display method, and non-transitory computer readable storage medium | |
US20200058142A1 (en) | System and method for generating user interface elements | |
CN103309571B (zh) | 控制页面滑动的方法及装置 | |
CN103021083B (zh) | 在atm设备上通过拖放图形取款的方法及图形界面 | |
JP6224539B2 (ja) | 情報処理装置、情報処理方法及びプログラム |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |