CN103268189B - 一种播放器用户界面的滚动条的实现方法和系统 - Google Patents

Abstract

本发明公开了一种播放器用户界面的滚动条的实现方法和系统，系统包括形状设置单元、滑槽长度设置单元、滑块长度计算单元和滑动控制单元。方法包括：S1、分别设置滑槽和滑块的顶部、中部和底部的形状；S2、设置由顶部、中部和底部构成的滑槽的长度；S3、根据单页显示页的长度、需要显示的列表的总长度、以及设置的滑槽的长度计算由顶部、中部和底部构成的滑块的长度；S4、在每次显示页翻页时，计算滑块的步幅，根据计算的步幅控制滑块在滑槽上滑动。滚动条分三段设计和控制，实现滚动条无多余的按键且在长度变化是不会变形，且在每次翻页时重新计算步幅，避免采用统一步幅产生余数而使焦点到最后一行时滑块没有滑到滑槽最底部的现象。

Description

一种播放器用户界面的滚动条的实现方法和系统

技术领域

本发明涉及播放器，更具体地说，涉及一种播放器用户界面的滚动条的实现方法和系统。

背景技术

现有的播放器的用户界面（UI）中滚动条的应用十分广泛，比如，影片的预览界面，要用到滚动条指示影片在列表中的位置。滚动条在UI中垂直设置或者水平设置，图1所示为垂直设置的滚动条的结构示意图，如图1所示，滚动条包括上控制按钮110和下控制按钮120，两个按钮之间设置有滑槽130，滑槽130上设置有滑块140。滑块140在滑槽130上的位置，用于指示当前显示页在总显示页中的位置，用户可以通过点击上控制按钮110或者下控制按钮120控制滑块140在滑槽130上向上或者向下滑动，用户也可以直接控制滑块140在滑槽130上滑动以实现切换显示页。其中，显示页指的是当前显示的页面，只要列表或者页面出现了翻动，即表示显示页出现了翻动。比如，有一个总容量为100行的影片预览区（即列表的长度为100行），每一页只能显示2行的影片信息，可见算出其需要显示页页数为99页。

但是，对于一类播放器，例如蓝光播放器、智能电视等，用户无法通过控制滑块在滑槽在的滑动来实现显示页的切换，只能通过遥控器或者播放器上的按键来控制显示页的切换。对于这一类的播放器而言，滚动条仅用于指示当前显示页在总显示页中的位置，因此，滚动条不需要用于控制滑块向上、向下或者向左、向右的滑动的按钮，例如图1中的上控制按钮110和下控制按钮120。

目前框架编辑语言，例如Qt。Qt是一个跨平台的C++应用程序开发框架，广泛用于开发GUI程序，这种情况下又被称为部件工具箱，其也可用于开发非GUI程序，比如控制台工具和服务器。Qt中的默认滚动条（QScrollBar）的结构中都包括上下（或左右）控制按钮，目前还没有办法去掉默认滚动条中的上下（或左右）控制按钮，现有的解决方法是采用框架编辑语言的样式来定制滚动条的外观，给上下（或左右）控制按钮的区域贴上透明图，使得按钮在视觉上消失。这样，并没有彻底解决按键多余的情况，并且，在计算滚动条的长度时，这两个按钮也被计算在内，使得滚动条的长度在视觉上就缩短不少，用户体验不佳。

发明内容

本发明针对现有技术的上述缺陷，提供一种播放器用户界面的滚动条的实现方法和系统，对于只需要滚动条提供指示功能的播放器，解决其滚动条按键多余的问题。

本发明解决其技术问题采用的技术方案是：提供一种播放器用户界面的滚动条的实现方法，滚动条包括滑槽和滑块，所述方法包括以下步骤：

S1、分别设置所述滑槽和所述滑块的顶部、中部和底部的形状；

S2、设置由顶部、中部和底部构成的所述滑槽的长度；

S3、根据单页显示页的长度、需要显示的列表的总长度、以及设置的所述滑槽的长度计算由顶部、中部和底部构成的所述滑块的长度；

S4、在每次显示页翻页时，计算所述滑块的步幅，根据计算的步幅控制所述滑块在所述滑槽上滑动。

