刷新頁面的方法和裝置制造方法
【專利摘要】本發(fā)明公開了一種刷新頁面的方法和裝置，屬于微博【技術(shù)領(lǐng)域】。所述方法包括：當(dāng)執(zhí)行頁面的刷新操作時，輸出預(yù)設(shè)的動畫界面，其中，所述預(yù)設(shè)的動畫界面包括：預(yù)設(shè)標(biāo)識、移動光標(biāo)和刷新進(jìn)度條，所述移動光標(biāo)從所述預(yù)設(shè)標(biāo)識開始向所述刷新進(jìn)度條的方向移動；當(dāng)檢測到所述移動光標(biāo)到達(dá)所述刷新進(jìn)度條時，計算并輸出所述刷新進(jìn)度條的當(dāng)前長度；當(dāng)所述刷新進(jìn)度條的當(dāng)前長度等于所述頁面的寬度時，輸出拉取到的刷新信息。本發(fā)明在執(zhí)行頁面刷新操作時輸出預(yù)設(shè)動畫界面，使用戶能夠獲得更好的體驗(yàn)感。
【專利說明】刷新頁面的方法和裝置
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及微博【技術(shù)領(lǐng)域】，特別涉及一種刷新頁面的方法和裝置。
【背景技術(shù)】
[0002]微博是一種基于用戶關(guān)系的信息分享、傳播以及獲取平臺。用戶可以通過WEB、WAP以及各種客戶端組建個人社區(qū)，以140字左右的文字更新信息，并實(shí)現(xiàn)即時分享。隨著移動終端用戶的增多，微博用戶越來越多，隨著微博的廣泛普及，怎樣使微博用戶能夠得到更好的體驗(yàn)感，是運(yùn)營商需要解決的問題。

【發(fā)明內(nèi)容】

