本公開涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，尤其涉及一種相冊中的圖片加載方法及系統(tǒng)。

背景技術(shù)：

相冊，是人們記錄生活點滴最重要的方式之一，拍照和錄像也成為用戶在手機上最常用的功能之一。隨時隨地留下精彩瞬間到自己的相冊或分享給親近的人，那種感覺是美妙的。隨著設(shè)備的增多，用戶在手機、電視、電腦等多智能終端瀏覽自己照片的需求也日趨增加，按照具體的時間點或拍攝地點來選擇性查看照片的需求，越來越強烈。

在多終端查看照片更進一步提高了瀏覽體驗?，F(xiàn)在通過多終端查看相冊的技術(shù)中，普通采用瀑布流加載方式。具體而言，每次用戶登錄相冊后，會分批量依次從服務(wù)端獲取照片并展示，相當于是串行的加載方式。這種瀑布流的加載方式基本能滿足用戶瀏覽相冊的需要。

然而，隨著用戶使用手機時間的增加，照片的積累量也會越來越多。發(fā)明人發(fā)現(xiàn)當用戶需要看一年前甚至更早前的照片時，就要先把1年內(nèi)的照片依次加載完成后，即只能慢慢的向下查看直到加載到想看到的照片為止。這樣，勢必給相冊服務(wù)器造成很大的訪問壓力，不僅浪費系統(tǒng)資源，而且加載時間較長，導致瀏覽速度較慢，嚴重影響用戶使用體驗。

技術(shù)實現(xiàn)要素：

本公開實施例提供一種相冊中的圖片加載方法及系統(tǒng)，用以解決現(xiàn)有技術(shù)中用戶查看相冊必須等待當前界面中圖片完全加載完成，等待時間長，無法快速查看用戶所要查看的相冊信息的缺陷，實現(xiàn)相冊中圖片的按需加載。

根據(jù)本公開實施例的一個方面，提供一種相冊中的圖片的加載方法，其包括：

將相冊中的多個圖片分為多個組，并生成組列表；

響應于用戶對界面的滾動操作，比較所述滾動操作期間的每次懸停的懸停時間與預定閾值的大小，僅加載懸停時間大于預定閾值的所述界面中當前可視區(qū)域所對應的所述組列表中的組中的圖片。

根據(jù)本公開實施例的另一個方面，提供一種相冊中圖片的加載系統(tǒng)，其包括：

分組模塊，用于將相冊中的多個圖片分為多個組，并生成組列表；

加載模塊，用于響應于用戶對界面的滾動操作，比較所述滾動操作期間的每次懸停的懸停時間與預定閾值的大小，僅加載懸停時間大于預定閾值的所述界面中當前可視區(qū)域所對應的所述組列表中的組中的圖片。

本公開實施例提供的相冊中圖片的加載方法和系統(tǒng)，通過響應用戶的滾動操作，比較用戶滾動操作期間的每次懸停時間與預定閾值的大小，僅加載懸停時間大于預定閾值的當前可視區(qū)域中圖片。通過本公開提供的方法和系統(tǒng)，改變了現(xiàn)有技術(shù)中相冊瀑布流加載存在的問題，實現(xiàn)了相冊中圖片的按需加載，有效節(jié)省了系統(tǒng)資源，提高了用戶瀏覽相冊的速度，為用戶帶來更好的使用體驗。

附圖說明

為了更清楚地說明本發(fā)明實施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對實施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作一簡單地介紹，顯而易見地，下面描述中的附圖是本發(fā)明的一些實施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據(jù)這些附圖獲得其他的附圖。

圖1為本公開的相冊中圖片加載方法的一實施方式流程圖；

圖2為本公開的相冊中圖片加載方法的另一實施方式流程圖；

圖3為用戶快速滾動過程中當前界面顯示效果圖；

圖4為用戶滾動過程中懸停時間大于預定閾值時當前界面顯示效果圖；

圖5為本公開的相冊中圖片加載系統(tǒng)的一實施方式結(jié)構(gòu)示意圖；

圖6為本公開的用戶設(shè)備的一實施方式的示意圖。

具體實施方式

