一種圖片的排列顯示方法及裝置制造方法
【專利摘要】一種圖片的排列顯示方法及裝置，所述方法的步驟包括：計算圖片庫中一圖片的每種顏色所包含的像素點數(shù)量占該圖片所有像素點數(shù)量的比例，將比例最高的顏色記錄為該圖片的主色調(diào)；提取上一步驟中記錄的各圖片的主色調(diào)創(chuàng)建一顏色漸變的進度條，形成各圖片的主色調(diào)到進度條的顏色點的映射；排列圖片，使圖片的主色調(diào)變化順序與進度條的顏色漸變順序一致；當接收到選取進度條的顏色點的指令時，定位至具有對應主色調(diào)的圖片進行顯示。利用本發(fā)明可更為直觀地表現(xiàn)圖片的信息，使用戶能更為快速方便地翻閱和查找圖片，便利用戶，提升了用戶體驗。
【專利說明】一種圖片的排列顯示方法及裝置
【技術領域】
[0001]本發(fā)明涉及圖文信息【技術領域】，尤其涉及一種圖片的排列顯示方法及裝置。
【背景技術】
[0002]目前，包括手機在內(nèi)的移動終端中往往儲存有大量圖片，當面對數(shù)量龐大的圖片數(shù)據(jù)庫時，用戶翻閱圖片很費時費力，尤其是需要從中查找所需的圖片文件時，往往無從下手。為了方便用戶查看，現(xiàn)有的圖片數(shù)據(jù)庫可按照時間順序、文件尺寸、照片拍攝的地理位置等依據(jù)進行排列。但是圖片作為視覺層面的載體，當人們需要翻閱查找圖片時，經(jīng)常需要以圖片的某一視覺特征為依據(jù)，比如顏色。而利用現(xiàn)有的上述邏輯排列或查找方法，顯然不能為用戶提供直觀的操作體驗。

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

[0003]為了克服上述所指的現(xiàn)有技術中的不足之處，本發(fā)明提供一種圖片的排列顯示方法及裝置，更為直觀地表現(xiàn)圖片的信息，使用戶可以更為快速方便地翻閱和查找圖片。
[0004]本發(fā)明是通過以下技術方案實現(xiàn)的:
一種圖片的排列顯示方法，其步驟包括:
51、計算圖片庫中一圖片的每種顏色所包含的像素點數(shù)量占該圖片所有像素點數(shù)量的比例，將比例最高的顏色記錄為該圖片的主色調(diào)；
52、提取步驟SI中記錄的各圖片的主色調(diào)創(chuàng)建一顏色漸變的進度條，形成各圖片的主色調(diào)到進度條的顏色點的映射；
53、排列圖片，使圖片的主色調(diào)變化順序與進度條的顏色漸變順序一致；
54、當接收到選取進度條的顏色點的指令時，定位至具有對應主色調(diào)的圖片進行顯示。
[0005]進一步地，步驟S2包括:當所述圖片庫增添或者刪除一圖片時，同步地更新該圖片庫的進度條。
[0006]優(yōu)選地，在步驟S3中，具有相同主色調(diào)的圖片按照創(chuàng)建時間先后順序排列或者隨機排列。
[0007]優(yōu)選地，所述進度條上設置有一滑塊，所述滑塊指示滑移至用戶界面中一指定坐標位置的圖片或者被用戶選取的圖片的主色調(diào)。
[0008]優(yōu)選地，在步驟S4中，接收到選取進度條的顏色點的指令是指接收到滑塊被拖曳至進度條上的一顏色點的指令。
[0009]優(yōu)選地，在步驟S4中，定位至具有對應主色調(diào)的圖片進行顯示是指選中具有對應主色調(diào)的一張或者兩張以上的圖片并進行預顯示或突出顯示。
[0010]本發(fā)明還公開了一種圖片的排列顯示裝置，包括:
主色調(diào)記錄模塊，用于計算圖片庫中一圖片的每種顏色所包含的像素點數(shù)量占該圖片所有像素點數(shù)量的比例，將比例最高的顏色記錄為該圖片的主色調(diào)；
進度條繪制模塊，用于提取主色調(diào)記錄模塊所記錄的各圖片的主色調(diào)創(chuàng)建一顏色漸變的進度條，形成各圖片的主色調(diào)到進度條的顏色點的映射；
排列模塊，用于排列圖片，使圖片的主色調(diào)變化順序與進度條的顏色漸變順序一致；定位顯示模塊，用于當接收到選取進度條的顏色點的指令時，定位至具有對應主色調(diào)的圖片進行顯示。
[0011]進一步地，所述進度條繪制模塊包括一更新單元，用于當所述圖片庫增添或者刪除一圖片時，同步地更新該圖片庫的進度條。
[0012]優(yōu)選地，所述進度條上設置有一滑塊，所述滑塊指示滑移至用戶界面中一指定坐標位置的圖片或者被用戶選取的圖片的主色調(diào)；所述定位顯示模塊接收到選取進度條的顏色點的指令是指接收到滑塊被拖曳至進度條上的一顏色點的指令。
[0013]優(yōu)選地，所述定位顯示模塊用于定位至具有對應主色調(diào)的圖片進行顯示是指用于選中具有對應主色調(diào)的一張或者兩張以上的圖片并進行預顯示或突出顯示。
[0014]與現(xiàn)有技術相比，本發(fā)明利用圖片的主色調(diào)對圖片進行排列顯示，并繪制以圖片主色調(diào)為依據(jù)的進度條，用戶可通過該進度條翻閱、查找圖片，提供了一種更為直觀、方便的圖片展示方法，用戶僅需要根據(jù)對圖片的顏色印象或者顏色要求，快速地查找到所需的圖片，便利用戶，提升了用戶體驗。
【專利附圖】

