右边三个是现在拉伸后的效果。
我们的目标是图片四个角上的图案在拉伸时不变形只 拉伸直线部分。
show patches显示九宫格目前只有一格,是紫色
4、开始制作九宫格。在左边图案紫色区域最上面的那一列,从需要拉伸的格孓开始拖动鼠标到目的格子地停止,选中的格子变成黑色
图片被分成三格。记住在图片下方相同的对应位置如法炮制一番
5、在左边圖案,紫色区域最左边的那一列从需要拉伸的格子开始拖动鼠标,到目的格子地停止选中的格子变成黑色。
记住在图片右边相同的对應位置如法炮制一番
图片变成九格。不需要被拉伸的部分没有色彩
6、最终效果如下,可以看到右边拉伸后的图片四角图案都保持正瑺,没有变形
这张九宫格图片制作好了,去界面上试试吧!