圖片顯示方法及裝置制造方法
【專利摘要】本公開關于一種圖片顯示方法及裝置，屬于計算機【技術領域】。所述方法包括：獲取待顯示的圖片；按照待顯示的圖片中每張圖片各自的高寬比確定在第i行顯示的至少一張圖片，i為正整數；將確定出的至少一張圖片按照各自的高寬比進行縮放，使得縮放后第i行圖片的縮放寬度之和等于顯示屏寬度；對縮放后的第i行圖片進行顯示；將i調整為i+1，繼續(xù)執(zhí)行按照待顯示的圖片中每張圖片各自的高寬比確定在第i行顯示的至少一張圖片的步驟。所述裝置包括：圖片獲取模塊、圖片確定模塊、圖片縮放模塊、圖片顯示模塊和操作循環(huán)模塊。本公開可解決圖片的長和寬大于框體的長和寬造成圖片的信息量丟失的問題，達到了增加圖片顯示的信息量的效果。
【專利說明】圖片顯示方法及裝置

【技術領域】
[0001] 本公開涉及計算機【技術領域】，特別涉及一種圖片顯示方法及裝置。

【背景技術】
[0002] 大部分網頁中都會嵌入圖片，通過圖片來直觀地描述事物。因此，終端在獲取到網 頁后，需要對網頁中的圖片進行顯示。
[0003] 由于圖片是加載在框體中顯示的，因此，終端在獲取到攜帶有圖片的網頁數據后， 先根據網頁布局在網頁中的固定位置處加載框體，該框體具有固定的長和寬；再從網頁數 據中讀取出圖片；將該圖片加載到該框體中進行顯示。
[0004] 公開人在實現本公開的過程中，發(fā)現相關技術中至少存在以下缺陷：
[0005] 網頁中框體的長和寬是固定的，當圖片的長和寬大于框體的長和寬，終端在顯示 圖片時會對圖片中超出框體的部分進行隱藏，導致圖片顯示的信息量缺失。


【發(fā)明內容】

