相當於把壹張png圖分成了9個部分（九宮格），分別為4個角，4條邊，以及壹個中間區域。具體如下圖：上方2區域表示橫向拉伸的區域，左邊4區域表示縱向拉伸的區域，下方8區域表示橫向顯示內容的區域，右方區域6表示縱向顯示內容的區域。區域1，3，7,9代表不被拉伸的區域。
制作點9切圖的方法有很多種，在這裏具體介紹兩個工具。壹個是手機軟件NinePng九圖神器，另壹個則是電腦軟件draw9patch。個人覺得NinePng使用起來更加方便，具體使用方法將以壹個例子進行說明。如下......
以聊天背景為例，如下圖
作為聊天背景圖，要保證四個圓角及右邊三角形不變。橫向拉伸時，保證四個圓角不變即可，所以只需標註圓角以外的區域。縱向拉伸時，要保證三角區域及圓角不變，所以需要在除三角區域及圓角區域以外進行標註。內容顯示區域，橫向顯示需具體標註效果如上圖；具體效果見下圖
以上......