简单的聊天界面设计

    首先是软件的整体运行效果图

 

接下来是各部分的主要代码：

（1）首先是MainActivity

     

 package com.example.jared.uitest;  
  
import android.os.Bundle;  
import android.support.v7.app.ActionBar;  
import android.support.v7.app.AppCompatActivity;  
import android.view.View;  
import android.widget.Button;  
import android.widget.EditText;  
import android.widget.ListView;  
  
import java.util.ArrayList;  
import java.util.List;  
  
public class MainActivity extends AppCompatActivity {  
  
    private ListView msgListView;  
    private EditText inputText;  
    private Button send;  
    private MsgAdapter adapter;  
  
    private List<Msg> msgList = new ArrayList<Msg>();  
  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
  
        ActionBar actionBar = getSupportActionBar();  
        actionBar.hide();  
  
        setContentView(R.layout.activity_main);  
  
        initMsgs();  
        adapter = new MsgAdapter(MainActivity.this, R.layout.msg_item, msgList);  
        inputText = (EditText)findViewById(R.id.input_text);  
        send = (Button)findViewById(R.id.send);  
        msgListView = (ListView)findViewById(R.id.msg_list_view);  
        msgListView.setAdapter(adapter);  
        send.setOnClickListener(new View.OnClickListener() {  
            @Override  
            public void onClick(View view) {  
                String content = inputText.getText().toString();  
                if(!"".equals(content)) {  
                    Msg msg = new Msg(content, Msg.TYPE_SEND);  
                    msgList.add(msg);  
                    adapter.notifyDataSetChanged();  
                    msgListView.setSelection(msgList.size());  
                    inputText.setText("");  
                }  
            }  
        });  
    }  
  
    private void initMsgs() {  
        Msg msg1 = new Msg("Hello, how are you?", Msg.TYPE_RECEIVED);  
        msgList.add(msg1);  
        Msg msg2 = new Msg("Fine, thank you, and you?", Msg.TYPE_SEND);  
        msgList.add(msg2);  
        Msg msg3 = new Msg("I am fine, too!", Msg.TYPE_RECEIVED);  
        msgList.add(msg3);  
    }  
} 

（2）ListView的Adapter

      

 package com.example.jared.uitest;  
  
import android.content.Context;  
import android.view.LayoutInflater;  
import android.view.View;  
import android.view.ViewGroup;  
import android.widget.ArrayAdapter;  
import android.widget.LinearLayout;  
import android.widget.TextView;  
  
import java.util.List;  
  
/** 
 * Created by jared on 16/2/10. 
 */  
public class MsgAdapter extends ArrayAdapter<Msg> {  
    private int resourceId;  
  
    public MsgAdapter(Context context, int textViewResourceId, List<Msg> objects) {  
        super(context, textViewResourceId, objects);  
        resourceId = textViewResourceId;  
    }  
  
    public View getView(int position, View convertView, ViewGroup parent) {  
        Msg msg = getItem(position);  
        View view;  
        ViewHolder viewHolder;  
        if(convertView == null) {  
            view = LayoutInflater.from(getContext()).inflate(resourceId, null);  
            viewHolder = new ViewHolder();  
            viewHolder.leftLayout = (LinearLayout)view.findViewById(R.id.left_layout);  
            viewHolder.rightLayout = (LinearLayout)view.findViewById(R.id.right_layout);  
            viewHolder.leftMsg = (TextView)view.findViewById(R.id.left_msg);  
            viewHolder.rightMsg = (TextView)view.findViewById(R.id.right_msg);  
            view.setTag(viewHolder);  
        } else {  
            view = convertView;  
            viewHolder = (ViewHolder) view.getTag();  
        }  
        if(msg.getType() == Msg.TYPE_RECEIVED) {  
            viewHolder.leftLayout.setVisibility(View.VISIBLE);  
            viewHolder.rightLayout.setVisibility(View.GONE);  
            viewHolder.leftMsg.setText(msg.getContent());  
        } else if(msg.getType() == Msg.TYPE_SEND) {  
            viewHolder.rightLayout.setVisibility(View.VISIBLE);  
            viewHolder.leftLayout.setVisibility(View.GONE);  
            viewHolder.rightMsg.setText(msg.getContent());  
        }  
        return view;  
    }  
  
    class ViewHolder {  
        LinearLayout leftLayout;  
        LinearLayout rightLayout;  
        TextView leftMsg;  
        TextView rightMsg;  
    }  
}

（3） msg_item.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"  
    android:padding="10dp">  
  
    <LinearLayout  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:orientation="horizontal">  
  
        <ImageView  
            android:id="@+id/head_left"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:layout_gravity="left"  
            android:src="@drawable/head1"/>  
  
        <LinearLayout  
            android:id="@+id/left_layout"  
            android:layout_height="wrap_content"  
            android:layout_width="wrap_content"  
            android:layout_gravity="left"  
            android:background="@drawable/left_messages">  
  
            <TextView  
                android:id="@+id/left_msg"  
                android:layout_width="wrap_content"  
                android:layout_height="wrap_content"  
                android:layout_gravity="center"  
                android:layout_margin="10dp"  
                android:textColor="#fff"/>  
        </LinearLayout>  
    </LinearLayout>  
  
    <LinearLayout  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_gravity="right"  
        android:orientation="horizontal">  
  
    <LinearLayout  
        android:id="@+id/right_layout"  
        android:layout_height="wrap_content"  
        android:layout_width="wrap_content"  
        android:layout_gravity="right"  
        android:background="@drawable/right_messages">  
  
        <TextView  
            android:id="@+id/right_msg"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:layout_gravity="center"  
            android:layout_margin="10dp"/>  
  
    </LinearLayout>  
        <ImageView  
            android:id="@+id/head_right"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:src="@drawable/head2"/>  
    </LinearLayout>  
  
</LinearLayout>