前面我们学习了ListView的基本用法,而在实际开发时,对ListView的使用比较频繁,其表现也非常复杂。这里我们自定义我们的listView Item 。
这里我们需要自己定义entry项.
例一:带图标和数据文本的ListItem
Item 项的定义 (entry.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="horizontal" >
<ImageView
android:id="@+id/itemIcon"
android:layout_width="44dp"
android:layout_height="wrap_content"
android:paddingLeft="10dp"
android:paddingRight="10dp"
android:src="@drawable/ic_launcher" />
<TextView
android:id="@+id/itemtext"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="24sp" />
</LinearLayout>
这里我们定义了两个widget :
ImageView用来显示图片,TextView用来显示文本。
源代码
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
getListView().setAdapter(new ArrayAdapter<String>(this,R.layout.entry, R.id.itemtext,getResources().getStringArray(R.array.countries_arry)));
}
第一个参数是context,传当前的contenxt(this);
第二个参数是描述entry的layout xml文件;
第三个参数是数据信息来源对应元素layout中的哪一个widget。
第四个参数是数据信息来源item
效果如图
例二:动态修改item项图标
有时我们需要动态的修改ListView item的图标,不同的Item项显示不同的图标。我们需要创建adapter的子类,通过重写getView()来描述自己的单元风格,源码如下:
public class MainActivity extends ListActivity {
String values[] = null;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
values = getResources().getStringArray(R.array.countries_arry);
setListAdapter(new CheckAdapter());
}
public class CheckAdapter extends ArrayAdapter<String> {
public CheckAdapter() {
super(MainActivity.this, R.layout.entry, R.id.itemtext, values);
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
LayoutInflater infalter = getLayoutInflater();
// 从第一个参数获得相关的XML的结构,第二个参数是ViewGrouproot,
// 最后一个参数表示如果有错误,是否扔出InflateException
View row = infalter.inflate(R.layout.entry, parent, false);
// 具体设置每个View中各个widget的格式和信息
TextView label = (TextView) row.findViewById(R.id.itemtext);
ImageView icon = (ImageView) row.findViewById(R.id.itemIcon);
label.setText(values[position]);
if (position % 2 == 0) {
icon.setImageResource(R.drawable.ic_info);
} else {
icon.setImageResource(R.drawable.ic_question);
}
return row;
}
}
}
效果图如下: