openfire+smack使用ListFragment加载好友列表

在Activity中加载自定义ListView的时候，需要自定义适配器类继承BaseAdapter类，但Fragment中使用自定义的ListView，则使用ListFragment来实现和SimpleAdapter适配器。

效果图：


                 


一、使用ListFragment加载好友列表实现思路

1、编写ListFragment的布局文件fragment_two.xml，其中定义好ListView的位置，且ListView的id必须定义为android:list

2、编写子定义ListView的每个项布局文件fragment_two_item.xml

3、编写Fragment2.java类继承ListFragment类，使用SimpleAdapter适配器适配ListView内容，ListViewitem点击事件跳转到指定好友聊天界面。

二、功能具体实现

1、ListFragment的布局文件fragment_two.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@drawable/linearlayout_boder"
>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:layout_marginBottom="5dp"
android:orientation="horizontal"
android:background="#FFF"
>
<ImageView
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_marginLeft="5dp"
android:layout_gravity="center_vertical"
android:background="@drawable/newfriend"
/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:gravity="center_vertical"
android:layout_marginLeft="5dp"
android:textSize="18sp"
android:textStyle="bold"
android:text="新朋友"
/>
</LinearLayout>
</LinearLayout>

<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@drawable/linearlayout_boder"
>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:layout_marginBottom="5dp"
android:orientation="horizontal"
android:background="#FFF" >
<ImageView
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_marginLeft="5dp"
android:layout_gravity="center_vertical"
android:background="@drawable/grouptalk"
/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:gravity="center_vertical"
android:layout_marginLeft="5dp"
android:textSize="18sp"
android:textStyle="bold"
android:text="群聊"
/>
</LinearLayout>
</LinearLayout>

<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@drawable/linearlayout_boder"
>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:layout_marginBottom="5dp"
android:orientation="horizontal"
android:background="#FFF">
<ImageView
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_marginLeft="5dp"
android:layout_gravity="center_vertical"
android:background="@drawable/tips"
/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:gravity="center_vertical"
android:layout_marginLeft="5dp"
android:textSize="18sp"
android:textStyle="bold"
android:text="标签"
/>
</LinearLayout>
</LinearLayout>
<ListView
android:id="@+id/android:list"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
></ListView>

</LinearLayout>

2、ListView的每个项布局文件fragment_two_item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@drawable/linearlayout_boder">
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:layout_marginBottom="5dp"
android:orientation="horizontal" >
<ImageView
android:id="@+id/tab2_item_img"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_marginLeft="5dp"
android:layout_gravity="center_vertical"
/>
<TextView
android:id="@+id/tab2_item_name"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:gravity="center_vertical"
android:layout_marginLeft="5dp"
android:textSize="18sp"
android:textStyle="bold"
/>
</LinearLayout>
</LinearLayout>

3、主界面Fragment2.java
package com.example.eric_jqm_chat;

import java.io.ByteArrayInputStream;
import java.util.ArrayList;
import java.util.Collection;
import java.util.HashMap;
import java.util.Iterator;
import java.util.List;
import java.util.Map;

import org.jivesoftware.smack.Roster;
import org.jivesoftware.smack.RosterEntry;
import org.jivesoftware.smack.XMPPConnection;
import org.jivesoftware.smack.XMPPException;
import org.jivesoftware.smack.provider.ProviderManager;
import org.jivesoftware.smackx.packet.VCard;

import com.example.eric_jqm_chat.TabFragment.UserAndPasswordOne;

import android.app.Activity;
import android.content.Intent;
import android.content.res.Resources;
import android.graphics.Bitmap;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v4.app.ListFragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.SimpleAdapter;
import android.widget.SimpleAdapter.ViewBinder;
import android.widget.Toast;

