`
砺雪凝霜
  • 浏览: 156633 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

如何制作Android.9图片

阅读更多

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

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

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

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

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

这里程序设置的文字垂直居中,水平居左的对齐方式。对齐方式是没有问题的,但是对于这种大圆角同时又有些不规则边框的的图形来说,错误的标注方式会让排版看起来很混乱。所以我们需要修正内容区域的线段位置和长度。
5
把横向的内容区域缩短到圆角以内,纵向的内容区域控制在输入框的高度以内,这样文字就可以正常显示了。

这里还有一种特殊情况,就是本身是.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.png图片工具及步骤详解

    总结,制作9.png图片是Android开发中优化UI资源的重要步骤,通过合理使用9.png,可以提高应用的适配性和用户体验。理解9.png的工作原理并熟练掌握制作方法,对于Android开发者来说至关重要。同时,不断更新和优化UI...

    .9.png图片,用android自带的 工具制作完,图片四周有黑线,可以使用这个工具去掉黑线

    在Android开发中,`.9.png`图片是一种特殊的图像格式,用于实现图像的拉伸和缩放,以便适应不同尺寸的屏幕。`.9.png`图片在设计时会在图像的边缘添加特殊的标记来指示哪些部分应该拉伸,哪些部分应保持不变。然而,...

    做安卓android的.9图片必备工具

    在Android开发中,.9图片(也称为9-patch)是一种特殊的图像格式,用于创建可拉伸和可缩放的图形资源。这种技术对于确保UI元素在不同屏幕尺寸和密度下正确显示至关重要。以下是关于使用.9图片以及相关工具的详细知识...

    android 9.png 图片制作工具

    9.png图片的制作工具是Android Studio自带的一个实用程序,名为`draw9patch`,正如压缩包中的文件`draw9patch_151847`所示。这个工具提供了一个简单的界面,让用户可以直观地定义拉伸区域。以下是使用该工具的一些...

    android 9.png 图片制作

    【标题】:“Android 9.png 图片制作” 在Android开发中,9.png图片是一种特殊的PNG图像格式,主要用于绘制可伸缩的图形元素。9.png图片的全称是nine-patch image,它允许开发者指定图像的哪部分是可拉伸的,哪部分...

    android .9图片工具 .9-patch

    很久没上传资源了,今天特意把自己收集的,自己用过的资源上传。Android.9png图片制作工具,这个工具是增强版,可以同时处理多张图片,处理的图片不会有黑线。非常的好。

    .9图片制作

    在Android开发中,".9"图片(也称为9-patch或9图)是一种特殊的图像格式,用于实现可伸缩和自适应的UI元素。这种图片类型由Android系统提供支持,主要用于按钮、背景和其他需要根据内容大小动态调整的图形元素。".9...

    android .9图图片使用帮助文档

    Android平台中的".9图",全称为"Nine-Patch"图像,是一种特殊类型的PNG图片,用于解决在不同分辨率设备上控件拉伸时的图形失真问题。.9.png图片的使用能够确保图片在横向和纵向拉伸时保持原始图像的细节,如渐变和...

    安卓SDK点9图片制作工具

    通过这个所谓的“安卓SDK点9图片制作工具”,开发者可以继续沿用他们熟悉的流程,而无需适应Android Studio内的新工作流。这不仅提高了效率,也为那些更喜欢独立工具的开发者提供了便利。对于想要学习或改进在...

    9.PNG制作工具

    在Android开发中,`.9.png`图像是一种特殊的PNG图片格式,用于实现图像的拉伸和扩展,以便在不同尺寸的设备上保持图形元素的清晰度和完整性。这种技术主要用于按钮、背景和其他界面元素,使得它们在大小变化时仍能...

    详解Android .9.png “点九”图片的使用

    要创建`.9.png`图片,通常有两种方法:使用Android提供的`draw9patch`工具和Photoshop等专业图像编辑软件。在这里,我们将重点介绍使用`draw9patch`工具的步骤: 1. **安装工具**:首先确保你的计算机安装了JDK,...

    点9图片制作工具

    点9图片,也被称为.9patch,是Android平台上一种特殊的图像格式,用于创建可拉伸的用户界面元素,如按钮、背景等。这种格式允许开发者指定图像的拉伸区域和不变区域,确保在不同屏幕尺寸和分辨率下,UI组件能够正确...

    安卓.9图片转换软件.zip

    在Android开发中,`.9`图(也称为`9-patch`或`.9.png`)是一种特殊格式的图像资源,用于实现可拉伸和缩放的图片,以适应不同尺寸的屏幕。`.9`图在保持图片某些部分不变形的同时,允许其他部分自适应拉伸,这对于创建...

    Android .9.png图片的制作与使用

    可以自己PS制作,也可以解压其他应用的apk文件,用里面的图片资源,Android系统也有图片资源可以使用。 2、在android-sdk-windows\tools目录下找到draw9patch.bat文件,然后将其打开,将你要处理的

    .9图片处理工具

    1. .9格式癿图片在android环境下具有自适应调节大小癿能力。 2. .9格式癿图片允许开发人员定义可扩展区域,当需要延伸图片以填充比图片本身更大区域时,可扩展区癿内容被延展。 3. .9格式癿图片允许开发人员定义内容...

    Android中.9.png图片的使用及制作

    在Android开发中,`.9.png`图片是一种特殊的图像格式,用于处理图片的拉伸和缩放,以保持图像的视觉效果和清晰度。这种格式允许开发者指定图片的哪些部分可以拉伸,哪些部分保持不变,从而在不同尺寸的视图中呈现出...

    android点九图片制作工具

    点九图片,也被称为.9.png或9-patch图片,是Android系统中特有的一种图像格式,用于创建可拉伸的UI元素。这种格式允许开发者指定图像的哪些部分可以水平或垂直拉伸,哪些部分应该保持不变,从而实现自适应布局的效果...

    Android设计中的.9.png

    在Android设计中,.9.png图片格式是一种专为适应不同屏幕尺寸和分辨率而设计的特殊图像格式。这种格式允许开发者指定图像中哪些部分可以拉伸,哪些部分保持不变,从而确保图片在放大或缩小后仍能保持清晰和美观。...

Global site tag (gtag.js) - Google Analytics