圖片展示方法和裝置的制造方法【
技術(shù)領(lǐng)域:
】[0001]本發(fā)明涉及圖片處理
技術(shù)領(lǐng)域:
,特別是涉及一種圖片展示方法和裝置?!?br>背景技術(shù):
】[0002]在智能終端的很多應(yīng)用中都需要展示圖片,比如,一些游戲場景中以圖片的形式彈出提示框等。傳統(tǒng)的圖片展示方法,為了展示有邊框或陰影框的圖片,通常只能采用一張PNG格式的圖片。但是PNG格式的圖片容量較大,占用存儲空間,對于一些存儲容量較小的智能終端來說,這種圖片展示方法會導(dǎo)致圖片占用大量的存儲空間,從而浪費(fèi)存儲資源?!?br/>發(fā)明內(nèi)容】[0003]基于此,有必要針對上述技術(shù)問題,提供一種能減少容量,節(jié)省存儲空間的圖片展示方法和裝置。[0004]一種圖片展示方法,所述方法包括:[0005]獲取外圍陰影框圖片,所述外圍陰影框圖片為可任意拉伸的格式且內(nèi)部為透明區(qū)域;[0006]獲取內(nèi)容圖片;[0007]按照與所述內(nèi)容圖片匹配的預(yù)設(shè)大小對所述外圍陰影框圖片進(jìn)行拉伸;[0008]將拉伸后的外圍陰影框圖片與所述內(nèi)容圖片進(jìn)行疊加;[0009]顯示疊加后的圖片。[0010]在其中一個實施例中,所述外圍陰影框圖片還包括邊框區(qū)域和/或外圍透明或陰影區(qū)域,所述內(nèi)容圖片包括預(yù)設(shè)大小的內(nèi)容區(qū)域;[0011]所述按照與內(nèi)容圖片匹配的預(yù)設(shè)大小對所述外圍陰影框圖片進(jìn)行拉伸的步驟,包括:[0012]對所述外圍陰影框圖片進(jìn)行拉伸,使所述外圍陰影框圖片內(nèi)部的透明區(qū)域大小與所述內(nèi)容圖片的內(nèi)容區(qū)域的大小一致。[0013]在其中一個實施例中,所述將拉伸后的外圍陰影框圖片與所述內(nèi)容圖片進(jìn)行疊加的步驟,包括:[0014]將所述拉伸后的外圍陰影框圖片放置在所述內(nèi)容圖片的上層并進(jìn)行疊加。[0015]在其中一個實施例中,所述外圍陰影框圖片為PNG格式的外圍陰影框圖片,所述內(nèi)容圖片為非PNG格式的內(nèi)容圖片,所述非PNG格式的內(nèi)容圖片比PNG格式的內(nèi)容圖片的圖片容量小。[0016]在其中一個實施例中,所述非PNG格式的內(nèi)容圖片為JPG格式的圖片,所述PNG格式的外圍陰影框圖片為NinePatch圖片。[0017]一種圖片展示裝置,所述裝置包括:[0018]第一圖片獲取模塊,用于獲取外圍陰影框圖片,所述外圍陰影框圖片為可任意拉伸的格式且內(nèi)部為透明區(qū)域;[0019]第二圖片獲取模塊,用于獲取內(nèi)容圖片;[0020]圖片拉伸模塊,用于按照與所述內(nèi)容圖片匹配的預(yù)設(shè)大小對所述外圍陰影框圖片進(jìn)行拉伸;[0021]圖片疊加模塊,用于將拉伸后的外圍陰影框圖片與所述內(nèi)容圖片進(jìn)行疊加;[0022]圖片顯示模塊,用于顯示疊加后的圖片。[0023]在其中一個實施例中,所述外圍陰影框圖片還包括邊框區(qū)域和/或外圍透明或陰影區(qū)域,所述內(nèi)容圖片包括預(yù)設(shè)大小的內(nèi)容區(qū)域;[0024]所述圖片拉伸模塊用于對所述外圍陰影框圖片進(jìn)行拉伸,使所述外圍陰影框圖片內(nèi)部的透明區(qū)域大小與所述內(nèi)容圖片的內(nèi)容區(qū)域的大小一致。[0025]在其中一個實施例中,所述圖片疊加模塊用于將所述拉伸后的外圍陰影框圖片放置在所述內(nèi)容圖片的上層并進(jìn)行疊加。[0026]在其中一個實施例中,所述外圍陰影框圖片為PNG格式的外圍陰影框圖片,所述內(nèi)容圖片為非PNG格式的內(nèi)容圖片,所述非PNG格式的內(nèi)容圖片比PNG格式的內(nèi)容圖片的圖片容量小。[0027]在其中一個實施例中,所述非PNG格式的內(nèi)容圖片為JPG格式的圖片,所述PNG格式的外圍陰影框圖片為NinePatch圖片。[0028]上述圖片展示方法和裝置,相對于現(xiàn)有技術(shù),不再只是獲取一張固定格式的圖片,而是預(yù)先將需要展示的圖片分為了兩張圖片:外圍陰影框圖片和內(nèi)容圖片。由于外圍陰影框圖片的內(nèi)部為透明區(qū)域且可以隨意拉伸,這樣,外圍陰影框圖片的尺寸可以非常小,在拉伸后與內(nèi)容圖片進(jìn)行疊加并顯示。由于外圍陰影框圖片可以設(shè)計成可拉伸的格式,比如PNG格式,而內(nèi)容圖片可以設(shè)計成不需要拉伸或縮小且容量相對PNG格式更小的圖片格式,t匕如JPG格式。因此,這種圖片展示方法和裝置能夠減少容量,節(jié)省存儲空間?!靖綀D說明】[0029]圖1為一個實施例中圖片展示方法的流程示意圖;[0030]圖2A為一個實施例中外圍陰影框圖片的示意圖;[0031]圖2B為圖2A所示實施例中的內(nèi)容圖片的示意圖;[0032]圖2C為圖2A所示實施例中的疊加后的圖片的示意圖;[0033]圖3為一個實施例中圖片展示裝置的結(jié)構(gòu)框圖。【具體實施方式】[0034]為了使本發(fā)明的目的、技術(shù)方案及優(yōu)點(diǎn)更加清楚明白,以下結(jié)合附圖及實施例,對本發(fā)明進(jìn)行進(jìn)一步詳細(xì)說明。應(yīng)當(dāng)理解,此處所描述的具體實施例僅僅用以解釋本發(fā)明,并不用于限定本發(fā)明。[0035]除非上下文另有特定清楚的描述,本發(fā)明中的元件和組件,數(shù)量既可以單個的形式存在,也可以多個的形式存在,本發(fā)明并不對此進(jìn)行限定。本發(fā)明中的步驟雖然用標(biāo)號進(jìn)行了排列,但并不用于限定步驟的先后次序,除非明確說明了步驟的次序或者某步驟的執(zhí)行需要其他步驟作為基礎(chǔ),否則步驟的相對次序是可以調(diào)整的??梢岳斫?,本文中所使用的術(shù)語“和/或”涉及且涵蓋相關(guān)聯(lián)的所列項目中的一者或一者以上的任何和所有可能的組人口O[0036]如圖1所示,在一個實施例中,提供了一種圖片展示方法,該方法以應(yīng)用于各種能展示圖片的終端中進(jìn)行舉例說明,這些終端包括但不限于臺式計算機(jī)、筆記本電腦、平板電腦、智能手機(jī)、個人數(shù)字助理和電子書閱讀器等,該方法包括:[0037]步驟102,獲取外圍陰影框圖片。[0038]外圍陰影框圖片為可任意拉伸的格式且內(nèi)部為透明區(qū)域。優(yōu)選的,外圍陰影框圖片可為PNG(PortableNetworkGraphicFormat,可移植網(wǎng)絡(luò)圖形格式)格式的圖片。這樣,外圍陰影框圖片任意拉伸后其內(nèi)部仍然是透明區(qū)域。進(jìn)一步的,外圍陰影框圖片內(nèi)部的透明區(qū)域可為預(yù)設(shè)大小的透明區(qū)域,比如優(yōu)選為10x10像素的透明區(qū)域。將外圍陰影框圖片的尺寸設(shè)置為非常小,也能進(jìn)一步減少圖片容量。[0039]進(jìn)一步優(yōu)選的,PNG格式的外圍陰影框圖片可為NinePatch圖片。NinePatch圖片是一種可延伸的PNG格式的圖片,其用途是可以使得圖片隨著內(nèi)容的縮放而縮放大小。[0040]在一個實施例中,外圍陰影框圖片還可包括邊框區(qū)域和/或外圍透明或陰影區(qū)域。這樣,所展示圖片則具有邊框和/或陰影效果。[0041]步驟104,獲取內(nèi)容圖片。[0042]內(nèi)容圖片指的是具有實際內(nèi)容的圖片,通常為非純色的圖片。內(nèi)容圖片包括預(yù)設(shè)大小的內(nèi)容區(qū)域。進(jìn)一步的,內(nèi)容圖片還可包含預(yù)設(shè)大小的邊框區(qū)域。[0043]在一個實施例中,外圍陰影框圖片為PNG格式的圖片,內(nèi)容圖片可為非PNG格式的內(nèi)容圖片,且該非PNG格式的內(nèi)容圖片比PNG格式的該內(nèi)容圖片的圖片容量小。進(jìn)一步的,非PNG格式的內(nèi)容圖片可為JPG(全名為JPEG,是一種常用的圖片格式)格式的圖片。由于JPG格式的圖片占用的容當(dāng)前第1頁1 2