[0003]為了提高用戶在使用微博時的體驗(yàn)感，本發(fā)明實(shí)施例提供了一種刷新頁面的方法和裝置。所述技術(shù)方案如下:
[0004]一方面，提供了一種刷新頁面的方法，所述方法包括:
[0005]當(dāng)執(zhí)行頁面的刷新操作時，輸出預(yù)設(shè)的動畫界面，其中，所述預(yù)設(shè)的動畫界面包括:預(yù)設(shè)標(biāo)識、移動光標(biāo)和刷新進(jìn)度條，所述移動光標(biāo)從所述預(yù)設(shè)標(biāo)識開始向所述刷新進(jìn)度條的方向移動；
[0006]當(dāng)檢測到所述移動光標(biāo)到達(dá)所述刷新進(jìn)度條時，計算并輸出所述刷新進(jìn)度條的當(dāng)前長度；
[0007]當(dāng)所述刷新進(jìn)度條的當(dāng)前長度等于所述預(yù)設(shè)的動畫界面的寬度時，輸出拉取到的刷新息。
[0008]所述輸出預(yù)設(shè)的動畫界面，包括:
[0009]在所述頁面的底部輸出預(yù)設(shè)的動畫界面；或，
[0010]在所述頁面的頂部輸出預(yù)設(shè)的動畫界面。
[0011]所述計算所述刷新進(jìn)度條的當(dāng)前長度，包括:
[0012]獲取當(dāng)前拉取到的刷新信息的數(shù)量；
[0013]根據(jù)所述當(dāng)前拉起到的刷新信息的數(shù)量和需要拉取的刷新信息的總數(shù)量，計算所述刷新的實(shí)際進(jìn)度；
[0014]用所述刷新的實(shí)際進(jìn)度乘以所述預(yù)設(shè)的動畫界面的寬度，得到所述刷新進(jìn)度條的當(dāng)前長度。
[0015]所述輸出所述刷新后的信息，包括:
[0016]輸出所述刷新后的消息數(shù)據(jù)，并以懸浮窗的形式輸出所述刷新得到的所述消息的
總數(shù)量。
[0017]所述計算并輸出所述刷新進(jìn)度條的當(dāng)前長度之后，還包括:
[0018]當(dāng)所述刷新進(jìn)度條的長度并未增長時，將所述移動光標(biāo)的透明度降低到預(yù)設(shè)的值。
[0019]所述移動光標(biāo)由多組移動光標(biāo)單元組成,其中，每組移動光標(biāo)單元包括預(yù)設(shè)數(shù)量的光標(biāo)種子，每組移動光標(biāo)單元的加速度成等差數(shù)列。
[0020]另一方面，提供了一種刷新頁面的裝置，所述裝置包括:
[0021]動畫輸出模塊，用于當(dāng)執(zhí)行頁面的刷新操作時，輸出預(yù)設(shè)的動畫界面，其中，所述預(yù)設(shè)的動畫界面包括:預(yù)設(shè)標(biāo)識、移動光標(biāo)和刷新進(jìn)度條，所述移動光標(biāo)從所述預(yù)設(shè)標(biāo)識開始向所述刷新進(jìn)度條的方向移動；
[0022]進(jìn)度條顯示模塊，用于當(dāng)檢測到所述移動光標(biāo)到達(dá)所述刷新進(jìn)度條時，計算并輸出所述刷新進(jìn)度條的當(dāng)前長度；
[0023]數(shù)據(jù)顯示模塊，用于當(dāng)所述刷新進(jìn)度條的當(dāng)前長度等于所述預(yù)設(shè)的動畫界面的寬度時，輸出拉取到的刷新信息。
[0024]所述動畫輸出模塊具體用于:
[0025]在所述頁面的底部輸出預(yù)設(shè)的動畫界面；或，
[0026]在所述頁面的頂部輸出預(yù)設(shè)的動畫界面。
[0027]所述進(jìn)度條顯示模塊，包括:
[0028]獲取單元，用于獲取當(dāng)前拉取到的刷新信息的數(shù)量；
[0029]第一計算單元，用于根據(jù)所述當(dāng)前拉起到的刷新信息的數(shù)量和需要拉取的刷新信息的總數(shù)量，計算所述刷新的實(shí)際進(jìn)度；
[0030]第二計算單元，用于用所述刷新的實(shí)際進(jìn)度乘以所述預(yù)設(shè)的動畫界面的寬度，得到所述刷新進(jìn)度條的當(dāng)前長度。
[0031]所述數(shù)據(jù)顯示模塊具體用于:
[0032]輸出所述刷新后的消息數(shù)據(jù)，并以懸浮窗的形式輸出所述刷新得到的所述消息的
總數(shù)量。
[0033]所述裝置還包括:
[0034]調(diào)整模塊，用于當(dāng)所述進(jìn)度條顯示模塊計算出所述刷新進(jìn)度條的長度并未增長時，將所述移動光標(biāo)的透明度降低到預(yù)設(shè)的值。
[0035]所述移動光標(biāo)由多組移動光標(biāo)單元組成,其中，每組移動光標(biāo)單元包括預(yù)設(shè)數(shù)量的光標(biāo)種子，每組移動光標(biāo)單元的加速度成等差數(shù)列。
[0036]本發(fā)明實(shí)施例提供的技術(shù)方案帶來的有益效果是:當(dāng)執(zhí)行頁面的刷新操作時，輸出預(yù)設(shè)的動畫界面，其中，所述預(yù)設(shè)的動畫界面包括:預(yù)設(shè)標(biāo)識、移動光標(biāo)和刷新進(jìn)度條，所述移動光標(biāo)從所述預(yù)設(shè)標(biāo)識開始向所述刷新進(jìn)度條的方向移動；當(dāng)檢測到所述移動光標(biāo)到達(dá)所述刷新進(jìn)度條時，計算并輸出所述刷新進(jìn)度條的當(dāng)前長度；當(dāng)所述刷新進(jìn)度條的長度等于所述預(yù)設(shè)的動畫界面的寬度時，輸出拉取到的刷新信息。在執(zhí)行頁面刷新操作時輸出預(yù)設(shè)動畫界面，使用戶能夠獲得更好的體驗(yàn)感。
【專利附圖】

