本文主要介紹9patch圖 *.9.png:android手機上,可以按需求自動拉伸的圖片 本文地址:http://www.cnblogs.com/wuyudong/p/5947195.html,轉載請註明出處。 使用AS點開XXX.9.png圖片 可以看到圖片的四條邊有黑色的線段。下麵通過示意圖來 ...
本文主要介紹9patch圖
*.9.png:android手機上,可以按需求自動拉伸的圖片
本文地址:http://www.cnblogs.com/wuyudong/p/5947195.html,轉載請註明出處。
使用AS點開XXX.9.png圖片
可以看到圖片的四條邊有黑色的線段。下麵通過示意圖來說明:
圖1上下邊各有兩條線段,表示可以通過橫向拉伸的部位,如圖2所示
圖3左右邊各有兩條線段,表示可以通過縱向拉伸的部位,如圖4所示
綜合以上兩種,取其公共部分為可拉伸區域,如圖:
右邊線段和下邊線段所圍成的公共區域表示可填寫文字區域
製作9Patch圖: 打開sdk/tools/draw9patch.bat,導入想要製作的原始圖片
- 上邊線控制水平拉伸
- 左邊線控制豎直拉伸
- 右邊線和下邊線控制內容區域