Android编写简单的聊天室应用

最近写了一个简单的聊天室应用,可以发送表情,更改头像这些功能。主要技术点就是怎样把表情图片放到textview等Ui控件中展示。这里废话不多说,下面是效果图:

Android编写简单的聊天室应用

这里主要讲下怎样把文本替换到表情,先说下思路,首先我们的图片是保存在本地资源目录drawable中而所有的资源文件都是R这个类来管理,所以我们可以利用正则表达式找出图片id包装成ImageSpan然后把ImageSpan放到SpannableString中,最后把SpannableString放入edittext中,下面是源码:

package com.coreandroid.util; 

import java.lang.reflect.Field;
import java.util.regex.Matcher;
import java.util.regex.Pattern; 

import android.content.Context;
import android.text.Spannable;
import android.text.SpannableString;
import android.text.style.ImageSpan;
import android.util.Log; 

import com.coreandroid.chart.R; 

public class ExpressionUtil {
  /**
   * 对spanableString进行正则判断,如果符合要求,则以表情图片代替
   *
   * @param context
   * @param spannableString
   * @param patten
   * @param start
   */
  public static void matchExpression(Context context,
      SpannableString spannableString, Pattern patten, int start)
      throws Exception {
    Matcher matcher = patten.matcher(spannableString);
    while (matcher.find()) {
      String key = matcher.group();
      if (matcher.start() < start) {
        continue;
      }
      Field field = R.drawable.class.getDeclaredField(key);
      int resId = field.getInt(null); // 通过上面匹配得到的字符串来生成图片资源id
      if (resId != 0) {
        ImageSpan imageSpan = new ImageSpan(context, resId); // 通过图片资源id来得到bitmap,用一个ImageSpan来包装
        int end = matcher.start() + key.length(); // 计算该图片名字的长度,也就是要替换的字符串的长度
        spannableString.setSpan(imageSpan, matcher.start(), end,
            Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); // 将该图片替换字符串中规定的位置中
        if (end < spannableString.length()) { // 如果整个字符串还未验证完,则继续。。
          matchExpression(context, spannableString, patten, end);
        }
        break;
      }
    }
  } 

  /**
   * 得到一个SpanableString对象,通过传入的字符串,并进行正则判断
   *
   * @param context
   * @param str
   * @return SpannableString
   */
  public static SpannableString getExpressionString(Context context,
      String str, String zhengze) {
    SpannableString spannableString = new SpannableString(str);
    Pattern sinaPatten = Pattern.compile(zhengze); // 通过传入的正则表达式来生成一个pattern
    try {
      matchExpression(context, spannableString, sinaPatten, 0);
    } catch (Exception e) {
      Log.e("dealExpression", e.getMessage());
    }
    return spannableString;
  } 

}

下面是聊天记录列表的adapter,这里主要是动态的改变每个Item的布局来区分是自己还是他人的发言,具体源码如下:

package com.coreandroid.adapter; 

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

import android.content.Context;
import android.text.SpannableString;
import android.text.TextUtils;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import android.widget.TextView; 

import com.coreandroid.chart.R;
import com.coreandroid.entity.MessageInfo;
import com.coreandroid.util.CommonUtils;
import com.coreandroid.util.ExpressionUtil; 

public class ChartListAdapter extends BaseAdapter { 

  private Context context; 

  private LayoutInflater inflater; 

  private List<MessageInfo> data; 

  private DateFormat df; 

  public ChartListAdapter(Context context, List<MessageInfo> data) {
    super();
    this.context = context;
    inflater = LayoutInflater.from(context);
    this.data = data;
    df = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
  } 

  @Override
  public int getCount() {
    return data.size();
  } 

  @Override
  public Object getItem(int position) {
    return data.get(position);
  } 

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

  @Override
  public View getView(int position, View convertView, ViewGroup parent) {
    ViewHolder holder = null;
    if (convertView == null) {
      convertView = inflater.inflate(R.layout.chart_list_item, null);
      holder = new ViewHolder(convertView);
      convertView.setTag(holder);
    } else {
      holder = (ViewHolder) convertView.getTag();
    }
    holder.setData((MessageInfo) getItem(position));
    return convertView;
  } 

  private class ViewHolder {
    private ImageView image;
    private TextView text;
    private TextView title;
    private RelativeLayout rl; 

