Android - 制作聊天气泡.9格式

设置聊天系统对话页面的文字背景气泡，要让气泡背景随着内容多少来拉伸，需要用到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.csdn.net/qq_45676148/article/details/118485201

Android - 制作聊天气泡.9格式相关推荐

在Android Studio如何制作聊天气泡
在Android Studio如何制作一个聊天气泡最近在学习移动编程开发,利用Android Studio编写代码.作为初学者,多多少少会有点难. 在开发的过程中,遇到了很多的困难,而 ...
css制作聊天气泡android,css实现聊天气泡效果
--------------------------------------- css功能强大,能实现很多炫酷的效果,今天给大家分享用css3绘制聊天气泡的方法: ---------------- ...
css制作聊天气泡android,CSS3巧妙实现聊天气泡
传统的聊天气泡什么又是传统的聊天气泡,直接上图代码如下实现方式大家早有耳闻,圆角矩形和三角形嘛,三角形原理就是 border 可以设置为透明,可以复制上例中的代码修改 border-color属 ...
android .9png聊天气泡,Android 关于点9图在气泡评论里使用的调研
需求是这样的气泡 1. 点9图简单介绍 Android为了使用同一张图作为大小区域背景,设计了一种可以指定区域拉伸的图片格式".9.png",这种图片格式就是点九图.Androi ...
android气泡聊天框大小,android – 备用聊天气泡宽度
我正在开发一个聊天类型的应用程序我正在使用两个不同的九个补丁来聊天泡泡主要消息和响应.我面临的问题是根据消息长度自动包装气泡的宽度.以下是我的主要布局: android:orientation=&qu ...
android 聊天气泡_android聊天气泡在android中构建ios风格的聊天
android 聊天气泡重点 (Top highlight) In this post, we'll explore how to do two things: 1) create live cha ...
微信聊天气泡随意换，一键制作超级简单，让聊天不再枯燥！
除了QQ微信也可以制作聊天气泡,今天小编给大家分享一款微信小程序,只需简单几步就可以制作出个性十足的聊天气泡效果了,赶快一起来看看吧! 这款小程序中提供了丰富的气泡模板,其中包括游戏.明星以及动漫模块 ...
android气泡组件,Android 聊天气泡
网上搜到的只有一篇是自定义的TextView,其使用比较麻烦,所以采用大众化的方法--使用9.png来实现. 这里主要介绍sdk tool的draw9patch.bat的使用. 这个bat执行文件打开 ...
Android点9图机制及在聊天气泡中的应用
点九图简介 Android为了使用同一张图作为不同数量文字的背景,设计了一种可以指定区域拉伸的图片格式".9.png",这种图片格式就是点九图. 注意:这种图片格式只能被使用于An ...

Android - 制作聊天气泡.9格式

步骤一：下载.png格式的气泡图

步骤二：创建并设置.9.png格式的图片

步骤三：效果

Android - 制作聊天气泡.9格式相关推荐

最新文章

热门文章