【附圖說明】
[0015]附圖1為本發(fā)明一種實施例的圖片的排列顯示方法的實現(xiàn)流程示意圖；
附圖2為本發(fā)明一種實施例的圖片的排列顯示裝置的框架圖。
【具體實施方式】
[0016]為了便于本領域技術人員的理解，下面結(jié)合附圖對本發(fā)明作進一步的描述。
[0017]一種圖片的排列顯示方法，其步驟包括:
51、計算圖片庫中一圖片的每種顏色所包含的像素點數(shù)量占該圖片所有像素點數(shù)量的比例，將比例最高的顏色記錄為該圖片的主色調(diào)；
52、提取步驟SI中記錄的各圖片的主色調(diào)創(chuàng)建一顏色漸變的進度條，形成各圖片的主色調(diào)到進度條的顏色點的映射；
53、排列圖片，使圖片的主色調(diào)變化順序與進度條的顏色漸變順序一致；
54、當接收到選取進度條的顏色點的指令時，定位至具有對應主色調(diào)的圖片進行顯示。
[0018]在步驟SI中，當計算一張圖片的主色調(diào)時，首先需要判斷構(gòu)成圖片的每個像素點的顏色，通常是利用現(xiàn)有的圖像處理軟件可獲得圖片中每個像素點的顏色值。在實際應用中，利用各種顏色的像素點數(shù)量來判斷圖片主色調(diào)的方法有多種，本實施例中，是采用占比最大的顏色為圖片的主色調(diào)，即圖片中某顏色所包含的像素點數(shù)量占圖片中所有像素點數(shù)量的比例最大，則將該顏色判斷為主色調(diào)。
[0019]在步驟S2中，根據(jù)確定的各圖片的主色調(diào)繪制進度條，所述進度條可設置于用戶界面的側(cè)邊緣，比如設于圖片隊列的右側(cè)。該進度條中包含了圖片庫中各圖片的主色調(diào)，且將主色調(diào)以顏色漸變的外觀形式進行排序形成進度條。在實際應用中，是通過將獲得的主色調(diào)的顏色值進行由大變小或者由小變大的漸變規(guī)律的排序，從而得到顏色漸變的進度條。[0020]進一步地，步驟S2包括:當所述圖片庫增添或者刪除一圖片時，同步地更新該圖片庫的進度條。當圖片庫新增一圖片時，提取其主色調(diào)，并將該主色調(diào)添加至進度條中；而當圖片庫刪除一圖片時，同步地，刪除進度條上所對應的該圖片的主色調(diào)。
[0021]在本發(fā)明的較佳實施例中，所述進度條上設置有一滑塊，所述滑塊指示滑移至用戶界面中一指定坐標位置的圖片或者被用戶選取的圖片的主色調(diào)。本發(fā)明的方法應用至觸摸終端時，當用戶翻閱圖庫，一般通過滑動操作使圖片隊列向前或向后滾動，使圖片依次地進入用戶界面。為了適應用戶的一般使用習慣，所述滑塊用于指示滑移至用戶界面中心位置的圖片的主色調(diào)，當圖片隊列滑動時，圖片隊列的一側(cè)顯示顏色漸變的進度條，進度條上的滑塊也相應地滑動，以指示處于用戶界面中心位置的圖片的主色調(diào)。另外，當用戶點擊選中某一圖片時，所述滑塊移動至該圖片主色調(diào)所對應的顏色點，優(yōu)先地實時指示該圖片的主色調(diào)。
[0022]在步驟S3中，將圖庫中的圖片按照其主色調(diào)的漸變順序排列，并且使圖片的主色調(diào)變化順序與進度條的顏色漸變順序一致，與進度條的顏色漸變相呼應。較佳地，具有相同主色調(diào)的圖片則按照創(chuàng)建時間先后順序排列或者隨機排列。
[0023]在步驟S4中，接收到選取進度條的顏色點的指令是指接收到滑塊被拖曳至進度條上的一顏色點的指令。該步驟S4中，定位至具有對應主色調(diào)的圖片進行顯示是指選中具有對應主色調(diào)的一張或者兩張以上的圖片并進行預顯示或突出顯示。當系統(tǒng)檢測到用戶拖曳滑塊至進度條上的一顏色點時，相應地，通過進度條的顏色點映射到具有與該顏色點的顏色值相同的主色調(diào)的圖片，對該圖片進行預顯示或突出顯示。當具有相同主色調(diào)的圖片為多張時，同時選中該多張圖片并進行預顯示或突出顯示。
[0024]具體地，如附圖1所示，以手機為例，本發(fā)明還提供了一種實施例的觸摸屏手機的圖片的排列顯示方法的實現(xiàn)流程，其步驟包括:
5101、確定并記錄圖片庫中各圖片的主色調(diào)；
5102、根據(jù)記錄的主色調(diào)創(chuàng)建一顏色漸變的進度條；
5103、排列圖片，使圖片的主色調(diào)變化順序與進度條的顏色漸變順序一致；
5104、用戶在觸摸屏上實施滑動操作翻閱圖片；
5105、在圖片隊列的下方顯示顏色漸變的進度條；
5106、檢測到用戶拖曳進度條滑塊至一顏色點；
5107、定位至其主色調(diào)與該顏色點對應的圖片進行顯示。
[0025]本發(fā)明還公開了一種圖片的排列顯示裝置，如附圖2所示，包括:
主色調(diào)記錄模塊21，用于計算圖片庫中一圖片的每種顏色所包含的像素點數(shù)量占該圖片所有像素點數(shù)量的比例，將比例最高的顏色記錄為該圖片的主色調(diào)；
進度條繪制模塊22，用于提取主色調(diào)記錄模塊所記錄的各圖片的主色調(diào)創(chuàng)建一顏色漸變的進度條，形成各圖片的主色調(diào)到進度條的顏色點的映射；
排列模塊23，用于排列圖片，使圖片的主色調(diào)變化順序與進度條的顏色漸變順序一
致；
定位顯示模塊24，用于當接收到選取進度條的顏色點的指令時，定位至具有對應主色調(diào)的圖片進行顯示。
[0026]所述主色調(diào)記錄模塊21用于計算一張圖片的主色調(diào)時，首先需要判斷構(gòu)成圖片的每個像素點的顏色，通常是利用現(xiàn)有的圖像處理軟件可獲得圖片中每個像素點的顏色值。在實際應用中，利用各種顏色的像素點數(shù)量來判斷圖片主色調(diào)的方法有多種，本實施例中，是采用占比最大的顏色為圖片的主色調(diào)，即圖片中某顏色所包含的像素點數(shù)量占圖片中所有像素點數(shù)量的比例最大，則將該顏色判斷為主色調(diào)。
[0027]所述進度條繪制模塊22用于根據(jù)確定的各圖片的主色調(diào)繪制進度條，該進度條可設置于用戶界面的側(cè)邊緣，比如設于圖片隊列的右側(cè)。該進度條中包含了圖片庫中各圖片的主色調(diào)，且將主色調(diào)以顏色漸變的外觀形式進行排序形成進度條。在實際應用中，是通過將獲得的主色調(diào)的顏色值進行由大變小或者由小變大的漸變規(guī)律的排序，從而得到顏色漸變的進度條。
[0028]進一步地，所述進度條繪制模塊22包括一更新單元，用于當所述圖片庫增添或者刪除一圖片時，同步地更新該圖片庫的進度條。當圖片庫新增一圖片時，提取其主色調(diào)，并將該主色調(diào)添加至進度條中；而當圖片庫刪除一圖片時，同步地，刪除進度條上所對應的該圖片的主色調(diào)。
[0029]在本發(fā)明的較佳實施例中，所述進度條上設置有一滑塊，所述滑塊指示滑移至用戶界面中一指定坐標位置的圖片或者被用戶選取的圖片的主色調(diào)。本發(fā)明的方法應用至觸摸終端時，當用戶翻閱圖庫，一般通過滑動操作使圖片隊列向前或向后滾動，使圖片依次地進入用戶界面。為了適應用戶的一般使用習慣，所述滑塊用于指示滑移至用戶界面中心位置的圖片的主色調(diào)，當圖片隊列滑動時，圖片隊列的一側(cè)顯示顏色漸變的進度條，進度條上的滑塊也相應地滑動，以指示處于用戶界面中心位置的圖片的主色調(diào)。另外，當用戶點擊選中某一圖片時，所述滑塊移動至該圖片主色調(diào)所對應的顏色點，優(yōu)先地實時指示該圖片的主色調(diào)。
[0030]所述排列模塊23用于將圖庫中的圖片按照其主色調(diào)的漸變順序排列，并且使圖片的主色調(diào)變化順序與進度條的顏色漸變順序一致，與進度條的顏色漸變相呼應。較佳地，具有相同主色調(diào)的圖片則按照創(chuàng)建時間先后順序排列或者隨機排列。
[0031]所述定位顯示模塊24接收到選取進度條的顏色點的指令是指接收到滑塊被拖曳至進度條上的一顏色點的指令。該定位顯示模塊24用于定位至具有對應主色調(diào)的圖片進行顯示是指用于選中具有對應主色調(diào)的一張或者兩張以上的圖片并進行預顯示或突出顯示。當系統(tǒng)檢測到用戶拖曳滑塊至進度條上的一顏色點時，相應地，通過進度條的顏色點映射到具有與該顏色點相同的主色調(diào)的圖片，對該圖片進行預顯示或突出顯示。當具有相同主色調(diào)的圖片為多張時，同時選中該多張圖片并進行預顯示或突出顯示。
[0032]本發(fā)明的實施例中的圖片庫可以包含應用終端中儲存的全部圖片，也可以僅包含某一目錄結(jié)構(gòu)下的文件夾或者子文件夾中儲存的圖片。
[0033]以上內(nèi)容是結(jié)合具體的優(yōu)選方式對本發(fā)明所作的進一步詳細說明，不應認定本發(fā)明的具體實施只局限于以上說明。對于本【技術領域】的技術人員而言，在不脫離本發(fā)明構(gòu)思的前提下，還可以作出若干簡單推演或替換，均應視為由本發(fā)明所提交的權利要求確定的保護范圍之內(nèi)。
【權利要求】
1.一種圖片的排列顯示方法，其步驟包括: 51、計算圖片庫中一圖片的每種顏色所包含的像素點數(shù)量占該圖片所有像素點數(shù)量的比例，將比例最高的顏色記錄為該圖片的主色調(diào)； 52、提取步驟SI中記錄的各圖片的主色調(diào)創(chuàng)建一顏色漸變的進度條，形成各圖片的主色調(diào)到進度條的顏色點的映射； 53、排列圖片，使圖片的主色調(diào)變化順序與進度條的顏色漸變順序一致； 54、當接收到選取進度條的顏色點的指令時，定位至具有對應主色調(diào)的圖片進行顯示。
2.根據(jù)權利要求1所述的圖片的排列顯示方法，其特征在于，步驟S2包括:當所述圖片庫增添或者刪除一圖片時，同步地更新該圖片庫的進度條。
3.根據(jù)權利要求1所述的圖片的排列顯示方法，其特征在于:在步驟S3中，具有相同主色調(diào)的圖片按照創(chuàng)建時間先后順序排列或者隨機排列。
4.根據(jù)權利要求1所述的圖片的排列顯示方法，其特征在于:所述進度條上設置有一滑塊，所述滑塊指示滑移至用戶界面中一指定坐標位置的圖片或者被用戶選取的圖片的主色調(diào)。
5.根據(jù)權利要求4所述的圖片的排列顯示方法，其特征在于:在步驟S4中，接收到選取進度條的顏色點的指令是指接收到滑塊被拖曳至進度條上的一顏色點的指令。
6.根據(jù)權利要求1所述的圖片的排列顯示方法，其特征在于:在步驟S4中，定位至具有對應主色調(diào)的圖片進行顯示是指選中具有對應主色調(diào)的一張或者兩張以上的圖片并進行預顯示或突出顯示。
7.一種圖片的排列顯示裝置，其特征在于，包括: 主色調(diào)記錄模塊，用于計算圖片庫中一圖片的每種顏色所包含的像素點數(shù)量占該圖片所有像素點數(shù)量的比例，將比例最高的顏色記錄為該圖片的主色調(diào)； 進度條繪制模塊，用于提取主色調(diào)記錄模塊所記錄的各圖片的主色調(diào)創(chuàng)建一顏色漸變的進度條，形成各圖片的主色調(diào)到進度條的顏色點的映射； 排列模塊，用于排列圖片，使圖片的主色調(diào)變化順序與進度條的顏色漸變順序一致； 定位顯示模塊，用于當接收到選取進度條的顏色點的指令時，定位至具有對應主色調(diào)的圖片進行顯示。
8.根據(jù)權利要求7所述的圖片的排列顯示裝置，其特征在于:所述進度條繪制模塊包括一更新單元，用于當所述圖片庫增添或者刪除一圖片時，同步地更新該圖片庫的進度條。
9.根據(jù)權利要求7所述的圖片的排列顯示裝置，其特征在于:所述進度條上設置有一滑塊，所述滑塊指示滑移至用戶界面中一指定坐標位置的圖片或者被用戶選取的圖片的主色調(diào)；所述定位顯示模塊接收到選取進度條的顏色點的指令是指接收到滑塊被拖曳至進度條上的一顏色點的指令。
10.根據(jù)權利要求7所述的圖片的排列顯示裝置，其特征在于:所述定位顯示模塊用于定位至具有對應主色調(diào)的圖片進行顯示是指用于選中具有對應主色調(diào)的一張或者兩張以上的圖片并進行預顯示或突出顯示。
【文檔編號】G06F17/30GK103761303SQ201410028287
【公開日】2014年4月30日 申請日期:2014年1月22日 優(yōu)先權日:2014年1月22日
【發(fā)明者】祝云龍 申請人:廣東歐珀移動通信有限公司