專利名稱：預載圖片時的個性顯示方法及其終端的制作方法
技術領域：
本發(fā)明涉及圖片顯示技術領域，更具體地涉及一種預載圖片時的個性顯示方法及其終端。
背景技術：
目前的手機等移動終端，在瀏覽大量圖片信息時，經常會有預載過程。常見的預載過程中，在預載圖片之前，圖片縮略圖對應的矩形框一般是灰化的單色調圖片，即在預載過程中所有的矩形框以某一固定的灰度進行顯示(如圖1所示)，直至慢慢刷新出所有圖片，或者在預載過程中，矩形框中以一張默認的固定圖片進行顯示?？梢?，上述預載過程中顏色顯示單調、容易使用戶產生乏味感，且預載前和預載結束后的矩形框的顏色變化比較突兀，用戶體驗不好。因此，有必要提供一種預載圖片時的個性顯示方法及其終端來克服上述缺陷。

發(fā)明內容
本發(fā)明的目的是提供一種預載圖片時的個性顯示方法，以實現(xiàn)預載圖片過程中的彩色效果、使預載過程在視覺上顏色過渡更加自然，提升用戶體驗。本發(fā)明的另一目的是提供一種預載圖片時的個性顯示終端，以實現(xiàn)預載圖片過程中的彩色效果、使預載過程在視覺上顏色過渡更加自然，提升用戶體驗。為實現(xiàn)上述 目的，本發(fā)明提供了一種預載圖片時的個性顯示方法，包括以下步驟:存儲多張圖片并計算每張所述圖片的主色調值；根據(jù)每張所述圖片的名稱、存儲位置及所述主色調值生成記錄條；根據(jù)所述存儲位置調用所述主色調值以填充圖片預載界面。與現(xiàn)有技術相比，本發(fā)明預載圖片時的個性顯示方法首先存儲多張圖片并計算每張圖片的主色調值，之后根據(jù)每張所述圖片的名稱、存儲位置及所述主色調值生成記錄條，最后根據(jù)所述存儲位置調用所述主色調值以填充圖片預載界面，由于根據(jù)主色調值填充圖片預載界面的時間與預載圖片的時間相比可以忽略不計，故在預載圖片過程中，用戶看到的是根據(jù)主色調值填充后的圖片預載界面，而圖片的主色調值與圖片的顏色較為相近，從而實現(xiàn)了在預載圖片過程中的彩色效果、且預載過程在視覺上顏色過渡更加自然，提升了用戶體驗。較佳地，所述“計算每張所述圖片的主色調值”具體過程為:統(tǒng)計所述圖片中出現(xiàn)概率最高的前η位RGB值，將前η位所述RGB值在R、G、B方向上分別取平均值以得到RGB平均值，所述RGB平均值為所述圖片的主色調值，其中I彡η彡10且η為自然數(shù)。較佳地，所述圖片預載界面包括多個矩形框，每張所述圖片對應一所述矩形框。較佳地，多個所述矩形框以矩陣方式排列。
相應地，本發(fā)明還提供了一種預載圖片時的個性顯示終端，包括:存儲計算模塊，用于存儲多張圖片并計算每張所述圖片的主色調值；記錄條生成模塊，用于根據(jù)每張所述圖片的名稱、存儲位置及所述主色調值生成記錄條；填充模塊，用于根據(jù)所述存儲位置調用所述主色調值以填充圖片預載界面。較佳地，所述存儲計算模塊計算每張所述圖片的主色調值的具體算法為:統(tǒng)計所述圖片中出現(xiàn)概率最高的前η位RGB值，將前η位所述RGB值在R、G、B方向上分別取平均值以得到RGB平均值，所述RGB平均值為所述圖片的主色調值，其中I10且η為自然數(shù)。較佳地，所述圖片預載界面包括多個矩形框，每張所述圖片對應一所述矩形框。較佳地，多個所述矩形框以矩陣方式排列。通過以下的描述并結合附圖，本發(fā)明將變得更加清晰，這些附圖用于解釋本發(fā)明的實施例。


圖1為現(xiàn)有技術中圖片預載界面的示意圖。圖2為本發(fā)明預載圖片時的個性顯示方法一實施例的工作流程圖。圖3為圖2中圖片預載界面根據(jù)主色調值進行填充后的示意圖。圖4為本發(fā)明預載 圖片時的個性顯示終端一實施例的結構框圖。
具體實施例方式現(xiàn)在參考附圖描述本發(fā)明的實施例，附圖中類似的元件標號代表類似的元件。請參考圖2，描述了本發(fā)明預載圖片時的個性顯示方法一實施例的工作流程。如圖2所示，包括以下步驟:步驟S101，存儲多張圖片并計算每一張圖片的主色調值；其中計算主色調值的算法包括多種，可以是利用顏色直方圖的最大值提取主色調值，也可以是簡單的取平均值如:統(tǒng)計圖片中出現(xiàn)概率最高的前η位RGB值，將前η位RGB值在R、G、B方向上分別取平均值以得到RGB平均值，得到的RGB平均值即為圖片的主色調值，其中10且η為自然數(shù)，如一幅彩色圖片al由一個個像素點構成，每個像素點是一個RGB值，統(tǒng)計出圖片al中出現(xiàn)概率最高的前5位RGB值，然后求其平均值(將三個矢量R、G、B分別求平均值)得RGB平均值為Cl，這個RGB平均值(Cl)即為該圖片al的主色調值；步驟S102，根據(jù)每張圖片的名稱、存儲位置及主色調值為每張圖片建立相應的記
錄條并存儲每個記錄條；如:步驟SlOl中存儲有多張圖片:al、a2......al5、al6共16張，
圖片al、a2……al5、al6經計算得到的主色調值分別為cl、c2……cl5、cl6，為每張圖片分別建立一個記錄條，如16張圖片對應的記錄條分別為記錄條1、記錄條2…記錄條15、記錄條16，其中記錄條I包括圖片al的名稱、圖片al的存儲位置及圖片al主色調值cl，記錄條2包括圖片a2的名稱、圖片a2存儲位置及圖片a2主色調值c2，同理可知其他記錄條；步驟S103，打開圖片瀏覽器查看圖片，顯示圖片預載界面；其中圖片預載界面包括多個矩形框，每張圖片對應一矩形框，圖片預載完成后會在矩形框內對應顯示圖片的縮略圖，矩形框在圖片預載界面上是以矩陣方式排列的，如圖3所示，圖片預載界面包括以4行4列矩陣方式排列的共16個矩形框；步驟S104，根據(jù)圖片的存儲位置調用圖片的主色調值以填充圖片預載界面，具體為根據(jù)每張圖片的主色調值填充與該圖片對應的矩形框；由于圖片的存儲位置及主色調值存在于同一個記錄條中，故根據(jù)圖片的存儲位置可以獲得圖片的主色調值，如:根據(jù)圖片al至圖片al6的存儲位置可以得到記錄條I至記錄條16中記錄的圖片al至圖片al6的主色調值Cl至cl6，以主色調值Cl至cl6分別填充圖片al至圖片al6對應的矩形框，經填充后，圖片預載界面如圖3所示，圖3中不同的填充圖案即代表不同的主色調值，即每一矩形框顯示為單一的顏色，且顏色的色值為對應圖片的主色調值，從而圖片預載界面顯示為16個單一顏色的矩形框，故圖片預載界面顏色比較豐富，且每一矩形框的顏色與對應圖片的顏色較為接近，從而在預載圖片過程中顏色過渡比較自然，給用戶很好的體驗效果；步驟S105，依次預載每張圖片直至完成所有圖片的預載。需要注意的是，根據(jù)圖片的主色調值填充其縮略圖對應的矩形框的時間是非常短的，可以忽略不計，同時由于移動終端中存儲了多張圖片信息，圖片的預載過程相對于以主色調值填充矩形框的時間是非常長的，在預載第一張圖片的過程中，各圖片對應的矩形框顯示的色值為對應圖片的主色調值，當預載完第一張圖片后，再依次預載后面的圖片，所以在預載圖片過程中用戶看到的圖片預載界面由多個單色的矩形框組成，圖片預載界面呈現(xiàn)多彩色效果。請參考圖4，描述了本發(fā)明預載圖片時的個性顯示終端一實施例的結構框圖。如圖4所示，預載圖片時的個性顯示終端100包括:存儲計算模塊11，用于存儲多張圖片并計算每張所述圖片的主色調值；本實施例中計算圖片的主色值的方法為:統(tǒng)計圖片中出現(xiàn)概率最高的前η位RGB值，將前η位RGB值在R、G、B方向上分別取平均值以得到RGB平均值，得到的RGB平均值即為圖片的主色調值，其中I彡η彡10且η為自然數(shù)；

