拉伸不會明顯失真就適合用點 9 圖,否則就切多分辨率。如下第一張就不適合點 9 圖,第二張則適合。點 9 圖可定義拉伸區(qū)域目的就是防止另一部分拉伸失真。
創(chuàng)新互聯(lián)專注于黃山區(qū)網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供黃山區(qū)營銷型網(wǎng)站建設(shè),黃山區(qū)網(wǎng)站制作、黃山區(qū)網(wǎng)頁設(shè)計、黃山區(qū)網(wǎng)站官網(wǎng)定制、微信小程序服務(wù),打造黃山區(qū)網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供黃山區(qū)網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
這種情況下,我們可以UI設(shè)計師多切出幾套分辨率的圖偶來適配,但是這樣會導(dǎo)致apk體積增加,有沒有一張圖就能解決的好辦法呢,android平臺下的點9PNG就應(yīng)運而生了。
.png圖片本質(zhì)上還是png圖片,區(qū)別是.png圖比正常的png圖片在最外圍多了1px的邊框,這就允許我們在這個1px的邊框上定義圖片的可拉伸區(qū)域以及圖片的內(nèi)容區(qū)域。
png圖片一般用在需要拉伸的地方,比如聊天程序的對話框,字?jǐn)?shù)不同,對話框的大小也不同。之所以叫9是因為圖片被分割為9個部分。要在四周畫至少四條線(點),他們功能不一樣。
right和bottom邊框中交叉部分則是內(nèi)容部分 無論是left和top,還是right和bottom都是把圖片分成9塊 (邊角四塊是不能縮放的,其他的四塊則是允許縮放的),所以叫做PNG。
下(根據(jù)切圖大小,選擇對應(yīng)尺寸的drawable文件),然后將.9圖作為背景設(shè)置在指定View上 用AndroidStudio制作點9圖 選擇需要制作點9圖的文件。直接右鍵 點擊確定_嵩諏斜硐允疽徽鷗猛計牡9圖。
先找到圖片右鍵 然后修改圖片名稱,選擇目錄,注意必須要放在drawable目錄里面,不然引用studio會報錯 然后進入點9圖編輯界面 最后講解怎么編輯點9圖 只需要在圖片邊緣鼠標(biāo)單擊即可,一般我們只需要設(shè)置左邊和上邊來調(diào)節(jié)拉伸區(qū)域。
點擊左上file- save,保存文件,自動生成一張后綴名為“*.png”格式的圖片,圖片上下左右各增加了1px的黑線。
在UI切圖過程中,UI設(shè)計師往往需要切.png格式的圖片給開發(fā)人員,下面具體介紹如何制作點9切圖。相當(dāng)于把一張png圖分成了9個部分(九宮格),分別為4個角,4條邊,以及一個中間區(qū)域。
下(根據(jù)切圖大小,選擇對應(yīng)尺寸的drawable文件),然后將.9圖作為背景設(shè)置在指定View上 用AndroidStudio制作點9圖 選擇需要制作點9圖的文件。直接右鍵 點擊確定_嵩諏斜硐允疽徽鷗猛計牡9圖。
點擊左上file- save,保存文件,自動生成一張后綴名為“*.png”格式的圖片,圖片上下左右各增加了1px的黑線。
如何操作:鼠標(biāo)左鍵選取需要拉伸的像素點;shift+鼠標(biāo)左鍵取消當(dāng)前像素點。從圖中可以看出,導(dǎo)入的png圖片默認(rèn)周圍多了一像素點,也就是這一圈一像素點就是可操作區(qū)域。
這種情況下,我們可以UI設(shè)計師多切出幾套分辨率的圖偶來適配,但是這樣會導(dǎo)致apk體積增加,有沒有一張圖就能解決的好辦法呢,android平臺下的點9PNG就應(yīng)運而生了。
1、下(根據(jù)切圖大小,選擇對應(yīng)尺寸的drawable文件),然后將.9圖作為背景設(shè)置在指定View上 用AndroidStudio制作點9圖 選擇需要制作點9圖的文件。直接右鍵 點擊確定_嵩諏斜硐允疽徽鷗猛計牡9圖。
2、選擇需要制作點9圖的文件。直接右鍵 點擊確定 會在列表顯示一張該圖片的點9圖。打開 打開點9圖進行編輯 左側(cè)是原圖,也就是編輯區(qū)。右側(cè)是預(yù)覽區(qū)。預(yù)覽區(qū)分三個部分。
3、點9圖片是Android系統(tǒng)或ios系統(tǒng)中的一種可拉動和不失真的圖片,例如,我們的微信聊天泡泡是典型的第9點圖片,因為聊天泡泡需要關(guān)注文本的數(shù)量。
4、在Android的工具中給我們提供了draw9patch.bat工具來制作.9文件。該工具目錄在 \android-sdk-windows\tools\draw9patch.bat 。 我們直接打開draw9path.bat二進制程序,將我們需要制作的圖片導(dǎo)入進去。
5、png圖片一般用在需要拉伸的地方,比如聊天程序的對話框,字?jǐn)?shù)不同,對話框的大小也不同。之所以叫9是因為圖片被分割為9個部分。要在四周畫至少四條線(點),他們功能不一樣。
6、Android設(shè)備適配,圖片方面很重要的一部分就是.9圖的使用了,我們今天就來記錄一下。
當(dāng)前標(biāo)題:android點9 android點三下
文章地址:http://aaarwkj.com/article37/diedppj.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設(shè)、網(wǎng)站排名、做網(wǎng)站、網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)