您的位置:首页 > 移动开发 > Android开发

Android Studio中如何制作和使用.9.png(Nine Patch)图片

2017-07-21 13:17 513 查看

原理

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

.9.png图片相比普通图片,在四条边会多出1px的空隙,我们在这1px的空隙中画上黑线,即可控制图片怎么拉伸,内容区域的位置。 Google API 中的图片



图的解释:

Top,黑色的横线是控制图片可横向拉伸的区域。

Left,黑色的竖线是控制图片可纵向拉伸的区域。

右边和下边的黑色线结合起来控制内容显示的区域。

如何使用:

选择一张普通图片,置于drawable目录下。将它改为.9图片。在Android Studio中使用.9图很简单:直接将图片名称以”.9.png”结束。重新打开图片,可以看到图片下面会有2个Tab,切换到“9-Patch”即可配置.9图片了。如图所示:



在左边的图中我们可以分别拉伸上下左右的黑色曲线(鼠标放在图上显示边界时就可以用鼠标拉伸)我们可以通过勾选下方的Show content让其显示内容区域。

这样就可以根据需求来制作.9.png 图片了 。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: