谷歌市场项目代码详解(四)

分类模块显示

创建一个fragment_category.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" >
    
    <ListView 
        android:id="@+id/listview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:listSelector="@android:color/transparent"
	  android:divider="@null"
	  android:dividerHeight="6dp" />

分类界面的ListView需要两种类型的布局

一种是标题   一种是图片组

创建对应的Adapter：

public class CategoryListAdapter extends BasicAdapter<Object> {
	
	/** item类型为标题 */
	public static final int ITEM_TYPE_TITLE = 0;// item的type必须从0开始
	/** item类型Info */
	public static final int ITEM_TYPE_INFO = 1;

	public CategoryListAdapter(ArrayList<Object> datas) {
		super(datas);
	}
	
	/** 返回item有几种类型 */
	@Override
	public int getViewTypeCount() {
		return 2;
	}
	
	/** 返回指定position的item是属于哪种类型 */
	@Override
	public int getItemViewType(int position) {
		Object data = datas.get(position);
		return data instanceof String ? ITEM_TYPE_TITLE : ITEM_TYPE_INFO;
	}

	。。。还差3个方法

}

@Override
public int getItemLayoutId(int position) {
	int itemType = getItemViewType(position);
	return itemType == ITEM_TYPE_TITLE ? R.layout.item_category_title 
				                 : R.layout.item_category;
}

@Override
public Object createViewHolder(View convertView, int position) {
	ViewHolder holder = new ViewHolder();
	int itemType = getItemViewType(position);
	if (itemType == ITEM_TYPE_TITLE) { // 如果item类型是标题
		holder.title =  (TextView) convertView;
	} else {  // 如果item类型是Info
		// 获取第1个线性布局和它里面的子View
		holder.ll_1 = (LinearLayout) convertView.findViewById(R.id.ll_1);
		holder.iv_icon1 = (ImageView) convertView.findViewById(R.id.iv_icon1);
		holder.tv_name1 = (TextView) convertView.findViewById(R.id.tv_name1);
			
		// 获取第2个线性布局和它里面的子View
		holder.ll_2 = (LinearLayout) convertView.findViewById(R.id.ll_2);
		holder.iv_icon2 = (ImageView) convertView.findViewById(R.id.iv_icon2);
		holder.tv_name2 = (TextView) convertView.findViewById(R.id.tv_name2);
			
		// 获取第3个线性布局和它里面的子View
		holder.ll_3 = (LinearLayout) convertView.findViewById(R.id.ll_3);
		holder.iv_icon3 = (ImageView) convertView.findViewById(R.id.iv_icon3);
		holder.tv_name3 = (TextView) convertView.findViewById(R.id.tv_name3);
	}
	return holder;
}

@Override
public void showData(int position, Object viewHolder, Object data) {
	ViewHolder holder = (ViewHolder) viewHolder;
		
	int itemViewType = getItemViewType(position);
	if (itemViewType == ITEM_TYPE_TITLE) {
		// 如果当前位置是的item是标题类型
		holder.title.setText((String) data);
		int paddingTop = position == 0 ? 6 : 0;
		holder.title.setPadding(paddingTop, paddingTop, 0, 0);
	} else {
		// 如果当前位置的item是info类型
		Info info = (Info) data;
			
		// 显示一行中的第1个分类信息
		holder.tv_name1.setText(info.name1);
		ImageLoader.getInstance().displayImage(Urls.IMAGE + "?name=" + info.url1, holder.iv_icon1);
			
		// 显示一行中的第2个分类信息，这个信息有可能不存在，所以需要判断一下
		if (TextUtils.isEmpty(info.name2)) {
			holder.ll_2.setVisibility(View.INVISIBLE);
		} else {
			holder.ll_2.setVisibility(View.VISIBLE);
			holder.tv_name2.setText(info.name2);
			ImageLoader.getInstance().displayImage(Urls.IMAGE + "?name=" + info.url2, holder.iv_icon2);
		}
			
		// 显示一行中的第3个分类信息，这个信息有可能不存在，所以需要判断一下
		if (TextUtils.isEmpty(info.name3)) {
			holder.ll_3.setVisibility(View.INVISIBLE);
		} else {
			holder.ll_3.setVisibility(View.VISIBLE);
			holder.tv_name3.setText(info.name3);
			ImageLoader.getInstance().displayImage(Urls.IMAGE + "?name=" + info.url3, holder.iv_icon3);
		}
			
		// 把数据绑定到3个容器中
		holder.ll_1.setTag(info.name1);
		holder.ll_2.setTag(info.name2);
		holder.ll_3.setTag(info.name3);
			
		// 给一行中的3个分类注册点击事件
		holder.ll_1.setOnClickListener(onClickListener);
		holder.ll_2.setOnClickListener(onClickListener);
		holder.ll_3.setOnClickListener(onClickListener);
	}
}
	
OnClickListener onClickListener = new OnClickListener() {
		
	@Override
	public void onClick(View v) {
		UiUtils.showToast((String) v.getTag());
	}

onMeasure与onLayout方法总结：

l onMeasure方法就是测量自己和指定期望子View的宽高，测量出来之后调用setMeasuredDimension(measuredWidth, measuredHeight)来保存起来测量的值，保存后就可以调用view.getMeasuredWidth()方法来获取保存的值了，但它仅仅是测量的值而已，不一定是View的真正大小，如上面的TextView，在onLayout的时候我们给它的宽度加大了，实际的宽不等于测量的宽，即getWidth() != getMeasuredWidth()

l onLayout方法就是给子View分配位置和大小，所以在onLayout方法执行完之后我们就可以调用view.getWidth()方法来获取View的真正的大小了。其实View的大小就是我们分配的left、right、top、bottom相减而得出的。如width = right – left，我们在安排子View的位置的时候是可以超出父容器的的大小范围的，子View的宽高也可以大于父容器，但是超出父容器范围的部分将无法显示，所以我们尽量让子View的位置范围在容器的大小范围内