【附圖說明】
[0037]為了更清楚地說明本發(fā)明實(shí)施例中的技術(shù)方案，下面將對實(shí)施例描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實(shí)施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據(jù)這些附圖獲得其他的附圖。
[0038]圖1是本發(fā)明實(shí)施例1中提供的一種刷新頁面的方法流程圖；[0039]圖2是本發(fā)明實(shí)施例2中提供的一種刷新頁面的方法流程圖；
[0040]圖3是本發(fā)明實(shí)施例2中提供的一種動畫界面的示意圖；
[0041]圖4是本發(fā)明實(shí)施例2中提供的一種頁面的示意圖；
[0042]圖5是本發(fā)明實(shí)施例2中提供的一種頁面的示意圖；
[0043]圖6是本發(fā)明實(shí)施例2中提供的一種頁面的示意圖；
[0044]圖7是本發(fā)明實(shí)施例2中提供的一種頁面的示意圖；
[0045]圖8是本發(fā)明實(shí)施例3中提供的一種刷新頁面的裝置結(jié)構(gòu)示意圖；
[0046]圖9是本發(fā)明實(shí)施例4中提供的一種刷新頁面的裝置結(jié)構(gòu)示意圖。
【具體實(shí)施方式】
[0047]為使本發(fā)明的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚，下面將結(jié)合附圖對本發(fā)明實(shí)施方式作進(jìn)一步地詳細(xì)描述。
[0048]實(shí)施例1
[0049]參見圖1，本實(shí)施例中提供了一種刷新頁面的方法，所述方法包括:
[0050]101、當(dāng)執(zhí)行頁面的刷新操作時，輸出預(yù)設(shè)的動畫界面，其中，所述預(yù)設(shè)的動畫界面包括:預(yù)設(shè)標(biāo)識、移動光標(biāo)和刷新進(jìn)度條，所述移動光標(biāo)從所述預(yù)設(shè)標(biāo)識開始向所述刷新進(jìn)度條的方向移動；
[0051]102、當(dāng)檢測到所述移動光標(biāo)到達(dá)所述刷新進(jìn)度條時，計算并輸出所述刷新進(jìn)度條的當(dāng)前長度；
[0052]103、當(dāng)所述刷新進(jìn)度條的當(dāng)前長度等于所述預(yù)設(shè)的動畫界面的寬度時，輸出拉取到的刷新信息。
[0053]可選地，所述輸出預(yù)設(shè)的動畫界面，包括:
[0054]在所述頁面的底部輸出預(yù)設(shè)的動畫界面；或，
[0055]在所述頁面的頂部輸出預(yù)設(shè)的動畫界面。
[0056]其中，所述計算所述刷新進(jìn)度條的當(dāng)前長度，包括:
[0057]獲取當(dāng)前拉取到的刷新信息的數(shù)量；
[0058]根據(jù)所述當(dāng)前拉起到的刷新信息的數(shù)量和需要拉取的刷新信息的總數(shù)量，計算所述刷新的實(shí)際進(jìn)度；
[0059]用所述刷新的實(shí)際進(jìn)度乘以所述預(yù)設(shè)的動畫界面的寬度，得到所述刷新進(jìn)度條的當(dāng)前長度。
[0060]其中，所述輸出所述刷新后的信息，包括:
[0061]輸出所述刷新后的消息數(shù)據(jù)，并以懸浮窗的形式輸出所述刷新得到的所述消息的
總數(shù)量。
[0062]其中可選地，所述計算并輸出所述刷新進(jìn)度條的當(dāng)前長度之后，還包括:
[0063]當(dāng)所述刷新進(jìn)度條的長度并未增長時，將所述移動光標(biāo)的透明度降低到預(yù)設(shè)的值。
[0064]可選地，所述移動光標(biāo)由多組移動光標(biāo)單元組成，其中，每組移動光標(biāo)單元包括預(yù)設(shè)數(shù)量的光標(biāo)種子，每組移動光標(biāo)單元的加速度成等差數(shù)列。
[0065]本實(shí)施例的有益效果是:當(dāng)執(zhí)行頁面的刷新操作時，輸出預(yù)設(shè)的動畫界面，其中，所述預(yù)設(shè)的動畫界面包括:預(yù)設(shè)標(biāo)識、移動光標(biāo)和刷新進(jìn)度條，所述移動光標(biāo)從所述預(yù)設(shè)標(biāo)識開始向所述刷新進(jìn)度條的方向移動；當(dāng)檢測到所述移動光標(biāo)到達(dá)所述刷新進(jìn)度條時，計算并輸出所述刷新進(jìn)度條的當(dāng)前長度；當(dāng)所述刷新進(jìn)度條的當(dāng)前長度等于所述預(yù)設(shè)的動畫界面的寬度時，輸出拉取到的刷新信息。在執(zhí)行頁面刷新操作時輸出預(yù)設(shè)動畫界面，使用戶能夠獲得更好的體驗(yàn)感。
[0066]實(shí)施例2
[0067]本發(fā)明實(shí)施例提供了一種刷新頁面的方法，參見圖2，方法流程包括:
[0068]201:當(dāng)執(zhí)行頁面的刷新操作時，輸出預(yù)設(shè)的動畫界面。
[0069]本步驟中，當(dāng)用戶在微博界面上點(diǎn)擊刷新按鈕對數(shù)據(jù)進(jìn)行刷新時，微博平臺執(zhí)行刷新操作，拉取刷新數(shù)據(jù)，同時在顯示界面上輸出預(yù)設(shè)的動畫界面。其中，預(yù)設(shè)的動畫界面包括:預(yù)設(shè)標(biāo)識、移動光標(biāo)和刷新進(jìn)度條，所述移動光標(biāo)從所述預(yù)設(shè)標(biāo)識開始向所述刷新進(jìn)度條的方向移動，視覺效果相當(dāng)于預(yù)設(shè)標(biāo)識在發(fā)射移動光標(biāo)，本實(shí)施例中優(yōu)選地，預(yù)設(shè)動畫界面的寬度與頁面的寬度一致，但是預(yù)設(shè)動畫界面也可以小于頁面的寬度，對此本實(shí)施例不做具體限定。
[0070]本實(shí)施例中，預(yù)設(shè)標(biāo)識可以是微博本身的標(biāo)識，也可以是一個其它廣告的標(biāo)識，對此本實(shí)施例不做具體限定。其中預(yù)設(shè)標(biāo)識可以在預(yù)設(shè)的動畫界面的一端或是中間，當(dāng)其在預(yù)設(shè)的動畫界面的一端時，移動光標(biāo)從其開始向動畫界面的另一端移動，此時，刷新進(jìn)度條從與預(yù)設(shè)標(biāo)識相反的一端開始增長；當(dāng)預(yù)設(shè)標(biāo)識在動畫界面的中間時，移動光標(biāo)可以同時向動畫界面的兩端移動，此時，刷新進(jìn)度條從動畫界面的兩端開始同時增長。具體預(yù)設(shè)標(biāo)識設(shè)置在動畫界面的哪個位置，對此本實(shí)施例不做具體限定。
[0071]本實(shí)施例中預(yù)設(shè)的動畫界面只占微博顯示頁面的一小部分地方，可以在微博顯示頁面的底部或是頂部，對此本實(shí)施 例也不做具體限定。本實(shí)施例中，移動光標(biāo)可以由多組移動光標(biāo)單元組成，其中，每組移動光標(biāo)單元包括預(yù)設(shè)數(shù)量的光標(biāo)種子，且可選地，為了使動畫效果更好，可以設(shè)定每組移動光標(biāo)單元的加速度成等差數(shù)列。當(dāng)然，每組移動光標(biāo)單元的加速度也可以相同，對此本實(shí)施例不做具體限定。每組移動光標(biāo)單元的種子數(shù)量可以為I個、2個、3個、4個或5個等，對此本實(shí)施例不做具體限定，但是每組種子的數(shù)量不能大于頁面總寬度。其中，刷新進(jìn)度條的初始長度為零，隨著光標(biāo)的移動刷新進(jìn)度條不斷增長。
[0072]如圖3所示，給出了一種預(yù)設(shè)動畫界面的示意圖，預(yù)設(shè)標(biāo)識為一個蒲公英的圖像標(biāo)識，每組廣播移動單元由5個種子構(gòu)成，從左向右移動到頁面的邊緣。其中，每幀動畫0.2秒，第一組移動距離為I個蒲公英的種子，第二組移動距離為2個蒲公英種子的寬度，第三組移動距離為3個蒲公英種子的寬度，第四組移動距離為4個蒲公英的種子的寬度…以此類推。
[0073]本實(shí)施例中，在微博平臺執(zhí)行刷新操作時，預(yù)設(shè)的動畫界面按預(yù)設(shè)的規(guī)則進(jìn)行動畫演示，使用戶在等待刷新的過程獲得了很好的用戶體驗(yàn)感。
[0074]202、當(dāng)檢測到所述移動光標(biāo)到達(dá)所述刷新進(jìn)度條時，計算所述刷新進(jìn)度條的當(dāng)前長度。
[0075]本步驟中，移動光標(biāo)在數(shù)據(jù)拉取的過程中不停的向刷新進(jìn)度條的方向移動，當(dāng)檢測到移動光標(biāo)到達(dá)刷新進(jìn)度條時，計算需要增加的刷新進(jìn)度條的長度，其中具體方法包括:[0076]獲取當(dāng)前拉取到的刷新信息的數(shù)量；
[0077]根據(jù)所述當(dāng)前拉起到的刷新信息的數(shù)量和需要拉取的刷新信息的總數(shù)量，計算所述刷新的實(shí)際進(jìn)度；
[0078]用所述刷新的實(shí)際進(jìn)度乘以所述頁面的總寬度，得到所述刷新進(jìn)度條的當(dāng)前長度。
[0079]上述刷新進(jìn)度就是頁面當(dāng)前拉取的刷新信息的數(shù)量占全部需拉取的刷新信息的百分比。本實(shí)施例中，預(yù)先設(shè)定每次拉取的刷新信息的數(shù)量，如設(shè)定每次拉取10條信息，20條信息，或是25條信息等，對此本實(shí)施例不做具體限定。
[0080]上述通過當(dāng)前拉取到的刷新信息的數(shù)量來計算刷新進(jìn)度條的當(dāng)前長度，從而將網(wǎng)絡(luò)的拉取進(jìn)程與刷新進(jìn)度條的增長相關(guān)聯(lián)起來，使得用戶能夠刷新進(jìn)度條的變化獲知網(wǎng)絡(luò)狀況，進(jìn)一步提聞了用戶的體驗(yàn)感。
[0081]203、輸出所述刷新進(jìn)度條的當(dāng)前長度。
[0082]本實(shí)施例中，當(dāng)計算得到刷新進(jìn)度條的當(dāng)前長度后，在預(yù)設(shè)的動畫界面上顯示相應(yīng)的長度。其中，刷新進(jìn)度條以預(yù)設(shè)的顏色顯示，該顯示顏色可以種子的顏色相同也可以不同，對此本實(shí)施例不做具體限定。
[0083]值得說明的是，本實(shí)施例中，如果未拉取到刷新信息，則刷新實(shí)際進(jìn)度為零，此時，刷新進(jìn)度條的長度也不會相應(yīng)的增加。本實(shí)施例中，當(dāng)刷新進(jìn)度條的長度并未增長時，將要發(fā)射的移動光標(biāo)的亮度降低到預(yù)設(shè)值，其中預(yù)設(shè)值可以是當(dāng)前透明度的20%，30%或是40%，對此本實(shí)施例不做具體限定，以此來表明當(dāng)前的網(wǎng)絡(luò)環(huán)境比較差，當(dāng)網(wǎng)絡(luò)環(huán)境變好時，即再次拉取到刷新信息時，再將移動光標(biāo)的透明度調(diào)整回原來值。當(dāng)然也可以不根據(jù)網(wǎng)絡(luò)的狀況調(diào)整移動光標(biāo)的透明度，對此本實(shí)施例不做具體限定。
[0084]204、當(dāng)所述刷新進(jìn)度條的長度等于頁面的寬度時，輸出拉取到的刷新信息。
[0085]本實(shí)施例中，隨著拉取數(shù)據(jù)的增多，刷新進(jìn)度條不斷的增長，當(dāng)刷新進(jìn)度條的長度填滿整個頁面的寬度時，表明數(shù)據(jù)拉取完畢，此時退出預(yù)設(shè)的動畫界面，輸出拉取到的刷新信息。其中，在輸出拉取到的刷新信息包括:輸出拉取到的消息數(shù)據(jù)，并以懸浮窗的形式輸出所述刷新得到的所述消息的總數(shù)量。如拉取到20條微博消息，則在頁面上輸出該20條消息，并以懸浮窗的形式輸出“共拉取到20條新廣播”的字樣，告知用戶拉取到的消息數(shù)量。其中懸浮窗可以在頁面的頂部或是底部，對此本實(shí)施例不做具體限定。
[0086]為了使本領(lǐng)域技術(shù)人員更好的理解本發(fā)明提供的方案，現(xiàn)舉例如下:
[0087]如圖4所示，頁面當(dāng)前現(xiàn)示的是頭像1-編輯內(nèi)容1，頭像2-編輯內(nèi)容1，頭像36-編輯內(nèi)容1，點(diǎn)擊微博頁面上的刷新按鈕后，預(yù)設(shè)標(biāo)識出開始發(fā)射移動光標(biāo)，移動光標(biāo)由5個種子組成，當(dāng)移動光標(biāo)到達(dá)頁面的邊緣時，刷新進(jìn)度條開始增長，如圖5所示，數(shù)啊新進(jìn)度條的增長，當(dāng)刷新進(jìn)度條的寬度等于頁面寬度時，表明數(shù)據(jù)拉取完畢，如圖6所示，此時退出預(yù)設(shè)的動畫界面，輸出拉取的數(shù)據(jù)并輸出拉取到的數(shù)據(jù)數(shù)目，如圖7所示，此時頁面上顯示的是，頭像1-編輯內(nèi)容2，頭像2-編輯內(nèi)容2，頭像4-編輯內(nèi)容1，將最新的廣播消息展示在頁面上，并顯示拉取到20條新廣播。
[0088]本是實(shí)施例中，如果用戶在數(shù)據(jù)未拉取完畢時，點(diǎn)擊了取消按鈕，取消當(dāng)前的刷新操作，則推出預(yù)設(shè)的動畫界面，輸出當(dāng)前已拉取到的消息數(shù)據(jù)，及拉取到的消息的總數(shù)量。例如，在用戶點(diǎn)擊取消按鈕時，已經(jīng)拉取到了 5條消息，則輸出該5條消息，并以懸浮窗的形式輸出“共拉取到5條新廣播”的字樣，告知用戶拉取到的消息數(shù)量。
[0089]本實(shí)施例的有益效果是:當(dāng)執(zhí)行頁面的刷新操作時，輸出預(yù)設(shè)的動畫界面，其中，所述預(yù)設(shè)的動畫界面包括:預(yù)設(shè)標(biāo)識、移動光標(biāo)和刷新進(jìn)度條，所述移動光標(biāo)從所述預(yù)設(shè)標(biāo)識開始向所述刷新進(jìn)度條的方向移動；當(dāng)檢測到所述移動光標(biāo)到達(dá)所述刷新進(jìn)度條時，計算并輸出所述刷新進(jìn)度條的當(dāng)前長度；當(dāng)所述刷新進(jìn)度條的當(dāng)前長度等于所述預(yù)設(shè)的動畫界面的寬度時，輸出拉取到的刷新信息。在執(zhí)行頁面刷新操作時輸出預(yù)設(shè)動畫界面，使用戶能夠獲得更好的體驗(yàn)感。且能夠根據(jù)網(wǎng)絡(luò)狀況的變化調(diào)整移動光標(biāo)的顏色，使得用戶能夠及時獲知網(wǎng)絡(luò)當(dāng)前的狀態(tài)，以便決定是否繼續(xù)等待刷新或是取消刷新，進(jìn)一步提高了用戶的體驗(yàn)感。
[0090]實(shí)施例3
[0091]參見圖8，本發(fā)明實(shí)施例提供了一種刷新頁面的裝置，該裝置包括:動畫輸出模塊301、進(jìn)度條顯示模塊302和數(shù)據(jù)顯示模塊303。
[0092]動畫輸出模塊301，用于當(dāng)執(zhí)行頁面的刷新操作時，輸出預(yù)設(shè)的動畫界面，其中，所述預(yù)設(shè)的動畫界面包括:預(yù)設(shè)標(biāo)識、移動光標(biāo)和刷新進(jìn)度條，所述移動光標(biāo)從所述預(yù)設(shè)標(biāo)識開始向所述刷新進(jìn)度條的方向移動；
[0093]進(jìn)度條顯示模塊302，用于當(dāng)檢測到所述移動光標(biāo)到達(dá)所述刷新進(jìn)度條時，計算并輸出所述刷新進(jìn)度條的長度；
[0094]數(shù)據(jù)顯示模塊303，用于當(dāng)所述刷新進(jìn)度條的當(dāng)前長度等于所述預(yù)設(shè)的動畫界面的寬度時，輸出拉取到的刷新信息。
[0095]可選地，所述動畫輸出模塊301具體用于:
[0096]在所述頁面的底部輸出預(yù)設(shè)的動畫界面；或，
[0097]在所述頁面的頂部輸出預(yù)設(shè)的動畫界面。
[0098]其中，所述進(jìn)度條顯示模塊302，包括:
[0099]獲取單元，用于獲取當(dāng)前拉取到的刷新信息的數(shù)量；
[0100]第一計算單元，用于根據(jù)所述當(dāng)前拉起到的刷新信息的數(shù)量和需要拉取的刷新信息的總數(shù)量，計算所述刷新的實(shí)際進(jìn)度；
[0101]第二計算單元，用于用所述刷新的實(shí)際進(jìn)度乘以所述預(yù)設(shè)的動畫界面的寬度，得到所述刷新進(jìn)度條的當(dāng)前長度。
[0102]其中，所述數(shù)據(jù)顯示模塊303具體用于:
[0103]輸出所述刷新后的消息數(shù)據(jù)，并以懸浮窗的形式輸出所述刷新得到的所述消息的
總數(shù)量。
[0104]參見圖9，可選地，所述裝置還包括:
[0105]調(diào)整模塊304，用于當(dāng)所述進(jìn)度條顯示模塊302計算出所述刷新進(jìn)度條的長度并未增長時，將所述移動光標(biāo)的透明度降低到預(yù)設(shè)的值。
[0106]可選地，本實(shí)施例中，所述移動光標(biāo)由多組移動光標(biāo)單元組成，其中，每組移動光標(biāo)單元包括預(yù)設(shè)數(shù)量的光標(biāo)種子，每組移動光標(biāo)單元的加速度成等差數(shù)列。
[0107]本實(shí)施例的有益效果是:當(dāng)執(zhí)行頁面的刷新操作時，輸出預(yù)設(shè)的動畫界面，其中，所述預(yù)設(shè)的動畫界面包括:預(yù)設(shè)標(biāo)識、移動光標(biāo)和刷新進(jìn)度條，所述移動光標(biāo)從所述預(yù)設(shè)標(biāo)識開始向所述刷新進(jìn)度條的方向移動；當(dāng)檢測到所述移動光標(biāo)到達(dá)所述刷新進(jìn)度條時，計算并輸出所述刷新進(jìn)度條的長度；當(dāng)所述刷新進(jìn)度條的長度等于所述預(yù)設(shè)的動畫界面的寬度時，輸出拉取到的刷新信息。在執(zhí)行頁面刷新操作時輸出預(yù)設(shè)動畫界面，使用戶能夠獲得更好的體驗(yàn)感。
[0108]需要說明的是:上述實(shí)施例提供的刷新頁面的裝置，僅以上述各功能模塊的劃分進(jìn)行舉例說明，實(shí)際應(yīng)用中，可以根據(jù)需要而將上述功能分配由不同的功能模塊完成，即將裝置的內(nèi)部結(jié)構(gòu)劃分成不同的功能模塊，以完成以上描述的全部或者部分功能。另外，上述實(shí)施例提供的刷新頁面的裝置與刷新頁面的方法實(shí)施例屬于同一構(gòu)思，其具體實(shí)現(xiàn)過程詳見方法實(shí)施例，這里不再贅述。
[0109]上述本發(fā)明實(shí)施例序號僅僅為了描述，不代表實(shí)施例的優(yōu)劣。
[0110]本領(lǐng)域普通技術(shù)人員可以理解實(shí)現(xiàn)上述實(shí)施例的全部或部分步驟可以通過硬件來完成，也可以通過程序來指令相關(guān)的硬件完成，所述的程序可以存儲于一種計算機(jī)可讀存儲介質(zhì)中，上述提到的存儲介質(zhì)可以是只讀存儲器，磁盤或光盤等。
[0111]以上所述僅為本發(fā)明的較佳實(shí)施例，并不用以限制本發(fā)明，凡在本發(fā)明的精神和原則之內(nèi)，所作的任何修改、等同替換、改進(jìn)等，均應(yīng)包含在本發(fā)明的保護(hù)范圍之內(nèi)。
【權(quán)利要求】
1.一種刷新頁面的方法，其特征在于，所述方法包括: 當(dāng)執(zhí)行頁面的刷新操作時，輸出預(yù)設(shè)的動畫界面，其中，所述預(yù)設(shè)的動畫界面包括:預(yù)設(shè)標(biāo)識、移動光標(biāo)和刷新進(jìn)度條，所述移動光標(biāo)從所述預(yù)設(shè)標(biāo)識開始向所述刷新進(jìn)度條的方向移動； 當(dāng)檢測到所述移動光標(biāo)到達(dá)所述刷新進(jìn)度條時，計算并輸出所述刷新進(jìn)度條的當(dāng)前長度； 當(dāng)所述刷新進(jìn)度條的當(dāng)前長度等于所述預(yù)設(shè)的動畫界面的寬度時，輸出拉取到的刷新信息。
2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述輸出預(yù)設(shè)的動畫界面，包括: 在所述頁面的底部輸出預(yù)設(shè)的動畫界面；或， 在所述頁面的頂部輸出預(yù)設(shè)的動畫界面。
3.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述計算所述刷新進(jìn)度條的當(dāng)前長度，包括: 獲取當(dāng)前拉取到的刷新信 息的數(shù)量； 根據(jù)所述當(dāng)前拉起到的刷新信息的數(shù)量和需要拉取的刷新信息的總數(shù)量，計算所述刷新的實(shí)際進(jìn)度； 用所述刷新的實(shí)際進(jìn)度乘以所述預(yù)設(shè)的動畫界面的寬度，得到所述刷新進(jìn)度條的當(dāng)前長度。
4.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述輸出所述刷新后的信息，包括: 輸出所述刷新后的消息數(shù)據(jù)，并以懸浮窗的形式輸出所述刷新得到的所述消息的總數(shù)量。
5.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述計算并輸出所述刷新進(jìn)度條的當(dāng)前長度之后，還包括: 當(dāng)所述刷新進(jìn)度條的長度并未增長時，將所述移動光標(biāo)的透明度降低到預(yù)設(shè)的值。
6.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述移動光標(biāo)由多組移動光標(biāo)單元組成，其中，每組移動光標(biāo)單元包括預(yù)設(shè)數(shù)量的光標(biāo)種子，每組移動光標(biāo)單元的加速度成等差數(shù)列。
7.一種刷新頁面的裝置，其特征在于，所述裝置包括: 動畫輸出模塊，用于當(dāng)執(zhí)行頁面的刷新操作時，輸出預(yù)設(shè)的動畫界面，其中，所述預(yù)設(shè)的動畫界面包括:預(yù)設(shè)標(biāo)識、移動光標(biāo)和刷新進(jìn)度條，所述移動光標(biāo)從所述預(yù)設(shè)標(biāo)識開始向所述刷新進(jìn)度條的方向移動； 進(jìn)度條顯示模塊，用于當(dāng)檢測到所述移動光標(biāo)到達(dá)所述刷新進(jìn)度條時，計算并輸出所述刷新進(jìn)度條的當(dāng)前長度； 數(shù)據(jù)顯示模塊，用于當(dāng)所述刷新進(jìn)度條的當(dāng)前長度等于所述預(yù)設(shè)的動畫界面的寬度時，輸出拉取到的刷新信息。
8.根據(jù)權(quán)利要求7所述的裝置，其特征在于，所述動畫輸出模塊具體用于: 在所述頁面的底部輸出預(yù)設(shè)的動畫界面；或， 在所述頁面的頂部輸出預(yù)設(shè)的動畫界面。
9.根據(jù)權(quán)利要求7所述的裝置，其特征在于，所述進(jìn)度條顯示模塊，包括:獲取單元，用于獲取當(dāng)前拉取到的刷新信息的數(shù)量； 第一計算單元，用于根據(jù)所述當(dāng)前拉起到的刷新信息的數(shù)量和需要拉取的刷新信息的總數(shù)量，計算所述刷新的實(shí)際進(jìn)度； 第二計算單元，用于用所述刷新的實(shí)際進(jìn)度乘以所述預(yù)設(shè)的動畫界面的寬度，得到所述刷新進(jìn)度條的當(dāng)前長度。
10.根據(jù)權(quán)利要求7所述的裝置，其特征在于，所述數(shù)據(jù)顯示模塊具體用于: 輸出所述刷新后的消息數(shù)據(jù)，并以懸浮窗的形式輸出所述刷新得到的所述消息的總數(shù)量。
11.根據(jù)權(quán)利要求7所述的裝置，其特征在于，所述裝置還包括: 調(diào)整模塊，用于當(dāng)所述進(jìn)度條顯示模塊計算出所述刷新進(jìn)度條的長度并未增長時，將所述移動光標(biāo)的透明度降低到預(yù)設(shè)的值。
12.根據(jù)權(quán)利要求7所述的裝置，其特征在于，所述移動光標(biāo)由多組移動光標(biāo)單元組成，其中，每組移動光標(biāo)單元包括預(yù)設(shè)數(shù)量的光標(biāo)種子，每組移動光標(biāo)單元的加速度成等差數(shù)列 。
【文檔編號】G06F3/0481GK103513856SQ201210218461
【公開日】2014年1月15日 申請日期:2012年6月28日 優(yōu)先權(quán)日:2012年6月28日
【發(fā)明者】張晶, 李美娜, 李楊, 陳單枝, 劉念, 馬群立, 張晨, 劉宇飛, 葉軍 申請人:騰訊科技（深圳）有限公司