為使本發(fā)明實施例的目的、技術(shù)方案和優(yōu)點更加清楚，下面將結(jié)合本發(fā)明實施例中的附圖，對本發(fā)明實施例中的技術(shù)方案進行清楚、完整地描述，顯然，所描述的實施例是本發(fā)明一部分實施例，而不是全部的實施例。基于本發(fā)明中的實施例，本領(lǐng)域普通技術(shù)人員在沒有作出創(chuàng)造性勞動前提下所獲得的所有其他實施例，都屬于本發(fā)明保護的范圍。

需要說明的是，在不沖突的情況下，本申請中的實施方式及實施方式中的特征可以相互組合。

本公開實施例可用于眾多通用或?qū)Ｓ玫挠嬎阆到y(tǒng)環(huán)境或配置中。例如：個人計算機、服務(wù)器計算機、手持設(shè)備或便攜式設(shè)備、平板型設(shè)備、多處理器系統(tǒng)、基于微處理器的系統(tǒng)、置頂盒、可編程的消費電子設(shè)備、網(wǎng)絡(luò)PC、小型計算機、大型計算機、包括以上任何系統(tǒng)或設(shè)備的分布式計算環(huán)境等等。

本公開實施例可以在由計算機執(zhí)行的計算機可執(zhí)行指令的一般上下文中描述，例如程序模塊。一般地，程序模塊包括執(zhí)行特定任務(wù)或?qū)崿F(xiàn)特定抽象數(shù)據(jù)類型的例程、程序、對象、組件、數(shù)據(jù)結(jié)構(gòu)等等。也可以在分布式計算環(huán)境中實踐本公開，在這些分布式計算環(huán)境中，由通過通信網(wǎng)絡(luò)而被連接的遠程處理設(shè)備來執(zhí)行任務(wù)。在分布式計算環(huán)境中，程序模塊可以位于包括存儲設(shè)備在內(nèi)的本地和遠程計算機存儲介質(zhì)中。

最后，還需要說明的是，在本文中，諸如第一和第二等之類的關(guān)系術(shù)語僅僅用來將一個實體或者操作與另一個實體或操作區(qū)分開來，而不一定要求或者暗示這些實體或操作之間存在任何這種實際的關(guān)系或者順序。而且，術(shù)語“包括”、“包含”，不僅包括那些要素，而且還包括沒有明確列出的其他要素，或者是還包括為這種過程、方法、物品或者設(shè)備所固有的要素。在沒有更多限制的情況下，由語句“包括……”限定的要素，并不排除在包括所述要素的過程、方法、物品或者設(shè)備中還存在另外的相同要素。

實施例一：

如圖1所示，本公開的相冊中圖片加載方法的一實施方式的流程圖，其包括：

S101、將相冊中的多個圖片分為多個組，并生成組列表；

S102、響應于用戶對界面的滾動操作，比較滾動操作期間的每次懸停的懸停時間與預定閾值的大小，僅加載懸停時間大于預定閾值的界面中當前可視區(qū)域所對應的組列表中的組中的圖片。

在本實施方式中，用戶通過客戶端，例如PC客戶端成功登錄相冊后，當打開某個相冊或已經(jīng)進入相冊想要刷新顯示時，相冊服務(wù)器(例如云相冊服務(wù)器)響應用戶的查看或刷新請求，進行初始化操作，獲取相冊中圖片的某項屬性的所有列表集合。將相冊中的多個圖片分為多個組，并生成一個組列表。組列表即相冊按某個屬性進行分組的結(jié)果，其中沒有圖片。初始化時，在用戶客戶端的當前頁面首先加載可視區(qū)域中相冊的組中的圖片，主要顯示圖片的縮略圖，同時還要加載圖片的其它詳細信息，如圖片的存儲路徑等信息。當用戶想要看很靠后的組中的圖片時，只要對當前界面進行滾動操作(如通過鼠標拖動滾動條或其它引起界面滾動的操作)，相冊服務(wù)器響應于用戶對界面的滾動操作，比較滾動時每次懸停時間與預定閾值的大小，僅加載懸停時間大于預定閾值的界面中當前可視區(qū)域所對應的所述組列表中的組中的圖片，在客戶端上顯示圖片縮略圖、同時還要加載圖片存儲路徑等圖片的其它詳細信息。這樣，用戶想看很靠后的相冊中的圖片時，只需快速滾動到想看相冊中的某一分組，不需要等待中間的數(shù)據(jù)加載完成后才能看到，而是通過快速滾動直接就可以看到，無需等待，既提高了用戶瀏覽相冊的速度，為用戶帶來更好的使用體驗，又節(jié)省了系統(tǒng)資源，實現(xiàn)了按需加載。

