Android Developers:绘制9-patch图片

绘制9-patch图片工具让你使用可见即可得（WYSIWYG）编辑器轻松创建Nine Patch图像。 

 

关于介绍Nine-path图片和它是如何工作的，请在2D Graphics的文档中查阅关于Nine-patch的章节。 

 

这里是使用Draw 9-path工具创建Nine-patch图像的快速指南。你想创建一张NinePatch图片，你需要PNG图片。 

1. 打开终端，从你的SDK/tools目录启动draw9patch程序。 

   
   

2. 将你的PNG图片拖拽到Draw 9-patch窗口中（或者File>Open 9-patch..来查找文件）。现在将打开你的工作空间。 

左边的面板是你的绘图区域，在这里你能编辑可伸缩区域和内容区域的线条。右边的面板是预览区域，在这里你能预览在拉伸时的你的图形。 

4. 在1-像素的周长内点击来绘制线条，定义可伸缩块和（可选的）内容区域。右击（或者按住Shift点击，在Mac上）来擦出以前绘制的线条。 

5. 当完成的时候，选择File>Save 9-patch... 

你的图片将使用.9.png文件名称被保存。 

注意：一张普通的PNG文件（*.png）将会以空1-像素边框围绕图片被加载，在这里你可以绘制可拉伸块和内容区域。一张先前保存9-patch文件（*.9.png）将会以原样加载，没有绘图区域填充，因为它已经存在。 

 

可选的控制包括： 

• Zoom：调整图片在绘图区域的缩放级别。 

• Patch scale：调整图片在预览区域的比例。 

• Show lock：在鼠标悬浮的时候可视化图片的不可拉伸区域。 

• Show patches：在绘图区域预览可拉伸块（粉色的是可拉伸块）。 

• Show content：在预览图片中高亮内容区域。（紫色是内容允许的区域）。 

• Show bad patches：在块区域添加红色的边界，当拉伸的时候它可能会在图像中产生绘图块效应。如果你消除所有的坏块，将保持你的拉伸图片的可视化的连贯性。

新技术，新未来！欢迎大家关注 “1024工场”微信服务号 ，时刻关注我们的最新的技术讯息！ （甭客气！尽情的扫描或者长按！）