制作并使用9-patch图像

本文解释了9-patch图像的工作原理及用途。9-patch通过3x3网格将图像分为9部分,不同区域按不同维度缩放。文章还介绍了draw9patch工具的使用方法,帮助开发者轻松创建适配各种屏幕尺寸的UI元素。
摘要由CSDN通过智能技术生成

为什么叫9-patch?因为9-patch可将图像分成3 x 3的网格,即由9部分或9patch组成的网格。

网格角落的patch不会被缩放,边缘部分的4个patch只按一个维度缩放,而中间部分则同时按两个维度缩放,如图25-8所示。



9-patch图像文件名是以.9.png结尾的,图像边缘具有一个像素宽度的边框,用以指定9-patch图像的中间位置。边框像素绘制为黑线,以表明中间位置,边缘部分则用透明色表示。

使用Android SDK中自带的draw9patch工具要更方便些。该工具位于SDK安装目录下的tools目录内.

顶部以及左边框标记了图像的可伸缩区域。那么底部以及右边框又要如何处理呢?它们定义了用于9-patch图像的可选drawable区域。drawable区域是内容(通常是文字)绘制的地方。如不引用drawable区域,则默认与可拉伸区域保持一致。

9patch图(放大后):


拉伸后:


draw9patch工具界面


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值