Skip to main content

九图生成器 创建带有可拉伸区域标记的Android风格9图(.9.png)图片。

九图生成器 illustration
🖼️

九图生成器

创建带有可拉伸区域标记的Android风格9图(.9.png)图片。

1

上传图片

拖放或选择一个PNG图片用于创建9-patch图像。

2

定义区域

设置左、右、上和下边距以确定可拉伸的区域。

3

下载

生成并下载带有标记的.9.png文件。

Loading tool...

What Is 九图生成器?

一个九图生成器,用于创建Android开发和游戏UI系统中使用的.9.png图片。九图图片具有1像素边框标记,定义了哪些区域可以拉伸,哪些保持固定。设置内嵌值(左、右、上、下)以控制可拉伸区域的开始和结束位置。工具会添加所需的1px边框,并使用黑色像素标记。输出兼容Android SDK和流行游戏引擎。

Why Use 九图生成器?

  • 创建正确格式的.9.png文件
  • 具有视觉化控制的拉伸区域定义
  • 兼容Android SDK和游戏引擎
  • 预览采用像素级渲染

Common Use Cases

Android开发

创建可拉伸的按钮和聊天气泡背景。

游戏UI

适用于不同屏幕尺寸的可缩放UI面板和框架。

响应式资产

仅通过拉伸指定区域来实现图像的无缝缩放。

聊天气泡

随着文本内容扩展的聊天消息背景。

Technical Guide

输出图像是源图宽高各增加2个像素(每侧1px边框)。源图在偏移量(1,1)处绘制,边框上放置黑色像素:顶部边框标记水平可拉伸宽度,左边框标记垂直可拉伸高度,右边框标记内容填充高度,底部边框标记内容填充宽度。可拉伸区域是内嵌值之间的区域。

Tips & Best Practices

  • 1
    保持边距远离详细区域 -- 只有简单的区域应该拉伸
  • 2
    在各种尺寸下测试以验证拉伸行为
  • 3
    使用Android SDK draw9patch工具进行验证
  • 4
    具有详细信息的角落和边缘应位于固定(非拉伸)区域

Related Tools

Frequently Asked Questions

Q .9.png是什么?
一个带有1px边框标记以定义可拉伸和填充区域的PNG图像。
Q 仅限Android吗?
最初是为Android设计,但也被广泛用于许多游戏引擎和UI框架中。
Q 输入格式?
仅支持PNG -- 标记需要无损像素数据。
Q 预览拉伸?
检查输出的视觉效果。使用Android SDK工具进行拉伸预览。
Q 最大边距?
每侧最多可达图像尺寸的一半。

About This Tool

九图生成器 is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.