1. 程式人生 > >在android studio中製作九宮格圖片

在android studio中製作九宮格圖片

本文介紹如何在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、最終效果如下,可以看到右邊拉伸後的圖片,四角圖案都保持正常,沒有變形。




這張九宮格圖片製作好了,去介面上試試吧!