9.png图片设计与应用教程：确保图片拉伸不失真.pdfVIP

、什么是9pg呢

（1）.9.png图⽚是开发⾥⼀种特殊的图⽚形式，⽂件

的扩展名为：.9.png

（2）.9.png图⽚的作⽤就是在图⽚拉伸的时候保证其不会失真。所以我们使⽤.9图⽚，

让图⽚在指定的位置拉伸和在指定的位置显示内容，这样图⽚的边边⻆⻆就不会出现失

真了。

在最常⻅的场景就出现在我们的QQ框⽓泡⾥（如下图）

（⽆论输⼊多少字⽓泡的⼩尾巴和装饰⻛筝的位置以及圆⻆⼤⼩都是固定不变的）

2、使⽤9pg和不使⽤9pg有什么区别呢

我们可以看到使⽤.9图⽚后，整个图⽚应该是包裹着你想要显示的内容的，⽽没有使

⽤的话整个控件布局看起来特别糟糕。

、所以9pg到底⻓什么样如何绘制⼜如何输出

（1）绘制之前先来说⼀下.9图⽚的四条⿊边的意义，每条⿊边的意义都不⼀样。

顶部：在⽔平拉伸的时候，保持其他位置不动，只在这个点的区域做⽆限的延伸

左边：在竖直拉伸的时候，保持其他位置不动，只在这个点的区域做⽆限的延伸