[發(fā)明專利]顯示組圖的方法及終端

有效

• 申請?zhí)枺?/td>: 201310066389.5
• 申請日: 2013-02-28
• 公開（公告）號: CN104021129B
• 公開（公告）日: 2019-10-08
• 發(fā)明（設計）人: 王威;溫楊;吳杭妍;唐辰
• 申請（專利權）人: 騰訊科技（深圳）有限公司
• 主分類號: G06F16/54
• 分類號: G06F16/54;G06F16/955
• 代理公司: 北京三高永信知識產權代理有限責任公司 11138
• 代理人: 羅振安

1.一種顯示組圖的方法，其特征在于，所述方法包括：

獲取組圖的組圖信息和所述組圖中的至少兩個圖片的圖片信息，所述組圖信息至少包括組圖的圖片數量，所述圖片信息至少包括圖片或其縮略圖的統(tǒng)一資源定位符URL，所述圖片的縮略圖的URL用于下載對應的圖片的縮略圖；

根據所述圖片信息獲取所述至少兩個圖片或其縮略圖；

將獲取到的圖片或其縮略圖顯示在組圖列表項中預先設置的圖片顯示框內，在瀑布流式布局中，終端的頁面被劃分成的多個區(qū)塊中的每個區(qū)塊作為一個組圖列表項，組圖列表項中預先設置的圖片顯示框中一個圖片顯示框為主圖片顯示框，其余圖片顯示框為副圖片顯示框，所述主圖片顯示框的寬度和高度大于副圖片顯示框；

在所述組圖列表項中預先設置的數字顯示框內顯示所述組圖的圖片數量。

2.根據權利要求1所述的方法，其特征在于，所述方法，還包括：

在所述組圖列表項中預先設置至少兩個圖片顯示框及一個數字顯示框，確定每個圖片顯示框的寬度和高度，并確定所述數字顯示框的寬度和高度；

所述獲取到的圖片或其縮略圖顯示在組圖列表項中預先設置的圖片顯示框內，包括：

按照確定的每個圖片顯示框的寬度和高度將獲取到的每個圖片或其縮略圖分別顯示在所述組圖列表項中預先設置的對應的圖片顯示框內。

3.根據權利要求2所述的方法，其特征在于，所述圖片信息還包括圖片的寬度和高度；

所述確定每個圖片顯示框的寬度和高度，包括：

預先設置每個圖片顯示框的寬度，并根據預先設置的每個圖片顯示框的寬度以及每個圖片顯示框內待顯示的圖片的高度確定每個圖片顯示框的高度。

4.根據權利要求1至3中任一權利要求所述的方法，其特征在于，所述方法，還包括：

當所述組圖列表項中預先設置的圖片顯示框的數量大于獲取到的圖片或其縮略圖的數量時，將預先設置的占位圖片顯示在未顯示圖片的圖片顯示框內。

5.根據權利要求2所述的方法，其特征在于，所述組圖列表項中預先設置的數字顯示框的寬度和高度與所述組圖列表項中預先設置的其中一個圖片顯示框的寬度和高度相等。

6.一種終端，其特征在于，所述終端包括：

第一獲取模塊，用于獲取組圖的組圖信息和所述組圖中的至少兩個圖片的圖片信息，所述組圖信息至少包括組圖的圖片數量，所述圖片信息至少包括圖片或其縮略圖的統(tǒng)一資源定位符URL，所述圖片的縮略圖的URL用于下載對應的圖片的縮略圖；

第二獲取模塊，用于根據所述第一獲取模塊獲取到的圖片信息獲取所述至少兩個圖片或其縮略圖；

第一顯示模塊，用于將所述第二獲取模塊獲取到的圖片或其縮略圖顯示在組圖列表項中預先設置的圖片顯示框內，在瀑布流式布局中，終端的頁面被劃分成的多個區(qū)塊中的每個區(qū)塊作為一個組圖列表項，組圖列表項中預先設置的圖片顯示框中一個圖片顯示框為主圖片顯示框，其余圖片顯示框為副圖片顯示框，所述主圖片顯示框的寬度和高度大于副圖片顯示框；

第二顯示模塊，用于在所述組圖列表項中預先設置的數字顯示框內顯示所述第一獲取模塊獲取到的組圖的圖片數量。

7.根據權利要求6所述的終端，其特征在于，所述終端，還包括：

設置模塊，用于在所述組圖列表項中預先設置至少兩個圖片顯示框及一個數字顯示框；

第一確定模塊，用于確定所述設置模塊設置的每個圖片顯示框的寬度和高度；

第二確定模塊，用于確定所述設置模塊設置的數字顯示框的寬度和高度；

所述第一顯示模塊，用于按照確定的每個圖片顯示框的寬度和高度將獲取到的每個圖片或其縮略圖分別顯示在所述組圖列表項中預先設置的對應的圖片顯示框內。

8.根據權利要求7所述的終端，其特征在于，所述圖片信息還包括圖片的寬度和高度；

所述第一確定模塊，包括：

設置單元，用于預先設置每個圖片顯示框的寬度；

確定單元，用于根據所述設置單元預先設置的每個圖片顯示框的寬度以及每個圖片顯示框內待顯示的圖片的高度確定每個圖片顯示框的高度。