public class TabFragment2 extends ListFragment {
//创建连接对象
private XMPPConnection con = new ConnectServer().ConnectServer();
//获得接口实例，该接口用来获取从前一个Activity传来的登录用户的用户名和密码
private UserAndPasswordTwo mUserAndPassword;
private String name ,password;
//Roster对象，可以通过Roster对象实例后进行获取好友列表
private Roster roster;

@Override
public View onCreateView(LayoutInflater inflater,
@Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
//加载Fragment2的布局文件
return inflater.inflate(R.layout.fragment_two, container, false);
}

@Override
public void onCreate(Bundle savedInstanceState) {
//定义键名称和指定控件id
final String[] str = new String[]{"img","name"};
final int[] id = new int[]{R.id.tab2_item_img,R.id.tab2_item_name};

super.onCreate(savedInstanceState);

//获取用户名和密码，该方法在前面的博文：Activity与Fragment相互传递参数
//有介绍，这里不再赘述
name = mUserAndPassword.getUserTwo(name);
password = mUserAndPassword.getPasswordTwo(password);
//登录用户
try {
con.login(name, password);
} catch (XMPPException e) {
e.printStackTrace();
}

//使用SimpleAdapter进行适配ListView内容
SimpleAdapter adapter = new SimpleAdapter(getActivity(), getSimpleData(),
R.layout.fragment_two_item, str, id);
this.setListAdapter(adapter);

//SimpleAdapter只能为控件适配drawable目录下的图片即R.drawable.XX
//为了适应我们从服务器获取的Drawable类型图片，必须使用到ViewBinder类
adapter.setViewBinder(new ViewBinder() {
@Override
public boolean setViewValue(View view, Object data, String arg2) {
if(view instanceof ImageView && data instanceof Drawable){
ImageView iv = (ImageView)view;
iv.setImageDrawable((Drawable)data);
return true;
}else{
return false;
}
}
});

}

//获取ListView适配的数据类
private List<Map<String,Object>> getSimpleData(){
List<Map<String,Object>> list = new ArrayList<Map<String,Object>>();

//实例化Roster对象
roster = con.getRoster();
//通过getallEntries()获取Roster对象的好友列表
List<RosterEntry> friendList = this.getallEntries(roster);
//创建键值对
Map<String, Object> map = new HashMap<String, Object>();
//
for(int i=0;i<friendList.size();i++){
map = new HashMap<String, Object>();
map.put("name",friendList.get(i).getName());
//从服务器获取好友头像
Drawable imgDrawable = this.getUserImage(con, friendList.get(i).getName());
//若用户未设置头像则使用本地默认头像
if(imgDrawable == null){
map.put("img", R.drawable.user);
}else{
map.put("img", imgDrawable);
}
list.add(map);
}
//System.out.println("list===="+list);
return list;

}

//ListView点击事件
@Override
public void onListItemClick(ListView l, View v, int position, long id) {
Toast.makeText(getActivity(), "Select"+position, Toast.LENGTH_SHORT).show();
//获取点击位置ListView项键名为name的值，即好友的用户名
Map<String,Object> m = getSimpleData().get(position);
Iterator it = m.keySet().iterator();
Object o = m.get("name");
String friend = o.toString();
//System.out.println("friend=="+friend);

//进行页面跳转，并传值给ChatActivity，包括用户名密码，好友名
Intent intent = new Intent();
intent.setClass(getActivity(),ChatActivity.class);
intent.putExtra("friend", friend);
intent.putExtra("name", name);
intent.putExtra("password", password);
startActivity(intent);

super.onListItemClick(l, v, position, id);
}

//获取Activity传来的用户名密码的接口声明
public interface UserAndPasswordTwo {
public String getUserTwo(String user);
public String getPasswordTwo(String password);
}

@Override
public void onAttach(Activity activity) {

super.onAttach(activity);
try {
mUserAndPassword = (UserAndPasswordTwo) activity;
} catch (Exception e) {
e.printStackTrace();
System.out.println("接口实例化异常");
}

}

//查询所有好友信息
public List<RosterEntry> getallEntries(Roster roster) {
List<RosterEntry> Entrieslist = new ArrayList<RosterEntry>();
Collection<RosterEntry> rosterEntry = roster.getEntries();
Iterator<RosterEntry> i = rosterEntry.iterator();
while (i.hasNext()) {
Entrieslist.add(i.next());
}
return Entrieslist;
}

//获取指定用户头像类
public Drawable getUserImage(XMPPConnection con,String user) {
ByteArrayInputStream bais =null;

if (con == null)
return null;

try {
VCard vcard = new VCard();

ProviderManager.getInstance().addIQProvider("vCard", "vcard-temp",
new org.jivesoftware.smackx.provider.VCardProvider());

vcard.load(con, user.trim()+"@"+con.getServiceName());

if (user == "" || user == null || user.trim().length() <= 0) {
//Toast.makeText(Login.this, "user为空", 0).show();
return null;
}

if (vcard == null || vcard.getAvatar() == null){
//Toast.makeText(Login.this, "Vcard为空", 0).show();
return null;
}

bais = new ByteArrayInputStream(vcard.getAvatar());

} catch (Exception e) {
e.printStackTrace();
// Toast.makeText(Login.this, "图片获取异常"+e, 0).show();
// System.out.println("图片获取异常: "+e);
return null;
}
return FormatTools.getInstance().InputStream2Drawable(bais);
}
}
4、聊天界面ChatActivity.java
package com.example.eric_jqm_chat;
//聊天界面ChatActivity的详细制作在前面的博文：openfire+smack聊天气泡效果ListView完成收发消息
//有详细介绍，本章就主要描述从Fragment传过来的值怎么使用
//首先使用获得的用户名密码登录，获得自己的头像，根据好友们获得好友头像
import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Date;
import java.util.HashMap;

import org.jivesoftware.smack.Chat;
import org.jivesoftware.smack.ChatManagerListener;
import org.jivesoftware.smack.MessageListener;
import org.jivesoftware.smack.XMPPConnection;
import org.jivesoftware.smack.XMPPException;
import org.jivesoftware.smack.packet.Message;

import android.app.Activity;
import android.content.Context;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.os.Handler;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.view.Window;
import android.widget.BaseAdapter;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.SimpleAdapter;
import android.widget.TextView;

/*
*@author Eric
*@create date 2015-8-25下午8:51:17
*/

