Android功能组件源代码分析之二《AmazingListView》

    写一系列这种分析的文章，主要是用于理清这些优秀开源组建的设计模式和思想，为提高自己的开发水平和设计架构能力打好基础。

    目前有不少的开源ListView组件可以使用，像XListView、AmazingListView等。相对于原生的ListView，它们提供更加方便的功能供我们使用。例如XListView就提供完整的头部“下拉更新“和底部“加载更多”等功能。

ImageList则提供分组->详细这种显示模式。下面看看一个AmazingListView截图：

    AmazingListView提供了listFooter和mHeadView，不过这两个暂时没用，你可以根据你的需要将他们添加入listview中，比较有用的是其Adapter-AmazingAdapter

当然AmazingAdapter中最重要的当然是getView函数，里面可以到这个listview是如何布局的，其代码如下：

public final View getView(int position, View convertView, ViewGroup parent) {
	View res = getAmazingView(position, convertView, parent);//获取正常显示的view
	// 判断是否为最后一条且自动加载模式
	if (position == getCount() - 1 && automaticNextPageLoading) {
		onNextPageRequested(page + 1);//目前暂时还没有使用
	}
	//position这里为第几条消息的意思的位置
	//selection这里为header对应的position
	final int section = getSectionForPosition(position);
	//如果还是当前的selection则不需要再讲header显示出来
	//如果item为selection的第一条数据，则需要显示header
	boolean displaySectionHeaders = (getPositionForSection(section) == position);//判断是否为selection第一条item
	//具体header操作，如果displaysectionheaders为true时，则显示header
	//否则就隐藏header
	bindSectionHeader(res, position, displaySectionHeaders);
	
	return res;
}

其中getAmazingView为一条Item显示的View。而bindSectionHeader则判断是否要将header放上去。

中间的代码则判断是否换header了，如果没有，则没有必要添加header，如果有，则添加header

而AmazingAdapter并没有提供具体的getAmazingView和bindSectionHeader,而只提供两个抽象函数，具体要

要在AmazingAdapter的集成类中实现。现在我们假定MyAmazingAdapter继承AmazingAdapter,其代码如下：

public View getAmazingView(int position, View convertView,
				ViewGroup parent) {
	if (convertView == null) {
		convertView = getLayoutInflater().inflate(
				R.layout.forum_home_item, null);
	}
	TextView tv = (TextView) convertView
			.findViewById(R.id.forumHomeItemTitle);
	tv.setText(m_forumModel.get(position).get("name"));

	tv = (TextView) convertView
			.findViewById(R.id.forumHomeItemSubtitle);
	tv.setText("subTitle");
	return convertView;
}
protected void bindSectionHeader(View view, int position,
				boolean displaySectionHeader) {
if (displaySectionHeader) {
	//forumhomeitemheader被include在forum_homte_item文件中
	//且位置放在forum_home_item的顶部
	view.findViewById(R.id.forumHomeItemHeader).setVisibility(
			View.VISIBLE);
	TextView lSectionTitle = (TextView) view
			.findViewById(R.id.forumHomeItemHeader);
	lSectionTitle.setText(m_groupModel.get(
			getSectionForPosition(position)).get("forumTitle"));
} else {
	view.findViewById(R.id.forumHomeItemHeader).setVisibility(
			View.GONE);
}
}

其中m_forumModel为你需要显示的item数组,m_groupModel为你需要显示的section数据组，其中header中就放置section中数据

每个section组中，可能有一个或者多个item条目组成。

我们发现getAmazingView比较简单，只是将条目的名称显示出来。而bindSectionHeader也比简单，根据条件是否为真，判断

是否显示header头。

其中比较奇怪的，为什么我要将getAmazingView返回view要传递到bindSectionHeader中？

是因为，我们来看看两个view所对应的layout文件

AmazingView
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/LinearLayout1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="10dp"
    android:orientation="vertical" >

    <include
        android:id="@+id/forumHomeItemHeader"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        layout="@layout/forum_home_item_header" />

    <LinearLayout
        android:id="@+id/LinearLayout2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >

        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:layout_marginLeft="10dp"
            android:src="@drawable/forum_new" />

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:orientation="vertical"
            android:padding="10dp" >

            <TextView
                android:id="@+id/forumHomeItemTitle"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="18sp"
                android:textStyle="bold" />

            <TextView
                android:id="@+id/forumHomeItemSubtitle"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="TextView"
                android:textSize="15sp"
                android:visibility="gone" />
        </LinearLayout>

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:src="@drawable/navigation_next_item" />

    </LinearLayout>

</LinearLayout>

Header
<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="@color/item_header_color"
    android:paddingLeft="5dp"
    android:textSize="12sp"
    android:textStyle="bold" />

我们比较清楚地可以看到AmazingView将header作为头文件include进去的。因此在bindSectionHeader中传入getAmazingView返回的View，就可以使用该View对header中的组件进行直接控制。