上述實施方式中將相冊中的多個圖片分為多個組，可以根據(jù)相冊中圖片的相關(guān)屬性來對相冊進行分組。

可選地，上述實施方式步驟S101中將相冊中的多個圖片分為多個組，并生成組列表包括：按照圖片上傳日期將相冊中的多個圖片分為多個組，并生成時間軸的組列表。

可選地，上述實施方式步驟S101中將相冊中的多個圖片分為多個組，并生成組列表包括：按照圖片拍攝地的地理位置將相冊中的多個圖片分為多個組，并生成地理位置的組列表。

可選地，上述實施方式中預定閾值為300毫秒，該預定閾值可配置，可以根據(jù)需要進行調(diào)整。

實施例二：

如圖2所示，為本公開的相冊中圖片加載方法的另一實施方式的流程圖，在該實施方式中，響應于用戶對界面的滾動操作，比較滾動操作期間的每次懸停的懸停時間與預定閾值的大小，僅加載懸停時間大于預定閾值的界面中當前可視區(qū)域所對應的組列表中的組中的圖片包括：

S1021、響應于用戶對界面的滾動操作，在滾動操作期間在界面上所有經(jīng)過的可視區(qū)域中顯示所對應的組列表中的組的占位符；

S1022、比較滾動操作期間的每次懸停的懸停時間與預定閾值的大小，僅在懸停時間大于預定閾值的界面中當前可視區(qū)域所對應的所述組列表中的組中的占位符中加載對應的組中的圖片。

將相冊中的多個圖片分為多個組，并生成組列表后，將組列表中的每個組分塊顯示在客戶端上，每個組顯示一個空的占位符。

下面參照圖3和圖4，以用戶使用本公開的相冊中圖片加載方法的實際場景為例，對本公開的相冊中圖片的加載方法進行進一步的說明。

1.用戶通過PC客戶端登錄相冊，輸入其用戶名和密碼進行登錄。

2.登錄成功后，用戶點擊要查看的相冊，并進入相冊，相冊服務(wù)器端響應用戶進入相冊的請求，從相冊數(shù)據(jù)庫中提取用戶請求查看的相冊的所有時間軸信息，即相冊中圖片的上傳日期。

3.相冊服務(wù)器端根據(jù)獲得的相冊中圖片的上傳日期對相冊中圖片進行分組，即將同一天上傳的圖片放在一起，此時只是獲得相冊中上傳日期的列表，沒有加載圖片；然后以日期分塊顯示在PC客戶端上，此時只顯示一個空的占位符，即一個圖片上傳日期用一個占位符顯示，同時也在PC客戶端上顯示縱向的時間輛。分塊是為了看某一天的詳情相冊，時間軸是為了快速的切換到某一天。

4.當用戶想看很靠后的數(shù)據(jù)時，例如2016年1月2日的圖片時，通過拖動時間軸，即滾動當前頁面，相冊服務(wù)器端將用戶滾動操作期間的每次懸停的懸停時間與預定閾值的大小進行比較，這里預定閾值為300毫秒。當用戶快速滾動時，即懸停時間小于或等于300毫秒時，在界面上用戶滾動所有經(jīng)過的可視區(qū)域中顯示時間軸中圖片的占位符，如圖3所示；當用戶滾動懸停時，且懸停時間大于300毫秒時，在界面當前可視區(qū)域加載所對應的時間軸中圖片詳情，在PC客戶端顯示圖片的縮略圖，如圖4所示。圖片詳情包括，圖片的存儲路徑等信息項。用戶通過點擊圖片的縮略圖可以進一步查看圖片對應的原圖。

