android 9PNG圖片製作
【原文:http://blog.csdn.net/wangkuifeng0118/article/details/7730436】
在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相應的目錄下了。
相關文章
- GIF動圖怎麼製作?GIF圖片製作
- PS製作圓角圖片
- 安卓.9圖片製作安卓
- 圖片馬製作及利用方式
- CSS3製作圖片樣式CSSS3
- WidsMob Montage for Mac(蒙太奇圖片製作)Mac
- 使用css製作滑鼠經過圖片時,放大圖片1.5倍CSS
- 網店logo自己製作,電商產品圖片如何快速製作Go
- vue前端製作圖片,並下載(canvase)Vue前端Canvas
- PPT怎麼製作漸變UI圖示?PPT扁平化圖示圖片的製作方法UI
- 分享好用的小紅書圖片製作軟體,輕鬆製圖
- 借用圖文智慧排版製作精美的鎖屏圖片
- 線上圖片製作網站哪個好 PS圖片處理教程網站
- 電商圖片線上製作,可摳圖可寫文案
- Android圖片突出Android
- 馬賽克圖片製作軟體:TurboMosaic啟用AI
- 如何製作企業宣傳片:企業宣傳片製作之道
- 宣傳片製作技巧
- TurboMosaic for Mac 蒙太奇馬賽克圖片製作軟體AIMac
- 製作一個複雜通用的圖片上傳介面
- 遊戲優化系列二:Android Studio製作圖示教程遊戲優化Android
- Dreamweaver製作滑鼠經過圖片漸漸變暗效果教程
- PS製作抽象人物線條GIF動態圖片效果抽象
- 直播平臺製作,利用python批量讀取儲存圖片Python
- Android 圖片載入框架Android框架
- Android webview圖片過大AndroidWebView
- android非同步生成圖片Android非同步
- Android ImageView 清空背景圖片AndroidView
- android圖片處理,讓圖片變成圓形Android
- 淺談基於uinapp製作一個搞笑圖片生成器UIAPP
- PPT製作電視螢幕播放圖片滾動動畫教程動畫
- 直播平臺製作,依靠C語言實現圖片輪播C語言
- Android開源庫的製作Android
- 流程圖製作: BPMN流程圖線上繪製流程圖
- Android 高效安全載入圖片Android
- Android 和 iOS 圖片輪播AndroidiOS
- Android圖片快取框架GlideAndroid快取框架IDE
- Android圖片底部居中的ImageViewAndroidView
- Android生成圖片並放入相簿Android