Android-NinePatch PNG文件(点九图)的使用

ImageView中XML属性src和background的区别:

background会根据ImageView组件给定的长宽进行拉伸,而src就存放的是原图的大小,不会进行拉伸。src是图片内容(前景),bg是背景,可以同时使用。

此外:scaleType只对src起作用;bg可设置透明度,比如在ImageButton中就可以用android:scaleType控制图片的缩放方式

NinePatch PNG

简介:

“*.9.png”文件一般被用来作为背景文件,它具有实现部分拉伸的功能。其实从名字一看很明了,这种PNG文件是分为9个区域,即九宫格的形式,其中只有中间交叉的区域会产生作用,而边角上的4解则是固定不变的。

实战解析:

原图:

这里写图片描述

这里写图片描述

布局及效果:

这里写图片描述

发现图片被拉伸。

1、我们可以在sdk/tools找到draw9patch.bat双击打开我们的制作工具。

这里写图片描述

打开后如图:

这里写图片描述

2、点击 file —> open 9-patch 打开要制作的PNG图片

这里写图片描述

3、拖动边界上的线控制区域:
图片的四个边框绘制一个个小黑点,上边框和左边框的部分表示当图片需要拉伸时就拉伸黑点标记的区域,下边框和右边框绘制的部分则表示内容会被放置的区域。

这里写图片描述

注意:
上下左右各1像素的边界标识,其中上和左是必须的,用于指定交叉区域为重复拉伸时用到的填充色,而下和右则是可选的,当存在时,则会在其交叉位置填充前景内容,其他区域作为padding区域,即内边距。

看右边的预览图:

这里写图片描述

第一张为:纵向拉伸
第二张为:横向拉伸
第三张为:横纵向同时拉伸

4、修改完成编辑后保存即可,保存后的格式为*.9.png。(必须把PNG改为.9.PNG才有效)

再次导入项目中,看效果:适配了各种机型。

这里写图片描述

总结:

制作点九图需要:
1、原图为:四条边都有一个像素的PNG图片(点九图依然可重新设置区域)
2、修改名称”.PNG”为”.9.PNG”
3、拖动四条边的线控制区域:设置可拉伸和可放置内容的区域(在Android studio中也可做修改)

这里写图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值