优选地，步骤S3包括以下子步骤：

S31、根据以下公式确定所述滑块的长度：

滑块的长度=MAX（确定的滑槽的长度*（单页显示页的长度/需要显示的列表的总长度），滑块长度阈值）；

S32、拉伸所述滑块的中部，以使由顶部、中部和底部构成的所述滑块的长度等于计算出的滑块的长度。

优选地，所述步骤S4包括以下子步骤：

S41、当显示页翻页时，判断当前的显示页和翻页前的显示页的页码的大小；

S42、若当前的显示页的页码大于翻页前的显示页的页码，计算所述滑块的步幅，根据计算的步幅控制所述滑块向所述滑槽的底部滑动相应的距离；

S43、若当前的显示页的页码小于翻页前的显示页的页码，计算所述滑块的步幅，根据计算的步幅控制所述滑块向所述滑槽的顶部滑动相应的距离。

优选地，所述子步骤S42包括：所述滑块的步幅等于当前所述滑块在所述滑槽上未滑过部分的长度除以当前显示页与所有未显示的显示页的页数总和。

优选地，所述子步骤S42包括：所述滑块的步幅等于当前所述滑块在所述滑槽上已滑过部分的长度除以当前显示页与所有已显示的显示页的页数总和。

提供一种播放器用户界面的滚动条的实现系统，包括：

形状设置单元，用于分别设置所述滑槽和所述滑块的顶部、中部和底部的形状；

滑槽长度设置单元，用于设置由顶部、中部和底部构成的所述滑槽的长度；

滑块长度计算单元，用于根据单页显示页的长度、需要显示的列表的总长度、以及设置的所述滑槽的长度计算由顶部、中部和底部构成的所述滑块的长度；

滑动控制单元，用于在每次显示页翻页时，计算所述滑块的步幅，根据计算的步幅控制所述滑块在所述滑槽上滑动。

优选地，所述滑块长度计算单元包括：

计算模块，用于根据以下公式计算所述滑块的长度：

滑块的长度=MAX（确定的滑槽的长度*（单页显示页的长度/需要显示的列表的总长度），滑块长度阈值）；

滑块长度调整模块，用于拉伸所述滑块的中部，以使由顶部、中部和底部构成的所述滑块的长度等于计算出的滑块的长度。

优选地，所述滑动控制单元包括：

判断模块，用于在显示页翻页时，判断当前的显示页和翻页前的显示页的页码的大小；

第一控制模块，用于在当前的显示页的页码大于翻页前的显示页的页码时，计算所述滑块的步幅，根据计算的步幅控制所述滑块向所述滑槽的底部滑动相应的距离；

第二控制模块，用于在当前的显示页的页码小于翻页前的显示页的页码时，计算所述滑块的步幅，根据计算的步幅控制所述滑块向所述滑槽的顶部滑动相应的距离。

优选地，所述第一控制模块包括：第一计算子模块，用于根据以下公式计算所述滑块的步幅：所述滑块的步幅=当前所述滑块在所述滑槽上未滑过部分的长度÷当前显示页与所有未显示的显示页的页数总和。

优选地，所述第二控制模块包括：第二计算子模块，用于根据以下公式计算所述滑块的步幅：所述滑块的步幅=当前所述滑块在所述滑槽上已滑过部分的长度÷当前显示页与所有已显示的显示页的页数总和。

本发明的播放器用户界面的滚动条的实现方法和系统具有以下有益效果：滚动条分三段设计和控制，实现滚动条无多余的按键，且在其滑块和滑槽长度发生变化时，不会变形；在每次翻页时都要重新计算一次步幅，避免采用统一步幅产生余数而使焦点到最后一行时滑块没有滑到滑槽最底部的现象。

附图说明

图1为垂直设置的滚动条的结构示意图；

图2为本发明的播放器用户界面的滚动条的结构示意图；

图3为本发明的播放器用户界面的滚动条的实现方法第一实施例的流程图；

图4为本发明的播放器用户界面的滚动条的实现系统第一实施例的功能框图；

图5为本发明的播放器用户界面的滚动条的实现系统的工作流程图。

具体实施方式

以下结合附图和实施例，对本发明做进一步的解释说明。

