一.前言

今天做閃屏頁(yè)面，頁(yè)面的圖片設(shè)置的background，不同設(shè)備的手機(jī)會(huì)有所拉伸，圖片又不能剪裁，只能做成.9圖。

.9圖的制作

1.把四個(gè)邊預(yù)留好的一像素透明區(qū)域的png圖片后綴改成.9.png，放入到Android studio 對(duì)應(yīng)的圖片包下
2.點(diǎn)擊查看圖片，切換9-Path 查看 ，并制作

image.png

3.現(xiàn)在來(lái)說(shuō)一下.9圖四個(gè)邊的意義

image.png

右下-文字的放置區(qū)域
左上-圖片的拉伸區(qū)域
告訴大家一個(gè)記住的小竅門， 順時(shí)針“右下放，左上伸”。

所以就這個(gè)圖而言它的四個(gè)角不會(huì)拉伸，文字也沒(méi)有放在圓角處

3. 點(diǎn)9圖制作完，直接在ImageView 上setBackground() 就可以了

總結(jié)：“右下放，左上伸”

二.top-left coner pixel must be either opaque white or transparent .

今天.9圖讓設(shè)計(jì)做的 讓他們四個(gè)邊預(yù)留一像素，在四個(gè)邊上點(diǎn)上對(duì)應(yīng)的點(diǎn)，然后導(dǎo)出后綴名改成.9.png 就好了，可是放在studio 里面項(xiàng)目跑不起來(lái)，放生了錯(cuò)誤

image.png

意思：點(diǎn)9圖是錯(cuò)誤的，不符合格式，問(wèn)題出在了左上兩邊。
仔細(xì)檢查真的出了問(wèn)題

image.png

這個(gè)地方是不能被畫點(diǎn)的，我們?nèi)绻胹tudio 自己畫的話，這個(gè)區(qū)域是操作不了的，但是設(shè)計(jì)師們用PS想畫哪里畫哪里，所以圖片出了問(wèn)題，交給設(shè)計(jì)師們解決

image.png

這個(gè)就沒(méi)有問(wèn)題了

總結(jié)：記住四個(gè)定點(diǎn)是不能有操作的，如果讓設(shè)計(jì)師操作，這個(gè)一定要說(shuō)清楚

三.error: found an invalid color.

以上問(wèn)題是解決了，可是再編譯還是出問(wèn)題

image.png

去百度一查，原來(lái).9 的圖片出錯(cuò)了 沒(méi)有黑線 ，仔細(xì)一查，.9圖 就左上畫了下，右下沒(méi)畫線，怪我沒(méi)和設(shè)計(jì)師說(shuō)清楚，自己重新畫一下就好了

總結(jié) ：.9圖的四個(gè)邊都要畫黑線

四 com.android.builder.internal.appt.v2.Aapt2Exception:AAPT2 error:check logs for details

image.png

讓設(shè)計(jì)改完 又保存，一般AAPT2錯(cuò)誤就是資源錯(cuò)誤，剛放完點(diǎn)9圖就是這個(gè)圖片還是有問(wèn)題，仔細(xì)查找，到底是什么問(wèn)題

image.png

左邊不足一像素。仔細(xì)看了看圖片，應(yīng)該是左上角的空格不足一像素，用studio點(diǎn)了點(diǎn)，結(jié)果好了，去找設(shè)計(jì)測(cè)量下這個(gè)空格，真的不足一像素

image.png

總結(jié) ：.9圖的四個(gè)定點(diǎn)一定要預(yù)留出來(lái)一像素的方格，可以大于但不能小于

總結(jié) ：.9圖的制作還是開(kāi)發(fā)自己用studio制作吧，設(shè)計(jì)做會(huì)出現(xiàn)一很多問(wèn)題，而且不好定位問(wèn)題。