如何制作Android.9图片

在Android的设计过程中，为了适配不同的手机分辨率，图片大多需要拉伸或者压缩，这样就出现了可以任意调整大小的一种图片格式“.9.png”。这种图片是用于Android开发的一种特殊的图片格式，它的好处在于可以用简单的方式把一张图片中哪些区域可以拉伸，哪些区域不可以拉伸设定好，同时可以把显示内容区域的位置标示清楚。
本文结合一些具体的例子来看下.9.png的具体用法。

首先看下普通的.png资源与.9.png的资源区别：

普通的png资源就不多介绍了，可以明显看到.9.png的外围是有一些黑色的线条的，那这些线条是用来做什么的呢？我们来看下放大的图像：

放大后可以比较明显的看到上下左右分别有一个像素的黑色线段，这里分别标注了序号。简单来说，序号1和2标识了可以拉伸的区域，序号3和4标识了内容区域。当设定了按钮实际应用的宽和高之后，横向会拉伸1区域的像素，纵向会拉伸2区域的像素。如下图：

拉伸的含义应该比较容易理解，但是内容区域的标注有什么意义呢？我们来看下图：

这里程序设置的文字垂直居中，水平居左的对齐方式。对齐方式是没有问题的，但是对于这种大圆角同时又有些不规则边框的的图形来说，错误的标注方式会让排版看起来很混乱。所以我们需要修正内容区域的线段位置和长度。

把横向的内容区域缩短到圆角以内，纵向的内容区域控制在输入框的高度以内，这样文字就可以正常显示了。

这里还有一种特殊情况，就是本身是.9.png的资源，但是在修改过程中你希望这张.9.png不能被拉伸（在做皮肤的情况中有可能会遇到），那怎么办呢？只要把拉伸区域的点点在透明像素的地方就可以了，这样拉伸的时候会拉伸透明部分的像素，而不会拉伸图像本身。如下图:

大家可以看到拉伸区域的黑点是可以不连续的。

说了半天.9.png的用法，那.9.png如何输出呢？有很多种方式可以输出.9.png，比如说用draw9patch.bat这个工具，或者简单一点，用photoshop直接输出。输出的方式是先输出普通的png资源，然后扩大画布大小，上下左右各空出一个像素，再用一个像素的铅笔工具（颜色选择纯黑色），上下左右分别画点就可以了，保存的时候注意把后缀修改为.9.png。
有两点需要特别注意下：
1.最外围的一圈像素必须要么是纯黑色，要么是透明，一点点的半透明的像素都不可以有，比如说99%的黑色或者是1%的投影都不可以有;
2.文件的后缀名必须是.9.png，不能是.png或者是.9.png.png，这样的命名都会导致编译失败。

转自：http://isux.tencent.com/android-ui-9-png.html

如何制作Android.9图片相关推荐

手把手教你制作Android 在线图片浏览器demo
每一种语言都能教会你一些东西,所以学习一门语言绝不会是浪费,尤其当它的不同之处不止是体现在句法杂项上. 前言首先给大家展示一下在线图片了浏览器demo 的界面.(大家也可以点击上面的链接进行下载制 ...
[转]android 制作.9.png图片解决图形变形问题
[转]android 制作.9.png图片 2012-8-10阅读1164 评论1 本文转自:http://xiaoming123123.iteye.com/blog/1489253 "点九 ...
Android 利用图片取色法巧妙制作彩虹调色圆环
Android 利用图片取色法巧妙制作彩虹调色圆环前言说干就干编写布局编写逻辑完事前言先看UI设计图理论上应该自定义一个圆环View,但看到UI设计师已经将彩虹
【2022/1/7】Android平台启动图制作.9.png图片
Android平台启动图制作.9.png图片可以先了解4条黑边的意义,当然如果不了解也是可以的,我们制作.9.png使用android studio 顶部:水平拉伸时,只有这一部分进行拉伸左边:竖 ...
android NinePatch图片制做
NinePatch图片以*.9.png结尾,和普通图片的区别是四周多了一个边框如上图所示,左边那条黑色线代表图片垂直拉伸的区域,上边的那条黑色线代表水平拉伸区域,右边的黑色线代表内容绘制的垂直区域, ...
FireWork 制作android 应用程序 icon
FireWork 制作android 应用程序 icon 有时候自己写的一个android小应用,想给其添加自己喜爱的icon,探索了一下,使用fireword来制作: 效果图如下: 制作流程如下: ...
自定义Android带图片的按钮
自定义Android带图片的按钮前言现在移动设备的按钮设计讲究大图标小文字,希望用户只要一看到图标便能知道这个按钮是干嘛的,但又要有必要的文字提示,最常见的就数搜索按钮了,上面一个大大的放大镜图标 ...
android 拉伸图片
Android拉伸图片用的是9.png格式的图片,这种图片可以指定图片的那一部分拉伸,那一部分显示内容,美工给的小图片也能有很好的显示效果. 原背景图片可以看到原背景图片很小,即使在再长的文字,背景 ...
android开机图片格式,Android平台启动图使用.9.png图片
概述目前HBuilder|HBuilderX中仅定义几种标准分辨率的启动图配置,而实际上存在很多不同分辨率的手机,导致启动图会进行拉伸或压缩引起变形,Android平台为了解决此问题就出现了可以适配 ...

如何制作Android.9图片

如何制作Android.9图片相关推荐

最新文章

热门文章