图3为本发明的播放器用户界面的滚动条200的实现方法第一实施例的流程图，结合图2和图3，滚动条200包括滑槽210和设置在滑槽210上的滑块220。在本实施例中，本发明的方法包括以下步骤：

S1、分别设置滑槽210和滑块220的顶部、中部和底部的形状；

S2、设置由顶部、中部和底部构成的滑槽210的长度；

S3、根据单页显示页的长度、需要显示的列表的总长度、以及设置的滑槽210的长度计算由顶部、中部和底部构成的滑块220的长度；

S4、在每次显示页翻页时，计算滑块220的步幅，根据计算的步幅控制滑块220在滑槽210上滑动。

本发明可以采用框架编辑语言Qt中基础类载体QLabel来实现滚动条200，通过对各个QLabel的控制与定制来完成滚动条200的基本功能与外观。在本实施例中，共用到了六个QLabel，分别装载滑槽210和滑块220的顶部、中部和底部（即滑槽210和滑块220的上、中、下三个部分），相应获得了六个变量：lb_groove_top、lb_groove_center、lb_groove_bottom和lb_handle_top、lb_handle_center、lb_handle_bottom。在本申请中，将滑槽210和滑块220分成三部分，是因为滚动条200的滑槽210和滑块220可能被设计成顶部和底部带圆弧的结构，为了让滚动条200的滑槽210和滑块220在具有不同的长度时，两头的弧度不会被拉伸或压缩，故将其分成三段，顶部设置为圆弧，中间设置为圆柱，底部设置为圆弧并分别放在三个QLabel中，在滑槽210和滑块220长度变化后，只拉伸中间部分，即圆柱部分，而不会影响到两端圆弧的弧度。

在步骤S2中，可以根据需要设置滑槽210的长度。在本发明中，滑槽210和滑块220被分为三个部分分别设置，因此滚动条200中并不包含用于控制滑块220上下或者左右移动的按键，进而滑槽210的长度最大能够与显示页同长，滑槽210也可以根据实际需要设置。

在本实施例中，步骤S3包括以下子步骤：S31、根据以下公式确定滑块220的长度：滑块220的长度=MAX（确定的滑槽210的长度*（单页显示页的长度/需要显示的列表的总长度），滑块长度的阈值）；S32、拉伸滑块220的中部，以使由顶部、中部和底部构成的滑块220的长度等于计算出的滑块220的长度。

在步骤S31中，单页显示页的长度（每个显示页的长度相同）/需要显示的列表的总长度，即为显示页长度与列表长度的比例，该比例与滑槽210的长度的乘积获得的滑块220的长度能够直接反应出列表的容量。滑块长度的阈值是指滑块长度的最小值，滑块220的最终计算结果应该选择根据“确定的滑槽210的长度*（单页显示页的长度/需要显示的列表的总长度”计算出的值和最小值之间的较大的值。

在步骤S32中，根据步骤S31中计算出的滑块220的长度，相应的拉伸滑块220的中部，使得顶部、中部和底部的总长度等于该计算出长度值。

在本实施例中，步骤S4包括以下子步骤：S41、当显示页翻页时，判断当前的显示页和翻页前的显示页的页码的大小；S42、若当前的显示页的页码大于翻页前的显示页的页码，计算滑块220的步幅，根据计算的步幅控制滑块220向滑槽210的底部滑动相应的距离；S43、若当前的显示页的页码小于翻页前的显示页的页码，计算滑块220的步幅，根据计算的步幅控制滑块220向滑槽210的顶部滑动相应的距离。

在本实施例中，当焦点变化时，计算当前焦点所在行，如果所在行发生变化，通过对显示页的判断，可知滑块220需要移动。如果当前显示页的页码大于翻页之前的显示页的页码，说明发生了向下翻页，需要控制滑块220向后移动（即向整个滑槽210的底部移动），此时滑块220移动的步幅step就是当前滑块220在滑槽210上未滑过部分的长度（如图2所示的212部分）除以当前显示页与所有未显示的显示页的页数总和。例如拥有6行的列表，其显示页数量是5页，当从第0页跳动至第1页时，步幅step就是212所示部分的长度除以4（当前显示页的页数1+所有未显示的显示页的页数3），当从第1页翻至第2页时，step就是此时的滑块220在滑槽210上未滑过部分的长度除以3，依此类推。这样每次翻页都要重新计算一次步幅，可以避免采用统一步幅所产生余数而使焦点到最后一行时滑块220没有滑到滑槽210的最底部的现象。同理，当显示页向上（或向前）翻动时，计算步幅step就是当前滑块220在滑槽210上已滑过部分的长度（如图2所示的211部分）除以当前显示页与所有已显示的显示页的页数总和。当当前显示页未翻动，不做处理。

