Android版高仿微信聊天界面源码 [附件下载]

JackJiang · 7 年前

前言

微信的聊天界面是挺漂亮的，每条消息都带一个气泡，给人一种很清新的感觉，其实实现起来也不是那么的难，下面我们就来实现一下。

代码执行效果图

Android版高仿微信聊天界面源码 [附件下载]_1348323388_9818.jpg

项目工程结构

Android版高仿微信聊天界面源码 [附件下载]_1348321913_7226.jpg

Activity主类的代码

package com.way.demo;

import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Date;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ListView;

/**
 * @author way
 */
public class WeixinChatDemoActivity extends Activity implements OnClickListener {

        private Button mBtnSend;// 发送btn
        private Button mBtnBack;// 返回btn
        private EditText mEditTextContent;
        private ListView mListView;
        private ChatMsgViewAdapter mAdapter;// 消息视图的Adapter
        private List<ChatMsgEntity> mDataArrays = new ArrayList<ChatMsgEntity>();// 消息对象数组

        public void onCreate(Bundle savedInstanceState) {
                super.onCreate(savedInstanceState);
                setContentView(R.layout.main);

                initView();// 初始化view

                initData();// 初始化数据
                mListView.setSelection(mAdapter.getCount() - 1);
        }

        /**
         * 初始化view
         */
        public void initView() {
                mListView = (ListView) findViewById(R.id.listview);
                mBtnSend = (Button) findViewById(R.id.btn_send);
                mBtnSend.setOnClickListener(this);
                mBtnBack = (Button) findViewById(R.id.btn_back);
                mBtnBack.setOnClickListener(this);
                mEditTextContent = (EditText) findViewById(R.id.et_sendmessage);
        }

        private String[] msgArray = new String[] { "有大吗", "有！你呢？", "我也有", "那上吧",
                        "打啊！你放大啊！", "你TM咋不放大呢？留大抢人头啊？CAO！你个菜B", "2B不解释", "尼滚...",
                        "今晚去网吧包夜吧？", "有毛片吗？", "种子一大堆啊~还怕没片？", "OK,搞起！！" };

        private String[] dataArray = new String[] { "2012-09-22 18:00:02",
                        "2012-09-22 18:10:22", "2012-09-22 18:11:24",
                        "2012-09-22 18:20:23", "2012-09-22 18:30:31",
                        "2012-09-22 18:35:37", "2012-09-22 18:40:13",
                        "2012-09-22 18:50:26", "2012-09-22 18:52:57",
                        "2012-09-22 18:55:11", "2012-09-22 18:56:45",
                        "2012-09-22 18:57:33", };
        private final static int COUNT = 12;// 初始化数组总数

        /**
         * 模拟加载消息历史，实际开发可以从数据库中读出
         */
        public void initData() {
                for (int i = 0; i < COUNT; i++) {
                        ChatMsgEntity entity = new ChatMsgEntity();
                        entity.setDate(dataArray[i]);
                        if (i % 2 == 0) {
                                entity.setName("肖B");
                                entity.setMsgType(true);// 收到的消息
                        } else {
                                entity.setName("必败");
                                entity.setMsgType(false);// 自己发送的消息
                        }
                        entity.setMessage(msgArray[i]);
                        mDataArrays.add(entity);
                }

                mAdapter = new ChatMsgViewAdapter(this, mDataArrays);
                mListView.setAdapter(mAdapter);
        }

        @Override
        public void onClick(View v) {
                switch (v.getId()) {
                case R.id.btn_send:// 发送按钮点击事件
                        send();
                        break;
                case R.id.btn_back:// 返回按钮点击事件
                        finish();// 结束,实际开发中，可以返回主界面
                        break;
                }
        }

        /**
         * 发送消息
         */
        private void send() {
                String contString = mEditTextContent.getText().toString();
                if (contString.length() > 0) {
                        ChatMsgEntity entity = new ChatMsgEntity();
                        entity.setName("必败");
                        entity.setDate(getDate());
                        entity.setMessage(contString);
                        entity.setMsgType(false);

                        mDataArrays.add(entity);
                        mAdapter.notifyDataSetChanged();// 通知ListView，数据已发生改变

                        mEditTextContent.setText("");// 清空编辑框数据

                        mListView.setSelection(mListView.getCount() - 1);// 发送一条消息时，ListView显示选择最后一项
                }
        }

        /**
         * 发送消息时，获取当前事件
         * 
         * @return 当前时间
         */
        private String getDate() {
                SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd hh:mm:ss");
                return format.format(new Date());
        }
}

ListView的代码

package com.way.demo;

import java.util.List;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;


/**
 * 消息ListView的Adapter
 * 
 * @author way
 */
public class ChatMsgViewAdapter extends BaseAdapter {

        public static interface IMsgViewType {
                int IMVT_COM_MSG = 0;// 收到对方的消息
                int IMVT_TO_MSG = 1;// 自己发送出去的消息
        }

        private static final int ITEMCOUNT = 2;// 消息类型的总数
        private List<ChatMsgEntity> coll;// 消息对象数组
        private LayoutInflater mInflater;

        public ChatMsgViewAdapter(Context context, List<ChatMsgEntity> coll) {
                this.coll = coll;
                mInflater = LayoutInflater.from(context);
        }

        public int getCount() {
                return coll.size();
        }

        public Object getItem(int position) {
                return coll.get(position);
        }

        public long getItemId(int position) {
                return position;
        }

        /**
         * 得到Item的类型，是对方发过来的消息，还是自己发送出去的
         */
        public int getItemViewType(int position) {
                ChatMsgEntity entity = coll.get(position);

                if (entity.getMsgType()) {//收到的消息
                        return IMsgViewType.IMVT_COM_MSG;
                } else {//自己发送的消息
                        return IMsgViewType.IMVT_TO_MSG;
                }
        }

        /**
         * Item类型的总数
         */
        public int getViewTypeCount() {
                return ITEMCOUNT;
        }

        public View getView(int position, View convertView, ViewGroup parent) {

                ChatMsgEntity entity = coll.get(position);
                boolean isComMsg = entity.getMsgType();

                ViewHolder viewHolder = null;
                if (convertView == null) {
                        if (isComMsg) {
                                convertView = mInflater.inflate(
                                                R.layout.chatting_item_msg_text_left, null);
                        } else {
                                convertView = mInflater.inflate(
                                                R.layout.chatting_item_msg_text_right, null);
                        }

                        viewHolder = new ViewHolder();
                        viewHolder.tvSendTime = (TextView) convertView
                                        .findViewById(R.id.tv_sendtime);
                        viewHolder.tvUserName = (TextView) convertView
                                        .findViewById(R.id.tv_username);
                        viewHolder.tvContent = (TextView) convertView
                                        .findViewById(R.id.tv_chatcontent);
                        viewHolder.isComMsg = isComMsg;

                        convertView.setTag(viewHolder);
                } else {
                        viewHolder = (ViewHolder) convertView.getTag();
                }
                viewHolder.tvSendTime.setText(entity.getDate());
                viewHolder.tvUserName.setText(entity.getName());
                viewHolder.tvContent.setText(entity.getMessage());
                return convertView;
        }

        static class ViewHolder {
                public TextView tvSendTime;
                public TextView tvUserName;
                public TextView tvContent;
                public boolean isComMsg = true;
        }

}

消息对象的实现代码

package com.way.demo;

/**
 * 一个消息的JavaBean
 * 
 * @author way
 * 
 */
public class ChatMsgEntity {
        private String name;//消息来自
        private String date;//消息日期
        private String message;//消息内容
        private boolean isComMeg = true;// 是否为收到的消息

        public String getName() {
                return name;
        }

        public void setName(String name) {
                this.name = name;
        }

        public String getDate() {
                return date;
        }

        public void setDate(String date) {
                this.date = date;
        }

        public String getMessage() {
                return message;
        }

        public void setMessage(String message) {
                this.message = message;
        }

        public boolean getMsgType() {
                return isComMeg;
        }

        public void setMsgType(boolean isComMsg) {
                isComMeg = isComMsg;
        }

        public ChatMsgEntity() {
        }

        public ChatMsgEntity(String name, String date, String text, boolean isComMsg) {
                super();
                this.name = name;
                this.date = date;
                this.message = text;
                this.isComMeg = isComMsg;
        }

}

OK，大功告成，大家耐心点看看吧，文字比较少。

源码下载

高仿微信聊天界面(52im.net).zip (203.23 KB , 下载次数: 99 , 售价: 2 金币)

（本源码来自csdn博客lnb333666，感谢原作者分享）

附录：全站精品资源下载

2 楼: IMDeveloper · 7 年前

有这样的代码，新手写简单的聊天界面就不用从0开始了，不然还是需要费点时间的

3 楼: HelloKing · 7 年前

感谢这些无私人的，当初做聊天界面的时候用的也是别人分享的，不过不是这篇里的代码，但都大同小异，比从0开始要舒服多了

4 楼: xiaobo · 7 年前

收藏了

5 楼: csy365 · 6 年前

收藏了

6 楼: caesarhawk · 5 年前

看看

7 楼: 今天吃五小朋友 · 3 年前

看了看了

8 楼: 奇奇 · 2 年前

本文目录

前言

代码执行效果图

项目工程结构

Activity主类的代码

ListView的代码

消息对象的实现代码

源码下载

附录：全站精品资源下载

本帖已收录至以下技术专辑

MobileIMSDK (v4.0精编版)

MobileIMSDK-Web (有偿开源)

RainbowAVnew (有偿开源)

RainbowChat (技术转让)

RainbowChat-Web (技术转让)

精华之王

白金版主

终身成就

技术达人

活跃开发者

猪

即时通讯网

友情链接[友链交换]

关于

微信公众号new

本文目录

前言

代码执行效果图

项目工程结构

Activity主类的代码

ListView的代码

消息对象的实现代码

源码下载

附录：全站精品资源下载

本帖已收录至以下技术专辑

MobileIMSDK(v4.0精编版)

MobileIMSDK-Web(有偿开源)

RainbowAVnew(有偿开源)

RainbowChat(技术转让)

RainbowChat-Web(技术转让)

精华之王

白金版主

终身成就

技术达人

活跃开发者

猪

即时通讯网

友情链接[友链交换]

关于

微信公众号new

MobileIMSDK (v4.0精编版)

MobileIMSDK-Web (有偿开源)

RainbowAVnew (有偿开源)

RainbowChat (技术转让)

RainbowChat-Web (技术转让)

即时通讯网　