public class ChatActivity extends Activity {
private TextView text_chat,text_title;
private EditText edit_chat;
private ImageView img_send;
private Drawable img_userDrawable,img_friendDrawable;
private XMPPConnection con = new ConnectServer().ConnectServer();
private String str_text,name,password,friend,sendMsg;
private ChatHandler handler;
private SimpleDateFormat sf = new SimpleDateFormat("HH:mm");

private ArrayList<HashMap<String, Object>> chatList = new ArrayList<HashMap<String,Object>>();
String[] from = {"img","text"};
int[] to = {R.id.img_me,R.id.text_me,R.id.img_friend,R.id.text_friend};
int[] item_layout = {R.layout.i_sendmsg_item,R.layout.friend_sendmsg_item};
private ListView listview_chat;
private MyAdapter myAdapter;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.chat);

img_send = (ImageView) findViewById(R.id.img_send);
edit_chat = (EditText) findViewById(R.id.edit_chat);
listview_chat = (ListView) findViewById(R.id.listview_chat);
text_title = (TextView) findViewById(R.id.text_title);

myAdapter = new MyAdapter(this, chatList, item_layout, from, to);

//获取从Fragment传过来的值
name = getIntent().getStringExtra("name");
password = getIntent().getStringExtra("password");
friend = getIntent().getStringExtra("friend");
text_title.setText(friend);
try {
con.login(name, password);
} catch (XMPPException e) {
e.printStackTrace();
}

//获取用户头像和好友头像
img_userDrawable = new TabFragment2().getUserImage(con, name);
img_friendDrawable = new TabFragment2().getUserImage(con, friend);

img_send.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View arg0) {
sendMsg = edit_chat.getText().toString();

Chat chat = con.getChatManager().createChat(friend+"@"+"eric-pc", null);
try {
chat.sendMessage(sendMsg);
} catch (XMPPException e) {
e.printStackTrace();
}

edit_chat.setText(null);

addChatToListview(0, sendMsg);

//将ListView设置为置底显示，自动刷新UI，使得消息及时显示
listview_chat.setAdapter(myAdapter);
listview_chat.setSelection(myAdapter.getCount()-1);
}
});

//监听用户接收到的消息的副线程
Thread thread = new Thread(new Runnable(){

@Override
public void run() {
//接收用户发来的消息
con.getChatManager().addChatListener(new ChatManagerListener() {

@Override
public void chatCreated(Chat chat, boolean arg1) {
chat.addMessageListener(new MessageListener() {

@Override
public void processMessage(Chat chat, Message msg) {

friend = msg.getFrom();
friend = friend.substring(0, friend.indexOf("@"));

android.os.Message m = new android.os.Message();
if(msg.getBody()!= null){
Bundle b= new Bundle();
b.putString("msg", msg.getBody());
b.putString("friend", friend);
m.setData(b);
handler.sendMessage(m);
}

}
});
}
});

}

});

thread.start();
handler = new ChatHandler();

}

public class ChatHandler extends Handler{
@Override
public void handleMessage(android.os.Message msg) {
super.handleMessage(msg);

Bundle b = msg.getData();
String ChatHandler = b.getString("msg");
String friend = b.getString("friend");

text_title.setText(friend);
addChatToListview(1, ChatHandler);

//将ListView设置为置底显示，自动刷新UI，使得消息及时显示
listview_chat.setAdapter(myAdapter);
listview_chat.setSelection(myAdapter.getCount()-1);

}
}

public void addChatToListview(int who,String chat){
HashMap<String,Object> map = new HashMap<String,Object>();
map.put("who", who);
map.put("img", who==0?R.drawable.touxiang1:R.drawable.touxiang5);
map.put("chat", chat);
chatList.add(map);
}

public class MyAdapter extends BaseAdapter{
Context context;
ArrayList<HashMap<String,Object>> chatList= null;
int[] layout;
String[] from;
int[] to;
LayoutInflater listcontainer;

public MyAdapter(Context context,
ArrayList<HashMap<String, Object>> chatList, int[] layout,
String[] from, int[] to){

super();
this.context = context;
listcontainer = LayoutInflater.from(context);
this.chatList = chatList;
this.layout = layout;
this.from = from;
this.to = to;
}

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

@Override
public Object getItem(int arg0) {
return null;
}

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

@Override
public View getView(int item, View view, ViewGroup parent) {
//获取当前子项的who和chat
int who = (Integer)chatList.get(item).get("who");
String msg = (String)chatList.get(item).get("chat");
//根据who设置当前子项的布局和文本，0为自己发送的布局，1为好友发送的布局
if(who==0)
{
view=listcontainer.inflate(R.layout.i_sendmsg_item, null);
((TextView)view.findViewById(R.id.text_me)).setText(msg);
((ImageView)view.findViewById(R.id.img_me)).setImageDrawable(img_userDrawable);
return view;
}
else
{
view=listcontainer.inflate(R.layout.friend_sendmsg_item, null);
((TextView)view.findViewById(R.id.text_friend)).setText(msg);
((ImageView)view.findViewById(R.id.img_friend)).setImageDrawable(img_friendDrawable);
return view;
}
}

}
}