图4为本发明的播放器用户界面的滚动条的实现系统300第一实施例的功能框图，结合图2和图4，在本实施例中，系统300包括：

形状设置单元310，用于分别设置滑槽210和滑块220的顶部、中部和底部的形状；

滑槽长度设置单元320，用于设置由顶部、中部和底部构成的滑槽210的长度；

滑块长度计算单元330，用于根据单页显示页的长度、需要显示的列表的总长度、以及设置的滑槽210的长度计算由顶部、中部和底部构成的滑块220的长度；

滑动控制单元340，用于在每次显示页翻页时，计算滑块220的步幅，根据计算的步幅控制滑块在所述滑槽上滑动。

在本实施例中，滑块长度计算单元330包括：

计算模块331，用于根据以下公式计算滑块220的长度：

滑块220的长度=MAX（确定的滑槽210的长度*（单页显示页的长度/需要显示的列表的总长度），滑块长度阈值），亦即滑块220的长度是确定的滑槽210的长度乘以单页显示页的长度与需要显示的列表的总长度的比值后所得的长度值与滑块长度阈值中较大的一个值；

滑块长度调整模块332，用于拉伸滑块220的中部，以使由顶部、中部和底部构成的滑块220的长度等于计算出的滑块220的长度。

在本实施例中，滑动控制单元340包括：

判断模块341，用于在显示页翻页时，判断当前的显示页和翻页前的显示页的页码的大小；

第一控制模块342，用于在当前的显示页的页码大于翻页前的显示页的页码时，计算滑块220的步幅，根据计算的步幅控制滑块220向滑槽210的底部滑动相应的距离；

第二控制模块343，用于在当前的显示页的页码小于翻页前的显示页的页码时，计算滑块220的步幅，根据计算的步幅控制滑块220向滑槽210的顶部滑动相应的距离。

在本实施例中，第一控制模块342包括：第一计算子模块3421，其用于根据以下公式计算滑块220的步幅：滑块220的步幅=当前滑块220在滑槽210上未滑过部分的长度（如图2中212部分所示）÷当前显示页与所有未显示的显示页的页数总和。第二控制模块343包括：第二计算子模块3431，其用于根据以下公式计算滑块220的步幅：滑块220的步幅=当前滑块220在滑槽210上已滑过部分的长度（如图2中211部分所示）÷当前显示页与所有已显示的显示页的页数总和。

图5为本发明的系统300的工作流程图，如图5所示，当焦点发生变化，即变量item_index变化；计算当前焦点所在行cur_line=i_item_value/i_item_num_per_line；判断计算出的当前焦点所在行cur_line是否与前一个焦点所在行的变量prev_line不相等，若否则结束、返回；若Cur_line不等于prev_line，则计算当前显示页cur_assume_page，其中，cur_assume_page=min(cur_line，prev_line)；判断当前显示页的页码与前一个显示页的页码的大小关系；若当前显示页的页码大于前一个的显示页的页码，计算滑块220移动的步幅step：滑块220移动的步幅step=当前滑块220在滑槽210上未滑过部分的长度÷当前显示页与所有未显示的显示页的页数总和；然后根据此时计算出的步幅step控制滑块220向下（向后）移动step个像素（即在滑槽210上滑过相应的距离），最后结束返回。若当前显示页的页码小于前一个的显示页的页码，计算滑块220移动的步幅step：滑块220移动的步幅step=当前滑块220在滑槽210上已滑过部分的长度÷当前显示页与所有已显示的显示页的页数总和；然后根据此时计算出的步幅step控制滑块220向上（向前）移动step个像素（即在滑槽210上滑过相应的距离），最后结束、返回。若当前显示页的页码等于前一个的显示页的页码，判断未发生翻页，则结束、返回。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的权利要求范围之内。

