九：基于xmpp的聊天

分手后的思念是犯贱 2022-08-10 15:53 249阅读 0赞

接着上一篇写， 写完这篇就可以聊天了。也期待了很久了。大笑

start：

1、先看一下效果：

Center

2、布局很简单，把聊天的内容放在了listView里，activity_chat.xml，用的strings.xml就不贴了，因为就有”发送“两个字。

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:background="#ffffff"
  6.     android:orientation="vertical" >
  8.     <ListView
  9.         android:id="@+id/lv_content"
  10.         android:layout_width="match_parent"
  11.         android:layout_height="414dp"
  12.         android:background="#cccccc"
  13.         android:cacheColorHint="@null"
  14.         android:divider="@null"
  15.         android:listSelector="@android:color/transparent"
  16.         android:stackFromBottom="true" >
  17.     </ListView>
  19.     <RelativeLayout
  20.         android:id="@+id/rl_bottom"
  21.         android:layout_width="match_parent"
  22.         android:layout_height="wrap_content" >
  24.         <Button
  25.             android:id="@+id/btn_voice"
  26.             android:layout_width="40dp"
  27.             android:layout_height="40dp"
  28.             android:layout_alignParentLeft="true"
  29.             android:layout_alignParentTop="true"
  30.             android:background="@drawable/voice_bg" />
  32.         <EditText
  33.             android:id="@+id/et_sendContent"
  34.             android:layout_width="wrap_content"
  35.             android:layout_height="wrap_content"
  36.             android:layout_centerVertical="true"
  37.             android:layout_toLeftOf="@+id/btn_sendMessage"
  38.             android:layout_toRightOf="@+id/btn_voice"
  39.             android:hint=""
  40.             android:ems="10" >
  42.             <requestFocus />
  43.         </EditText>
  45.         <Button
  46.             android:id="@+id/btn_face"
  47.             android:layout_width="30dp"
  48.             android:layout_height="30dp"
  49.             android:layout_alignBaseline="@+id/btn_sendMessage"
  50.             android:layout_alignBottom="@+id/btn_sendMessage"
  51.             android:layout_alignRight="@+id/et_sendContent"
  52.             android:background="@drawable/face" />
  54.         <Button
  55.             android:id="@+id/btn_sendMessage"
  56.             android:layout_width="45dp"
  57.             android:layout_height="45dp"
  58.             android:layout_alignParentRight="true"
  59.             android:layout_alignTop="@+id/et_sendContent"
  60.             android:text="@string/chat_sendMsg"
  61.             android:textSize="10sp" />
  62.     </RelativeLayout>
  64. </LinearLayout>

3、聊天的java代码：注释很清楚，相信你明白的。得意

  1. package org.hkby.lwx.activity;
  3. import java.util.ArrayList;
  4. import java.util.List;
  6. import org.hkby.lwx.adapter.ChatAdapter;
  7. import org.hkby.lwx.common.Msg;
  8. import org.hkby.lwx.common.SystemTime;
  9. import org.hkby.lwx.common.XmppTool;
  10. import org.jivesoftware.smack.Chat;
  11. import org.jivesoftware.smack.ChatManager;
  12. import org.jivesoftware.smack.ChatManagerListener;
  13. import org.jivesoftware.smack.MessageListener;
  14. import org.jivesoftware.smack.XMPPException;
  15. import org.jivesoftware.smack.packet.Message;
  17. import android.app.Activity;
  18. import android.content.Intent;
  19. import android.content.SharedPreferences;
  20. import android.os.Bundle;
  21. import android.os.Handler;
  22. import android.view.View;
  23. import android.view.Window;
  24. import android.view.View.OnClickListener;
  25. import android.widget.Button;
  26. import android.widget.EditText;
  27. import android.widget.ListView;
  28. /**
  29.  * chat 
  30.  * @author liaowuxing
  31.  *
  32.  */
  33. public class ChatActivity extends Activity {
  34.     private ChatAdapter adapter;
  35.     private ListView lv_content;
  36.     private Button btn_sendMessage;
  37.     private EditText et_sendContent;
  38.     private String friendName;
  39.     private String account;
  40.     // save message
  41.     private List<Msg> listMsg = new ArrayList<Msg>();
  42.     @Override
  43.     protected void onCreate(Bundle savedInstanceState) {
  44.         super.onCreate(savedInstanceState);
  45.         requestWindowFeature(Window.FEATURE_NO_TITLE);
  46.         setContentView(R.layout.activity_chat);
  47.         //get the name of friend
  48.         Intent intent = getIntent();
  49.         Bundle bundle = intent.getBundleExtra("b_name");
  50.         friendName = bundle.getString("name");
  51.         //get the name of login user
  52.         SharedPreferences sp = getSharedPreferences("username",
  53.                 Activity.MODE_PRIVATE);
  54.         account = sp.getString("account", "");
  55.         initView();
  56.         chatClick();
  57.     }
  59.     public void initView() {
  60.         lv_content = (ListView) this.findViewById(R.id.lv_content);
  61.         et_sendContent = (EditText) this.findViewById(R.id.et_sendContent);
  62.         btn_sendMessage = (Button) this.findViewById(R.id.btn_sendMessage);
  63.         adapter = new ChatAdapter(listMsg, ChatActivity.this);
  64.         lv_content.setAdapter(adapter);
  65.     }
  67.     public void chatClick() {
  68.         // create chat
  69.         final ChatManager cm = XmppTool.getConnection().getChatManager();
  70.         // Listening to the chat messages from friends
  71.         cm.addChatListener(new ChatManagerListener() {
  73.             @Override
  74.             public void chatCreated(Chat chat, boolean able) {
  75.                 chat.addMessageListener(new MessageListener() {
  76.                     @Override
  77.                     public void processMessage(Chat chat2, Message message) {
  78.                         android.os.Message m = handler.obtainMessage();
  79.                         m.obj = message;
  80.                         m.sendToTarget();
  81.                     }
  82.                 });
  83.             }
  84.         });
  85.         //send chat message to friends
  86.         btn_sendMessage.setOnClickListener(new OnClickListener() {
  87.             @Override
  88.             public void onClick(View arg0) {
  89.                 String content = et_sendContent.getText().toString();
  90.                 if (content.length() > 0) {
  91.                     Msg msg = new Msg(account, content, SystemTime.getDate(), "To");
  92.                     listMsg.add(msg);
  93.                     adapter.notifyDataSetChanged();
  94.                     try {
  95.                         Chat newchat = cm.createChat(friendName+"@"+XmppTool.getConnection().getServiceName(), null);
  96.                         newchat.sendMessage(content);
  97.                     } catch (XMPPException e) {
  98.                         e.printStackTrace();
  99.                     }
  100.                 }
  101.                 et_sendContent.setText("");
  102.             }
  103.         });
  104.     }
  106.     // Receives the message
  107.     private Handler handler = new Handler() {
  108.         public void handleMessage(android.os.Message msg) {
  109.             Message m = new Message();
  110.             m = (Message) msg.obj;
  111.             String fromName = m.getFrom().toString().split("@")[0];
  112.             Msg msg2 = new Msg(fromName, m.getBody().toString(), SystemTime.getDate(), "From");
  113.             listMsg.add(msg2);
  114.             adapter.notifyDataSetChanged();
  115.         };
  116.     };
  117. }

4、我建了类Msg，用来存放聊天人的姓名，信息，时间，是来至好友的还是发给好友的。

  1. package org.hkby.lwx.common;
  2. /**
  3.  * chat message
  4.  * @author liaowuxing
  5.  *
  6.  */
  7. public class Msg {
  8.     public String username;
  9.     public String msg;
  10.     public String date;
  11.     public String fromOrTo;
  13.     public Msg(String username, String msg, String date, String fromOrTo) {
  14.         this.username = username;
  15.         this.msg = msg;
  16.         this.date = date;
  17.         this.fromOrTo = fromOrTo;
  18.     }
  19. }

