android 自己实现的一个类似expandablelistview的一个控件

因为之前的项目中刚好需要一个控件类似expandablelistview那样的一个分布图，但是搜过网上的一些资料后觉得不是很方便。于是自己用listview跟gridview写了一个。效果的话跟自己之前预期中的还好。先贴代码上去，方便以后自己要是忘记了就不好了

先是布局文件

<?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="vertical" >
<TextView
android:id="@+id/car_type_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="@dimen/theme_h4"
android:layout_marginLeft="@dimen/dp10"
android:layout_marginTop="@dimen/dp6"
android:textColor="@color/theme_font_thin4"/>
<common.widget.grid.NestGridView
android:id="@+id/car_type_content"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:numColumns="2"
/>
</LinearLayout>

其中 在listview里面定义了一个水平方向上只有两个item的girdview。

然后再是实现了其中的view

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import org.apache.commons.lang3.StringUtils;

import com.alibaba.fastjson.JSONArray;
import com.alibaba.fastjson.JSONObject;

import android.content.Context;
import android.os.Handler;
import android.os.Message;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.AdapterView.OnItemClickListener;

public class CarTypeListView extends ListView implements OnItemClickListener{

private ListAdapter listAdapter;

private Handler handler;

private static final int WHAT_GETTYPES = 1;

private JSONObject carBrand;

private ICallback girdItemClick;

public void setGirdItemClick(ICallback girdItemCallback){
this.girdItemClick = girdItemCallback;
}

public CarTypeListView(Context context, AttributeSet attrs) {
super(context, attrs);
initView(context);
}

public CarTypeListView(Context context) {
super(context);
initView(context);
}
private void initView(Context context){
this.setDividerHeight(1);
this.setFocusable(false);
this.setClickable(false);
LinearLayout emptyView = (LinearLayout) LayoutInflater.from(context).inflate(R.layout.widget_list_emptyview, null);
emptyView.setVisibility(View.GONE);
this.setEmptyView(emptyView);
listAdapter = new ListAdapter();
this.setAdapter(listAdapter);
}
public void refreshData(JSONObject carBrand){
this.listAdapter.setDatas(null);
this.carBrand = carBrand;
this.getCarTypes(carBrand.getString("CUID"));
}

private void getCarTypes(String brandId) {
Map<String, String> params = new HashMap<String, String>();
params.put("brandId", brandId);
params.put("emm", LogMgr.getInstance(getContext()).getModelPath("CarTypeListView"));
HttpReq req = new HttpReq(EnvMgr.getAppCtx()+"/CarAction/getTypes.do?",params);
req.setWhat(WHAT_GETTYPES);
//		req.setShowMask(true);
req.setParams(params);
HttpUtils.get(this.getContext(), req, getMyHandler());
}

private Handler getMyHandler() {
if(this.handler == null) {
this.handler = new Handler() {
@Override
public void handleMessage(Message msg) {
String rp = msg.getData()
.getString(HttpUtils.RESPONSE_ROOT);
JSONObject jo = JSONObject.parseObject(rp);
switch (msg.what) {
case WHAT_GETTYPES:
setTypes(jo);
break;
default:
break;
}
}
};
}
return this.handler;
}

private void setTypes(JSONObject jo) {
List<JSONObject> datas = new ArrayList<JSONObject>();
if (jo.getBooleanValue("success")) {
JSONArray array = jo.getJSONArray("result");
Map<String,List<JSONObject>> dataMap = new HashMap<String,List<JSONObject>>();
for(int i = 0;i<array.size();i++){
JSONObject object = array.getJSONObject(i);
String carBrand = object.getString("MANUFACTURER");
List<JSONObject> list = dataMap.get(carBrand);
if(list == null){
list = new ArrayList<JSONObject>();
dataMap.put(carBrand,list);
}
list.add(object);
}
for(String car:dataMap.keySet()){
JSONObject data = new JSONObject();
data.put("MANUFACTURER",car);
List<JSONObject> items = dataMap.get(car);
data.put("content",items);
datas.add(data);
}
listAdapter.setDatas(datas);
} else {

}
}

private class ListAdapter extends BaseAdapter{

private List<JSONObject> datas;

public void setDatas(List<JSONObject> data){
if(data != null){
this.datas = data;
}
this.notifyDataSetChanged();
}

@Override
public int getCount() {
return datas == null?0:datas.size();
}

@Override
public Object getItem(int position) {
return datas.get(position);
}

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

@Override
public View getView(int position, View convertView, ViewGroup parent) {
GroupHolder holder = null;
if(convertView == null){
holder = new GroupHolder();
convertView = LayoutInflater.from(getContext()).inflate(R.layout.common_car_type, null);
holder.groupView = (TextView) convertView.findViewById(R.id.car_type_name);
holder.gridView = (NestGridView) convertView.findViewById(R.id.car_type_content);
holder.gridView.setTag(holder);
convertView.setTag(holder);
}else{
holder = (GroupHolder) convertView.getTag();
}
holder.groupPosition = position;
JSONObject object = (JSONObject) getItem(position);
List<JSONObject> contents = (List<JSONObject>) object.get("content");
holder.groupView.setText(object.getString("MANUFACTURER"));
GridAdapter adapter = new GridAdapter(getContext(),contents);
holder.gridView.setAdapter(adapter);
holder.gridView.setOnItemClickListener(CarTypeListView.this);
return convertView;
}

}

private class GroupHolder{
int groupPosition;
TextView groupView;
NestGridView gridView;
}

private class GridAdapter extends BaseAdapter{

private Context context;

private List<JSONObject> contents;

public GridAdapter(Context context,List<JSONObject> contents){
this.context = context;
this.contents = contents;
this.notifyDataSetChanged();
}

@Override
public int getCount() {
return contents == null?0:contents.size();
}

@Override
public Object getItem(int position) {
return contents.get(position);
}

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

@Override
public View getView(int position, View convertView, ViewGroup parent) {
ChildHolder holder = null;
if(convertView == null){
holder = new ChildHolder();
convertView = LayoutInflater.from(context).inflate(R.layout.common_cartype_item, null);
holder.typeImg = (ImageView) convertView.findViewById(R.id.icon);
holder.typeName = (TextView) convertView.findViewById(R.id.title);
convertView.setTag(holder);
}else{
holder = (ChildHolder) convertView.getTag();
}
JSONObject object = (JSONObject) getItem(position);
String image = object.getString("IMG");
if(StringUtils.isNotBlank(image)){
holder.typeImg.setVisibility(View.VISIBLE);
ImageReq req = new ImageReq(holder.typeImg,EnvMgr.getImageServerCtx()+image);
req.setFailedBitmap(R.drawable.ico_err_picture);
ImageUtils.get(context, req);
}else{
holder.typeImg.setVisibility(View.GONE);
}

holder.typeName.setText(object.getString("LABEL_CN"));
return convertView;
}

}

private class ChildHolder{
TextView typeName;
ImageView typeImg;
}

@Override
public void onItemClick(AdapterView<?> parent, View convertView, int position, long id) {
JSONObject object = (JSONObject) parent.getAdapter().getItem(position);
if(object != null && girdItemClick != null){
this.girdItemClick.onCallback(this,object,carBrand,position);
}
}

}

然后再是girdview中item的布局文件

<?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:gravity="center_horizontal"
android:orientation="vertical"
android:background="@drawable/view_theme3"
>
<ImageView
android:id="@+id/icon"
android:layout_width="@dimen/list_item_pic"
android:layout_height="@dimen/list_item_pic"
android:layout_centerVertical="true"
android:layout_marginLeft="@dimen/dp6"
android:layout_marginRight="@dimen/dp6"
android:layout_marginTop="@dimen/dp6"
android:contentDescription="@null"
android:scaleType="fitCenter"
android:visibility="gone"
/>

<TextView
android:id="@+id/title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:paddingLeft="@dimen/dp8"
android:paddingRight="@dimen/dp8"
android:paddingBottom="@dimen/dp8"
android:singleLine="true"
android:ellipsize="end"
android:textColor="@drawable/text_theme1"
android:textSize="@dimen/theme_h4" />
</LinearLayout>

这样就大功告成了~ 效果图就是这样子的(ps:为方便别人了解 所以我涂鸦了一下~)