Claims (2)

1.一种播放器用户界面的滚动条的实现方法，滚动条包括滑槽和滑块，其特征在于，所述方法包括以下步骤：

S1、分别设置所述滑槽和所述滑块的顶部、中部和底部的形状；

S2、设置由顶部、中部和底部构成的所述滑槽的长度；

S3、根据单页显示页的长度、需要显示的列表的总长度、以及设置的所述滑槽的长度计算由顶部、中部和底部构成的所述滑块的长度；

S4、在每次显示页翻页时，计算所述滑块的步幅，根据计算的步幅控制所述滑块在所述滑槽上滑动；

步骤S3包括以下子步骤：

S31、根据以下公式确定所述滑块的长度：

滑块的长度＝MAX(确定的滑槽的长度*(单页显示页的长度/需要显示的列表的总长度)，滑块长度阈值)；

S32、拉伸所述滑块的中部，以使由顶部、中部和底部构成的所述滑块的长度等于计算出的滑块的长度；

所述步骤S4包括以下子步骤：

S41、当显示页翻页时，判断当前的显示页和翻页前的显示页的页码的大小；

S42、若当前的显示页的页码大于翻页前的显示页的页码，计算所述滑块的步幅，根据计算的步幅控制所述滑块向所述滑槽的底部滑动相应的距离；

S43、若当前的显示页的页码小于翻页前的显示页的页码，计算所述滑块的步幅，根据计算的步幅控制所述滑块向所述滑槽的顶部滑动相应的距离；

所述子步骤S42包括：所述滑块的步幅等于当前所述滑块在所述滑槽上未滑过部分的长度除以当前显示页与所有未显示的显示页的页数总和；

所述子步骤S43包括：所述滑块的步幅等于当前所述滑块在所述滑槽上已滑过部分的长度除以当前显示页与所有已显示的显示页的页数总和。

2.一种播放器用户界面的滚动条的实现系统(300)，滚动条包括滑槽和滑块，其特征在于，包括：

形状设置单元(310)，用于分别设置所述滑槽和所述滑块的顶部、中部和底部的形状；

滑槽长度设置单元(320)，用于设置由顶部、中部和底部构成的所述滑槽的长度；

滑块长度计算单元(330)，用于根据单页显示页的长度、需要显示的列表的总长度、以及设置的所述滑槽的长度计算由顶部、中部和底部构成的所述滑块的长度；

滑动控制单元(340)，用于在每次显示页翻页时，计算所述滑块的步幅，根据计算的步幅控制所述滑块在所述滑槽上滑动；

所述滑块长度计算单元(330)包括：

计算模块(331)，用于根据以下公式计算所述滑块的长度：

滑块的长度＝MAX(确定的滑槽的长度*(单页显示页的长度/需要显示的列表的总长度)，滑块长度阈值)；

滑块长度调整模块(332)，用于拉伸所述滑块的中部，以使由顶部、中部和底部构成的所述滑块的长度等于计算出的滑块的长度；

所述滑动控制单元(340)包括：

判断模块(341)，用于在显示页翻页时，判断当前的显示页和翻页前的显示页的页码的大小；

第一控制模块(342)，用于在当前的显示页的页码大于翻页前的显示页的页码时，计算所述滑块的步幅，根据计算的步幅控制所述滑块向所述滑槽的底部滑动相应的距离；

第二控制模块(343)，用于在当前的显示页的页码小于翻页前的显示页的页码时，计算所述滑块的步幅，根据计算的步幅控制所述滑块向所述滑槽的顶部滑动相应的距离；

所述第一控制模块(342)包括：第一计算子模块(3421)，用于根据以下公式计算所述滑块的步幅：所述滑块的步幅＝当前所述滑块在所述滑槽上未滑过部分的长度÷当前显示页与所有未显示的显示页的页数总和；

所述第二控制模块(343)包括：第二计算子模块(3431)，用于根据以下公式计算所述滑块的步幅：所述滑块的步幅＝当前所述滑块在所述滑槽上已滑过部分的长度÷当前显示页与所有已显示的显示页的页数总和。