5、获取系统时间的类。

  1. package org.hkby.lwx.common;
  3. import java.text.SimpleDateFormat;
  4. import java.util.Date;
  5. /**
  6.  * get system time
  7.  * @author liaowuxing
  8.  *
  9.  */
  10. public class SystemTime {
  11.     private static SimpleDateFormat formatBuilder;
  13.     public static String getDate(String format) {
  14.         formatBuilder = new SimpleDateFormat(format);
  15.         return formatBuilder.format(new Date());
  16.     }
  18.     public static String getDate() {
  19.         return getDate("hh:mm:ss");
  20.     }
  21. }

6、listView的adapter代码：

  1. package org.hkby.lwx.adapter;
  3. import java.util.List;
  5. import org.hkby.lwx.activity.R;
  6. import org.hkby.lwx.common.Msg;
  8. import android.content.Context;
  9. import android.view.LayoutInflater;
  10. import android.view.View;
  11. import android.view.ViewGroup;
  12. import android.widget.BaseAdapter;
  13. import android.widget.TextView;
  14. /**
  15.  * chat adapter
  16.  * @author liaowuxing
  17.  *
  18.  */
  19. public class ChatAdapter extends BaseAdapter {
  20.     private List<Msg> listMsg;
  21.     private LayoutInflater mInflater;
  22.     private Context context;
  23.     public ChatAdapter(List<Msg> listMsg,Context context) {
  24.         super();
  25.         this.context = context;
  26.         this.listMsg = listMsg;
  27.         mInflater = LayoutInflater.from(context);
  28.     }
  30.     @Override
  31.     public int getCount() {
  32.         if (listMsg.size() == 0) {
  33.             return 0;
  34.         }
  35.         return listMsg.size();
  36.     }
  38.     @Override
  39.     public Object getItem(int position) {
  40.         return listMsg.get(position);
  41.     }
  43.     @Override
  44.     public long getItemId(int position) {
  45.         return position;
  46.     }
  48.     @Override
  49.     public View getView(int position, View convertView, ViewGroup parent) {
  50.         if (listMsg.get(position).fromOrTo.equals("From")) {
  51.             ViewHolder viewHolder = new ViewHolder();
  52.             convertView = mInflater.inflate(R.layout.chat_from_item, null);
  53.             viewHolder.tv_username = (TextView)convertView.findViewById(R.id.tv_fromUsername);
  54.             viewHolder.tv_data = (TextView)convertView.findViewById(R.id.tv_fromDate);
  55.             viewHolder.tv_msg = (TextView)convertView.findViewById(R.id.tv_fromMsg);
  56.             convertView.setTag(viewHolder);
  57.         }else {
  58.             ViewHolder viewHolder = new ViewHolder();
  59.             convertView = mInflater.inflate(R.layout.chat_to_item, null);
  60.             viewHolder.tv_username = (TextView)convertView.findViewById(R.id.tv_toUsername);
  61.             viewHolder.tv_data = (TextView)convertView.findViewById(R.id.tv_toDate);
  62.             viewHolder.tv_msg = (TextView)convertView.findViewById(R.id.tv_toMsg);
  63.             convertView.setTag(viewHolder);
  64.         }
  65.         ViewHolder vHolder = (ViewHolder)convertView.getTag();
  66.         String username = listMsg.get(position).username;
  67.         String date = listMsg.get(position).date;
  68.         String msg = listMsg.get(position).msg;
  69.         if (username != null) {
  70.             vHolder.tv_username.setText(username);
  71.         }else {
  72.             vHolder.tv_username.setText("");
  73.         }
  74.         if (date != null) {
  75.             vHolder.tv_data.setText(date);
  76.         }else {
  77.             vHolder.tv_data.setText("");
  78.         }
  79.         if (msg != null) {
  80.             vHolder.tv_msg.setText(msg);
  81.         }else {
  82.             vHolder.tv_msg.setText("");
  83.         }
  84.         return convertView;
  85.     }
  87.     private class ViewHolder{
  88.         private TextView tv_username;
  89.         private TextView tv_data;
  90.         private TextView tv_msg;
  91.     }
  92. }

