创建可调整大小的位图(9-Patch 文件)

Draw 9-patch 工具是 Android Studio 中包含的一种 WYSIWYG(所见即所得)编辑器,利用此工具,您可以创建能够自动调整大小以适应视图内容和屏幕尺寸的位图图像。图像的选定部分可以根据图像内绘制的指示器在水平或竖直方向上调整比例。

有关 NinePatch 图形及其工作原理的介绍,请阅读画布和可绘制对象文档中有关 NinePatch 可绘制对象的部分。
在这里插入图片描述
图 1. Android Studio 的 Draw 9-patch 工具中的一个 NinePatch 图像。

下面是使用 Android Studio 中的 Draw 9-patch 工具创建一个 NinePatch 图形的快速指南。您需要一个想要用以创建 NinePatch 图像的 PNG 图像。

  1. 在 Android Studio 中,右键点击您想要用来创建 NinePatch 图像的 PNG 图像,然后点击 Create 9-patch file
  2. 为您的 NinePatch 图像键入一个文件名,然后点击 OK。您将创建一个文件扩展名为 .9.png 的图像。
  3. 双击您的新 NinePatch 文件,将其在 Android Studio 中打开。您的工作区现在将打开。左侧窗格是您的绘制区域,您可以在其中编辑可拉伸配线和内容区域的线条。右侧窗格是预览区域,您可以在其中预览拉伸的图形。
  4. 在 1 像素周长的范围内点击,以绘制定义可拉伸配线和(可选)内容区域的线条。点击右键(在 Mac 上为按住 Shift
    点击)可以擦除之前绘制的线条。
  5. 完成后,点击 File > Save 保存您的更改。

您可以双击现有的 NinePatch 文件以在 Android Studio 中将其打开。

要确保您的 NinePatch 图形正确缩小,请验证任意可拉伸区域的尺寸是否至少为 2x2 像素。否则,它们可能会在缩小时消失。另外,也要在可拉伸区域前后各额外提供 1 像素的安全空间,以避免比例调整期间发生内插,从而可能导致边界处的颜色发生变化。

注:正常的 PNG 文件 (.png) 加载时会在图像周围添加 1 像素的空边界,您可以在其中绘制可拉伸配线和内容区域。之前保存的 NinePatch 文件 (.9.png) 将按原样加载,不会添加绘制区域,因为此区域已经存在。
在这里插入图片描述
图 2. 一个显示内容、配线和不良配线的 NinePatch 图像。

可选控件包括:

  • Zoom:调整图形在绘制区域中的缩放级别。
  • Patch scale:调整图像在预览区域中的比例。
  • Show lock:当鼠标悬停在图形的不可绘制区域上时以直观方式呈现。
  • Show patches:在绘制区域中预览可拉伸配线(紫色为可拉伸配线),如上面的图 2 所示。
  • Show content:突出显示预览图像中的内容区域(紫色为允许内容的区域),如图 2 所示。
  • Show bad patches:在拉伸时可能会在图形中产生伪影的配线区域周围添加红色边界,如图 2所示。如果您消除所有不良配线,已拉伸图像的视觉连贯性将得以保持。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值