    public ViewHolder(View convertView) {
      image = (ImageView) convertView
          .findViewById(R.id.chart_list_item_headicon);
      text = (TextView) convertView
          .findViewById(R.id.chart_list_item_message);
      title = (TextView) convertView
          .findViewById(R.id.chart_list_item_title);
      rl = (RelativeLayout) convertView
          .findViewById(R.id.rl_chart_list_bottom);
    } 

    public void setData(MessageInfo msg) {
      RelativeLayout.LayoutParams rl_tv_msg_left = (RelativeLayout.LayoutParams) text
          .getLayoutParams();
      RelativeLayout.LayoutParams rl_iv_headicon_left = (RelativeLayout.LayoutParams) image
          .getLayoutParams();
      RelativeLayout.LayoutParams rl_tv_title = (RelativeLayout.LayoutParams) title
          .getLayoutParams();
      RelativeLayout.LayoutParams rl_buttom = (RelativeLayout.LayoutParams) rl
          .getLayoutParams();
      if (!CommonUtils.getDeviceId().equalsIgnoreCase(msg.getUsermac())) {
        // 根据本地的mac地址来判断该条信息是属于本人所说还是对方所说
        // 如果是自己说的,则显示在右边;如果是对方所说,则显示在左边
        rl_buttom.addRule(RelativeLayout.ALIGN_PARENT_TOP); 

        rl_tv_title.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM);
        rl_tv_title.addRule(RelativeLayout.ALIGN_PARENT_LEFT);
        rl_tv_title.addRule(RelativeLayout.BELOW,
            R.id.rl_chart_list_bottom); 

        rl_iv_headicon_left.addRule(RelativeLayout.ALIGN_PARENT_LEFT);
        rl_iv_headicon_left.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM);
        rl_tv_msg_left.addRule(RelativeLayout.RIGHT_OF,
            R.id.chart_list_item_headicon);
        text.setBackgroundResource(R.drawable.incoming);
        String titleStr = msg.getUsermac() + "-"
            + df.format(new Date());
        title.setText(titleStr);
      } else {
        rl_buttom.addRule(RelativeLayout.ALIGN_PARENT_TOP); 

        rl_tv_title.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM);
        rl_tv_title.addRule(RelativeLayout.ALIGN_PARENT_RIGHT);
        rl_tv_title.addRule(RelativeLayout.BELOW,
            R.id.rl_chart_list_bottom); 

        rl_iv_headicon_left.addRule(RelativeLayout.ALIGN_PARENT_RIGHT);
        rl_iv_headicon_left.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM);
        rl_tv_msg_left.addRule(RelativeLayout.LEFT_OF,
            R.id.chart_list_item_headicon);
        text.setBackgroundResource(R.drawable.outgoing);
        String titleStr = df.format(new Date()) + "-"
            + msg.getUsermac();
        title.setText(titleStr);
      }
      if (!TextUtils.isEmpty(msg.getHeadImage())) {
        image.setImageBitmap(CommonUtils.strConvertBitmap(msg
            .getHeadImage())); // 设置头像
      } else {
        image.setImageResource(R.drawable.im);
      }
      String str = msg.getMessage(); // 消息具体内容
      try {
        SpannableString spannableString = ExpressionUtil
            .getExpressionString(context, str, CommonUtils.PATTERN);
        text.setText(spannableString);
      } catch (Exception e) {
        e.printStackTrace();
      }
    }
  } 

}

源码下载:Android聊天室应用

以上就是本文的全部内容,希望对大家学习Android软件编程有所帮助,也希望大家多多支持我们。

时间: 2016-05-31

Android中基于XMPP协议实现IM聊天程序与多人聊天室

简单的IM聊天程序 由于项目需要做一个基于XMPP协议的Android通讯软件.故开始研究XMPP. XMPP协议采用的是客户端-服务器架构,所有从一个客户端发到另一个客户端的消息和数据都必须经过XMPP服务器转发,而且支持服务器间DNS的路由,也就是说可以构建服务器集群,使不同的 服务器下的客户端也可以通信,XMPP的前身是一个开源组织制定的网络通信协议--Jabber,XMPP的核心是在网络上分片段发送XML流的协议,这个协议是XMPP的即时通讯指令的传递手段.       为了防止服务器间

android socket聊天室功能实现