本公開實施方式中可以通過硬件處理器(hardware processor)來實現(xiàn)相關(guān)功能模塊。

需要說明的是，對于前述的各方法實施例，為了簡單描述，故將其都表述為一系列的動作合并，但是本領(lǐng)域技術(shù)人員應該知悉，本公開并不受所描述的動作順序的限制，因為依據(jù)本公開，某些步驟可以采用其他順序或者同時進行。其次，本領(lǐng)域技術(shù)人員也應該知悉，說明書中所描述的實施例均屬于優(yōu)選實施例，所涉及的動作和模塊并不一定是本公開所必須的。

在上述實施例中，對各個實施例的描述都各有側(cè)重，某個實施例中沒有詳述的部分，可以參見其他實施例的相關(guān)描述。

如圖5所示，本公開的相冊中圖片加載系統(tǒng)的一實施方式的結(jié)構(gòu)示意圖，其包括：

分組模塊，用于將相冊中的多個圖片分為多個組，并生成組列表；

加載模塊，用于響應于用戶對界面的滾動操作，比較滾動操作期間的每次懸停的懸停時間與預定閾值的大小，僅加載懸停時間大于預定閾值的界面中當前可視區(qū)域所對應的組列表中的組中的圖片。

本實施方式中通過分組模塊實現(xiàn)將相冊中的多個圖片分為多個組，并生成組成表，加載模塊響應用戶對界面的滾動操作，比較滾動操作期間的每次懸停時間與預定閾值的大小，僅加載懸念時間大于預定閾值的界面中當前可視區(qū)域所對應的組列表中的組的圖片。這樣，用戶想看很靠后的相冊中的圖片時，只需快速滾動到想看相冊中的某一分組，不需要等待中間的數(shù)據(jù)加載完成后才能看到，而是通過快速滾動直接就可以看到，無需等待，既提高了用戶瀏覽相冊的速度，為用戶帶來更好的使用體驗，又節(jié)省了系統(tǒng)資源，實現(xiàn)了按需加載。

可選地，分組模塊用于按照圖片上傳日期將相冊中的多個圖片分為多個組，并生成時間軸的組列表。

可選地，分組模塊用于按照圖片拍攝地的地理位置將相冊中的多個圖片分為多個組，并生成地理位置的組列表。

可選地，預定閾值為300毫秒。

進一步可選地，加載模塊用于：

響應于用戶對界面的滾動操作，在滾動操作期間在界面上所有經(jīng)過的可視區(qū)域中顯示所對應的組列表中的組的占位符；

比較滾動操作期間的每次懸停的懸停時間與預定閾值的大小，僅在懸停時間大于預定閾值的界面中當前可視區(qū)域所對應的組列表中的組中的占位符中加載對應的組中的圖片。

如圖6所示，為本公開上述實施方式中用戶設(shè)備600一實施方式的結(jié)構(gòu)示意圖，本公開具體實施方式并不對用戶設(shè)備600的具體實現(xiàn)做限定。如圖6所示，該用戶設(shè)備600可以包括：

處理器(processor)610、通信接口(Communicat ions Interface)620、存儲器(memory)630、以及通信總線640。其中：

處理器610、通信接口620、以及存儲器630通過通信總線640完成相互間的通信。

通信接口620，用于與比如客戶端等的網(wǎng)元通信。

處理器610，用于執(zhí)行程序631，具體可以執(zhí)行上述方法實施例中的相關(guān)步驟。

具體地，程序631可以包括程序代碼，所述程序代碼包括計算機操作指令。

處理器610可能是一個中央處理器CPU，或者是特定集成電路ASIC(Application Specific Integrated Circuit)，或者是被配置成實施本申請實施例的一個或多個集成電路。

上述實施例中的用戶設(shè)備，包括：

存儲器，用于存放程序；

處理器，用于執(zhí)行所述存儲器存儲的程序，所述程序使得所述處理器執(zhí)行以下操作：

將相冊中的多個圖片分為多個組，并生成組列表；

響應于用戶對界面的滾動操作，比較所述滾動操作期間的每次懸停的懸停時間與預定閾值的大小，僅加載懸停時間大于預定閾值的所述界面中當前可視區(qū)域所對應的所述組列表中的組中的圖片。