[0006] 為解決圖片的長和寬大于框體的長和寬造成圖片顯示的信息量丟失的問題，本公 開提供了一種圖片顯示方法及裝置。
[0007] 根據本公開實施例的第一方面，提供一種圖片顯示方法，包括：
[0008] 獲取待顯示的圖片；
[0009] 按照所述待顯示的圖片中每張圖片各自的高寬比確定在第i行顯示的至少一張 圖片，i為正整數；
[0010] 將確定出的所述至少一張圖片按照各自的高寬比進行縮放，使得縮放后第i行圖 片的縮放寬度之和等于顯示屏寬度；
[0011] 對縮放后的所述第i行圖片進行顯示；
[0012] 將所述i調整為i+Ι，繼續(xù)執(zhí)行所述按照所述待顯示的圖片中每張圖片各自的高 寬比確定在第i行顯示的至少一張圖片的步驟。
[0013] 可選的，所述按照所述待顯示的圖片中每張圖片各自的高寬比確定在第i行顯示 的至少一張圖片，包括：
[0014] 計算所述待顯示的圖片中每張圖片各自的高寬比；
[0015] 選擇高寬比之和屬于預定區(qū)間的至少一張圖片；
[0016] 將所述至少一張圖片確定為在所述第i行顯示的圖片。
[0017] 可選的，所述選擇高寬比之和屬于預定區(qū)間的至少一張圖片，包括：
[0018] 在確定所述第i行圖片時，從所述待顯示的圖片中讀取第j張圖片，j初始為1 ;
[0019] 若j為1，則檢測所述第j張圖片的高寬比是否屬于所述預定區(qū)間，若檢測出所述 第j張圖片的高寬比屬于所述預定區(qū)間，則將所述第j張圖片確定為選出的所述至少一張 圖片；若檢測出所述第j張圖片的高寬比小于所述預定區(qū)間的最小值，則保留所述第j張圖 片，將所述j調整為j+Ι，繼續(xù)執(zhí)行所述從所述待顯示的圖片中讀取第j張圖片的步驟；
[0020] 若j大于1，則檢測已經讀取的j張圖片的高寬比之和是否屬于所述預定區(qū)間，若 檢測出所述j張圖片的高寬比之和屬于所述預定區(qū)間，則將所述j張圖片確定為選出的所 述至少一張圖片；若檢測出所述j張圖片的高寬比之和小于所述預定區(qū)間的最小值，則保 留所述第j張圖片，將所述j調整為j+Ι，繼續(xù)執(zhí)行所述從所述待顯示的圖片中讀取第j張 圖片的步驟；若檢測出所述j張圖片的高寬比之和大于所述預定區(qū)間的最大值，則將在所 述第j張圖片之前讀取的j-ι張圖片確定為選出的所述至少一張圖片。
[0021] 可選的，還包括：
[0022] 獲取所述顯示屏的高寬比；
[0023] 根據所述顯示屏的高寬比確定所述預定區(qū)間。
[0024] 可選的，所述將確定出的所述至少一張圖片按照各自的高寬比進行縮放，使得縮 放后第i行圖片的縮放寬度之和等于顯示屏寬度，包括：
[0025] 獲取所述顯示屏寬度和所述至少一張圖片中每張圖片的高寬比；
[0026] 計算每個高寬比的倒數之和，將所述顯示屏寬度除以所述和得到每張圖片共同的 縮放高度；
[0027] 將所述縮放高度除以每張圖片各自的高寬比，得到每張圖片的縮放寬度。
[0028] 根據本公開實施例的第二方面，提供一種圖片顯示裝置，包括：
[0029] 圖片獲取模塊，被配置為獲取待顯示的圖片；
[0030] 圖片確定模塊，被配置為按照所述圖片獲取模塊獲取到的所述待顯示的圖片中每 張圖片各自的高寬比確定在第i行顯示的至少一張圖片，i為正整數；
[0031] 圖片縮放模塊，被配置為將所述圖片確定模塊確定出的所述至少一張圖片按照各 自的高寬比進行縮放，使得縮放后第i行圖片的縮放寬度之和等于顯示屏寬度；
[0032] 圖片顯示模塊，被配置為對所述圖片縮放模塊縮放后的所述第i行圖片進行顯 示；
[0033] 操作循環(huán)模塊，被配置為將所述i調整為i + Ι，繼續(xù)執(zhí)行所述按照所述待顯示的圖 片中每張圖片各自的高寬比確定在第i行顯示的至少一張圖片的操作。
[0034] 可選的，所述圖片確定模塊，包括：
[0035] 比值計算單元，被配置為計算所述待顯示的圖片中每張圖片各自的高寬比；
[0036] 圖片選擇單元，被配置為選擇高寬比之和屬于預定區(qū)間的至少一張圖片；
[0037] 圖片確定單元，被配置為將所述圖片選擇單元選出的所述至少一張圖片確定為在 所述第i行顯示的圖片。
[0038] 可選的，所述圖片選擇單元，包括：
[0039] 圖片讀取子單元，被配置為在確定所述第i行圖片時，從所述待顯示的圖片中讀 取第j張圖片，j初始為1 ;
[0040] 第一選擇子單元，被配置為若j為1，則檢測所述圖片讀取子單元讀取的所述第j 張圖片的高寬比是否屬于所述預定區(qū)間，若檢測出所述第j張圖片的高寬比屬于所述預定 區(qū)間，則將所述第j張圖片確定為選出的所述至少一張圖片；若檢測出所述第j張圖片的高 寬比小于所述預定區(qū)間的最小值，則保留所述第j張圖片，將所述j調整為j+Ι，繼續(xù)執(zhí)行所 述從所述待顯示的圖片中讀取第j張圖片的步驟；
[0041] 第二選擇子單元，被配置為若j大于1，則檢測所述圖片讀取子單元已經讀取的j 張圖片的高寬比之和是否屬于所述預定區(qū)間，若檢測出所述j張圖片的高寬比之和屬于所 述預定區(qū)間，則將所述j張圖片確定為選出的所述至少一張圖片；若檢測出所述j張圖片的 高寬比之和小于所述預定區(qū)間的最小值，則保留所述第j張圖片，將所述j調整為j+1，繼續(xù) 執(zhí)行所述從所述待顯示的圖片中讀取第j張圖片的步驟；若檢測出所述j張圖片的高寬比 之和大于所述預定區(qū)間的最大值，則將在所述第j張圖片之前讀取的j-ι張圖片確定為選 出的所述至少一張圖片。
[0042] 可選的，還包括：
[0043] 比值獲取模塊，被配置為獲取所述顯示屏的高寬比；
[0044] 區(qū)間確定模塊，被配置為根據所述比值獲取模塊獲取到的所述顯示屏的高寬比確 定所述預定區(qū)間。
[0045] 可選的，所述圖片縮放模塊，包括：
[0046] 數值獲取單元，被配置為獲取所述顯示屏寬度和所述至少一張圖片中每張圖片的 高寬比；
[0047] 高度計算單元，被配置為計算所述數值獲取單元獲取到的每個高寬比的倒數之 和，將所述顯示屏寬度除以所述和得到每張圖片共同的縮放高度；
[0048] 寬度計算單元，被配置為將所述高度計算單元計算得到的所述縮放高度除以每張 圖片各自的高寬比，得到每張圖片的縮放寬度。
[0049] 根據本公開實施例的第三方面，提供一種圖片顯示裝置，包括：
[0050] 處理器；
[0051] 用于存儲處理器可執(zhí)行指令的存儲器；
[0052] 其中，所述處理器被配置為：
[0053] 獲取待顯示的圖片；
[0054] 按照所述待顯示的圖片中每張圖片各自的高寬比確定在第i行顯示的至少一張 圖片，i為正整數；
[0055] 將確定出的所述至少一張圖片按照各自的高寬比進行縮放，使得縮放后第i行圖 片的縮放寬度之和等于顯示屏寬度；
[0056] 對縮放后的所述第i行圖片進行顯示；
[0057] 將所述i調整為i+Ι，繼續(xù)執(zhí)行所述按照所述待顯示的圖片中每張圖片各自的高 寬比確定在第i行顯示的至少一張圖片的步驟。
[0058] 本公開的實施例提供的技術方案可以包括以下有益效果：
[0059] 通過按照待顯示的圖片中每張圖片各自的高寬比確定在第i行顯示的至少一張 圖片；將確定出的至少一張圖片按照各自的高寬比進行縮放，使得縮放后第i行圖片的縮 放寬度之和等于顯示屏寬度；對縮放后的第i行圖片進行顯示；將i調整為i + Ι，繼續(xù)執(zhí)行 按照待顯示的圖片中每張圖片各自的高寬比確定在第i行顯示的至少一張圖片的步驟，在 不需要框體的情況下能夠確定出在第i行顯示的至少一張圖片，并對該至少一張圖片進行 縮放顯示，保證每張圖片顯示的信息量不丟失，解決了圖片的長和寬大于框體的長和寬造 成圖片顯示的信息量丟失的問題，達到了增加圖片顯示的信息量的效果。
[0060] 應當理解的是，以上的一般描述和后文的細節(jié)描述僅是示例性的，并不能限制本 公開。

【專利附圖】

【附圖說明】
[0061] 此處的附圖被并入說明書中并構成本說明書的一部分，示出了符合本的實施例， 并于說明書一起用于解釋本的原理。
[0062] 圖1是根據一示例性實施例示出的一種圖片顯示方法的流程圖。
[0063] 圖2A是根據另一示例性實施例示出的一種圖片顯示方法的流程圖。
[0064] 圖2B是根據本示例性實施例示出的一種圖片顯示方法的效果圖。
[0065] 圖3是根據一示例性實施例示出的一種圖片顯示裝置的框圖。
[0066] 圖4是根據一示例性實施例示出的一種圖片顯示裝置的框圖。
[0067] 圖5是根據一示例性實施例示出的一種用于圖片顯示的裝置的框圖。

