<pre style="background-color:#ffffff;color:#000000;font-family:'Courier New';font-size:15.0pt;"><pre class="html" name="code"><span style="font-size:14px;"><?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:background="@drawable/chat_bg"><!--聊天对话框部分android:divider="#0000"透明分隔线--><ListViewandroid:id="@+id/msg_list_view"android:layout_width="match_parent"android:layout_height="0dp"android:layout_weight="1"android:divider="#0000"/><!--输入框部分（横排排列）--><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"><!--输入框--><EditTextandroid:id="@+id/input_text"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:hint="Type something here"android:maxLines="2"/><!--发送按钮--><Buttonandroid:id="@+id/send"android:layout_width="wrap_content"android:layout_height="wrap_content"android:textAllCaps="false"android:text="Send"/></LinearLayout></LinearLayout>
</span>

<pre style="background-color:#ffffff;color:#000000;font-family:'Courier New';font-size:15.0pt;"><span><span><span><span style="font-size:18px;"><span style="font-size:24px;"><strong><span style="color:#cc33cc;">2.msg</span></strong><span style="font-size:24px;"><strong><span style="color:#cc33cc;">_layout.xml</span></strong></span></span></span></span></span></span>

<span style="font-size:14px;"><?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"><!--左chat--><LinearLayoutandroid:id="@+id/left_layout"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="left"android:background="@drawable/chat_ed_left"><TextViewandroid: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><!--右chat--><LinearLayoutandroid:id="@+id/right_layout"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="right"android:background="@drawable/chat_ed_right"><TextViewandroid:id="@+id/right_msg"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center"android:layout_margin="10dp"android:textColor="#a40d88"/></LinearLayout></LinearLayout>
</span>

<span style="font-size:14px;">public class Msg {public static final int TYPE_RECEIVED = 0;//收到的消息public static final int TYPE_SENT = 1;//发送的消息private String content;//消息内容private  int type;//消息类型public  Msg(String content, int type){this.content = content;this.type = type;}public String getContent() {return content;}public int getType() {return type;}
}</span>

<span style="font-size:14px;">package com.example.cpj.UICustomerViews;import android.content.Context;
import android.support.v7.widget.RecyclerView.ViewHolder;
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;
import com.example.cpj.uiwidgettest.R;/*** Created by cpj on 2016/3/15.*/
public class MsgAdapter extends ArrayAdapter<Msg>{private int resourceId;public MsgAdapter(Context context, int textViewResourceId,List<Msg> objects){super(context, textViewResourceId, objects);resourceId = textViewResourceId;}/*** 功能描述：这个方法在每个子项滚动到屏幕内的时候被调用*         1.首先通过 getItem()获取当前项的ToolBar实例*         2.使用LayoutInflater将这个子布局项加载并传入我们的主布局*         3.调用View的findViewById()分别获取到左右Layout、左右Msg的实例*         4.调用它们的setText()来显示文字*         5.最后返回布局* */public View getView(int position, View convertView, ViewGroup parent){Msg msg = getItem(position);/** 新增内部类ViewHolder，用于对控件的实例进行缓存。* 1.当convertView为空时，创建一个ViewHolder对象，并将控件的实例对象存放在ViewHolder里。* 2.然后调用View的setTag()方法，将ViewHolder对象存储在View中。* 3.当convertView不为空时，调用View的getTag()方法把ViewHolder重新取出来。* */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 {//convertView参数用于将之前加载好的布局进行缓存，以便之后可以进行复用（提高效率）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_SENT){viewHolder.rightLayout.setVisibility(View.VISIBLE);viewHolder.leftLayout.setVisibility(View.GONE);viewHolder.rightMsg.setText(msg.getContent());}return view;}//新增内部类ViewHolder，用于对控件的实例进行缓存。class ViewHolder{LinearLayout leftLayout;LinearLayout rightLayout;TextView leftMsg;TextView rightMsg;}
}
</span>

<span style="font-size:14px;">package com.example.cpj.UICustomerViews;import android.os.Bundle;
import android.view.View;
import android.view.Window;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ListView;import com.example.cpj.uiwidgettest.BaseActivity;
import com.example.cpj.uiwidgettest.R;import java.util.ArrayList;
import java.util.List;/*** Created by cpj on 2016/3/15.*/
public class ChatActivity extends BaseActivity{private ListView msgListView;private EditText inputText;private Button send;private MsgAdapter adapter;private List<Msg> msgList = new ArrayList<Msg>();protected void onCreate(Bundle saveInstanceState){super.onCreate(saveInstanceState);requestWindowFeature(Window.FEATURE_NO_TITLE);setContentView(R.layout.chatmain_layout);initMsgs();//初始化消息数据</span><span style="font-size:14px;">adapter = new MsgAdapter(ChatActivity.this, R.layout.msg_layout, 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() {@Overridepublic void onClick(View v) {String content = inputText.getText().toString();if(!"".equals(content)){Msg msg = new Msg(content, Msg.TYPE_SENT);msgList.add(msg);adapter.notifyDataSetChanged();//当有消息时刷新msgListView.setSelection(msgList.size());//将ListView定位到最后一行inputText.setText("");//清空输入框的内容}}});}/*** 初始化消息数据* */private void initMsgs(){Msg msg1 = new Msg("Hello cpj.", Msg.TYPE_RECEIVED);msgList.add(msg1);Msg msg2 = new Msg("Hello Who is that?", Msg.TYPE_SENT);msgList.add(msg2);Msg msg3 = new Msg("This is pengpeng,Nice talking to you.", Msg.TYPE_RECEIVED);msgList.add(msg3);}
}
</span>