Android泡泡聊天界面的实现

Android泡泡聊天界面的实现

分类： Android学习2011-08-11
14:04 5523人阅读 评论(11) 收藏 举报
androidstringdatelistviewlayoutcalendar

昨天写了个界面，实现了Android泡泡聊天界面。运行结果如下，点击发送按钮，屏幕就显示Text的内容。



我也是在网上的一份源码的基础上更改的，整个泡泡界面的实现要点：

（1）主界面其实就是一个List View 

       （2）文字显示界面其实就使用了android:background="@drawable/incoming"这个东西。背景图片的格式是xxx.9.png，专门用来缩放的，不然显示效果非常差。

        （3）自定义了一个adapter,当然是继承android.widget.BaseAdapter，重写了getView的方法。

整个工程分布如下：



主activity: ChatActivity如下：

[java] view
plaincopy

package com.tencent;  

  

import android.app.Activity;  

import android.os.Bundle;  

import android.util.Log;  

import android.view.View;  

import android.view.View.OnClickListener;  

import android.widget.Button;  

import android.widget.EditText;  

import android.widget.ListView;  

  

import java.util.ArrayList;  

import java.util.Calendar;  

  

public class ChatActivity extends Activity {  

    private static final String TAG = ChatActivity.class.getSimpleName();;  

  

    private ListView talkView;  

  

    private Button messageButton;  

  

    private EditText messageText;  

  

    // private ChatMsgViewAdapter myAdapter;  

  

    private ArrayList<ChatMsgEntity> list = new ArrayList<ChatMsgEntity>();  

  

    public void onCreate(Bundle savedInstanceState) {  

        Log.v(TAG, "onCreate >>>>>>");  

        super.onCreate(savedInstanceState);  

        setContentView(R.layout.main);  

  

        talkView = (ListView) findViewById(R.id.list);  

        messageButton = (Button) findViewById(R.id.MessageButton);  

        messageText = (EditText) findViewById(R.id.MessageText);  

        OnClickListener messageButtonListener = new OnClickListener() {  

  

            @Override  

            public void onClick(View arg0) {  

                // TODO Auto-generated method stub  

                Log.v(TAG, "onclick >>>>>>>>");  

                String name = getName();  

                String date = getDate();  

                String msgText = getText();  

                int RId = R.layout.list_say_he_item;  

  

                ChatMsgEntity newMessage = new ChatMsgEntity(name, date, msgText, RId);  

                list.add(newMessage);  

                // list.add(d0);  

                talkView.setAdapter(new ChatMsgViewAdapter(ChatActivity.this, list));  

                messageText.setText("");  

                // myAdapter.notifyDataSetChanged();  

            }  

  

        };  

        messageButton.setOnClickListener(messageButtonListener);  

    }  

  

    // shuold be redefine in the future  

    private String getName() {  

        return getResources().getString(R.string.myDisplayName);  

    }  

  

    // shuold be redefine in the future  

    private String getDate() {  

        Calendar c = Calendar.getInstance();  

        String date = String.valueOf(c.get(Calendar.YEAR)) + "-"  

                + String.valueOf(c.get(Calendar.MONTH)) + "-" + c.get(c.get(Calendar.DAY_OF_MONTH));  

        return date;  

    }  

  

    // shuold be redefine in the future  

    private String getText() {  

        return messageText.getText().toString();  

    }  

  

    public void onDestroy() {  

        Log.v(TAG, "onDestroy>>>>>>");  

        // list = null;  

        super.onDestroy();  

    }  

}  

显示消息体的定义

[java] view
plaincopy

package com.tencent;  

  

public class ChatMsgEntity {  

    private static final String TAG = ChatMsgEntity.class.getSimpleName();  

  

    private String name;  

  

    private String date;  

  

    private String text;  

  

    private int layoutID;  

  

    public String getName() {  

        return name;  

    }  

  

    public void setName(String name) {  

        this.name = name;  

    }  

  

    public String getDate() {  

        return date;  

    }  

  

    public void setDate(String date) {  

        this.date = date;  

    }  

  

    public String getText() {  

        return text;  

    }  

  

    public void setText(String text) {  

        this.text = text;  

    }  

  

    public int getLayoutID() {  

        return layoutID;  

    }  

  

    public void setLayoutID(int layoutID) {  

        this.layoutID = layoutID;  

    }  

  

    public ChatMsgEntity() {  

    }  

  

    public ChatMsgEntity(String name, String date, String text, int layoutID) {  

        super();  

        this.name = name;  

        this.date = date;  

        this.text = text;  

        this.layoutID = layoutID;  

    }  

  

}  

ChatMsgViewAdapter定义如下：

[java] view
plaincopy

package com.tencent;  

  

import android.content.Context;  

import android.database.DataSetObserver;  

  

import android.util.Log;  

import android.view.LayoutInflater;  

import android.view.View;  

import android.view.ViewGroup;  

  

import android.widget.BaseAdapter;  

import android.widget.LinearLayout;  

import android.widget.TextView;  

  

import java.util.ArrayList;  

  

public class ChatMsgViewAdapter extends BaseAdapter {  

    private static final String TAG = ChatMsgViewAdapter.class.getSimpleName();  

  

    private ArrayList<ChatMsgEntity> coll;  

  

    private Context ctx;  

  

    public ChatMsgViewAdapter(Context context, ArrayList<ChatMsgEntity> coll) {  

        ctx = context;  

        this.coll = coll;  

    }  

  

    public boolean areAllItemsEnabled() {  

        return false;  

    }  

  

    public boolean isEnabled(int arg0) {  

        return false;  

    }  

  

    public int getCount() {  

        return coll.size();  

    }  

  

    public Object getItem(int position) {  

        return coll.get(position);  

    }  

  

    public long getItemId(int position) {  

        return position;  

    }  

  

    public int getItemViewType(int position) {  

        return position;  

    }  

  

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

        Log.v(TAG, "getView>>>>>>>");  

        ChatMsgEntity entity = coll.get(position);  

        int itemLayout = entity.getLayoutID();  

  

        LinearLayout layout = new LinearLayout(ctx);  

        LayoutInflater vi = (LayoutInflater) ctx.getSystemService(Context.LAYOUT_INFLATER_SERVICE);  

        vi.inflate(itemLayout, layout, true);  

  

        TextView tvName = (TextView) layout.findViewById(R.id.messagedetail_row_name);  

        tvName.setText(entity.getName());  

  

        TextView tvDate = (TextView) layout.findViewById(R.id.messagedetail_row_date);  

        tvDate.setText(entity.getDate());  

  

        TextView tvText = (TextView) layout.findViewById(R.id.messagedetail_row_text);  

        tvText.setText(entity.getText());  

        return layout;  

    }  

  

    public int getViewTypeCount() {  

        return coll.size();  

    }  

  

    public boolean hasStableIds() {  

        return false;  

    }  

  

    public boolean isEmpty() {  

        return false;  

    }  

  

    public void registerDataSetObserver(DataSetObserver observer) {  

    }  

  

    public void unregisterDataSetObserver(DataSetObserver observer) {  

    }  

}  

布局文件看得我比较痛苦，这个布局文件不好搞啊，呵呵

整个工程资源文件，我已经上传到资源共享里面了。

请大家这里下载：

http://download.csdn.net/user/randyjiawenjie