欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  微信小程序

详解Android高仿微信聊天界面实例

程序员文章站 2022-05-05 22:01:26
...
微信聊天现在非常火,是因其界面漂亮吗,哈哈,也许吧。微信每条消息都带有一个气泡,非常迷人,看起来感觉实现起来非常难,其实并不难。下面小编给大家分享实现代码

先给大家展示下实现效果图:

详解Android高仿微信聊天界面实例

OK,下面我们来看一下整个小项目的主体结构:

详解Android高仿微信聊天界面实例

下面是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; 
} 
}

以上所述是小编给大家分享的Android高仿微信聊天界面代码分享,希望对大家有所帮助。

以上就是详解Android高仿微信聊天界面实例的详细内容,更多请关注其它相关文章!