在Android Studio如何制作聊天气泡

在Android Studio如何制作一个聊天气泡

最近在学习移动编程开发，利用Android Studio编写代码。作为初学者，多多少少会有点难。
在开发的过程中，遇到了很多的困难，而今天所说的这个聊天气泡就是其中之一。期间也是陆陆续续找了很多东西，害，难搞。网上的资料很复杂，有说用自己定义一个Java类，画一个。好嘛，听着不错，但对于本人这个初学者来说，还是很困难的，所以在经过大量的资料查找后，找到了一个简单有效的方法。
　　采用Android Studio软件制作一种 .9.png 格式的图片，将其设为文本背景即可实现气泡。嗯，灰常地简单与快捷。
　　
　　下面就来一起看看怎么制作这个小东西：　
　　
①需要下载一个格式为 png格式的气泡图片，这个应该不难吧。网上所以一搜一大堆，这里提供一个阿里的矢量图网址。

www.iconfont.cn
　　进去搜索气泡，找到适合的，下载就好。
　　
　　

　　注意下载 .png 格式下载
　　

注意：下载之后的图片不出意外都是很大的。害，所以嘛，程序员都应该备一个可以去调节像素大小的软件。这方面，各有其法，本人用的是Photoshop2020，啥版本不重要，能用就行。如下图所示：

除了可以修改图片大小，也可以对图片进行翻转，实现气泡方向的转变等。PS会用一点就够了，当然，多多益善。
具体图片的大小自己看着来，本人没怎么测试过最佳效果。Photoshop2020软件的链接如下：

百度网盘链接(访问码:qtu6) 　

②在Android Studio里新建一个项目，将图片放在res–>drawable里。需要注意一下，就是图片的名字必须是 英文小写 。将图片放进去办法很多。目前最为之有效的是，直接将图片拖动到 drawable 目录下，也可以去项目工程里，找到drawable文件，再丢进去也行。

其次，右键选择Create 9-Patch… 。取名，还是英文小写，然后再删除原来的 png 图片，只留下 .9.png 格式的图片。

直接按OK即可

③接下来会看见这样一个页面。主要有四个比较重要的组件:

Show lock：勾选则锁住图像，不给编辑　
Show bad patches：勾选则显示图像不可拉伸部分

这两个组件不大重要，至少目前用不到，主要是对下面这两个进行调整即可实现我们的需求。

Show content:勾选显示图片中文字显示的区域
Show patches:勾选显示图片可拉伸区域

　　
　　调整的时候需要注意一下，很容易用鼠标拉到旁边的组件。比如，当你在调整Show content组件，注意别拉到旁边的 Show patches 组件。毕竟，它们是挨在一起的。慢慢调吧，弄多了，说不定自己也会有点技巧。稍微演示一下，挠挠头。
　　补充（干货）：将图像分为 上下左右 四块，其中 左和上 控制的是可拉伸区域，鼠标移到相应的位置，会出现两根线及两根线间的灰色区域，调整两根线之间的区域即可控制可拉伸区域的范围。同理，下和右 是控制文字显示在图片位置的区域，自己调整即可。

嗯，这小玩意有点不大好调，容易移错。当然，弄好之后，再在 .xml 文件里调用即可，是不是很巴适。

android:background="@drawable/airbubbles"

其中，airbubbles为本人命名的 .9.png 格式图片名称。

④结尾的最后，运行一下自己做的一个demo，看看效果。当然，也可以做很多个这种 .9.png 格式的图片，以备不时之需。

B站UP：小憨有憨

Android studio实现聊天气泡

演示到这里就差不多了，具体的demo，将会在下一篇博客中写到，希望能对你有所帮助。

如何利用Listview实现一个简单的的聊天页面

PS：已更新。

在Android Studio如何制作聊天气泡相关推荐

在android studio中制作九宫格图片
本文介绍如何在android studio中制作一张九宫格图片. 1.选中准备进行处理的图片*.png,直接修改名为*.9.png.放入android studio 工程的drawable目录下.(. ...
Android Studio开发——蓝牙聊天功能
Android Studio开发--蓝牙聊天功能蓝牙工作流程功能要求实现要点声明蓝牙权限添加程序运行的状态描述文本及配色代码布局文件蓝牙会话的服务组件ChatService Activi ...
css制作聊天气泡android,css实现聊天气泡效果
--------------------------------------- css功能强大,能实现很多炫酷的效果,今天给大家分享用css3绘制聊天气泡的方法: ---------------- ...
css制作聊天气泡android,CSS3巧妙实现聊天气泡
传统的聊天气泡什么又是传统的聊天气泡,直接上图代码如下实现方式大家早有耳闻,圆角矩形和三角形嘛,三角形原理就是 border 可以设置为透明,可以复制上例中的代码修改 border-color属 ...
Android Studio实现微信聊天
** 实验目的: ** 使用android studio,在微信聊天程序中实现进场通信的蓝牙功能补充知识:什么是蓝牙蓝牙是目前无线个域网通信的主流技术之一,本质上是一种近距离的无线通信技术. 蓝牙 ...
微信视频气泡 android,变变微信聊天气泡
变变微信聊天气泡是一款非常好用的气泡美化软件,让你的聊天框看起来更加个性化,不需要ROOT即可完成气泡设计,更具趣味性,喜欢的小伙们快来下载试试吧! 软件详情让气泡在你的指尖跳跃吧! 变变聊天气泡( ...
用Android Studio写一个聊天软件（聊天室）
首先要了解四大组件的概念: Android 开发的四大组件分别是:活动Activity 是提供界面 (UI) 的一种应用组件:服务(service),后台运行服务,不提供界面呈现:广播接收器(Broa ...
Android - 制作聊天气泡.9格式
设置聊天系统对话页面的文字背景气泡,要让气泡背景随着内容多少来拉伸,需要用到AS中的.9.png图片格式. 步骤一:下载.png格式的气泡图去图标图挑选合适的图片.下载的尺寸是消息空白时的尺寸,所以 ...
android studio 安卓制作app入门教程,Android开发：AndroidStudio安卓APP入门教程
轻松学会Android,让工作主动找你即使你是零基础,也能掌握真正的技术低风险.低投入,随时随地学习全方位的技术支持:高清视频.源码.资料.技术指导课程目录章节1:初识篇课时1开发环境搭建 ...

在Android Studio如何制作聊天气泡

在Android Studio如何制作一个聊天气泡

在Android Studio如何制作聊天气泡相关推荐

最新文章

热门文章