Android UI开发第四篇——实现像handcent sms或者chomp sms那样的气泡短信样式

最新推荐文章于 2015-01-21 14:31:11 发布

转载最新推荐文章于 2015-01-21 14:31:11 发布 · 867 阅读

Android - UI开发专栏专栏收录该内容

23 篇文章

订阅专栏

本文介绍了一种仿iPhone气泡聊天样式的实现方法，重点在于ListView的divider和listSelector设置。通过自定义XML布局文件及Java代码实现了带有不同背景样式的消息气泡。

实现的是像handcent sms或者chomp sms那样的气泡短信样式，也是iphone上的气泡聊天模式。实现这种效果的重点是ListView的divider和listSelector。先看一下效果图。

(1) listview：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:orientation="vertical" android:layout_width="fill_parent"
	android:layout_height="fill_parent" android:background="@android:color/white">
	<ListView android:layout_width="fill_parent"
		android:layout_height="fill_parent" android:divider="@null"
		android:dividerHeight="0dip" android:cacheColorHint="#00000000"
		android:listSelector="@drawable/list_item_style" android:id="@+id/itemlist" />
</LinearLayout>

(2) ListView item

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="wrap_content" android:layout_height="wrap_content">

	<TextView android:id="@+id/TextView01" android:layout_width="wrap_content"
		android:layout_height="wrap_content" android:textColor="@android:color/black"
		android:background="@drawable/bg"></TextView>
</LinearLayout>

(3) JAVA

public class HandcentList extends Activity {
	/** Called when the activity is first created. */
	ListView itemlist = null;
	List<Map<String, Object>> list;

	final String[] str = { "A", "B", "C", "D", "E", "F" };

	/** Called when the activity is first created. */

	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		itemlist = (ListView) findViewById(R.id.itemlist);
		refreshListItems();
	}

	private void refreshListItems() {
		list = buildListForSimpleAdapter();
		SimpleAdapter notes = new SimpleAdapter(this, list, R.layout.item,
				new String[] { "str" }, new int[] { R.id.TextView01, });
		itemlist.setAdapter(notes);
		itemlist.setSelection(0);
	}

	private List<Map<String, Object>> buildListForSimpleAdapter() {
		List<Map<String, Object>> list = new ArrayList<Map<String, Object>>(2);
		// Build a map for the attributes
		Map<String, Object> map = new HashMap<String, Object>();
		map.put("str", "呵呵呵呵呵");
		list.add(map);
		map = new HashMap<String, Object>();
		map.put("str", "呵呵");
		list.add(map);

		map = new HashMap<String, Object>();
		map.put("str", "呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵");
		list.add(map);
		map = new HashMap<String, Object>();
		map.put("str", "呵呵呵呵呵呵");
		list.add(map);
		map = new HashMap<String, Object>();
		map.put("str", "呵呵呵呵呵呵呵呵呵呵\n呵呵呵呵\n呵呵\n呵呵");
		list.add(map);
		map = new HashMap<String, Object>();
		map.put("str", "呵呵呵呵呵呵呵呵呵呵呵呵呵呵\n呵呵呵呵");
		list.add(map);
		return list;
	}
}

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_selected="true"
        android:drawable="@android:color/transparent" />
    <item android:state_pressed="true" android:state_selected="false"
        android:drawable="@android:color/transparent" />
    <item android:state_selected="false"
          android:drawable="@android:color/white" />
</selector>