1、複雜ListView的展示

聊天模組其實就是一個複雜的ListView，在資料介面卡中，從application中獲取到當前登入的使用者，與聊天訊息中的from引數進行比較，如果兩者相同則說明是自己傳送的訊息，那麼ListView中就顯示傳送訊息的佈局，否則顯示接收訊息的佈局。介面卡的程式碼如下：

/**
 * 聊天訊息的介面卡
 * 
 * @author ZHY
 * 
 */
public class ChartMessageAdapter extends ArrayAdapter<QQMessage> {
	ImApp app;

	public ChartMessageAdapter(Context context, List<QQMessage> objects) {
		super(context, 0, objects);
		Activity activity = (Activity) context;
		app = (ImApp) activity.getApplication();

	}

	/**
	 * 根據集合中的position位置，返回不同的值，代表不同的佈局 0代表自己傳送的訊息 1代表接收到的訊息
	 * 
	 */
	@Override
	public int getItemViewType(int position) {// 這個方法是給getView用得
		QQMessage msg = getItem(position);
		// 訊息來自誰，如果訊息來自我自己，說明是我傳送的
		if (msg.from == app.getMyAccount()) {
			// 我自己的訊息，傳送
			return 0;
		} else {
			return 1;
		}
	}

	/**
	 * 兩種佈局
	 */
	@Override
	public int getViewTypeCount() {

		return 2;
	}

	class ViewHolder {
		TextView time;
		TextView content;
		ImageView head;
	}

	@Override
	public View getView(int position, View convertView, ViewGroup parent) {

		int type = getItemViewType(position);
		if (0 == type) {
			// 傳送的佈局
			ViewHolder holder;
			if (convertView == null) {
				convertView = View.inflate(getContext(),
						R.layout.item_chat_send, null);
				holder = new ViewHolder();
				holder.time = (TextView) convertView.findViewById(R.id.time);
				holder.content = (TextView) convertView
						.findViewById(R.id.content);
				holder.head = (ImageView) convertView.findViewById(R.id.head);
				convertView.setTag(holder);
			} else {
				holder = (ViewHolder) convertView.getTag();
			}

			// 設定值
			QQMessage msg = getItem(position);
			holder.time.setText(msg.sendTime);
			holder.head.setImageResource(msg.fromAvatar);
			holder.content.setText(msg.content);
			return convertView;

		} else {
			// 接收的佈局
			ViewHolder holder;
			if (convertView == null) {
				convertView = View.inflate(getContext(),
						R.layout.item_chat_receive, null);
				holder = new ViewHolder();
				holder.time = (TextView) convertView.findViewById(R.id.time);
				holder.content = (TextView) convertView
						.findViewById(R.id.content);
				holder.head = (ImageView) convertView.findViewById(R.id.head);
				convertView.setTag(holder);
			} else {
				holder = (ViewHolder) convertView.getTag();
			}
			// 設定值
			QQMessage msg = getItem(position);
			holder.head.setImageResource(msg.fromAvatar);
			holder.time.setText(msg.sendTime);
			holder.content.setText(msg.content);

			return convertView;
		}

	}
}
 

2、訊息處理

在聊天頁面中新增接收訊息的監聽，如果接收到的訊息是聊天訊息，那麼就將接收到的訊息新增到messages訊息集合中，然後通知介面卡資料發生了變化，進而重新整理介面。當用戶點擊發送按鈕的時候，封裝訊息，將訊息傳送個給伺服器。聊天介面的程式碼如下：

/**
 * 聊天介面
 * 
 * @author ZHY
 * 
 */
public class ChartActivity extends Activity {

	@ViewInject(R.id.title)
	private TextView title;
	@ViewInject(R.id.listview)
	private ListView listView;
	@ViewInject(R.id.input)
	private EditText input;
	private ImApp app;
	private ChartMessageAdapter adapter;
	// 這是點選的使用者，也就是你要發訊息給誰
	private String toNick;// 要傳送給誰
	private long toAccount;// y要傳送的賬號
	private long fromAccount;// 我的賬號，我要跟誰睡聊天
	private String inputStr;// 聊天內容
	// 聊天訊息的集合
	private List<QQMessage> messages = new ArrayList<QQMessage>();

	// 點擊發送按鈕的時候，獲得輸入框中的內容，將內容封裝到messages集合中，聊調訊息是一個QQMessageJava物件,一定包含四個欄位
	@OnClick(R.id.send)
	public void send(View view) {
		// Toast.makeText(getBaseContext(), "ddadasf", 0).show();
		inputStr = input.getText().toString().trim();
		// 清空輸入框
		input.setText("");
		final QQMessage msg = new QQMessage();
		if ("".equals(inputStr)) {
			Toast.makeText(getApplicationContext(), "不能為空", 0).show();
			return;
		}

		msg.type = QQMessageType.MSG_TYPE_CHAT_P2P;
		msg.from = fromAccount;
		msg.to = toAccount;
		msg.content = inputStr;
		msg.fromAvatar = R.drawable.ic_launcher;

		messages.add(msg);
		// 資料集合有了，建立介面卡
		// 重新整理訊息
		if (adapter != null) {
			adapter.notifyDataSetChanged();
		}

		// 展示到最新發送的訊息處
		if (messages.size() > 0) {
			listView.setSelection(messages.size() - 1);
		}

		// 傳送訊息到伺服器--子執行緒
		ThreadUtils.runInSubThread(new Runnable() {

			public void run() {
				try {
					app.getMyConn().sendMessage(msg);
				} catch (IOException e) {
					e.printStackTrace();
				}
			}
		});

	}

	/**
	 * 接收訊息，使用監聽器
	 */
	private OnMessageListener listener = new OnMessageListener() {

		public void onReveive(final QQMessage msg) {
			// 注意onReveive是子執行緒，更新介面一定要在主執行緒中
			ThreadUtils.runInUiThread(new Runnable() {

				public void run() {

					// 伺服器返回回來的訊息
					System.out.println(msg.content);
					if (QQMessageType.MSG_TYPE_CHAT_P2P.equals(msg.type)) {
						messages.add(msg);// 把訊息加到訊息集合中，這是最新的訊息
						// 重新整理訊息
						if (adapter != null) {
							adapter.notifyDataSetChanged();
						}
						// 展示到最新發送的訊息出
						if (messages.size() > 0) {
							listView.setSelection(messages.size() - 1);
						}

					}

				}
			});

		}
	};

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_chart);
		ViewUtils.inject(this);// 相當於findViewByID
		app = (ImApp) getApplication();
		// 開啟監聽
		app.getMyConn().addOnMessageListener(listener);
		// 聊天的介面是複雜的listView。傳送訊息的條目是item_chat_send.xml佈局，接收到的訊息現實的條目是item_chat_receive.xml佈局
		/**
		 * 聊天的訊息 content "約不？" type chatp2p from 老王 to 大頭
		 */
		// 獲得從上一個介面獲取的賬號與暱稱
		Intent intent = getIntent();
		toNick = intent.getStringExtra("nick");
		toAccount = intent.getLongExtra("account", 0);

		title.setText("與" + toNick + "聊天中");
		fromAccount = app.getMyAccount();// 我的賬戶

		adapter = new ChartMessageAdapter(this, messages);
		listView.setAdapter(adapter);
	}

	@Override
	protected void onDestroy() {
		// TODO Auto-generated method stub
		super.onDestroy();
		app.getMyConn().removeOnMessageListener(listener);
	}
}