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

本文详细介绍了如何使用draw9patch.bat工具处理Android对话消息的气泡框,解决边缘黑线和内容显示问题。通过绘制9-patch图的边框黑线,控制气泡的拉伸区域和内容显示位置,确保图片在不同文本长度下能正确显示。此外,还讲解了draw9patch.bat的‘Showbadpatches’和‘Showcontent’选项的用途,以及处理后的图片命名和代码调用方法。
摘要由CSDN通过智能技术生成

详情请访问我的CSDN博客:

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

如下图所示:

4270e0f116a4?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

问题描述:

1.边缘有黑线。

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

问题解决后的截图:

4270e0f116a4?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

一、draw9patch.bat的使用说明。

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

4270e0f116a4?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

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

4270e0f116a4?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

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

4270e0f116a4?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

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

4270e0f116a4?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

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

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

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

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

4270e0f116a4?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

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

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

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

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

4270e0f116a4?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

4270e0f116a4?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

4270e0f116a4?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

4270e0f116a4?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

4270e0f116a4?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

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

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

4270e0f116a4?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

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

4270e0f116a4?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

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。

详情请访问我的CSDN博客:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值