比spinner更轻量的下拉菜单——DropDownList控件

转载请注明出处：http://blog.csdn.net/MC_hust/article/details/49366649

相信大家在Android应用程序中经常会用到下拉菜单，而Android源码中自带的spinner控件可以满足大多时候的需求。那么这里所说的DropDownList与之有什么不同，又轻量在哪里呢？下面我们来看看两者的差别。在文章末尾有完整的library源代码下载。
(点击下载DropDownList library)

最近我在用spinner的时候发现了一个问题。我希望通过spinner来控制一个viewPager的切换，同时，当滑动viewPager的时候spinner也同步变化。这时候如果viewPager里面的东西稍微复杂一些，会导致明显的滑动卡顿现象。我仔细的研究了一下，卡顿主要出现在手离开屏幕的时候，也就是当viewPager页面切换后，回调下面这个函数的时候。

public void onPageSelected(int arg0)

我在里面做了spinner.setSelection操作，于是找到了耗时的源头，就在我对spinner的选项做出改变的时候。让我们一起看看setSelection究竟做了哪些事情。
首先setSelection是申明在spinner的父类——absSpinner里面的，内容比较简单：

@Override
    public void setSelection(int position) {
        setNextSelectedPositionInt(position);
        requestLayout();
        invalidate();
    }

setNextSelectedPositionInt这个函数从字面上就能看出，是设置下一个选项的位置的，这个正是我们需要做的，没什么问题。可是下面两个函数就比较奇怪，我们先来看第一个：

 requestLayout();

函数会调用父类的requestLayout()，父类并没有定义这个函数，我们继续往上查找。最终在View中可以找到它。而View中的这个函数的作用是当一个View需要parent view重新调用他的onMeasure onLayout来对重新设置自己位置时，特别是当你修改了view的layoutParameter，它的值还没能应用到view上，调用这个方法就可以了。也就是他会对view进行重新绘制。而在spinner当中使用主要是为了防止当我们在布局的时候，系统布局发送请求太多导致阻塞。
而另一个函数通常会与requestLayout()搭配使用：

invalidate(true);

它的功能是让整个view无效，如果view是可见的，那么接下来系统会在某个时刻调用它的onDraw进行view的绘制。

说了那么多，其实这两句话大致的功能就是让整个view重新绘制。而这个过程是相当耗时的，这也就解释了为什么当viewPager内容过多的时候，切换spinner会导致明显卡顿的原因。接下来我们看看DropDownList控件。

其实大多数情况下，我们只是希望能够有个控件用于切换选项，其实功能挺简单，首先是一个控件继承自ViewGroup或者其子类，然后加入构造器，如下：

public class DropDownList extends LinearLayout
{
    /**
     * 默认属性的下拉列表框。可以与一个字符串数组相关联从而随时设置下拉框的内容
     * 
     * @param context
     *            当前界面的context变量
     */
    public DropDownList(Context context)
    {
        this(context, null);
    }
/**
     * 带属性的下拉框。可以与一个字符串数组相关联从而随时设置下拉框的内容
     * 
     * @param context
     *            当前界面的context变量
     * @param attrs
     *            下拉框的属性
     */
    public DropDownList(Context context, AttributeSet attrs)
    {
        super(context, attrs);
        this.context = context;
        init_widget();
    }
}

内容比较简单，但是要注意要保证第二个构造器一定要有。接下来初始化我们的布局，当中只需要有个textView来显示当前的选项即可：

private void init_widget()
    {
        textView = new TextView(context);
        textView.setTextSize(20F);
        textView.setOnClickListener(new ClickToDropDown());

        LayoutParams params = new LayoutParams(LayoutParams.MATCH_PARENT,
                LayoutParams.MATCH_PARENT);
        params.gravity = Gravity.BOTTOM;
        params.topMargin = 2;

        addView(textView, params);
    }

这里涉及到一个textView的点击事件，其实也就是我们的下拉菜单的点击，监听类中只是开启了一个对话框，供用户选择，代码比较简单：

class ClickToDropDown implements OnClickListener
    {
        @Override
        public void onClick(View v)
        {
            AlertDialog dialog = new AlertDialog.Builder(context)
                    .setTitle(title).setItems(items, new onItemClick())
                    .create();
            dialog.show();
        }
    }

然后加入一个对话框确认按钮的点击事件，主要有两个作用：
- 改变textView的标题，也就是下拉菜单的当前选项
- 回调用户设置的点击事件

class onItemClick implements DialogInterface.OnClickListener
    {
        @Override
        public void onClick(DialogInterface dialog, int which)
        {
            if (textView != null)
            {
                textView.setText(items[which]);
            }
            if (listener != null)
            {
                listener.onListItemClick(DropDownList.this, which);
            }
            dialog.dismiss();
        }
    }

还要加上一个点击事件回调接口供用户实现：

    /**
     * 下拉框点击事件接口
     * 
     * @author M C
     * 
     */
    public interface OnDropListClickListener
    {
        public void onListItemClick(DropDownList dropDownList, int which);
    }

好了，这么一来，基本的下拉选择功能也就完成了，接下来就是加入API，这里可以模拟spinner，写上一个setSelection。同时，为了方便用户修改字体字号颜色等风格，可以为用户提供textView的getter方法，让用户更好的控制下拉菜单：

/**
     * 设置下拉框的显示内容
     * 
     * @param title
     */
    public void setTitle(String title)
    {
        this.title = title;
    }
    /**
     * 设置选项框的标题。当前及下拉框时，会弹出根据相关数组所生产的选项框
     * 
     * @param str
     *            要设置的标题
     */
    public void setItem(String[] str)
    {
        items = str;
        setSelection(0);
    }
    /**
     * 设置下拉菜单的当前选项
     * 
     * @param which
     *            当前是第几个选项。
     */
    public void setSelection(int which)
    {
        if (which < 0)
        {
            which = 0;
        }
        else if (which >= items.length)
        {
            which = items.length - 1;
        }
        textView.setText(items[which]);
    }

上面有一个很关键的函数：setItem() 。他是用来为下拉菜单设置数据的，用户只需要向它传入一个字符串数组，就会生成下拉菜单。最后在用的时候直接创建一个DropDownList然后设置相应的属性就可以了。

//在我们的应用程序中使用：
dropList = (DropDownList) layout.findViewById(R.id.device_setting_droplist);
        dropList.setItem(getResources().getStringArray(R.array.device_setting));

        dropList.setOnListClickListener(new OnDropListClickListener()
        {
            @Override
            public void onListItemClick(DropDownList dropDownList, int which)
            {
                if (vPager != null)
                {
                    vPager.setCurrentItem(which);
                }
            }
        });

以上就是整个下拉菜单的机制，与spinner相比，灵活性会低一些，但是更加轻量。当你的layout里有太多的东西的时候，spinner就有点无力了。

lib库下载：http://yun.baidu.com/share/link?shareid=774147648&uk=67973003
lib源码下载：https://github.com/hust-MC/DropDownList

好久没有写博客了。。。访问量有严重下滑的趋势，希望能够帮助大家。有什么建议也欢迎留言探讨，谢谢！

比spinner更轻量的下拉菜单——DropDownList控件

猜你喜欢