admin管理员组

文章数量:1539544

2024年3月29日发(作者：)

点九图制作例子

【篇一：点九图制作例子】

一、点九图的介绍

png，是一种非失真性压缩位图图形文件格式。png格式是非失真性压缩的，允许使用类

似于gif格式的调色板技术，支持真彩色图像，并具备阿尔法通道（半透明）等特性。png的

的英文名称为portable??network??graphics，即便携式网络图片。另有说法是名称来源于

非官方的“png??is??not??gif”。

在这里不过多的讨论png格式的定义问题，但是.确实是标准的png格式，只是在

最外面一圈额外增加1px的边框，这个1px的边框就是用来定义图片中可扩展的和静态不变的

区域。特别说明，left和top边框中交叉部分是可拉伸部分，未选中部分是静态区域部分，

right和bottom边框中交叉部分则是内容部分（变相的相当于定义看一个内边距，神似

padding功能，后面我会单独介绍一下），这个参数是可选的,如下图，左图是显示top和left

拉伸区域，右图是显示right和bottom的内容区域：

在android中以格式的图片为背景，则能够自定义拉伸而不失真，比如系统的

button就是一个典型的例子，不过最常见的我也最喜欢还是微信的对话框，我们拿它来举例看

看效果：

从上图可以看出，使用点九图的话，其细节可以尽量保留，怎么拉伸都不会变形失真，怎

么样？看到这里各位看官明白了吗？

其实呢，无论是left和top，还是right和bottom都是把图片分成9块(边角四块是不

能缩放的，其他的四块则是允许缩放的)，看下图数一数，123456789，正好九块，所以叫做

。

二、如何使用ninepng九图神器（一款安卓app）制作图片？

前面已经了解到格式的工作方式，下面我们使用这款专门处理点九图的app（不了

解的读者可以到网站去了解一下）来制作.图片。

第一步：准备要拉伸的图片,并传输图片到此app上。非常小的一张图片，这张图片有可能

是在pc电脑上，刚用photoshop创作完成，那么我就以此图片为例来讲解。

接下来我们需要把这张图片导入到手机上。

首先，在app中的设置界面打开【wifi共享】，会得到一个ip地址

然后，在电脑上使用浏览器（推荐使用chrome浏览器）访问这个ip地址（注意：必须是

连接同一个路由器的电脑，可以是有线的连接，也可以是无线的连接）

这时，你就可以在电脑端直接上传图片了。点击【上传】按钮，然后上传你想要上传的图

片即可。

app中会同步接收并显示所上传的图片

第二步：制作.图片。

本文标签： 图片部分使用格式拉伸

版权声明：本文标题：点九图制作例子 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/xitong/1711649089a320369.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。