Android: 開發短信程序列表界面(QuickContactBadge/ListView混用)

android默認短信程序主界面主要是一個ListView，每個Item上有一個QuickContactBadge（[url=http://kevinlynx.iteye.com/blog/854279]這裏提到過][/url]）。這個可以通過定製ListView使用的adapter來實現。

查了些ListView自己寫adapter的資料，發現問題很多。主要集中於item帶有事件響應，或者狀態保存，例如Button、CheckBox，之類的控件時，將很難協調。

[color=red]事實上，雖然QuickContactBadge也帶有事件響應，但是集成到ListView的item裏，相對而言簡單很多。[/color]

ListView的Item配置：
[code]
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content">

<android.widget.QuickContactBadge
android:id="@+id/avatar"
android:layout_centerVertical="true"
android:src="@drawable/icon"
style="?android:attr/quickContactBadgeStyleWindowSmall" />

<TextView android:id="@+id/subject"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingLeft="10dip"
android:singleLine="true"
android:layout_toRightOf="@id/avatar"
android:ellipsize="end" />
</RelativeLayout>
[/code]

Adapter:
[code]
package com.kl.test;

import java.util.List;
import java.util.Map;
import android.content.Context;
import android.provider.ContactsContract.QuickContact;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.QuickContactBadge;
import android.widget.TextView;


public class QuickContactAdapter extends BaseAdapter {
public static final int RES_TEXT_ID = 1;
public static final int RES_BADGE_ID = 0;
private LayoutInflater mInflater;
private List<? extends Map<String, ?>> mData;
private String[] mFrom;
private int[] mTo;
private int mResource;

public final class ViewHolder{
public QuickContactBadge badge;
public TextView text;
}

public QuickContactAdapter(Context context, List<? extends Map<String, ?>> list, int resource,
String[] from, int[] to) {
mInflater = LayoutInflater.from(context);
mFrom = from;
mData = list;
mTo = to;
mResource = resource;
}

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

@Override
public Object getItem(int arg0) {
return null;
}

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

@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder = null;
if (convertView == null) {
holder = new ViewHolder();
convertView = mInflater.inflate(mResource, null);
holder.text = (TextView)convertView.findViewById(mTo[RES_TEXT_ID]);
holder.badge = (QuickContactBadge)convertView.findViewById(mTo[RES_BADGE_ID]);
convertView.setTag(holder);
}
else {
holder = (ViewHolder)convertView.getTag();
}

holder.text.setText((String)mData.get(position).get(mFrom[RES_TEXT_ID]));
holder.badge.setMode(QuickContact.MODE_SMALL);
holder.badge.assignContactFromPhone((String)mData.get(position).get(mFrom[RES_BADGE_ID]), true);

return convertView;
}
}

[/code]
[color=red]
其實，這個adapter的主要目的，是爲對應的QuickContactBadge關聯Uri。當然，我對ListView還不甚精通，這裏就不細說了。anyway, it worked.
[/color]

[code]
package com.kl.test;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ListView;

public class QuickContactList extends Activity {
List<Map<String, String>> mData = new ArrayList<Map<String, String>>();

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
fillListView();
}

private void fillListView() {
ListView view = (ListView) findViewById(R.id.list);

List<Map<String, String>> data = mData;
for( int i = 0; i < 10; ++i ) {
Map<String, String> d1 = new HashMap<String, String>();
d1.put("text", String.format("Item %d", i));
d1.put("phone", String.format( "12%d", i));
data.add(d1);
}

QuickContactAdapter adapter = new QuickContactAdapter(this, data, R.layout.list_item,
new String[] { "phone", "text" },
new int[] { R.id.avatar, R.id.subject } );

view.setAdapter(adapter);
//view.setAdapter(new MyAdapter(this));
view.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> arg0, View arg1, int arg2, long arg3) {
setTitle("點擊第"+arg2+"個項目");
}
});
}
}
[/code]
上面是測試例子，實際運行效果QuickContactBadge不影響ListView的點擊。