详情请访问我的CSDN博客:
http://blog.csdn.net/rock4you/article/details/51971283
安卓开发,对话消息的气泡框处理。
如下图所示:
问题描述:
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。
详情请访问我的CSDN博客: