请选择 进入手机版 | 继续访问电脑版

默认
打赏 发表评论 5
Android版高仿微信聊天界面源码 [附件下载]

前言


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

代码执行效果图


1348323388_9818.jpg

项目工程结构


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 , 下载次数: 50 , 售价: 2 金币)

即时通讯网 - 即时通讯开发者社区! 来源: - 即时通讯开发者社区!

标签:聊天界面
上一篇:Android聊天界面源码:实现了聊天气泡、表情图标(可翻页) [附件下载]下一篇:Netty的架构剖析及应用案例介绍(视频+PPT) [附件下载]

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

推荐方案
评论 5
有这样的代码,新手写简单的聊天界面就不用从0开始了,不然还是需要费点时间的
签名: 国庆长假还没有缓过来,请让我静一静,产品狗死远点...
感谢这些无私人的,当初做聊天界面的时候用的也是别人分享的,不过不是这篇里的代码,但都大同小异,比从0开始要舒服多了
收藏了
签名: 来过
收藏了
看看
签名: 不错,好好学习
打赏楼主 ×
使用微信打赏! 使用支付宝打赏!

返回顶部