記錄條生成模塊13，根據(jù)每張所述圖片的名稱、存儲位置及所述主色調值生成記錄條；填充模塊15，用于根據(jù)所述存儲位置調用所述主色調值以填充圖片預載界面；其中圖片預載界面包括多個矩形框，且矩形框以矩陣方式排列，每張圖片對應一矩形框，根據(jù)主色調值填充圖片預載界面的具體過程為:根據(jù)每張圖片的主色調值填充與該圖片對應的矩形框。本發(fā)明預載圖片時的個性顯示終端100在工作時，首先通過存儲計算模塊11存儲多張圖片并計算每張圖片的主色調值，之后記錄條生成模塊13根據(jù)每張圖片的名稱、存儲位置及主色調值為每張圖片生成相應的記錄條，當用戶查看圖片時，填充模塊15根據(jù)圖片的存儲位置調用圖片的主色調值以填充圖片預載界面，由于根據(jù)主色調值填充圖片預載界面的時間與預載圖片的時間相比可以忽略不計，故在預載圖片過程中，用戶看到的是根據(jù)主色調值填充后的圖片預載界面，而圖片的主色調值與圖片的顏色較為相近，從而實現(xiàn)了在預載圖片過程中的彩色效果、且預載過程在視覺上顏色過渡更加自然，提升了用戶體驗。以上結合最佳實施例對本發(fā)明進行了描述，但本發(fā)明并不局限于以上揭示的實施例，而應當涵蓋各種根據(jù)本發(fā)明的本質進行的修改、等效組合。
權利要求
1.一種預載圖片時的個性顯示方法，其特征在于，包括以下步驟: 存儲多張圖片并計算每張所述圖片的主色調值； 根據(jù)每張所述圖片的名稱、存儲位置及所述主色調值生成記錄條； 根據(jù)所述存儲位置調用所述主色調值以填充圖片預載界面。
2.如權利要求1所述的預載圖片時的個性顯示方法，其特征在于，所述“計算每張所述圖片的主色調值”具體為: 統(tǒng)計所述圖片中出現(xiàn)概率最高的前η位RGB值，將前η位所述RGB值在R、G、B方向上分別取平均值以得到RGB平均值，所述RGB平均值為所述圖片的主色調值，其中I10且η為自然數(shù)。
3.如權利要求1所述的預載圖片時的個性顯示方法，其特征在于，所述圖片預載界面包括多個矩形框，每張所述圖片對應一所述矩形框。
4.如權利要求3所述的預載圖片時的個性顯示方法，其特征在于，多個所述矩形框以矩陣方式排列。
5.一種預載圖片時的個性顯示終端，其特征在于，包括: 存儲計算模塊，用于存儲多張圖片并計算每張所述圖片的主色調值； 記錄條生成模塊，用于根據(jù)每張所述圖片的名稱、存儲位置及所述主色調值生成記錄條; 填充模塊，用于根據(jù)所述存儲位置調用所述主色調值以填充圖片預載界面。
6.如權利要求5所述的預載圖片時的個性顯示終端，其特征在于，所述存儲計算模塊計算每張所述圖片的主色調值的具體算法為:統(tǒng)計所述圖片中出現(xiàn)概率最高的前η位RGB值，將前η位所述RGB值在R、G、B方向上分別取平均值以得到RGB平均值，所述RGB平均值為所述圖片的主色調值，其中I10且η為自然數(shù)。
7.如權利要求6所述的預載圖片時的個性顯示終端，其特征在于，所述圖片預載界面包括多個矩形框，每張所述圖片對應一所述矩形框。
8.如權利要求7所述的預載圖片時的個性顯示終端，其特征在于，多個所述矩形框以矩陣方式排列。
全文摘要
本發(fā)明公開了一種預載圖片時的個性顯示方法，包括存儲多張圖片并計算每張所述圖片的主色調值；根據(jù)每張所述圖片的名稱、存儲位置及所述主色調值生成記錄條；根據(jù)所述存儲位置調用所述主色調值以填充圖片預載界面。與現(xiàn)有技術相比，由于根據(jù)主色調值填充圖片預載界面的時間與預載圖片的時間相比可以忽略不計，故在預載圖片過程中，用戶看到的是根據(jù)主色調值填充后的圖片預載界面，同時由于圖片的主色調值與圖片的顏色較為相近，從而本發(fā)明預載圖片時的個性顯示方法在預載圖片過程中呈現(xiàn)彩色效果、且預載過程在視覺上顏色過渡更加自然，提升了用戶體驗。本發(fā)明同時公開了一種預載圖片時的個性顯示終端。
文檔編號G09G5/02GK103218989SQ20131012180
公開日2013年7月24日 申請日期2013年4月9日 優(yōu)先權日2013年4月9日
發(fā)明者成軍 申請人:廣東歐珀移動通信有限公司