前提概要 笔者很久之前其实就已经学习过了socket,当然也是用socket做过了聊天室,但是觉得此知识点比较一般,并无特别难的技术点,于是也并未深究. 然而近期一个项目中对socket的使用却让笔者感觉socket强大无比,可以实现诸多功能. 个人Socket体验 项目主要有关智能家居,需要实现多台手机同时对灯进行操作(开或者关),主要需要实现以下几点: 1.进入界面时获取所有灯的状态. 2.一台手机改变了灯的状态,其他的手机上可以有所显示. 3.硬件上改变了灯的状态(手动开关灯),所有手机上

Android 基于Socket的聊天室实例

Socket是TCP/IP协议上的一种通信,在通信的两端各建立一个Socket,从而在通信的两端之间形成网络虚拟链路.一旦建立了虚拟的网络链路,两端的程序就可以通过虚拟链路进行通信. Client A  发信息给 Client B ,  A的信息首先发送信息到服务器Server ,Server接受到信息后再把A的信息广播发送给所有的Clients 首先我们要在服务器建立一个ServerSocket ,ServerSocket对象用于监听来自客户端的Socket连接,如果没有连接,它将一直处于等待

Android使用多线程进行网络聊天室通信

TCP/IP通信协议是一种可靠的网络协议,它在通信的两端各建立一个Socket,从而在通信的两端之间形成网络虚拟链路.一旦建立了虚拟的网络链路,两端的程序就可以通过虚拟链路进行通信了.Java对基于TCP协议的网络通信提供了良好的封装,Java使用Socket对象来代表两端通信接口,并通过Socket产生IO流来进行网络通信. 下面的程序Demo是实现一个简单的C/S聊天室的应用,每个客户端该包含两条线程:一条负责生成主界面,响应用户动作,并将用户输入的数据写入Socket对应的输出流中:另一条

Ajax PHP JavaScript MySQL实现简易无刷新在线聊天室

为更好的运用这两天学到的Ajax的相关的知识,就做了个简单的在线网络聊天室. 思路 实现聊天室,基本上就是通过Ajax来传递数据,让PHP来实现对数据的差入和查找,再交给前端JavaScript实现页面的更新,达到即时聊天的功能. 消息显示区 消息显示区就是一个DIV块,我们会借助Ajax获取到服务器端信息之后,使用JavaScript来更新页面. <h3>消息显示区</h3> <div id="up"> </div> <hr /&

vue组件父子间通信之综合练习(聊天室)

本文实例为大家分享了vue组件父子间通信之聊天室的具体代码,供大家参考,具体内容如下 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>组件父子间通信之综合练习</title> <script src="js/vue.js"></script> </head> <body> &l

使用Angular和Nodejs、socket.io搭建聊天室及多人聊天室

一,利用Node搭建静态服务器 这个是这个项目的底层支撑部分.用来支持静态资源文件像html, css, gif, jpg, png, javascript, json, plain text等等静态资源的访问.这里面是有一个mime类型的文件映射. mime.js /** * mime类型的 map * @ author Cheng Liufeng * @ date 2014/8/30 * 当请求静态服务器文件的类型 html, css, gif, jpg, png, javascript,

基于Swoole实现PHP与websocket聊天室

websocket Websocket只是一个网络通信协议 就像 http.ftp等都是网络通信的协议:不要多想: 相对于HTTP这种非持久的协议来说,Websocket是一个持久化网络通信的协议: WebSocket和HTTP的关系 有交集,但是并不是全部. Websocket只是借用了HTTP的一部分协议来完成一次握手.(HTTP的三次握手,此处只完成一次) http和websocket 请求头对比: HTTP: 原来的时候,客户端通过http(骑马)带着信请求服务器,服务器处理请求(写回信

Python聊天室实例程序分享

上一篇 我们学习了简单的Python TCP Socket 编程,通过分别写服务端和客户端的代码了解基本的 Python Socket 编程模型.本文再通过一个例子来加强一下对 Socket 编程的理解. 一.聊天室程序需求 我们要实现的是简单的聊天室的例子,就是允许多个人同时一起聊天,每个人发送的消息所有人都能接收到,类似于 QQ 群的功能,而不是点对点的 QQ 好友之间的聊天.如下图: 我们要实现的有两部分: Chat Server:聊天服务器,负责与用户建立 Socket 连接,并将某个用