以上所描述的裝置實施例僅僅是示意性的，其中所述作為分離部件說明的模塊可以是或者也可以不是物理上分開的，作為模塊顯示的部件可以是或者也可以不是物理模塊，即可以位于一個地方，或者也可以分布到多個網(wǎng)絡(luò)模塊上?？梢愿鶕?jù)實際的需要選擇其中的部分或者全部模塊來實現(xiàn)本實施例方案的目的。本領(lǐng)域普通技術(shù)人員在不付出創(chuàng)造性的勞動的情況下，即可以理解并實施。

通過以上的實施方式的描述，本領(lǐng)域的技術(shù)人員可以清楚地了解到各實施方式可借助軟件加必需的通用硬件平臺的方式來實現(xiàn)，當然也可以通過硬件。基于這樣的理解，上述技術(shù)方案本質(zhì)上或者說對現(xiàn)有技術(shù)做出貢獻的部分可以以軟件產(chǎn)品的形式體現(xiàn)出來，該計算機軟件產(chǎn)品可以存儲在計算機可讀存儲介質(zhì)中，如ROM/RAM、磁碟、光盤等，包括若干指令用以使得一臺計算機設(shè)備(可以是個人計算機，服務(wù)器，或者網(wǎng)絡(luò)設(shè)備等)執(zhí)行各個實施例或者實施例的某些部分所述的方法。

本領(lǐng)域內(nèi)的技術(shù)人員應明白，本公開的實施方式可提供為方法、系統(tǒng)、或計算機程序產(chǎn)品。因此，本公開可采用完全硬件實施方式、完全軟件實施方式、或結(jié)合軟件和硬件方面的實施方式的形式。而且，本公開可采用在一個或多個其中包含有計算機可用程序代碼的計算機可用存儲介質(zhì)(包括但不限于磁盤存儲器和光學存儲器等)上實施的計算機程序產(chǎn)品的形式。

本公開是參照根據(jù)本公開實施方式的方法、設(shè)備(系統(tǒng))、和計算機程序產(chǎn)品的流程圖和/或方框圖來描述的。應理解可由計算機程序指令實現(xiàn)流程圖和/或方框圖中的每一流程和/或方框、以及流程圖和/或方框圖中的流程和/或方框的結(jié)合?？商峁┻@些計算機程序指令到通用計算機、專用計算機、嵌入式處理機或其他可編程數(shù)據(jù)處理設(shè)備的處理器以產(chǎn)生一個機器，使得通過計算機或其他可編程數(shù)據(jù)處理設(shè)備的處理器執(zhí)行的指令產(chǎn)生用于實現(xiàn)在流程圖一個流程或多個流程和/或方框圖一個方框或多個方框中指定的功能的裝置。

這些計算機程序指令也可存儲在能引導計算機或其他可編程數(shù)據(jù)處理設(shè)備以特定方式工作的計算機可讀存儲器中，使得存儲在該計算機可讀存儲器中的指令產(chǎn)生包括指令裝置的制造品，該指令裝置實現(xiàn)在流程圖一個流程或多個流程和/或方框圖一個方框或多個方框中指定的功能。這些計算機程序指令也可裝載到計算機或其他可編程數(shù)據(jù)處理設(shè)備上，使得在計算機或其他可編程設(shè)備上執(zhí)行一系列操作步驟以產(chǎn)生計算機實現(xiàn)的處理，從而在計算機或其他可編程設(shè)備上執(zhí)行的指令提供用于實現(xiàn)在流程圖一個流程或多個流程和/或方框圖一個方框或多個方框中指定的功能的步驟。

最后應說明的是：以上實施例僅用以說明本公開的技術(shù)方案，而非對其限制；盡管參照前述實施例對本公開進行了詳細的說明，本領(lǐng)域的普通技術(shù)人員應當理解：其依然可以對前述各實施例所記載的技術(shù)方案進行修改，或者對其中部分技術(shù)特征進行等同替換；而這些修改或者替換，并不使相應技術(shù)方案的本質(zhì)脫離本公開各實施例技術(shù)方案的精神和范圍。