android模仿iphone气泡聊天气泡大小自适应

最新推荐文章于 2022-05-30 20:36:52 发布

iteye_16107

最新推荐文章于 2022-05-30 20:36:52 发布

阅读量593

点赞数

文章标签： android模仿iphone气泡聊天气泡大小自适应 sms气泡聊天 android气泡短信 listview实现气泡聊天

本文链接：https://blog.csdn.net/iteye_16107/article/details/82333993

版权

本文介绍了如何在Android应用中模仿iPhone的气泡聊天样式，特别是实现气泡大小根据聊天内容自适应的功能。通过使用ListView、自定义Adapter和9宫格切割的气泡图片，结合RelativeLayout和ImageView布局，以及在代码中动态调整图片尺寸来达到自适应效果。

摘要由CSDN通过智能技术生成

这两天在做一个电子商城的商品评论功能，想到模仿微信或者iphone中的气泡聊天方式，气泡聊天是iphone内置的控件，不对开发者开放，android中更是没有提供类似的控件。于是先在百度google上搜了一下有没有类似的android实现方式，这样的帖子不多，也就局限于百度的第一页，以下面这个帖子为代表:http://blog.csdn.net/randyjiawenjie/article/details/6678738

大致的实现方法是使用“ListView+自定义adapter+气泡背景图片”,其他的帖子也是类似，而自己想实现的效果要求气泡的大小能够“自适应聊天（短信）内容” ，固定的背景图片显然不能实现这个要求。再次寻寻觅觅，找到下面这个英文帖子：http://mobiforge.com/developing/story/sms-bubble-ui-iphone-apps ，大致讲解了在ios中模仿iphoe气泡的思路，其中关键是将气泡图片切割成9个栅格，如下图：

假设将图片的9个栅格区域按逆时针方向编号，中间内容部分编号为9 ，使用ReleativeLayout+ImageView将9张图片依次逐行排列，注意图片切割时水平方向高度和垂直方向高度要一致，布局文件如下：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="right"
     >

    <RelativeLayout
        android:id="@+id/bubble_lay_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
     >
         <ImageView
            android:id="@