7、由于聊天的内容，一左一右，需要两个布局，一个是来至好友的消息布局，chart_from_item.xml：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:orientation="vertical" >
  7.     <LinearLayout
  8.         android:layout_width="wrap_content"
  9.         android:layout_height="wrap_content"
  10.         android:orientation="horizontal" >
  12.         <TextView
  13.             android:id="@+id/tv_fromUsername"
  14.             android:layout_width="wrap_content"
  15.             android:layout_height="wrap_content"
  16.             android:layout_marginLeft="15.0dp"
  17.             android:textColor="#FF666666"
  18.             android:textSize="18sp"
  19.             android:textStyle="bold" />
  21.         <TextView
  22.             android:id="@+id/tv_fromDate"
  23.             android:layout_width="wrap_content"
  24.             android:layout_height="wrap_content"
  25.             android:layout_marginLeft="10.0dp"
  26.             android:textColor="#FF666666" />
  27.     </LinearLayout>
  29.     <LinearLayout
  30.         android:layout_width="wrap_content"
  31.         android:layout_height="wrap_content"
  32.         android:background="@drawable/incoming"
  33.         android:paddingBottom="3.0dip"
  34.         android:paddingLeft="15.0dip"
  35.         android:paddingRight="10.0dip"
  36.         android:paddingTop="3.0dip" >
  38.         <TextView
  39.             android:id="@+id/tv_fromMsg"
  40.             android:layout_width="wrap_content"
  41.             android:layout_height="wrap_content"
  42.             android:textColor="#FF000000" />
  43.     </LinearLayout>
  45. </LinearLayout>

8、一个是发送给好友的消息布局，chart_to_item.xml： 

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:orientation="vertical" >
  6.  <LinearLayout
  7.         android:layout_width="wrap_content"
  8.         android:layout_height="wrap_content"
  9.         android:layout_gravity="right"
  10.         android:orientation="horizontal" >
  12.         <TextView
  13.             android:id="@+id/tv_toUsername"
  14.             android:layout_width="wrap_content"
  15.             android:layout_height="wrap_content"
  16.             android:textStyle="bold"
  17.             android:textSize="18sp"
  18.             android:textColor="#FF666666" />
  20.         <TextView
  21.             android:id="@+id/tv_toDate"
  22.             android:layout_width="wrap_content"
  23.             android:layout_height="wrap_content"
  24.             android:layout_marginLeft="10.0dp"
  25.             android:layout_marginRight="20.0dip"
  26.             android:textColor="#FF666666" />
  27.     </LinearLayout>
  29.     <LinearLayout
  30.         android:layout_width="wrap_content"
  31.         android:layout_height="wrap_content"
  32.         android:layout_gravity="right"
  33.         android:background="@drawable/outgoing"
  34.         android:paddingBottom="3.0dip"
  35.         android:paddingLeft="10.0dip"
  36.         android:paddingRight="20.0dip"
  37.         android:paddingTop="3.0dip" >
  39.         <TextView
  40.             android:id="@+id/tv_toMsg"
  41.             android:layout_width="wrap_content"
  42.             android:layout_height="wrap_content"
  43.             android:textColor="#FF000000" />
  44.     </LinearLayout>
  47. </LinearLayout>

9、项目结构：

Center 1

10、ok，聊天的完成了。

发表评论

表情：
评论列表 （有 0 条评论，249人围观）

还没有评论，来说两句吧...

相关阅读