Draw 9-patch 工具是 Android Studio 中包含的一个所见即所得编辑器。该工具允许您创建位图图像,这些图像会自动调整大小以适应视图的内容和屏幕的大小。您可以根据图像内绘制的指示器水平或垂直缩放图像的选定部分。
有关 NinePatch 图形及其工作原理的简介,请阅读NinePatch 可绘制对象。
按照以下步骤使用 Android Studio 中的 Draw 9-patch 工具创建 NinePatch 图形。您需要 PNG 图像,以便从中创建 NinePatch 图像。
- 在 Android Studio 中,右键单击要从中创建 NinePatch 图像的 PNG 图像,然后单击**创建 9-patch 文件**。
- 输入 NinePatch 图像的文件名,然后单击**确定**。您的图像将使用
.9.png
文件扩展名创建。 - 双击新的 NinePatch 文件以在 Android Studio 中将其打开。
在打开的工作区中,左侧窗格是您的绘图区域,您可以在其中编辑可伸缩补丁和内容区域的线条。右侧窗格是预览区域,您可以在其中预览图形在拉伸时的外观。
- 在1像素的边界内点击以绘制定义可拉伸区域和(可选)内容区域的线条。
右键单击以擦除先前绘制的线条(在 Mac 上,按住 Shift 键并单击)。
- 完成后,点击**文件** > **保存** 以保存更改。
要在 Android Studio 中打开现有的 NinePatch 文件,请双击该文件。
为了确保您的 NinePatch 图形能够正确缩小,请验证任何可拉伸区域的大小至少为 2x2 像素。否则,这些区域在缩小时可能会消失。为了避免在缩放过程中可能导致边界颜色发生变化的插值,请在图形中可拉伸区域的前后提供 1 像素的额外安全空间。
注意:普通 PNG 文件(*.png
)加载时会在图像周围添加一个空的 1 像素边框。您可以在边框内绘制可拉伸区域和内容区域。先前保存的 NinePatch 文件(*.9.png
)按原样加载,不会添加绘图区域,因为它已经存在。
可选控件包括
- 缩放:调整绘图区域中图形的缩放级别。
- 补丁缩放:调整预览区域中图像的缩放比例。
- 显示锁定:在鼠标悬停时可视化图形的不可绘制区域。
- 显示补丁:在绘图区域中预览粉红色的可拉伸补丁。粉色表示可拉伸补丁,如图 2 所示。
- 显示内容:在预览图像中突出显示内容区域。紫色表示允许内容的区域,如图 2 所示。
- 显示错误补丁:在拉伸时可能会在图形中产生伪影的补丁区域周围添加红色边框,如图 2 所示。如果消除了所有错误补丁,则将保持拉伸图像的视觉连贯性。