ANDROID之.9.PNG图片

9.png是为了适配各种屏幕的机子,所以才有了这种格式的图片。

        在Android SDK中提供了制作这种图片的工具,也就是

A~AMOILBXMK[V`B7{V5~EB4.jpg



Draw9patch.bat这个批处理 ,双击之后可以看到:


7H35DWM8~7(A@KZRM]V~FG2.jpg 

很简答的界面,在左上角的File中可以选择我们需要制作的.9.png的图片,接下来就拿这个图来制作我们所需要的.9



2IKS4LE7$G21Q}`9$WLBHWY.jpg  

将该文件导入进去:


P%YG7V_G424_MDJHWSQ)F.jpg 


中间的灰色和红色的区域,是不允许绘制的,而右侧的图是制作了之后拉伸之后的效果。其实,也可以使用PS来做.9.png。只是将图的上下左右各扩展1px,因为Android的.9.png的图只用了1px的宽度来画黑线。



而在下方有两个类似于SeekBar一样的控件,上面的是用来放大缩小图的,而下面的是用来放大缩小我们所制作的图的。所以,在画完之后,可以使用下面的SeekBar来检测我们做出来的图的效果。



接下来开始画黑线吧。


上面和左边的黑线,是用来控制拉伸的区域,而右侧跟下面的黑线是用来规定内容所绘制的区域的。



所以对于这张图片,我们要做的是,保持尖角一直处于中间的位置,而且保证圆角不能够被拉伸。所以,我们不能够在尖角跟圆角的地方画黑线,否则会破坏整张图的。


所以:


IL5[7(449NTLPYZC069WB11.jpg 


看到了这两条黑线,画了这两条之后,会在横向的方向上拉伸被黑线所拉伸的区域,而其他区域都不会被拉伸。同理垂直方向:


J`_QTEU@N}0PJ1[YDHX8LXE.jpg


因为不想圆角被破坏而失真,所以,只需要在这一点点地方画一条黑线,那么就只会拉伸这部分,而圆角不会被破坏掉


98Z4SIAO)`G4CK}FHJPGK2J.jpg


而在下面和右侧的线则确定了内容所需要绘制的区域。也就是说

EEL[%AN1MLF5%@`VE]A_U.jpg


内容部分只能够在红色矩形的区域内绘制。

转载至http://bbs.9ria.com/thread-250388-1-1.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值