AndroidStudio .9圖片編輯問題

在實際安卓項目中我們一般都會用到 .9.png 圖片來實現一些 UI 效果,筆者主要在這裏簡單記錄下 AS 自帶 .9 圖片編輯工具使用上的一個小坑。

當下我的項目裏要用到一張這樣的 .9.png 圖片:


看到這張圖片不要困惑,並不是你的瀏覽器沒加載出來,它就長這樣,我把它放項目裏就是當佔位圖用的!

接下來我把它放到項目的 drawable 目錄裏,然後從 AS(3.1.1) 裏打開並切換到 9-Patch 編輯窗口:


嗯看起一切正常的樣子,注意從 .9 圖片編輯工具裏打開這張圖片的時候圖片四周已經被自動加上了黑色像素邊。這時候我開始着手編輯這張 .9 圖片四周的黑邊,發現這四條黑邊在這裏竟然是編輯不了的……這特麼就很尷尬了……

難道要我跑 PS 裏去編輯?對於不怎麼會玩 PS 的程序員來說感覺有點麻煩啊……

好我就不賣關子了,下面演示我自己研究出來的 .9 圖片在 AS 裏不可編輯的解決方法。

好吧最終圖片還是要先放 PS 裏處理一下的!

首先,把原圖從 PS 裏打開:



注意這時候我當前圖像的背景圖層有個小鎖,這裏要把這個鎖去掉!怎麼去我就不細說了

ok,然後,打開 圖像 ->畫布大小:



調整下當前圖層的畫布,我們要的效果是四個方向各向外擴展一個像素且像素值保持默認(透明像素),這裏寬高各填2就可以了,然後確定。

這時候我們當前圖像的邊緣已經有一圈透明像素了:


ok這時候把這張圖片放到 AS 裏並將之前那張編輯不了黑邊的圖片給覆蓋掉,然後再從 .9 圖片編輯窗口裏打開這張經過 ps 的圖片:


已經可以自由編輯圖片四周的黑邊了~

完。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章