在android studio中製作九宮格圖片
阿新 • • 發佈:2018-12-04
本文介紹如何在android studio中製作一張九宮格圖片。
1、選中準備進行處理的圖片*.png,直接修改名為*.9.png。放入android studio 工程的drawable目錄下。(..\projectname\app\src\main\res\drawable)
2、在android studio中開啟*.9.png圖片,如下。
右邊三個是現在拉伸後的效果。
我們的目標是圖片四個角上的圖案在拉伸時不變形,只 拉伸直線部分。
3、選中 show content 和 show patches選項。
show content 顯示藍色,呈現圖片拉伸的區域。
show patches顯示九宮格,目前只有一格,是紫色。
4、開始製作九宮格。在左邊圖案,紫色區域最上面的那一列,從需要拉伸的格子開始拖動滑鼠,到目的格子地停止,選中的格子變成黑色。
圖片被分成三格。記住在圖片下方相同的對應位置如法炮製一番。
5、在左邊圖案,紫色區域最左邊的那一列,從需要拉伸的格子開始拖動滑鼠,到目的格子地停止,選中的格子變成黑色。
記住在圖片右邊相同的對應位置如法炮製一番。
圖片變成九格。不需要被拉伸的部分沒有色彩。
6、最終效果如下,可以看到右邊拉伸後的圖片,四角圖案都保持正常,沒有變形。
這張九宮格圖片製作好了,去介面上試試吧!