刷新页面的方法和装置制造方法
【专利摘要】本发明公开了一种刷新页面的方法和装置，属于微博【技术领域】。所述方法包括：当执行页面的刷新操作时，输出预设的动画界面，其中，所述预设的动画界面包括：预设标识、移动光标和刷新进度条，所述移动光标从所述预设标识开始向所述刷新进度条的方向移动；当检测到所述移动光标到达所述刷新进度条时，计算并输出所述刷新进度条的当前长度；当所述刷新进度条的当前长度等于所述页面的宽度时，输出拉取到的刷新信息。本发明在执行页面刷新操作时输出预设动画界面，使用户能够获得更好的体验感。
【专利说明】刷新页面的方法和装置
【技术领域】
[0001]本发明涉及微博【技术领域】，特别涉及一种刷新页面的方法和装置。
【背景技术】
[0002]微博是一种基于用户关系的信息分享、传播以及获取平台。用户可以通过WEB、WAP以及各种客户端组建个人社区，以140字左右的文字更新信息，并实现即时分享。随着移动终端用户的增多，微博用户越来越多，随着微博的广泛普及，怎样使微博用户能够得到更好的体验感，是运营商需要解决的问题。
【发明内容】
[0003]为了提高用户在使用微博时的体验感，本发明实施例提供了一种刷新页面的方法和装置。所述技术方案如下:
[0004]一方面，提供了一种刷新页面的方法，所述方法包括:
[0005]当执行页面的刷新操作时，输出预设的动画界面，其中，所述预设的动画界面包括:预设标识、移动光标和刷新进度条，所述移动光标从所述预设标识开始向所述刷新进度条的方向移动；
[0006]当检测到所述移动光标到达所述刷新进度条时，计算并输出所述刷新进度条的当前长度；
[0007]当所述刷新进度条的当前长度等于所述预设的动画界面的宽度时，输出拉取到的刷新息。
[0008]所述输出预设的动画界面，包括:
[0009]在所述页面的底部输出预设的动画界面；或，
[0010]在所述页面的顶部输出预设的动画界面。
[0011]所述计算所述刷新进度条的当前长度，包括:
[0012]获取当前拉取到的刷新信息的数量；
[0013]根据所述当前拉起到的刷新信息的数量和需要拉取的刷新信息的总数量，计算所述刷新的实际进度；
[0014]用所述刷新的实际进度乘以所述预设的动画界面的宽度，得到所述刷新进度条的当前长度。
[0015]所述输出所述刷新后的信息，包括:
[0016]输出所述刷新后的消息数据，并以悬浮窗的形式输出所述刷新得到的所述消息的
总数量。
[0017]所述计算并输出所述刷新进度条的当前长度之后，还包括:
[0018]当所述刷新进度条的长度并未增长时，将所述移动光标的透明度降低到预设的值。
[0019]所述移动光标由多组移动光标单元组成,其中，每组移动光标单元包括预设数量的光标种子，每组移动光标单元的加速度成等差数列。
[0020]另一方面，提供了一种刷新页面的装置，所述装置包括:
[0021]动画输出模块，用于当执行页面的刷新操作时，输出预设的动画界面，其中，所述预设的动画界面包括:预设标识、移动光标和刷新进度条，所述移动光标从所述预设标识开始向所述刷新进度条的方向移动；
[0022]进度条显示模块，用于当检测到所述移动光标到达所述刷新进度条时，计算并输出所述刷新进度条的当前长度；
[0023]数据显示模块，用于当所述刷新进度条的当前长度等于所述预设的动画界面的宽度时，输出拉取到的刷新信息。
[0024]所述动画输出模块具体用于:
[0025]在所述页面的底部输出预设的动画界面；或，
[0026]在所述页面的顶部输出预设的动画界面。
[0027]所述进度条显示模块，包括:
[0028]获取单元，用于获取当前拉取到的刷新信息的数量；
[0029]第一计算单元，用于根据所述当前拉起到的刷新信息的数量和需要拉取的刷新信息的总数量，计算所述刷新的实际进度；
[0030]第二计算单元，用于用所述刷新的实际进度乘以所述预设的动画界面的宽度，得到所述刷新进度条的当前长度。
[0031]所述数据显示模块具体用于:
[0032]输出所述刷新后的消息数据，并以悬浮窗的形式输出所述刷新得到的所述消息的
总数量。
[0033]所述装置还包括:
[0034]调整模块，用于当所述进度条显示模块计算出所述刷新进度条的长度并未增长时，将所述移动光标的透明度降低到预设的值。
[0035]所述移动光标由多组移动光标单元组成,其中，每组移动光标单元包括预设数量的光标种子，每组移动光标单元的加速度成等差数列。
[0036]本发明实施例提供的技术方案带来的有益效果是:当执行页面的刷新操作时，输出预设的动画界面，其中，所述预设的动画界面包括:预设标识、移动光标和刷新进度条，所述移动光标从所述预设标识开始向所述刷新进度条的方向移动；当检测到所述移动光标到达所述刷新进度条时，计算并输出所述刷新进度条的当前长度；当所述刷新进度条的长度等于所述预设的动画界面的宽度时，输出拉取到的刷新信息。在执行页面刷新操作时输出预设动画界面，使用户能够获得更好的体验感。
【专利附图】
【附图说明】
[0037]为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0038]图1是本发明实施例1中提供的一种刷新页面的方法流程图；[0039]图2是本发明实施例2中提供的一种刷新页面的方法流程图；
[0040]图3是本发明实施例2中提供的一种动画界面的示意图；
[0041]图4是本发明实施例2中提供的一种页面的示意图；
[0042]图5是本发明实施例2中提供的一种页面的示意图；
[0043]图6是本发明实施例2中提供的一种页面的示意图；
[0044]图7是本发明实施例2中提供的一种页面的示意图；
[0045]图8是本发明实施例3中提供的一种刷新页面的装置结构示意图；
[0046]图9是本发明实施例4中提供的一种刷新页面的装置结构示意图。
【具体实施方式】
[0047]为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。
[0048]实施例1
[0049]参见图1，本实施例中提供了一种刷新页面的方法，所述方法包括:
[0050]101、当执行页面的刷新操作时，输出预设的动画界面，其中，所述预设的动画界面包括:预设标识、移动光标和刷新进度条，所述移动光标从所述预设标识开始向所述刷新进度条的方向移动；
[0051]102、当检测到所述移动光标到达所述刷新进度条时，计算并输出所述刷新进度条的当前长度；
[0052]103、当所述刷新进度条的当前长度等于所述预设的动画界面的宽度时，输出拉取到的刷新信息。
[0053]可选地，所述输出预设的动画界面，包括:
[0054]在所述页面的底部输出预设的动画界面；或，
[0055]在所述页面的顶部输出预设的动画界面。
[0056]其中，所述计算所述刷新进度条的当前长度，包括:
[0057]获取当前拉取到的刷新信息的数量；
[0058]根据所述当前拉起到的刷新信息的数量和需要拉取的刷新信息的总数量，计算所述刷新的实际进度；
[0059]用所述刷新的实际进度乘以所述预设的动画界面的宽度，得到所述刷新进度条的当前长度。
[0060]其中，所述输出所述刷新后的信息，包括:
[0061]输出所述刷新后的消息数据，并以悬浮窗的形式输出所述刷新得到的所述消息的
总数量。
[0062]其中可选地，所述计算并输出所述刷新进度条的当前长度之后，还包括:
[0063]当所述刷新进度条的长度并未增长时，将所述移动光标的透明度降低到预设的值。
[0064]可选地，所述移动光标由多组移动光标单元组成，其中，每组移动光标单元包括预设数量的光标种子，每组移动光标单元的加速度成等差数列。
[0065]本实施例的有益效果是:当执行页面的刷新操作时，输出预设的动画界面，其中，所述预设的动画界面包括:预设标识、移动光标和刷新进度条，所述移动光标从所述预设标识开始向所述刷新进度条的方向移动；当检测到所述移动光标到达所述刷新进度条时，计算并输出所述刷新进度条的当前长度；当所述刷新进度条的当前长度等于所述预设的动画界面的宽度时，输出拉取到的刷新信息。在执行页面刷新操作时输出预设动画界面，使用户能够获得更好的体验感。
[0066]实施例2
[0067]本发明实施例提供了一种刷新页面的方法，参见图2，方法流程包括:
[0068]201:当执行页面的刷新操作时，输出预设的动画界面。
[0069]本步骤中，当用户在微博界面上点击刷新按钮对数据进行刷新时，微博平台执行刷新操作，拉取刷新数据，同时在显示界面上输出预设的动画界面。其中，预设的动画界面包括:预设标识、移动光标和刷新进度条，所述移动光标从所述预设标识开始向所述刷新进度条的方向移动，视觉效果相当于预设标识在发射移动光标，本实施例中优选地，预设动画界面的宽度与页面的宽度一致，但是预设动画界面也可以小于页面的宽度，对此本实施例不做具体限定。
[0070]本实施例中，预设标识可以是微博本身的标识，也可以是一个其它广告的标识，对此本实施例不做具体限定。其中预设标识可以在预设的动画界面的一端或是中间，当其在预设的动画界面的一端时，移动光标从其开始向动画界面的另一端移动，此时，刷新进度条从与预设标识相反的一端开始增长；当预设标识在动画界面的中间时，移动光标可以同时向动画界面的两端移动，此时，刷新进度条从动画界面的两端开始同时增长。具体预设标识设置在动画界面的哪个位置，对此本实施例不做具体限定。
[0071]本实施例中预设的动画界面只占微博显示页面的一小部分地方，可以在微博显示页面的底部或是顶部，对此本实施 例也不做具体限定。本实施例中，移动光标可以由多组移动光标单元组成，其中，每组移动光标单元包括预设数量的光标种子，且可选地，为了使动画效果更好，可以设定每组移动光标单元的加速度成等差数列。当然，每组移动光标单元的加速度也可以相同，对此本实施例不做具体限定。每组移动光标单元的种子数量可以为I个、2个、3个、4个或5个等，对此本实施例不做具体限定，但是每组种子的数量不能大于页面总宽度。其中，刷新进度条的初始长度为零，随着光标的移动刷新进度条不断增长。
[0072]如图3所示，给出了一种预设动画界面的示意图，预设标识为一个蒲公英的图像标识，每组广播移动单元由5个种子构成，从左向右移动到页面的边缘。其中，每帧动画0.2秒，第一组移动距离为I个蒲公英的种子，第二组移动距离为2个蒲公英种子的宽度，第三组移动距离为3个蒲公英种子的宽度，第四组移动距离为4个蒲公英的种子的宽度…以此类推。
[0073]本实施例中，在微博平台执行刷新操作时，预设的动画界面按预设的规则进行动画演示，使用户在等待刷新的过程获得了很好的用户体验感。
[0074]202、当检测到所述移动光标到达所述刷新进度条时，计算所述刷新进度条的当前长度。
[0075]本步骤中，移动光标在数据拉取的过程中不停的向刷新进度条的方向移动，当检测到移动光标到达刷新进度条时，计算需要增加的刷新进度条的长度，其中具体方法包括:[0076]获取当前拉取到的刷新信息的数量；
[0077]根据所述当前拉起到的刷新信息的数量和需要拉取的刷新信息的总数量，计算所述刷新的实际进度；
[0078]用所述刷新的实际进度乘以所述页面的总宽度，得到所述刷新进度条的当前长度。
[0079]上述刷新进度就是页面当前拉取的刷新信息的数量占全部需拉取的刷新信息的百分比。本实施例中，预先设定每次拉取的刷新信息的数量，如设定每次拉取10条信息，20条信息，或是25条信息等，对此本实施例不做具体限定。
[0080]上述通过当前拉取到的刷新信息的数量来计算刷新进度条的当前长度，从而将网络的拉取进程与刷新进度条的增长相关联起来，使得用户能够刷新进度条的变化获知网络状况，进一步提闻了用户的体验感。
[0081]203、输出所述刷新进度条的当前长度。
[0082]本实施例中，当计算得到刷新进度条的当前长度后，在预设的动画界面上显示相应的长度。其中，刷新进度条以预设的颜色显示，该显示颜色可以种子的颜色相同也可以不同，对此本实施例不做具体限定。
[0083]值得说明的是，本实施例中，如果未拉取到刷新信息，则刷新实际进度为零，此时，刷新进度条的长度也不会相应的增加。本实施例中，当刷新进度条的长度并未增长时，将要发射的移动光标的亮度降低到预设值，其中预设值可以是当前透明度的20%，30%或是40%，对此本实施例不做具体限定，以此来表明当前的网络环境比较差，当网络环境变好时，即再次拉取到刷新信息时，再将移动光标的透明度调整回原来值。当然也可以不根据网络的状况调整移动光标的透明度，对此本实施例不做具体限定。
[0084]204、当所述刷新进度条的长度等于页面的宽度时，输出拉取到的刷新信息。
[0085]本实施例中，随着拉取数据的增多，刷新进度条不断的增长，当刷新进度条的长度填满整个页面的宽度时，表明数据拉取完毕，此时退出预设的动画界面，输出拉取到的刷新信息。其中，在输出拉取到的刷新信息包括:输出拉取到的消息数据，并以悬浮窗的形式输出所述刷新得到的所述消息的总数量。如拉取到20条微博消息，则在页面上输出该20条消息，并以悬浮窗的形式输出“共拉取到20条新广播”的字样，告知用户拉取到的消息数量。其中悬浮窗可以在页面的顶部或是底部，对此本实施例不做具体限定。
[0086]为了使本领域技术人员更好的理解本发明提供的方案，现举例如下:
[0087]如图4所示，页面当前现示的是头像1-编辑内容1，头像2-编辑内容1，头像36-编辑内容1，点击微博页面上的刷新按钮后，预设标识出开始发射移动光标，移动光标由5个种子组成，当移动光标到达页面的边缘时，刷新进度条开始增长，如图5所示，数啊新进度条的增长，当刷新进度条的宽度等于页面宽度时，表明数据拉取完毕，如图6所示，此时退出预设的动画界面，输出拉取的数据并输出拉取到的数据数目，如图7所示，此时页面上显示的是，头像1-编辑内容2，头像2-编辑内容2，头像4-编辑内容1，将最新的广播消息展示在页面上，并显示拉取到20条新广播。
[0088]本是实施例中，如果用户在数据未拉取完毕时，点击了取消按钮，取消当前的刷新操作，则推出预设的动画界面，输出当前已拉取到的消息数据，及拉取到的消息的总数量。例如，在用户点击取消按钮时，已经拉取到了 5条消息，则输出该5条消息，并以悬浮窗的形式输出“共拉取到5条新广播”的字样，告知用户拉取到的消息数量。
[0089]本实施例的有益效果是:当执行页面的刷新操作时，输出预设的动画界面，其中，所述预设的动画界面包括:预设标识、移动光标和刷新进度条，所述移动光标从所述预设标识开始向所述刷新进度条的方向移动；当检测到所述移动光标到达所述刷新进度条时，计算并输出所述刷新进度条的当前长度；当所述刷新进度条的当前长度等于所述预设的动画界面的宽度时，输出拉取到的刷新信息。在执行页面刷新操作时输出预设动画界面，使用户能够获得更好的体验感。且能够根据网络状况的变化调整移动光标的颜色，使得用户能够及时获知网络当前的状态，以便决定是否继续等待刷新或是取消刷新，进一步提高了用户的体验感。
[0090]实施例3
[0091]参见图8，本发明实施例提供了一种刷新页面的装置，该装置包括:动画输出模块301、进度条显示模块302和数据显示模块303。
[0092]动画输出模块301，用于当执行页面的刷新操作时，输出预设的动画界面，其中，所述预设的动画界面包括:预设标识、移动光标和刷新进度条，所述移动光标从所述预设标识开始向所述刷新进度条的方向移动；
[0093]进度条显示模块302，用于当检测到所述移动光标到达所述刷新进度条时，计算并输出所述刷新进度条的长度；
[0094]数据显示模块303，用于当所述刷新进度条的当前长度等于所述预设的动画界面的宽度时，输出拉取到的刷新信息。
[0095]可选地，所述动画输出模块301具体用于:
[0096]在所述页面的底部输出预设的动画界面；或，
[0097]在所述页面的顶部输出预设的动画界面。
[0098]其中，所述进度条显示模块302，包括:
[0099]获取单元，用于获取当前拉取到的刷新信息的数量；
[0100]第一计算单元，用于根据所述当前拉起到的刷新信息的数量和需要拉取的刷新信息的总数量，计算所述刷新的实际进度；
[0101]第二计算单元，用于用所述刷新的实际进度乘以所述预设的动画界面的宽度，得到所述刷新进度条的当前长度。
[0102]其中，所述数据显示模块303具体用于:
[0103]输出所述刷新后的消息数据，并以悬浮窗的形式输出所述刷新得到的所述消息的
总数量。
[0104]参见图9，可选地，所述装置还包括:
[0105]调整模块304，用于当所述进度条显示模块302计算出所述刷新进度条的长度并未增长时，将所述移动光标的透明度降低到预设的值。
[0106]可选地，本实施例中，所述移动光标由多组移动光标单元组成，其中，每组移动光标单元包括预设数量的光标种子，每组移动光标单元的加速度成等差数列。
[0107]本实施例的有益效果是:当执行页面的刷新操作时，输出预设的动画界面，其中，所述预设的动画界面包括:预设标识、移动光标和刷新进度条，所述移动光标从所述预设标识开始向所述刷新进度条的方向移动；当检测到所述移动光标到达所述刷新进度条时，计算并输出所述刷新进度条的长度；当所述刷新进度条的长度等于所述预设的动画界面的宽度时，输出拉取到的刷新信息。在执行页面刷新操作时输出预设动画界面，使用户能够获得更好的体验感。
[0108]需要说明的是:上述实施例提供的刷新页面的装置，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将装置的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的刷新页面的装置与刷新页面的方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。
[0109]上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。
[0110]本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。
[0111]以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。
【权利要求】
1.一种刷新页面的方法，其特征在于，所述方法包括: 当执行页面的刷新操作时，输出预设的动画界面，其中，所述预设的动画界面包括:预设标识、移动光标和刷新进度条，所述移动光标从所述预设标识开始向所述刷新进度条的方向移动； 当检测到所述移动光标到达所述刷新进度条时，计算并输出所述刷新进度条的当前长度； 当所述刷新进度条的当前长度等于所述预设的动画界面的宽度时，输出拉取到的刷新信息。
2.根据权利要求1所述的方法，其特征在于，所述输出预设的动画界面，包括: 在所述页面的底部输出预设的动画界面；或， 在所述页面的顶部输出预设的动画界面。
3.根据权利要求1所述的方法，其特征在于，所述计算所述刷新进度条的当前长度，包括: 获取当前拉取到的刷新信 息的数量； 根据所述当前拉起到的刷新信息的数量和需要拉取的刷新信息的总数量，计算所述刷新的实际进度； 用所述刷新的实际进度乘以所述预设的动画界面的宽度，得到所述刷新进度条的当前长度。
4.根据权利要求1所述的方法，其特征在于，所述输出所述刷新后的信息，包括: 输出所述刷新后的消息数据，并以悬浮窗的形式输出所述刷新得到的所述消息的总数量。
5.根据权利要求1所述的方法，其特征在于，所述计算并输出所述刷新进度条的当前长度之后，还包括: 当所述刷新进度条的长度并未增长时，将所述移动光标的透明度降低到预设的值。
6.根据权利要求1所述的方法，其特征在于，所述移动光标由多组移动光标单元组成，其中，每组移动光标单元包括预设数量的光标种子，每组移动光标单元的加速度成等差数列。
7.一种刷新页面的装置，其特征在于，所述装置包括: 动画输出模块，用于当执行页面的刷新操作时，输出预设的动画界面，其中，所述预设的动画界面包括:预设标识、移动光标和刷新进度条，所述移动光标从所述预设标识开始向所述刷新进度条的方向移动； 进度条显示模块，用于当检测到所述移动光标到达所述刷新进度条时，计算并输出所述刷新进度条的当前长度； 数据显示模块，用于当所述刷新进度条的当前长度等于所述预设的动画界面的宽度时，输出拉取到的刷新信息。
8.根据权利要求7所述的装置，其特征在于，所述动画输出模块具体用于: 在所述页面的底部输出预设的动画界面；或， 在所述页面的顶部输出预设的动画界面。
9.根据权利要求7所述的装置，其特征在于，所述进度条显示模块，包括:获取单元，用于获取当前拉取到的刷新信息的数量； 第一计算单元，用于根据所述当前拉起到的刷新信息的数量和需要拉取的刷新信息的总数量，计算所述刷新的实际进度； 第二计算单元，用于用所述刷新的实际进度乘以所述预设的动画界面的宽度，得到所述刷新进度条的当前长度。
10.根据权利要求7所述的装置，其特征在于，所述数据显示模块具体用于: 输出所述刷新后的消息数据，并以悬浮窗的形式输出所述刷新得到的所述消息的总数量。
11.根据权利要求7所述的装置，其特征在于，所述装置还包括: 调整模块，用于当所述进度条显示模块计算出所述刷新进度条的长度并未增长时，将所述移动光标的透明度降低到预设的值。
12.根据权利要求7所述的装置，其特征在于，所述移动光标由多组移动光标单元组成，其中，每组移动光标单元包括预设数量的光标种子，每组移动光标单元的加速度成等差数列 。
【文档编号】G06F3/0481GK103513856SQ201210218461
【公开日】2014年1月15日 申请日期:2012年6月28日 优先权日:2012年6月28日
【发明者】张晶, 李美娜, 李杨, 陈单枝, 刘念, 马群立, 张晨, 刘宇飞, 叶军 申请人:腾讯科技（深圳）有限公司