利用listview实现简要的QQ聊天效果

1 先放出消息实体类，注意包含头像，内容，和类别（是接受的消息，还是发送的消息）

/**
 * 作者：水东流
 * 时间：2016/4/21
 */
public class ChatBean {
    private int type;
    private String text;
    private Bitmap icon;

    public int getType() {
        return type;
    }

    public void setType(int type) {
        this.type = type;
    }

    public String getText() {
        return text;
    }

    public void setText(String text) {
        this.text = text;
    }

    public Bitmap getIcon() {
        return icon;
    }

    public void setIcon(Bitmap icon) {
        this.icon = icon;
    }



}

然后就是adapter的自定义

/**
 * 作者：水东流
 * 时间：2016/4/21
 * qq聊天
 */
public class MyAdapter extends BaseAdapter {

    private List<ChatBean> mData;
    private LayoutInflater mInflater;

    public MyAdapter(List<ChatBean> mData, Context context) {
        this.mData = mData;
        mInflater = LayoutInflater.from(context);
    }

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

    @Override
    public Object getItem(int position) {
        return mData.get(position);
    }

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

    /*获取第position个item的类型*/
    @Override
    public int getItemViewType(int position) {
        return mData.get(position).getType();
    }

    /*设定有几种item*/
    @Override
    public int getViewTypeCount() {
        return 2;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder viewHolder;
        if (convertView == null) {
            if (getItemViewType(position) == 0) {
                viewHolder = new ViewHolder();
                convertView = mInflater.inflate(R.layout.chat_item_in, null);
                viewHolder.icon = (ImageView) convertView.findViewById(R.id.icon_in);
                viewHolder.text = (TextView) convertView.findViewById(R.id.text_in);
            } else {
                viewHolder = new ViewHolder();
                convertView = mInflater.inflate(R.layout.chat_item_out, null);
                viewHolder.icon = (ImageView) convertView.findViewById(R.id.icon_out);
                viewHolder.text = (TextView) convertView.findViewById(R.id.text_out);

            }
            convertView.setTag(viewHolder);

        } else {
            viewHolder = (ViewHolder) convertView.getTag();
        }
        viewHolder.icon.setImageBitmap(mData.get(position).getIcon());
        viewHolder.text.setText(mData.get(position).getText());
        return convertView;
    }

    public final class ViewHolder {
        public ImageView icon;
        public TextView text;
    }
}

3 xml item布局文件

chat_item_out.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:gravity="center_vertical|right"
    android:padding="10dp"
    android:orientation="horizontal"
    android:layout_height="match_parent">
    <TextView
        android:id="@+id/text_out"
        android:layout_width="wrap_content"
        android:text="土豆什么事"
        android:gravity="center"
        android:textSize="20sp"
        android:layout_height="wrap_content" />
    <ImageView
        android:id="@+id/icon_out"
        android:src="@mipmap/ic_launcher"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

chat_item_in

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:gravity="center_vertical"
    android:padding="10dp"
    android:orientation="horizontal"
    android:layout_height="match_parent">
<ImageView
    android:id="@+id/icon_in"
    android:src="@mipmap/ic_launcher"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />
    <TextView
        android:id="@+id/text_in"
        android:layout_width="wrap_content"
        android:text="丽丽你好啊"
        android:gravity="center"
        android:textSize="20sp"
        android:layout_height="wrap_content" />
</LinearLayout>

4调用界面

public class QQActivity extends AppCompatActivity {
    ListView listView;
    List<ChatBean> list;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_qq);
        listView = (ListView) findViewById(R.id.listview);
        init();

    }

    private void init() {
        list = new ArrayList<>();
        ChatBean cb1 = new ChatBean();
        cb1.setIcon(BitmapFactory.decodeResource(getResources(), R.mipmap.ic_launcher));
        cb1.setText("丽丽我喜欢你");
        cb1.setType(0);
        ChatBean cb2 = new ChatBean();
        cb2.setIcon(BitmapFactory.decodeResource(getResources(), R.mipmap.ic_launcher));
        cb2.setText("土豆泥好烦啊");
        cb2.setType(1);
        ChatBean cb3 = new ChatBean();
        cb3.setIcon(BitmapFactory.decodeResource(getResources(), R.mipmap.ic_launcher));
        cb3.setText("丽丽我真的喜欢你");
        cb3.setType(0);
        ChatBean cb4 = new ChatBean();
        cb4.setIcon(BitmapFactory.decodeResource(getResources(), R.mipmap.ic_launcher));
        cb4.setText("那好吧，你想干什么");
        cb4.setType(1);
        ChatBean cb5 = new ChatBean();
        cb5.setIcon(BitmapFactory.decodeResource(getResources(), R.mipmap.ic_launcher));
        cb5.setText("我想和你去看日出");
        cb5.setType(0);
        ChatBean cb6 = new ChatBean();
        cb6.setIcon(BitmapFactory.decodeResource(getResources(), R.mipmap.ic_launcher));
        cb6.setText("好不好");
        cb6.setType(0);
        for(int i=0;i<1000;i++){
            list.add(cb1);
            list.add(cb2);
            list.add(cb3);
            list.add(cb4);
            list.add(cb5);
            list.add(cb6);
            list.add(cb1);
            list.add(cb2);
            list.add(cb3);
            list.add(cb4);
            list.add(cb5);
            list.add(cb6);
        }
        listView.setAdapter(new MyAdapter(list, this));
    }
}