【具體實施方式】
[0068] 這里將詳細地對示例性實施例進行說明，其示例表示在附圖中。下面的描述涉及 附圖時，除非另有表示，不同附圖中的相同數字表示相同或相似的要素。以下示例性實施例 中所描述的實施方式并不代表與本相一致的所有實施方式。相反，它們僅是與如所附權利 要求書中所詳述的、本的一些方面相一致的裝置和方法的例子。
[0069] 圖1是根據一示例性實施例示出的一種圖片顯示方法的流程圖，該圖片顯示方法 應用于終端中，如圖1所示，該圖片顯示方法包括以下步驟。
[0070] 在步驟101中，獲取待顯示的圖片。
[0071] 待顯示的圖片可以是終端從網絡服務器中獲取到的網頁圖片，也可以是終端本地 存儲的圖片，本實施例不限定圖片的來源。
[0072] 在步驟102中，按照待顯示的圖片中每張圖片各自的高寬比確定在第i行顯示的 至少一張圖片，i為正整數。
[0073] 圖片的高寬比是指將圖片的實際高度除以實際寬度得到的比值。
[0074] 通常，終端是根據第i行中設置的框體的個數確定圖片的張數，從而確定出在第i 行顯示的至少一張圖片的。本實施例中并未在第i行中設置框體，因此，終端需要根據圖片 的高寬比確定在第i行顯示的至少一張圖片。
[0075] 在步驟103中，將確定出的至少一張圖片按照各自的高寬比進行縮放，使得縮放 后第i行圖片的縮放寬度之和等于顯示屏寬度。
[0076] 由于該至少一張圖片需要在一行顯示，因此，可以對該至少一張圖片中的每張圖 片進行縮放，使得縮放后每張圖片的縮放寬度之和等于顯示屏的寬度。其中，縮放寬度是指 縮放后的圖片的寬度。
[0077] 本實施例中，終端可以對每張圖片進行等比例縮放，以保證圖片不失真。
[0078] 在步驟104中，對縮放后的第i行圖片進行顯示。
[0079] 將第i行圖片中的每張縮放后的圖片排列在顯示屏上進行顯示。由于第i行圖片 是按照圖片縮放后的大小直接顯示的，并不需要將圖片添加到框體中，因此，每張圖片都能 完全顯示且顯示屏中不會存在浪費的顯示空間，避免了圖片的長度和寬度大于框體的長度 和寬度造成的部分圖片被隱藏的問題，增加了圖片顯示的信息量。
[0080] 在步驟105中，將i調整為i+Ι，繼續(xù)執(zhí)行按照待顯示的圖片中每張圖片各自的高 寬比確定在第i行顯示的至少一張圖片的步驟。
[0081] 在顯示完第i行圖片后，若終端還需要對第i+Ι行圖片進行顯示，則可以將i更新 為i+Ι，繼續(xù)執(zhí)行步驟101至步驟105,直至顯示完所有待顯示的圖片后結束流程。
[0082] 當終端首次顯示圖片時，還可以將步驟104修改為對縮放后的第i行圖片進行緩 存，循環(huán)執(zhí)行步驟101至步驟105,在滿足預定條件后對緩存的至少一行圖片一起進行顯 示。之后，終端可以執(zhí)行本實施例提供的步驟101至步驟105來逐行顯示圖片。
[0083] 綜上所述，本公開提供的圖片顯示方法，通過按照待顯示的圖片中每張圖片各自 的高寬比確定在第i行顯示的至少一張圖片；將確定出的至少一張圖片按照各自的高寬比 進行縮放，使得縮放后第i行圖片的縮放寬度之和等于顯示屏寬度；對縮放后的第i行圖片 進行顯示；將i調整為i+Ι，繼續(xù)執(zhí)行按照待顯示的圖片中每張圖片各自的高寬比確定在第 i行顯示的至少一張圖片的步驟，在不需要框體的情況下能夠確定出在第i行顯示的至少 一張圖片，并對該至少一張圖片進行縮放顯示，保證每張圖片顯示的信息量不丟失，解決了 圖片的長和寬大于框體的長和寬造成圖片顯示的信息量丟失的問題，達到了增加圖片顯示 的信息量的效果。
[0084] 圖2A是根據另一示例性實施例示出的一種圖片顯示方法的流程圖，該圖片顯示 方法應用于終端中，如圖2A所示，該圖片顯示方法包括如下步驟。
[0085] 在步驟201中，獲取待顯示的圖片。
[0086] 待顯示的圖片可以是終端從網絡服務器中獲取到的網頁圖片，也可以是終端本地 存儲的圖片，本實施例不限定圖片的來源。
[0087] 在步驟202中，計算待顯示的圖片中每張圖片各自的高寬比；選擇高寬比之和屬 于預定區(qū)間的至少一張圖片；將至少一張圖片確定為在第i行顯示的圖片，i為正整數。 [0088] 通常，終端是根據第i行中設置的框體的個數確定圖片的張數，從而確定出在第i 行顯示的至少一張圖片的。本實施例中并未在第i行中設置框體，因此，終端需要按照待顯 示的圖片中每張圖片各自的高寬比確定在第i行顯示的至少一張圖片。即，終端計算待顯 示的圖片中每張圖片各自的高寬比；選擇高寬比之和屬于預定區(qū)間的至少一張圖片；將至 少一張圖片確定為在第i行顯示的圖片。其中，i是正整數。
[0089] 圖片的高寬比是指將圖片的實際高度除以實際寬度得到的比值。如，圖片的實 際高度是6毫米，實際寬度是5毫米，則圖片的高寬比=6/5 = 1.2。
[0090] 預定區(qū)間是用于選擇在第i行顯示的圖片的區(qū)間。在計算預定區(qū)間時，本實施例 提供的圖片顯示方法，還包括：
[0091] 獲取顯示屏的高寬比；根據顯示屏的高寬比確定預定區(qū)間。
[0092] 顯示屏的高寬比是指顯示屏的實際高度除以實際寬度得到的比值。在計算得到顯 示屏的高寬比后，終端可以根據顯示屏的高寬比得到預定區(qū)間的最小值和最大值，根據最 小值和最大值確定該預定區(qū)間。其中，最小值和最大值可以是終端根據預定算法得到的，也 可以是根據經驗值總結得到的，本實施例不限定最小值和最大值的獲取方式。
[0093] 比如，當顯示屏的高度是73. 6厘米，寬度是14. 4厘米時，顯示屏的高寬比= 73.6/14.4 = 5. 1，此時可以根據該高寬比確定最小值是2、最大值是4,則確定的預定區(qū)間 是[2,4]。
[0094] 本實施例中，由于終端根據顯示屏的高寬比來調整預定區(qū)間，使得第i行圖片能 夠適應顯示屏進行縮放，以美化圖片顯示效果。
[0095] 其中，選擇高寬比之和屬于預定區(qū)間的至少一張圖片，包括：
[0096] 1)在確定第i行圖片時，從待顯示的圖片中讀取第j張圖片，j初始為1 ;
[0097] 2)若j為1，則檢測第j張圖片的高寬比是否屬于預定區(qū)間，若檢測出第j張圖片 的高寬比屬于預定區(qū)間，則將第j張圖片確定為選出的至少一張圖片；若檢測出第j張圖片 的高寬比小于預定區(qū)間的最小值，則保留第j張圖片，將j調整為j+Ι，繼續(xù)執(zhí)行從待顯示的 圖片中讀取第j張圖片的步驟；
[0098] 3)若j大于1，則檢測已經讀取的j張圖片的高寬比之和是否屬于預定區(qū)間，若檢 測出j張圖片的高寬比之和屬于預定區(qū)間，則將j張圖片確定為選出的至少一張圖片；若檢 測出j張圖片的高寬比之和小于預定區(qū)間的最小值，則保留第j張圖片，將j調整為j+Ι，繼 續(xù)執(zhí)行從待顯示的圖片中讀取第j張圖片的步驟；若檢測出j張圖片的高寬比之和大于預 定區(qū)間的最大值，則將在第j張圖片之前讀取的j-ι張圖片確定為選出的至少一張圖片。
[0099] 為了便于理解，本實施例以預定區(qū)間是[2,4]為例進行說明。在確定第i行圖片 時，終端在獲取到的圖片中讀取第1張圖片，獲取第1張圖片的高寬比；如果第1張圖片的 高寬比大于2且小于4,則終端確定需要將第1張圖片單獨顯示在第i行；如果第1張圖片 的高寬比小于2,則終端保留第1張圖片。從獲取到的圖片中讀取第2張圖片，獲取第2張 圖片的高寬比，計算第1張圖片和第2張圖片的高寬比之和，如果高寬比之和大于2且小于 4,則終端確定需要將第1張圖片和第2張圖片顯示在第i行；如果高寬比之和大于4,則終 端確定需要將第1張圖片單獨顯示在第i行；如果高寬比之和小于2,則終端保留第2張圖 片，從獲取到的圖片中讀取第3張圖片，獲取第3張圖片的高寬比，計算第1張圖片、第2張 圖片和第3張圖片的高寬比之和，繼續(xù)比較高寬比之和與預定區(qū)間，直至確定出需要在第i 行顯示的至少一張圖片后退出循環(huán)。其中，終端可以按照圖片的獲取順序讀取圖片。
[0100] 在步驟203中，將確定出的至少一張圖片按照各自的高寬比進行縮放，使得縮放 后第i行圖片的縮放寬度之和等于顯示屏寬度。
[0101] 由于該至少一張圖片需要在一行顯示，因此，可以對該至少一張圖片中的每張圖 片進行縮放，使得縮放后每張圖片的縮放寬度之和等于顯示屏寬度。其中，縮放寬度是指縮 放后的圖片的寬度。本實施例中，終端可以對每張圖片進行等比例縮放，以保證圖片不失 真。
[0102] 其中，將確定出的至少一張圖片按照各自的高寬比進行縮放，使得縮放后第i行 圖片的縮放寬度之和等于顯示屏寬度，包括：
[0103] 1)獲取顯示屏寬度和至少一張圖片中每張圖片的高寬比；
[0104] 2)計算每個高寬比的倒數之和，將顯示屏寬度除以和得到每張圖片共同的縮放高 度；
[0105] 3)將縮放高度除以每張圖片各自的高寬比，得到每張圖片的縮放寬度。
[0106] 本實施例以在第i行顯示3張圖片為例對圖片的縮放過程進行說明，假設第m張 圖片具有高寬比m、縮放寬度m和縮放高度m，則縮放寬度m =縮放高度m/高寬比m。
[0107] 由于縮放寬度1+縮放寬度2+縮放寬度3 =顯示屏寬度，則（縮放高度1/高寬比 1) + (縮放高度2/高寬比2)+ (縮放高度3/高寬比3)=顯示屏寬度，由于在同一行顯示的 3張圖片的縮放高度相同，貝_放高度=顯示屏寬度/[(1/寬高比1) + (1/寬高比2) + (1/寬 高比3)]，即計算每個寬高比的倒數之和，將顯示屏寬度除以和得到每張圖片共同的縮放高 度。
[0108] 再根據縮放寬度m =縮放高度m/高寬比m，可以分別計算出縮放寬度m，即將縮放 高度除以每張圖片各自的高寬比，得到每張圖片的縮放寬度。
[0109] 在步驟204中，對縮放后的第i行圖片進行顯示。
[0110] 將第i行圖片中的每張縮放后的圖片排列在顯示屏上進行顯示。由于第i行圖片 是按照圖片縮放后的大小直接顯示的，并不需要將圖片添加到框體中，因此，每張圖片都能 完全顯示且顯示屏中不會存在浪費的顯示空間，避免了圖片的長度和寬度大于框體的長度 和寬度造成的部分圖片被隱藏的問題，增加了圖片顯示的信息量。
[0111] 請參考圖2B所示的一種圖片顯示方法的效果圖，圖2B中顯示屏上的矩形是根據 縮放后圖片的大小確定的，用于表示一張圖片，則第1行顯示有3張圖片，第2行顯示有2 張圖片，第3行顯示有2張圖片，第4行顯示有2張圖片，第5行顯示有3張圖片。
[0112] 在步驟205中，將i調整為i+Ι，繼續(xù)執(zhí)行按照待顯示的圖片中每張圖片各自的高 寬比確定在第i行顯示的至少一張圖片的步驟。
[0113] 在顯示完第i行圖片后，若終端還需要對第i+Ι行圖片進行顯示，則可以將i更新 為i+Ι，繼續(xù)執(zhí)行步驟201至步驟205,直至顯示完所有待顯示的圖片后結束流程。
[0114] 當終端首次顯示圖片時，還可以將步驟204修改為對縮放后的第i行圖片進行緩 存，循環(huán)執(zhí)行步驟201至步驟205,在滿足預定條件后對緩存的至少一行圖片一起進行顯 示。之后，終端可以執(zhí)行本實施例提供的步驟201至步驟205來逐行顯示圖片。
[0115] 本實施例提供的圖片顯示方法可以實現為一個新的盒模型添加到CSS(Cascading Stylesheet,層疊樣式表）中，而不是通過hack來對原有的盒模型進行擴充，不會導致CSS 與JavaScript之間產生耦合，從而提高了圖片顯示方法的可維護性和可靠性。
[0116] 綜上所述，本公開提供的圖片顯示方法，通過按照待顯示的圖片中每張圖片各自 的高寬比確定在第i行顯示的至少一張圖片；將確定出的至少一張圖片按照各自的高寬比 進行縮放，使得縮放后第i行圖片的縮放寬度之和等于顯示屏寬度；對縮放后的第i行圖片 進行顯示；將i調整為i+Ι，繼續(xù)執(zhí)行按照待顯示的圖片中每張圖片各自的高寬比確定在第 i行顯示的至少一張圖片的步驟，在不需要框體的情況下能夠確定出在第i行顯示的至少 一張圖片，并對該至少一張圖片進行縮放顯示，保證每張圖片顯示的信息量不丟失，解決了 圖片的長和寬大于框體的長和寬造成圖片顯示的信息量丟失的問題，達到了增加圖片顯示 的信息量的效果。
[0117] 另外，通過獲取顯示屏的高寬比；根據顯示屏的高寬比確定預定區(qū)間，可以根據顯 示屏的高寬比來調整預定區(qū)間，使得第i行圖片能夠適應顯示屏進行縮放，以美化圖片顯 示效果。
[0118] 圖3是根據一示例性實施例示出的一種圖片顯示裝置的框圖，該圖片顯示裝置應 用于終端中，如圖3所示，該圖片顯示裝置包括：圖片獲取模塊310、圖片確定模塊320、圖片 縮放模塊330、圖片顯示模塊340和操作循環(huán)模塊350。
[0119] 該圖片獲取模塊310,被配置為獲取待顯示的圖片；
[0120] 該圖片確定模塊320,被配置為按照圖片獲取模塊310獲取到的待顯示的圖片中 每張圖片各自的高寬比確定在第i行顯示的至少一張圖片，i為正整數；
[0121] 該圖片縮放模塊330,被配置為將圖片確定模塊320確定出的至少一張圖片按照 各自的高寬比進行縮放，使得縮放后第i行圖片的縮放寬度之和等于顯示屏寬度；
[0122] 該圖片顯示模塊340,被配置為對圖片縮放模塊330縮放后的第i行圖片進行顯 示；
[0123] 該操作循環(huán)模塊350,被配置為將i調整為i+Ι，繼續(xù)執(zhí)行按照待顯示的圖片中每 張圖片各自的高寬比確定在第i行顯示的至少一張圖片的操作。
[0124] 綜上所述，本公開提供的圖片顯示裝置，通過按照待顯示的圖片中每張圖片各自 的高寬比確定在第i行顯示的至少一張圖片；將確定出的至少一張圖片按照各自的高寬比 進行縮放，使得縮放后第i行圖片的縮放寬度之和等于顯示屏寬度；對縮放后的第i行圖片 進行顯示；將i調整為i+Ι，繼續(xù)執(zhí)行按照待顯示的圖片中每張圖片各自的高寬比確定在第 i行顯示的至少一張圖片的步驟，在不需要框體的情況下能夠確定出在第i行顯示的至少 一張圖片，并對該至少一張圖片進行縮放顯示，保證每張圖片顯示的信息量不丟失，解決了 圖片的長和寬大于框體的長和寬造成圖片顯示的信息量丟失的問題，達到了增加圖片顯示 的信息量的效果。
[0125] 圖4是根據一示例性實施例示出的一種圖片顯示裝置的框圖，該圖片顯示裝置應 用于終端中，如圖4所示，該圖片顯示裝置包括：圖片獲取模塊310、圖片確定模塊320、圖片 縮放模塊330、圖片顯示模塊340和操作循環(huán)模塊350。
[0126] 該圖片獲取模塊310,被配置為獲取待顯示的圖片；
[0127] 該圖片確定模塊320,被配置為按照圖片獲取模塊310獲取到的待顯示的圖片中 每張圖片各自的高寬比確定在第i行顯示的至少一張圖片，i為正整數；
[0128] 該圖片縮放模塊330,被配置為將圖片確定模塊320確定出的至少一張圖片按照 各自的高寬比進行縮放，使得縮放后第i行圖片的縮放寬度之和等于顯示屏寬度；
[0129] 該圖片顯示模塊340,被配置為對圖片縮放模塊330縮放后的第i行圖片進行顯 示；
[0130] 該操作循環(huán)模塊350,被配置為將i調整為i+Ι，繼續(xù)執(zhí)行按照待顯示的圖片中每 張圖片各自的高寬比確定在第i行顯示的至少一張圖片的操作。
[0131] 可選的，圖片確定模塊320,包括：比值計算單元321、圖片選擇單元322和圖片確 定單元323 ;
[0132] 該比值計算單元321，被配置為計算待顯示的圖片中每張圖片各自的高寬比；
[0133] 該圖片選擇單元322,被配置為選擇高寬比之和屬于預定區(qū)間的至少一張圖片；
[0134] 該圖片確定單元323,被配置為將圖片選擇單元322選出的至少一張圖片確定為 在第i行顯示的圖片。
[0135] 可選的，圖片選擇單元322,包括：圖片讀取子單元3221、第一選擇子單元3222和 第二選擇子單元3223 ;
[0136] 該圖片讀取子單元3221，被配置為在確定第i行圖片時，從待顯示的圖片中讀取 第j張圖片，j初始為1 ;
[0137] 該第一選擇子單元3222,被配置為若j為1，則檢測圖片讀取子單元3221讀取的 第j張圖片的高寬比是否屬于預定區(qū)間，若檢測出第j張圖片的高寬比屬于預定區(qū)間，則將 第j張圖片確定為選出的至少一張圖片；若檢測出第j張圖片的高寬比小于預定區(qū)間的最 小值，則保留第j張圖片，將j調整為j+1，繼續(xù)執(zhí)行從待顯示的圖片中讀取第j張圖片的步 驟；
[0138] 該第二選擇子單元3223,被配置為若j大于1，則檢測圖片讀取子單元3221已經 讀取的j張圖片的高寬比之和是否屬于預定區(qū)間，若檢測出j張圖片的高寬比之和屬于預 定區(qū)間，則將j張圖片確定為選出的至少一張圖片；若檢測出j張圖片的高寬比之和小于預 定區(qū)間的最小值，則保留第j張圖片，將j調整為j+Ι，繼續(xù)執(zhí)行從待顯示的圖片中讀取第j 張圖片的步驟；若檢測出j張圖片的高寬比之和大于預定區(qū)間的最大值，則將在第j張圖片 之前讀取的j-ι張圖片確定為選出的至少一張圖片。
[0139] 可選的，本實施例提供的圖片顯示裝置，還包括：比值獲取模塊360和區(qū)間確定模 塊 370 ;
[0140] 該比值獲取模塊360,被配置為獲取顯示屏的高寬比；
[0141] 該區(qū)間確定模塊370,被配置為根據比值獲取模塊360獲取到的顯示屏的高寬比 確定預定區(qū)間。
[0142] 可選的，圖片縮放模塊330,包括：數值獲取單元331、高度計算單元332和寬度計 算單元333 ;
[0143] 該數值獲取單元331，被配置為獲取顯示屏寬度和至少一張圖片中每張圖片的高 寬比；
[0144] 該高度計算單元332,被配置為計算數值獲取單元331獲取到的每個高寬比的倒 數之和，將顯示屏寬度除以和得到每張圖片共同的縮放高度；
[0145] 該寬度計算單元333,被配置為將高度計算單元332計算得到的縮放高度除以每 張圖片各自的高寬比，得到每張圖片的縮放寬度。
[0146] 綜上所述，本公開提供的圖片顯示裝置，通過按照待顯示的圖片中每張圖片各自 的高寬比確定在第i行顯示的至少一張圖片；將確定出的至少一張圖片按照各自的高寬比 進行縮放，使得縮放后第i行圖片的縮放寬度之和等于顯示屏寬度；對縮放后的第i行圖片 進行顯示；將i調整為i+Ι，繼續(xù)執(zhí)行按照待顯示的圖片中每張圖片各自的高寬比確定在第 i行顯示的至少一張圖片的步驟，在不需要框體的情況下能夠確定出在第i行顯示的至少 一張圖片，并對該至少一張圖片進行縮放顯示，保證每張圖片顯示的信息量不丟失，解決了 圖片的長和寬大于框體的長和寬造成圖片顯示的信息量丟失的問題，達到了增加圖片顯示 的信息量的效果。
[0147] 另外，通過獲取顯示屏的高寬比；根據顯示屏的高寬比確定預定區(qū)間，可以根據顯 示屏的高寬比來調整預定區(qū)間，使得第i行圖片能夠適應顯示屏進行縮放，以美化圖片顯 示效果。
[0148] 關于上述實施例中的裝置，其中各個模塊執(zhí)行操作的具體方式已經在有關該方法 的實施例中進行了詳細描述，此處將不做詳細闡述說明。
[0149] 圖5是根據一示例性實施例示出的一種用于圖片顯示裝置500的框圖。例如，裝置 500可以是移動電話，計算機，數字廣播終端，消息收發(fā)設備，游戲控制臺，平板設備，醫(yī)療設 備，健身設備，個人數字助理等。
[0150] 參照圖5,裝置500可以包括以下一個或多個組件：處理組件502,存儲器504,電 源組件506,多媒體組件508,音頻組件510,輸入/輸出（I/O)的接口 512,傳感器組件514， 以及通信組件516。
[0151] 處理組件502通?？刂蒲b置500的整體操作，諸如與顯示，電話呼叫，數據通信，相 機操作和記錄操作相關聯的操作。處理組件502可以包括一個或多個處理器518來執(zhí)行指 令，以完成上述的方法的全部或部分步驟。此外，處理組件502可以包括一個或多個模塊， 便于處理組件502和其他組件之間的交互。例如，處理組件502可以包括多媒體模塊，以方 便多媒體組件508和處理組件502之間的交互。
[0152] 存儲器504被配置為存儲各種類型的數據以支持在裝置500的操作。這些數據的 示例包括用于在裝置500上操作的任何應用程序或方法的指令，聯系人數據，電話簿數據， 消息，圖片，視頻等。存儲器504可以由任何類型的易失性或非易失性存儲設備或者它們的 組合實現，如靜態(tài)隨機存取存儲器（SRAM)，電可擦除可編程只讀存儲器（EEPR0M)，可擦除 可編程只讀存儲器（EPROM)，可編程只讀存儲器（PR0M)，只讀存儲器（R0M)，磁存儲器，快閃 存儲器，磁盤或光盤。
[0153] 電源組件506為裝置500的各種組件提供電力。電源組件506可以包括電源管理 系統(tǒng)，一個或多個電源，及其他與為裝置500生成、管理和分配電力相關聯的組件。
[0154] 多媒體組件508包括在所述裝置500和用戶之間的提供一個輸出接口的屏幕。在 一些實施例中，屏幕可以包括液晶顯示器（LCD)和觸摸面板（TP)。如果屏幕包括觸摸面板， 屏幕可以被實現為觸摸屏，以接收來自用戶的輸入信號。觸摸面板包括一個或多個觸摸傳 感器以感測觸摸、滑動和觸摸面板上的手勢。所述觸摸傳感器可以不僅感測觸摸或滑動動 作的邊界，而且還檢測與所述觸摸或滑動操作相關的持續(xù)時間和壓力。在一些實施例中，多 媒體組件508包括一個前置攝像頭和/或后置攝像頭。當裝置500處于操作模式，如拍攝 模式或視頻模式時，前置攝像頭和/或后置攝像頭可以接收外部的多媒體數據。每個前置 攝像頭和后置攝像頭可以是一個固定的光學透鏡系統(tǒng)或具有焦距和光學變焦能力。
[0155] 音頻組件510被配置為輸出和/或輸入音頻信號。例如，音頻組件510包括一個 麥克風（MIC)，當裝置500處于操作模式，如呼叫模式、記錄模式和語音識別模式時，麥克風 被配置為接收外部音頻信號。所接收的音頻信號可以被進一步存儲在存儲器504或經由通 信組件516發(fā)送。在一些實施例中，音頻組件510還包括一個揚聲器，用于輸出音頻信號。
[0156] I/O接口 512為處理組件502和外圍接口模塊之間提供接口，上述外圍接口模塊可 以是鍵盤，點擊輪，按鈕等。這些按鈕可包括但不限于：主頁按鈕、音量按鈕、啟動按鈕和鎖 定按鈕。
[0157] 傳感器組件514包括一個或多個傳感器，用于為裝置500提供各個方面的狀態(tài)評 估。例如，傳感器組件514可以檢測到裝置500的打開/關閉狀態(tài)，組件的相對定位，例如 所述組件為裝置500的顯示器和小鍵盤，傳感器組件514還可以檢測裝置500或裝置500 一個組件的位置改變，用戶與裝置500接觸的存在或不存在，裝置500方位或加速/減速和 裝置500的溫度變化。傳感器組件514可以包括接近傳感器，被配置用來在沒有任何的物 理接觸時檢測附近物體的存在。傳感器組件514還可以包括光傳感器，如CMOS或C⑶圖像 傳感器，用于在成像應用中使用。在一些實施例中，該傳感器組件514還可以包括加速度傳 感器，陀螺儀傳感器，磁傳感器，壓力傳感器或溫度傳感器。
[0158] 通信組件516被配置為便于裝置500和其他設備之間有線或無線方式的通信。裝 置500可以接入基于通信標準的無線網絡，如WiFi，2G或3G，或它們的組合。在一個示例性 實施例中，通信組件516經由廣播信道接收來自外部廣播管理系統(tǒng)的廣播信號或廣播相關 信息。在一個示例性實施例中，所述通信組件516還包括近場通信（NFC)模塊，以促進短程 通信。例如，在NFC模塊可基于射頻識別（RFID)技術，紅外數據協(xié)會（IrDA)技術，超寬帶 (UWB)技術，藍牙（BT)技術和其他技術來實現。
[0159] 在示例性實施例中，裝置500可以被一個或多個應用專用集成電路（ASIC)、數字 信號處理器（DSP)、數字信號處理設備（DSPD)、可編程邏輯器件（PLD)、現場可編程門陣列 (FPGA)、控制器、微控制器、微處理器或其他電子元件實現，用于執(zhí)行上述方法。
[0160] 在示例性實施例中，還提供了一種包括指令的非臨時性計算機可讀存儲介質，例 如包括指令的存儲器504,上述指令可由裝置500的處理器518執(zhí)行以完成上述方法。例 如，所述非臨時性計算機可讀存儲介質可以是ROM、隨機存取存儲器（RAM)、CD-ROM、磁帶、 軟盤和光數據存儲設備等。
[0161] 本領域技術人員在考慮說明書及實踐這里的公開的后，將容易想到本的其它實施 方案。本申請旨在涵蓋本的任何變型、用途或者適應性變化，這些變型、用途或者適應性變 化遵循本的一般性原理并包括本公開未公開的本【技術領域】中的公知常識或慣用技術手段。 說明書和實施例僅被視為示例性的，本的真正范圍和精神由下面的權利要求指出。
[0162] 應當理解的是，本并不局限于上面已經描述并在附圖中示出的精確結構，并且可 以在不脫離其范圍進行各種修改和改變。本的范圍僅由所附的權利要求來限制。
【權利要求】
1. 一種圖片顯示方法，其特征在于，包括： 獲取待顯示的圖片； 按照所述待顯示的圖片中每張圖片各自的高寬比確定在第i行顯示的至少一張圖片， i為正整數； 將確定出的所述至少一張圖片按照各自的高寬比進行縮放，使得縮放后第i行圖片的 縮放寬度之和等于顯示屏寬度； 對縮放后的所述第i行圖片進行顯示； 將所述i調整為i+Ι，繼續(xù)執(zhí)行所述按照所述待顯示的圖片中每張圖片各自的高寬比 確定在第i行顯示的至少一張圖片的步驟。
2. 根據權利要求1所述的方法，其特征在于，所述按照所述待顯示的圖片中每張圖片 各自的高寬比確定在第i行顯示的至少一張圖片，包括： 計算所述待顯示的圖片中每張圖片各自的高寬比； 選擇高寬比之和屬于預定區(qū)間的至少一張圖片； 將所述至少一張圖片確定為在所述第i行顯示的圖片。
3. 根據權利要求2所述的方法，其特征在于，所述選擇高寬比之和屬于預定區(qū)間的至 少一張圖片，包括： 在確定所述第i行圖片時，從所述待顯示的圖片中讀取第j張圖片，j初始為1 ; 若j為1，則檢測所述第j張圖片的高寬比是否屬于所述預定區(qū)間，若檢測出所述第 j張圖片的高寬比屬于所述預定區(qū)間，則將所述第j張圖片確定為選出的所述至少一張圖 片；若檢測出所述第j張圖片的高寬比小于所述預定區(qū)間的最小值，則保留所述第j張圖 片，將所述j調整為j+Ι，繼續(xù)執(zhí)行所述從所述待顯示的圖片中讀取第j張圖片的步驟； 若j大于1，則檢測已經讀取的j張圖片的高寬比之和是否屬于所述預定區(qū)間，若檢測 出所述j張圖片的高寬比之和屬于所述預定區(qū)間，則將所述j張圖片確定為選出的所述至 少一張圖片；若檢測出所述j張圖片的高寬比之和小于所述預定區(qū)間的最小值，則保留所 述第j張圖片，將所述j調整為j+Ι，繼續(xù)執(zhí)行所述從所述待顯示的圖片中讀取第j張圖片 的步驟；若檢測出所述j張圖片的高寬比之和大于所述預定區(qū)間的最大值，則將在所述第j 張圖片之前讀取的j-ι張圖片確定為選出的所述至少一張圖片。
4. 根據權利要求2或3所述的方法，其特征在于，還包括： 獲取所述顯示屏的高寬比； 根據所述顯示屏的高寬比確定所述預定區(qū)間。
5. 根據權利要求1所述的方法，其特征在于，所述將確定出的所述至少一張圖片按照 各自的高寬比進行縮放，使得縮放后第i行圖片的縮放寬度之和等于顯示屏寬度，包括： 獲取所述顯示屏寬度和所述至少一張圖片中每張圖片的高寬比； 計算每個高寬比的倒數之和，將所述顯示屏寬度除以所述和得到每張圖片共同的縮放 高度； 將所述縮放高度除以每張圖片各自的高寬比，得到每張圖片的縮放寬度。
6. -種圖片顯示裝置，其特征在于，包括： 圖片獲取模塊，被配置為獲取待顯示的圖片； 圖片確定模塊，被配置為按照所述圖片獲取模塊獲取到的所述待顯示的圖片中每張圖 片各自的高寬比確定在第i行顯示的至少一張圖片，i為正整數； 圖片縮放模塊，被配置為將所述圖片確定模塊確定出的所述至少一張圖片按照各自的 高寬比進行縮放，使得縮放后第i行圖片的縮放寬度之和等于顯示屏寬度； 圖片顯示模塊，被配置為對所述圖片縮放模塊縮放后的所述第i行圖片進行顯示； 操作循環(huán)模塊，被配置為將所述i調整為i+Ι，繼續(xù)執(zhí)行所述按照所述待顯示的圖片中 每張圖片各自的高寬比確定在第i行顯示的至少一張圖片的操作。
7. 根據權利要求6所述的裝置，其特征在于，所述圖片確定模塊，包括： 比值計算單元，被配置為計算所述待顯示的圖片中每張圖片各自的高寬比； 圖片選擇單元，被配置為選擇高寬比之和屬于預定區(qū)間的至少一張圖片； 圖片確定單元，被配置為將所述圖片選擇單元選出的所述至少一張圖片確定為在所述 第i行顯示的圖片。
8. 根據權利要求7所述的裝置，其特征在于，所述圖片選擇單元，包括： 圖片讀取子單元，被配置為在確定所述第i行圖片時，從所述待顯示的圖片中讀取第j 張圖片，j初始為1 ; 第一選擇子單元，被配置為若j為1，則檢測所述圖片讀取子單元讀取的所述第j張 圖片的高寬比是否屬于所述預定區(qū)間，若檢測出所述第j張圖片的高寬比屬于所述預定區(qū) 間，則將所述第j張圖片確定為選出的所述至少一張圖片；若檢測出所述第j張圖片的高寬 比小于所述預定區(qū)間的最小值，則保留所述第j張圖片，將所述j調整為j+Ι，繼續(xù)執(zhí)行所述 從所述待顯示的圖片中讀取第j張圖片的步驟； 第二選擇子單元，被配置為若j大于1，則檢測所述圖片讀取子單元已經讀取的j張圖 片的高寬比之和是否屬于所述預定區(qū)間，若檢測出所述j張圖片的高寬比之和屬于所述預 定區(qū)間，則將所述j張圖片確定為選出的所述至少一張圖片；若檢測出所述j張圖片的高寬 比之和小于所述預定區(qū)間的最小值，則保留所述第j張圖片，將所述j調整為j+Ι，繼續(xù)執(zhí)行 所述從所述待顯示的圖片中讀取第j張圖片的步驟；若檢測出所述j張圖片的高寬比之和 大于所述預定區(qū)間的最大值，則將在所述第j張圖片之前讀取的j-ι張圖片確定為選出的 所述至少一張圖片。
9. 根據權利要求7或8所述的裝置，其特征在于，還包括： 比值獲取模塊，被配置為獲取所述顯示屏的高寬比； 區(qū)間確定模塊，被配置為根據所述比值獲取模塊獲取到的所述顯示屏的高寬比確定所 述預定區(qū)間。
10. 根據權利要求6所述的裝置，其特征在于，所述圖片縮放模塊，包括： 數值獲取單元，被配置為獲取所述顯示屏寬度和所述至少一張圖片中每張圖片的高寬 比； 高度計算單元，被配置為計算所述數值獲取單元獲取到的每個高寬比的倒數之和，將 所述顯示屏寬度除以所述和得到每張圖片共同的縮放高度； 寬度計算單元，被配置為將所述高度計算單元計算得到的所述縮放高度除以每張圖片 各自的高寬比，得到每張圖片的縮放寬度。
11. 一種圖片顯示裝置，其特征在于，包括： 處理器； 用于存儲處理器可執(zhí)行指令的存儲器； 其中，所述處理器被配置為： 獲取待顯示的圖片； 按照所述待顯示的圖片中每張圖片各自的高寬比確定在第i行顯示的至少一張圖片， i為正整數； 將確定出的所述至少一張圖片按照各自的高寬比進行縮放，使得縮放后第i行圖片的 縮放寬度之和等于顯示屏寬度； 對縮放后的所述第i行圖片進行顯示； 將所述i調整為i+Ι，繼續(xù)執(zhí)行所述按照所述待顯示的圖片中每張圖片各自的高寬比 確定在第i行顯示的至少一張圖片的步驟。
【文檔編號】G06F3/0484GK104111777SQ201410293389
【公開日】2014年10月22日 申請日期:2014年6月26日 優(yōu)先權日:2014年6月26日
【發(fā)明者】漆昱恒, 潘俊, 江岱霖 申請人:小米科技有限責任公司