美文网首页开发工具Android开发经验谈Android技术知识
用draw9patch.bat绘制的气泡图片用在Android程

用draw9patch.bat绘制的气泡图片用在Android程

作者: rock4you | 来源:发表于2016-07-20 20:25 被阅读559次

详情请访问我的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博客:

http://blog.csdn.net/rock4you/article/details/51971283

相关文章

网友评论

    本文标题:用draw9patch.bat绘制的气泡图片用在Android程

    本文链接:https://www.haomeiwen.com/subject/tnovjttx.html