Android实验四之聊天界面

实验结果：

Nine-patch图片制作：用SDK安装路径下tools中draw9patch.bat制作，下图中图片的四周有黑色线条标志，当需要拉伸该图片时，只拉伸红线区域内的部分！

 

代码：

mainactivity.java

package com.example.sendmessage;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ListView;

public class MainActivity extends Activity
{

	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);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.activity_main);
		initMsg();
		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 OnClickListener()
		{
			
			@Override
			public void onClick(View v)
			{
				String content = inputText.getText().toString();
				if(!"".equals(content)){
					Msg msg = new Msg(content, Msg.TYPE_SEND);
					msgList.add(msg);
					adapter.notifyDataSetChanged();//有新消息时刷新ListView
					msgListView.setSelection(msgList.size());//将ListView定位到最后一行
					inputText.setText("");//清空输入框中的内容
					
				}
				
			}
		});
		
	}

	private void initMsg()
	{
		Msg msg1 = new Msg("Hello guy.",Msg.TYPE_RECEIVED);
		msgList.add(msg1);
		Msg msg2 = new Msg("Hello.Who is that?",Msg.TYPE_SEND);
		msgList.add(msg2);
		Msg msg3 = new Msg("This is Tom.Nice talking to you.", Msg.TYPE_RECEIVED);
		msgList.add(msg3);
		
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu)
	{
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

}

Msg.java

package com.example.sendmessage;

public class Msg
{

	public static final int TYPE_RECEIVED = 0;
	public static final int TYPE_SEND = 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 void setContent(String content)
	{
		this.content = content;
	}

	public int getType()
	{
		return type;
	}

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

MsgAdapter.java

package com.example.sendmessage;

import java.util.List;

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;

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;
	}

	
}

activity_main,xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#d8e0e8"
    android:orientation="vertical">
    
    <ListView 
        android:id="@+id/msg_list_view"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:divider="#0000">
      </ListView>
    <LinearLayout 
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        
        <EditText 
            android: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"/>
        
        <Button 
            android:id="@+id/send"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:text="Send"/>
        
        
    </LinearLayout>
    
</LinearLayout>

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" >
    
    <LinearLayout 
        android:id="@+id/left_layout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="left"
        android:background="@drawable/chat_recv_bubble" 
        >
        <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 
        android:id="@+id/right_layout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:background="@drawable/char_send_bubble"
        >
        
        <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>

</LinearLayout>

 

总结：该应用中用0和1来分辨是发送出的消息还是接收到的消息，当接收消息时右面的线性布局就会隐藏，当发送消息时左面的布局就会隐藏。

布局文件中利用了LsitView控件，msg_item.xml又定义的每个List中的布局，使用Adapter适配器将两部分连接起来。