Android开发指南-工具-画九宫格

ゝ一纸荒年。 2022-06-18 05:59 97阅读 0赞

**画九宫格Draw 9-patch**

这个九宫格绘画工具（draw9patch.bat）可以让你很容易的通过一个所见即所得（WYS|WYG）的编辑器来创建一个九宫格NinePatch图。

关于九宫格图以及它是如何工作的，请阅读九宫格图像Ninepatch Images主题的相关章节。

![0_1318212453ACEY.gif][]

下面是一个便捷指南。你需要PNG图像来创建一个九宫格。

1.     从一个终端（比如windows浏览器），启动这个draw9patch应用程序，该程序位于你的SDK /tools 目录下。

2.     把你的PNG图像拖放到这个工具的窗口中（或者通过**File**\->**Open 9-patch...** 来定位文件）。你的工作台将被打开。

左边的窗格是你的绘画区域，你可以在里面编辑可延伸的宫格和内容区域。右边窗格是预览区域，从中你可以预览图形的拉伸。

3.     在1个像素周长里点击，绘制线条来定义可延伸宫格以及（可选的）内容区域。点击右键（或者在苹果机上，按住Shift并点击）取消之前画的线。

4.     这些完成后，选择**File** > **Save 9-patch...**

你的图片将以.9.png 文件名保存。

**注意:** 一个通常的PNG文件(\*.png) 加载时，将以一个空的单像素边界补充在图片周围，你可以在里面画可延伸宫格和内容区域。一个前面保存的九宫格文件(\*.9.png)将以原样加载，因为这个已经存在。

![0_1318212466H1Wm.gif][]

可选控制包括：

·         **缩放Zoom**: 调整图片大小

·         **宫格比例Patch scale**: 调整预览视图中图像的比例

·         **显示锁定区域Show lock**: 使不可画区域在鼠标移动到该区域上时显示出来。

·         **显示宫格Show patches**: 预览这个绘图区中的可延伸宫格（粉红色代表一个可延伸宫格）。

·         **显示内容Show content**: 预览视图中的高亮内容区域（紫色部分）。

·         **显示坏宫格Show bad patches**: 在宫格区域四周增加一个红色边界，这可能会在图像被延伸时产生人工痕迹。如果你消除所有的坏宫格，延伸视图的视觉一致性将得到维护。

[0_1318212453ACEY.gif]: /images/20220618/2e6bf25d1c0f423aab9da5a688096caa.png
[0_1318212466H1Wm.gif]: /images/20220618/3ca4d41566164d00914b544db05a35fa.png

发表评论取消回复

表情：

评论列表（有 0 条评论，97人围观）

还没有评论，来说两句吧...

相关阅读

相关九宫格实现原理

先看图 1.每个格子的flex值设置为1 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_tex

古城微笑少年丶/ 2022年12月28日 05:30/ 0 赞/ 205 阅读

相关 GridView布局九宫格

GirdView的使用跟listview是差不多的，一样有baseadapter，simpleadapter。 GirdView的一些属性： android:numColu

刺骨的言语ヽ痛彻心扉/ 2022年09月25日 06:27/ 0 赞/ 207 阅读

相关九宫格问题

\include <iostream> \include <deque>//STL 双端队列容器 \include<fstream> \include"pos.h"

红太狼/ 2022年08月11日 00:40/ 0 赞/ 233 阅读

相关九宫格问题

“九宫格问题”的Java重写思路：左老师对“九宫格问题” 的讲解不是很详细，可能会给很多人雾里看花的感觉。想学习这个问题先要把这个求解口诀翻译成白话文：一居

曾经终败给现在/ 2022年07月24日 10:10/ 0 赞/ 265 阅读

相关九宫格

将数字 1 …9 填入一个 3×3 的九宫格中，使得格子中每一横行和的值全部相等，每一竖列和的值全部相等。请你计算有多少种填数字的方案。分析: 可用dfs(

谁践踏了优雅/ 2022年06月18日 09:13/ 0 赞/ 264 阅读

相关 Android开发指南-工具-画九宫格

画九宫格Draw 9-patch 这个九宫格绘画工具（draw9patch.bat）可以让你很容易的通过一个所见即所得（WYS|WYG）的编辑器来创建一个九宫格Nine

ゝ一纸荒年。/ 2022年06月18日 05:59/ 0 赞/ 98 阅读

相关 Android实现九宫格图案解锁

Android实现九宫格图案解锁前言：自定义了一个九宫格的VIew来绘制九宫格图案，实现了绘制图案解锁的功能。效果图如下： ![这里写图片描述][SouthEas

本是古典何须时尚/ 2022年06月08日 09:21/ 0 赞/ 256 阅读

相关 js实现九宫格

一、js实现九宫格简单分为三大步，具体看代码块注释 1.让每个li能够实现拖拽功能 a).css布局用一个ul,九个li b).获取所有li,循环给每个li绑定on

深碍√TFBOYSˉ_/ 2022年03月17日 14:17/ 0 赞/ 533 阅读

相关前端九宫格学习

1.第一种方式（float布局），参照大佬代码，重点元素我已标注 <!DOCTYPE html> <html lang="zh" xmlns:th="http

素颜马尾好姑娘i/ 2022年03月01日 09:56/ 0 赞/ 350 阅读

相关九宫格特效

前言此次九宫格牵扯到了节点之间的距离与位置交换其中有几点重要的思想列举如下： 1. 对于随机颜色的添加（1）可以利用\ffffff 十六进制进

小咪咪/ 2022年02月24日 06:16/ 0 赞/ 315 阅读