设置聊天系统对话页面的文字背景气泡,要让气泡背景随着内容多少来拉伸,需要用到AS中的.9.png图片格式。
步骤一:下载.png格式的气泡图
- 去图标图挑选合适的图片。下载的尺寸是消息空白时的尺寸,所以选择小一点的,图形尽量偏正方形。
- 将图片放入drawable下,在xml中看下效果。.9.png格式只会在这个尺寸基础上进行拉伸,不进行收缩。
例:47*40像素
步骤二:创建并设置.9.png格式的图片
- 右键图片选择Create 9-Patch… ,生成.9.png图片后删除原图片。
- 拉Zoom的进度条放大图片更方便调整。
- 设置文字内容区域:√勾选Show content查看区域,通过拉右边和下边的黑线设置中间的矩形。
- 设置图片可拉伸区域:√勾选Show patches查看区域,通过拉左边和上边的黑线设置粉色矩形。
- 拉Patch scale处的进度条查看拉伸效果。
步骤三:效果
设置了左边和右边两张气泡图片后:(懒得截屏,请忽略框框线)
参考更为详细的文章:https://blog.youkuaiyun.com/qq_45676148/article/details/118485201