[制作教程] 【每周一招，教你玩转MIUI主题】第四招：.9图的绘制技巧
发布时间： 2015-05-04 17:21
大家好，本周MIUI Turbo Team将继续教大家MIUI主题的制作技巧，第四周的主题为——.9图的绘制技巧。
在MIUI主题中，含有大量的.9.png的图片，如果能正确的绘制，不仅能使主题更加不拘一格外，还能节省系统资源。论坛里已经有很详细的.9图说明和教程，现在以具体的例子来说明下.9图的绘制技巧和应注意的问题。
以钢铁侠的弹窗为例。下图（图1）为第一版钢铁侠的弹窗样式。在（图1）的左半部分，在红框部分，.9区域只有1个像素点，这时候由于拉伸的区域不能完全将bottom按钮给完全包住，因此产生了错位的现象。
而在右半部分中，.9区域从1个像素点改成2个像素点之后，拉伸区域完全，bottom按钮可以完全落在灰色拉伸区域上，这时候就不会产生错位现象。
此外，在绘制.9图的过程中，除了可以参考官方默认尺寸之外，可以根据需要适当的调整图标。如（图2）所示。
在（图2）中，左半部分是根据官方尺寸绘制的大小，但由于改图不含有图案、渐变等元素，在纯背景图中，.9的拉伸不会破坏图形的样式，因此将图适当压缩，纯色拉伸区域可适当缩小，通过调整图形的尺寸来改变图形大小，这样不仅能压缩主题包的大小，还能节省系统资源。
而如果背景有图案或者其他样式，在绘制.9区域的过程中，需要根据具体的情况做出相应的调整，避免出现拉伸区域落在图案或样式上的现象，在有条件的情况下，应试试拉伸区和内容区不同的组合，多注意拉伸区和内容区的对应关系，以到达最佳的效果。
nihao