android 实现qq聊天对话界面效果

 效果图：

chatting_item_from.xml

<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout
 android:orientation="vertical"
 android:paddingLeft="6.0dip"
 android:paddingRight="6.0dip"
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
   xmlns:andro />
</LinearLayout>

chatting_item_to.xml:

 

<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout android:orientation="vertical" android:paddingLeft="6.0dip" android:paddingRight="6.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content"
  xmlns:andro> </LinearLayout>
</LinearLayout>

 

chatting_title_bar.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
 xmlns:andro
 />
 
</RelativeLayout>

chatting.xml

<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout
 android:> </LinearLayout>
</LinearLayout>

 

实体类:

public class ChatMessage {

 public static final int MESSAGE_FROM = 0;
 public static final int MESSAGE_TO = 1;

 private int direction;
 private String content;

 public ChatMessage(int direction, String content) {
  super();
  this.direction = direction;
  this.content = content;
 }

 public int getDirection() {
  return direction;
 }

 public void setDirection(int direction) {
  this.direction = direction;
 }

 public void setContent(String content) {
  this.content = content;
 }

 public CharSequence getContent() {
  return content;
 }

}

 

adapter类：

import java.util.List;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;

public class ChattingAdapter extends BaseAdapter {
 protected static final String TAG = "ChattingAdapter";
 private Context context;

 private List<ChatMessage> chatMessages;

 public ChattingAdapter(Context context, List<ChatMessage> messages) {
  super();
  this.context = context;
  this.chatMessages = messages;

 }

 public int getCount() {
  return chatMessages.size();
 }

 public Object getItem(int position) {
  return chatMessages.get(position);
 }

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

 public View getView(int position, View convertView, ViewGroup parent) {
  ViewHolder holder = null;
  ChatMessage message = chatMessages.get(position);
  if (convertView == null || (holder = (ViewHolder) convertView.getTag()).flag != message.getDirection()) {

   holder = new ViewHolder();
   if (message.getDirection() == ChatMessage.MESSAGE_FROM) {
    holder.flag = ChatMessage.MESSAGE_FROM;

    convertView = LayoutInflater.from(context).inflate(R.layout.chatting_item_from, null);
   } else {
    holder.flag = ChatMessage.MESSAGE_TO;
    convertView = LayoutInflater.from(context).inflate(R.layout.chatting_item_to, null);
   }

   holder.text = (TextView) convertView.findViewById(R.id.chatting_content_itv);
   convertView.setTag(holder);
  }
  holder.text.setText(message.getContent());

  return convertView;
 }
//优化listview的Adapter
 static class ViewHolder {
  TextView text;
  int flag;
 }

}

 

主activity类
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.Window;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ListView;

public class MainActivity extends Activity {
 protected static final String TAG = "MainActivity";
 private ChattingAdapter chatHistoryAdapter;
 private List<ChatMessage> messages = new ArrayList<ChatMessage>();

 private ListView chatHistoryLv;
 private Button sendBtn;
 private EditText textEditor;
 //private ImageView sendImageIv;
 //private ImageView captureImageIv;
 //private View recording;
 //private PopupWindow menuWindow = null;

 @Override
 public void onCreate(Bundle savedInstanceState) {
  requestWindowFeature(Window.FEATURE_CUSTOM_TITLE);
  super.onCreate(savedInstanceState);
  setContentView(R.layout.chatting);
  getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE, R.layout.chatting_title_bar);
  chatHistoryLv = (ListView) findViewById(R.id.chatting_history_lv);
  setAdapterForThis();
  sendBtn = (Button) findViewById(R.id.send_button);
  textEditor = (EditText) findViewById(R.id.text_editor);
  
  sendBtn.setOnClickListener(l);
  
  
  

 }

 // 设置adapter
 private void setAdapterForThis() {
  initMessages();
  chatHistoryAdapter = new ChattingAdapter(this, messages);
  chatHistoryLv.setAdapter(chatHistoryAdapter);
 }

 // 为listView添加数据
 private void initMessages() {
  messages.add(new ChatMessage(ChatMessage.MESSAGE_FROM, "hello"));
  messages.add(new ChatMessage(ChatMessage.MESSAGE_TO, "hello"));
  messages.add(new ChatMessage(ChatMessage.MESSAGE_FROM, "你好吗？"));
  messages.add(new ChatMessage(ChatMessage.MESSAGE_TO, "非常好!"));
  messages.add(new ChatMessage(ChatMessage.MESSAGE_FROM, "欢迎光临我的博客，http://hi.csdn.net/lyfi01"));
  messages.add(new ChatMessage(ChatMessage.MESSAGE_TO, "恩，好的，谢谢"));
 }

 
 private View.OnClickListener l = new View.OnClickListener() {

  public void onClick(View v) {

   if (v.getId() == sendBtn.getId()) {
    String str = textEditor.getText().toString();
    String sendStr;
    if (str != null
      && (sendStr = str.trim().replaceAll("\r", "").replaceAll("\t", "").replaceAll("\n", "")
        .replaceAll("\f", "")) != "") {
     sendMessage(sendStr);

    }
    textEditor.setText("");

   }
  }

  // 模拟发送消息
  private void sendMessage(String sendStr) {
   messages.add(new ChatMessage(ChatMessage.MESSAGE_TO, sendStr));
   chatHistoryAdapter.notifyDataSetChanged();
  }

 };
}

 

转自：http://blog.sina.com.cn/s/blog_80723de80100vnxg.html