仿QQ聊天（4）—简单的聊天页面实现

点击好友item，跳转到PersonalCardActivity（名片页面），

之前一直在想怎么把这个圆形头像放到这个位置，想到的办法就是就一个帧布局，给帧布局指定一个坐标，让他固定在那里，这样就能浮在神仙姐姐和Timor小队长中间的位置。但实际上，这个页面是可以滑动的，如果把坐标定死，它就不能滑动了，想了很久也没弄好。
后来胸屌告诉我一个方法，把Timor小队长这张图片，还有神仙姐姐这个item。统一放到一个帧布局中，然后再固定神仙姐姐的头像。这样一来神仙姐姐的头像就会和这个帧布局是一体的，就能一起滑动了，具体的布局代码可以去看源代码。
胸屌真聪明，胸屌屌真大。
之前我的思想一直拘泥在这一个小小的神仙姐姐头像，一直想着怎么去布局它，但是如果把目光放大一点，把他放在这个帧布局中，这问题一下就解决了。
很多时候，我们是不是也该把自己的目光放大一点，长远一点？
点击发消息按钮跳转到ChatActivity（聊天界面）。

如果只实现简单的文字发送的话就很简单了，但是发送表情和图片就有点难了。我的效果虽然做出来了，但是实在是写的很差。以后再改，这里先实现最简单的发送文字的聊天界面。

首先需要写一个消息实体类：ChatMsgEntity

private String text;//消息内容
private String date;//发送消息的日期
private Boolean isComMsg;//是我还是队友发送的消息

类中有三个属性，然后是set and get方法。
模拟两个消息实体类，并把他们放到一个list集合中保存。

private List<ChatMsgEntity> listEntity = new ArrayList<ChatMsgEntity>();
SimpleDateFormat formatter = new SimpleDateFormat("MM.dd
HH:mm");
Date curDate = new Date(System.currentTimeMillis());// 获取当前时间
String str = formatter.format(curDate);
ChatMsgEntity entity1 = new ChatMsgEntity();
entity1.setDate(str);
entity1.setText("队友,来打游戏吧");
entity1.setMsgType(false);
ChatMsgEntity entity2 = new ChatMsgEntity();
entity2.setDate(str);
entity2.setText("不打了,你自己玩儿吧");
entity2.setMsgType(true);
listEntity.add(entity1);
listEntity.add(entity2);
adapter = new ChatMsgAdapter(context, listEntity,
friendsInfo);
lv_chat.setAdapter(adapter);

lv_chat就是中间部分的listview，然后用适配器给listView添加数据。

package com.example.adapter;
import java.util.List;
import com.example.bean.ChatMsgEntity;
import com.example.bean.FriendsInfo;
import com.example.testqqchatui.R;
import com.example.utils.CircleImageView;
import com.example.utils.FileUtils;
import com.example.utils.RoundImageView;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.BitmapFactory.Options;
import android.text.Spannable;
import android.text.SpannableString;
import android.text.style.ImageSpan;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;
/**
* @author 作者:xsl
* @version 创建时间 :2015/10/27
* 类说明:聊天适配器
*/
public class ChatMsgAdapter extends BaseAdapter{
private Context context;
private List<ChatMsgEntity> listEntity;
private FriendsInfo friendsInfo;
private LayoutInflater inflater;
public ChatMsgAdapter(Context context,
List<ChatMsgEntity> listEntity,FriendsInfo friendsInfo) {
this.context = context;
this.listEntity = listEntity;
this.friendsInfo = friendsInfo;
inflater = LayoutInflater.from(context);
}
@Override
public int getCount() {
return listEntity.size();
}
@Override
public Object getItem(int position) {
return listEntity.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@SuppressWarnings("null")
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ChatMsgEntity entity = listEntity.get(position);
View view = null;
//判断消息的类型，根据类型判断需要加载左边还是右边的item
if(entity.getMsgType()){
view = inflater.inflate(R.layout.chatting_item_msg_text_left,null);
//头像
RoundImageView iv_userhead = (RoundImageView)view.findViewById(R.id.iv_userhead);
iv_userhead.setImageResource(friendsInfo.getTouxiang());
}else{
view = inflater.inflate(R.layout.chatting_item_msg_text_right,null);
RoundImageView iv_userhead = (RoundImageView)view.findViewById(R.id.iv_userhead);
iv_userhead.setImageResource(R.drawable.header_cat);
}
//时间
TextView tv_sendtime = (TextView)view.findViewById(R.id.tv_sendtime);
//消息的内容
TextView tv_chatcontent = (TextView)view.findViewById(R.id.tv_chatcontent);
//这里可以先不用看，这个是发送图片的
if(entity.getText().startsWith("file:///")){
BitmapFactory.Options options = new BitmapFactory.Options();
options.inJustDecodeBounds = true;
options.inJustDecodeBounds = false;
//options.inSampleSize = 2;
options.inSampleSize = calculateInSampleSize(options, 480, 800);
Bitmap bmp = BitmapFactory.decodeFile(entity.getText().substring(5), options);
ImageSpan imageSpan = new ImageSpan(bmp);
SpannableString spannableString = new SpannableString(" ");
spannableString.setSpan(imageSpan, 0, 1, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
tv_chatcontent.append(spannableString);
}else{
//这个是发送文字和判断表情的
SpannableString spannableString = FileUtils.getExpressionString(context, entity.getText());
tv_chatcontent.setText(spannableString);
}
tv_sendtime.setText(entity.getDate());
return view;
}
private int calculateInSampleSize(Options options, int reqWidth, int reqHeight) {
final int height = options.outHeight;
final int width = options.outWidth;
int inSampleSize = 1;
if (height > reqHeight || width > reqWidth) {
final int heightRatio = Math.round((float) height
/ (float) reqHeight);
final int widthRatio = Math.round((float) width / (float) reqWidth);
inSampleSize = heightRatio < widthRatio ? widthRatio : heightRatio;
}
return inSampleSize;
}
}

我的代码写的很乱，这个我会点，如果有人看不懂的话，这个可以问问我。嘿嘿。

最后

以上就是还单身短靴为你收集整理的仿QQ聊天（4）—简单的聊天页面实现的全部内容，希望文章能够帮你解决仿QQ聊天（4）—简单的聊天页面实现所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。