【android】聊天界面的制作-简易版实现_安卓大作业发送信息界面制作简单-CSDN博客

本文链接：https://blog.csdn.net/zjngogo/article/details/48737607

本文介绍了如何使用基础代码实现Android聊天界面，包括标题栏制作、左右按钮互发信息的实现，以及聊天消息显示的逻辑。通过定义XML布局，创建Msg实体类，并自定义ListView适配器，实现了聊天界面的基本功能。

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

看完了第一行代码第三章，改进了一些基本功能，下面就听小弟一一道来：

也参考了很多别人的代码，但是总觉得一些功能可以比较轻松的实现就不绕那么多弯子，就用最基础的码代码实现一样的功能：（1）整体布局代码一样是精简的；（2）实现左右按钮互发信息；（3）收发表情效果代码部分正在解bug中等后续更新

下面赶紧来看看实现过程吧（按我写代码的思路来写文章，如果不习惯大家见谅）：

标题栏的制作：

定义一个xml文件，在该xml文件中采用水平排列的属性分别放置两个ImageButton控件以及一个ImageView控件，代码如下：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:background="#8A2BE2"
    android:gravity="center"
    android:orientation="horizontal" >
    
    <ImageButton 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="5dp"
        android:background="@drawable/nf"/>
    <TextView 
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"
        android:textColor="#ffffff"
        android:textSize="15sp"
        android:text="群聊（4）"/>
    <ImageButton 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="5dp"
        android:background="@drawable/icon_friend_w"/>

效果如图所示：

然后再主布局中加入该标题栏的子布局：

<include
        android:layout_width="fill_parent"
        android:layout_height="50dp"
        layout="@layout/top_layout" />

整体布局

聊天界面的整体布局主界面中放置了一个ListView用于显示聊天的消息内容，与它成线性布局竖直放置了输入框，输入框子布局中水平放置了一个ImageButton控件、两个Button（背景色的制作见我前面几篇文章）以及一个EditText控件：

<LinearLayout xmlns:android="http://schemas