首页 > 代码库 > 自定义控件之android列表分组及字母导航

自定义控件之android列表分组及字母导航

有了以上两篇文章的重构,现在把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 = http://www.mamicode.com/iLoadData;>

测试

布局

<?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();
      
    }
}

此系列完毕。

自定义控件之android列表分组及字母导航