用draw9patch.bat绘制的气泡图片用在Android程序中有黑线,怎么解决?

来源:互联网 发布:c语言区间内素数 编辑:程序博客网 时间:2024/04/18 21:59

安卓开发,对话消息的气泡框处理。

如下图所示:


问题描述:

1.边缘有黑线。

2.气泡虽然能够根据内容长短自由伸缩,但是并不能让内容显示在气泡内部。


问题解决后的截图:



一、draw9patch.bat的使用说明。

1.找到android-sdk\tools文件夹下的draw9patch.bat,双击,会弹出如下的对话框。



2.单击左上角的File -> Open 9-patch,选择一个待处理的图片。



3.如下图,我需要处理一个对话气泡图片,这个图片内部是一个白色气泡,外部是灰色将其包围,整体是一个标准的矩形,图片如下:



使用Draw 9-patch.bat 打开后如下:



4.矩形图片的外围有一个 宽度为一个像素的矩形 将图片包裹住,我们就是要在这个宽度为1的矩形上操作。

如下图,在左侧和上侧单击鼠标左键即可绘制黑线。

左侧绘制的黑线的含义是:黑线以右的区域,当文本很长时,会在竖直方向进行拉伸。

上侧绘制的黑线的含义是:黑线以下的区域,当文本很长时,会在水平方向进行拉伸。



5.细心的读者可能会观察到上面的图片的下方,有一个“Show bad patches”的选项,

这个选项是干嘛的?不得不说,这个程序功能很强大,它能够识别出将要被拉伸的区域是否会“变形”。

如果我们勾选了这个选项,当我们绘制的黑线所控制的拉伸区域中含有类似于“拐角”的形状时,就会弹出红色的警告窗口,如下几幅图所示。

因此,当我们绘制左侧和上侧的黑线时,最好勾选这个选项。







6.界面下方还有一个选项“Show content”,顾名思义,勾选后就会在右半部分通过蓝色高亮,显示出将会用于显示文本的区域。

通过绘制右侧和下侧的黑线,即可控制这个区域的位置。



7.如下图所示,可以将显示文本的部分调整到气泡内部。



8.然后就可以在左上角点击“File”,然后保存文件了。


二、图片命名以及调用的代码。

使用draw9patch.bat生成的图片默认是在文件名和后缀名之间加上“.9”,

例如:图片left.png,处理后默认的名称为:left.9.png,需要强调的是,

1.文件名不用修改。

按照默认的名称left.9.png保存即可。

2.文件位置

把图片left.9.png放到left.png所在的位置,并且把left.png 删掉即可。

3.代码保持不变

原本代码里的 @drawable/left 不用 修改为 @drawable/right.9。



我用PS把图片多余部分抠掉后的效果如下,是不是有点微信的感觉了得意

气泡图片已经传到网上了,提供免费下载,感兴趣可以下载看看:

http://download.csdn.net/detail/rock4you/9581581



1 0
原创粉丝点击