UI设计之--仿微信聊天界面

最新推荐文章于 2024-08-13 22:18:59 发布

yayun0516

最新推荐文章于 2024-08-13 22:18:59 发布

阅读量3.3k

点赞数 1

分类专栏： Android 文章标签： Android 微信聊天界面

本文链接：https://blog.csdn.net/yayun0516/article/details/45969847

版权

本文介绍了如何在Android平台上创建一个仿微信聊天界面，包括main.xml文件的编写，消息实体类Msg的定义，msg_item.xml的设计，MsgAdapter的实现以及MainActivity的代码。通过这些步骤，你可以构建一个类似的聊天应用界面。文章提供了源码下载链接供读者实践。

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

1.首先编写main.xml文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="10dp" >

    <LinearLayout
        android:id="@+id/left_layout"
        android:layout_width="wrap_content"
        android:layout_height="45dp"
        android:layout_gravity="left"
        android:background="@drawable/message_left" >

        <TextView
            android:id="@+id/left_msg"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_margin="10dp"
            android:textColor="#fff" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/right_layout"
        android:layout_width="wrap_content"
        android:layout_height="45dp"
        android:layout_gravity="right"
        android:background="@drawable/message_right" >

        <TextView
            android:id="@+id/right_msg"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_margin="10dp" />
    &l