android 9PNG圖片製作過程(圖文介紹)

來源:互聯網
上載者:User

在android開發的過程中我們經常因為沒有好的美工圖片失真,這樣使介面看起來要遜色很多,有的時候可能我們會想在drawable-hdpi,ldpi,mdpi下放不同解析度的圖片,這樣雖然可以有效避免圖片失真,但是這樣一是麻煩而是圖片資源似的整個項目太大。所以有時候我們想要是有些圖片可以展開而不失真多好啊,這時候我們就要想起android為我們提供的9.png格式的圖片了,9.png格式的圖片是安卓平台上新創的一種被展開卻不失真的玩意。

學會了這種9PNG圖片的製作,我們以後做項目的時候一些因為不同解析度而失真的圖片就可以使用這種方式了,下面看一下它的製作過程吧。

9PNG製作的工具我們不需要下載,因為android的sdk中已經內建了這個工具了,在tools目錄下找到draw9patch.bat,雙擊會出現

然後把我們想要製作的圖片,直接拖動到上面的工具裡面,會出現類似如:

將滑鼠放在白色邊框,點住左鍵不放拖動,會出現黑色線條

1號黑色條位置向右覆蓋的地區表示圖片縱向展開時,只展開該地區

2號黑色條位置向下覆蓋的地區表示圖片橫向展開時,只展開該地區

3號黑色條位置向左覆蓋的地區表示圖片縱向顯示內容的地區(在手機上主要是文字地區)

4號黑色條位置向上覆蓋的地區表示圖片橫向顯示內容的地區(在手機上主要是文字地區)

沒有黑色條的位置覆蓋的地區是圖片展開時保持不變(比如,如果圖片的四角為弧形的時候,當圖片被任意展開時,四角的弧形都不會發生改變)

右邊3個紅色繪圖區域為顯示當前展開效果

選擇好地區後,點擊左上file-》save 9-path,儲存圖片,尾碼名為xxx.9.png。這樣就製作成功了,然後就可以把這張圖片扔到drawable-hdpi相應的目錄下了。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.