有了以上两篇文章的重构，现在把ListView分组列表重构为自定义控件就会非常简单，只需要把初始化操作放在自定义控件的构造函数里面。重构后的自定义控件以上一篇的注解重构为基础。

基本结构

这里首先贴上一张上篇文章重构后的activity的代码结构，相关的方法实现在之前两篇文章中都有贴出。

再贴一张重构后的View的结构。可见两者的结构都及其相似。不同的是上边的activity中有抽象方法getDataList()，而下边的没有，但是多了一个ILoadRulerData<T> iLoadData 类型的接口。用于加载数据。

且自定义View中把activity 中initdata()方法改为loaddata(),以供主动调用后开始加载数据。

重构后基本代码如下，省略了一部分和之前重复的代码：

首先是数据加载接口：

public interface ILoadRulerData<T> {
 
    public List<T> getDataList();
   
}

然后是自定义view的基本代码：

/**  
 * @Description: 需要先调用 setiLoadData，设置获取数据的接口，然后再调用  loadData方法
 */
public class RulerView<T> extends LinearLayout{
 
    private View baseView;
    private TextView noDataView;
   
    private TextView RulerTag;
    private ProgressBarWithText progress;
   
    private ListView listView;
   
    private RulerWidget ruler;
 
    private ILoadRulerData<T> iLoadData;
    private List<T> originalList;
    public  List<RulerListDataWrapper<T>> dealedList;
    private HashMap<String, Integer> tagLocation = new HashMap<String, Integer>();
    private RulerAdapter<T> rulerAdapter;
 
    public RulerView(Context context) {
       super(context);
       init( context);
    }
   
    public RulerView(Context context, AttributeSet attrs) {
       super(context, attrs);
       init( context);
    }
   
    public RulerView(Context context, AttributeSet attrs, int defStyle) {
       super(context, attrs);
       init( context);
    }
 
   
    /**  
    * @Description: 设置数据加载接口
    * @param  
    * @return void
    */
    public void setiLoadData(ILoadRulerData<T> iLoadData) {
       this.iLoadData = iLoadData;
    }
 
    private void init(Context context){
       baseView = LayoutInflater.from(context).inflate(R.layout.g_ruler, null);
       noDataView = (TextView) baseView.findViewById(R.id.g_base_list_nodata);
       RulerTag = (TextView) baseView.findViewById(R.id.g_ruler_tag);
       progress = (ProgressBarWithText) baseView.findViewById(R.id.g_base_progressbar_withtext);
       listView = (ListView) baseView.findViewById(R.id.g_base_list);
       ruler = (RulerWidget) baseView.findViewById(R.id.g_ruler);
       progress.setVisibility(View.VISIBLE);
       RulerTag.setVisibility(View.GONE);
       noDataView.setVisibility(View.GONE);
       listView.setVisibility(View.GONE);
       ruler.setVisibility(View.GONE);
       addView(baseView, LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);
    }
   
 
    public void loadData(){
       new GetDataAsyTask().execute();
    }
   
    。。。。。
        }

测试

布局

<?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:layout_marginTop="10dp"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="wbxtest view"
       android:textColor="@color/g_black"
       />
   <******.ruler.view.RulerView
       android:id="@+id/test_ruler_view_id"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       />
</LinearLayout>

Activity

public class TestViewActivity extends Activity{
 
   
   
    private RulerView<TestAnnotationBo> rulerView;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       setContentView(R.layout.test_ruler_view);
        rulerView = (RulerView<TestAnnotationBo>) findViewById(R.id.test_ruler_view_id);
        rulerView.setiLoadData(new ILoadRulerData<TestAnnotationBo>() {
          
           @Override
           public List<TestAnnotationBo> getDataList() {
             
              return new TestAnnnoDao().getBoList();
           }
       });
        rulerView.loadData();
      
    }
}