Android 自定义控件 ---DecorativeListView

项目上有个仿地图上楼层切换的控件，虽然不是太熟悉。但是，百度百度还是有一些好的例子。我也好久没写博客了，就把这个控件封装好了，放在了我的GitHub。

控件可以实现的功能：

1. 设置ListView显示的条目个数。
2. 设置ListView的数据和选中的条目。
3. 获得条目点击的回调。

废话不多说，先来张效果图：

原理：

这个控件由两张图片和一个ListView组成，我们将他们添加到一个线性布局中即可实现。

这么简单，直接用XML添加进去就好，何必大动干戈。哎，也是没办法，项目要打成JAR包，资源文件很敏感。

自定义View就是继承View或者其子类，重写方法。听了无数遍了，就不赘述了。

1. 初始化时，设置子view的排列方向，对齐方向。

    private void init(Context context) {
        //设置DecorativeListView子view的排列方向
        setOrientation(VERTICAL);
        //居中对齐
        setGravity(Gravity.CENTER);
        mItemWidth = 100;
        mItemHeight = 100;
        mFontSize = 18.0F;
        mMaxItemSize = 5;
        mListView = new ListView(context);
        upImage = new ImageView(context);
        downImage = new ImageView(context);
        ......
     }

2.设置数据方法中，对各个view进行参数的设置，添加进容器中。

public void setListViewData(String[] data ,int selectID){
        if(data == null){
            return ;
        }
        this.data = data;
        LayoutParams upImageParams = new LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
        LayoutParams downImageParams = new LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);

        if(data.length > mMaxItemSize){
            listViewHeight = mMaxItemSize * mItemHeight ;
        }else {
            listViewHeight = data.length * mItemHeight ;
        }
        LayoutParams listViewParams = new LayoutParams(mItemWidth,listViewHeight);
        addView(upImage,upImageParams);
        addView(mListView,listViewParams);
        addView(downImage,downImageParams);
        myAdapter = new MyAdapter();
        mListView.setAdapter(myAdapter);
        mListView.setSelection(selectID);
        currentSelectPosition = selectID ;

    }

3.自定义的接口的调用。

    @Override
    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
        currentSelectPosition = position;
        decorativeListViewItemClickListener.DecorativeListViewItemClick(view,position);
        myAdapter.notifyDataSetChanged();
    }

4.以及ListView滑动时，图片状态的改变。

int firstVisiblePosition = mListView.getFirstVisiblePosition();
        int lastVisiblePosition = mListView.getLastVisiblePosition();
        //在listView的头和尾item显示时，使知识图片变为白色
        if(firstVisiblePosition == 0){
            if(upNormalDrawable != null&& upNormalDrawable != upImage.getDrawable()){
                upImage.setImageDrawable(upNormalDrawable);//白
            }
        }else if(upDrawable != null&& upDrawable != upImage.getDrawable()){
            upImage.setImageDrawable(upDrawable);//蓝
        }
        if(data == null){
            return;
        }
        if(lastVisiblePosition == data.length-1){
            if(downNoramlDrawable != null && downNoramlDrawable != downImage.getDrawable()){
                downImage.setImageDrawable(downNoramlDrawable);//白
            }
        }else if(downDrawable != null && downDrawable != downImage.getDrawable()){
            downImage.setImageDrawable(downDrawable); //蓝
        }

完成！

如需集成libary：

1、在项目build.gradle下添加：

allprojects {
    repositories {
        ...
        maven { url 'https://jitpack.io' }
    }
}

2、添加dependency：

dependencies {
        compile 'com.github.GoldenStrawberry:DecorativeListView:V1.0'
}

3.在xml中调用DecorativeListView或者new出来。

示例：

xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#888"
    android:gravity="center"
    tools:context="com.joysuch.mylistview.MainActivity">
    <com.joysuch.listviewstyle.DecorativeListView
        android:id="@+id/dlistview"
        android:layout_alignParentLeft="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

</RelativeLayout>

代码：

    private DecorativeListView decorativeListView;
    private String data[] ={"F1","F2","F3","F4","F5","F6","F7","F8","F9"};

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        decorativeListView = (DecorativeListView) findViewById(R.id.dlistview);
        decorativeListView.setListViewItem(5);
        decorativeListView.setListViewData(data,6);
        decorativeListView.setOnDecorativeListViewItemClickListener(this);
    }

    @Override
    public void DecorativeListViewItemClick(View view, int position) {
        Toast.makeText(this,"点击了"+data[position],Toast.LENGTH_SHORT).show();
    }

最后 ， 如果喜欢 , 欢迎STAR！