Andoird仿IOS滚轮选择控件

最近也是在找工作，比较艰辛，但是也有收获，希望合适的工作就在不远处吧。虽然写博客也没什么人看，但是还是坚持写一写，也算是感情的一种寄托。我比较爱写些自定义控件，因为让别人用我写的东西很有成就感，今天就再分享一个自定义控件，是一个仿IOS的滚轮选择控件，我尽量把代码写好懂一点，这样其他小伙伴要参考或是修改也方便一些。

每天都要过得开心 ( ゜- ゜)つロ乾杯 ！

---

Demo

Demo地址 https://github.com/wdzawdh/WheelDialog

效果图

使用方法

setLabels方法用来设置选项。

WheelDialog wheelDialog = new WheelDialog(this);
wheelDialog.setLabels(list);
wheelDialog.setOnWheelSelectListener(
                 new WheelDialog.OnWheelSelectListener() {
    @Override
    public void onClickOk(int index, String selectLabel) {
        Toast.makeText(getApplicationContext(), selectLabel
        , Toast.LENGTH_SHORT).show();
    }
});
wheelDialog.show();

关键代码

1.控制Dialog宽度充满屏幕并且在屏幕底部

//在Dialog构造中设置window属性
Window window = getWindow();
window.setBackgroundDrawable(new ColorDrawable(Color.argb(0, 0, 0, 0)));
WindowManager.LayoutParams params = window.getAttributes();
params.gravity = Gravity.BOTTOM | Gravity.CENTER_HORIZONTAL;
//设置dialog宽度充满屏幕
window.getDecorView().setPadding(0, 0, 0, 0);
params.width = WindowManager.LayoutParams.MATCH_PARENT;
params.height = WindowManager.LayoutParams.WRAP_CONTENT;
window.setAttributes(params);

2.滚轮使用ListView实现

使用ListView实现要克服几个问题。
1.不管怎么滑动，最终item都要两条线之间。
2.要保证所有item都能滚动到两线之间。

问题一：保证不管怎么滑动，最终item都要两条线之间

/**
 * 在onScrollStateChanged中调用,监听滚动事件
 */
private void refreshState(int scrollState) {
    //监听SCROLL_STATE_IDLE滑动停止事件
    if (scrollState == SCROLL_STATE_IDLE) {
        View itemView = getChildAt(0);
        if (itemView == null) {
            return;
        }
        float deltaY = itemView.getY();
        if (deltaY == 0) {
            return;
        }
        //控制item滚动到两线之间
        if (Math.abs(deltaY) < mItemHeight / 2) {
            smoothScrollBy(getDistance(deltaY), 50);
        } else {
            smoothScrollBy(getDistance(mItemHeight + deltaY), 50);
        }
    }
}
/**
 * 用于逐渐滑动到目标位置，参数scrollDistance越小返回值越小，滑动越慢。
 * 直到返回0，那么smoothScrollBy(0)就不会再引起refreshState的循环调用。
 */
private int getDistance(float scrollDistance) {
    if (Math.abs(scrollDistance) <= 2) {
        return (int) scrollDistance;
    } else if (Math.abs(scrollDistance) < 12) {
        return scrollDistance > 0 ? 2 : -2;
    } else {
        return (int) (scrollDistance / 6);
    }
}

问题二：保证所有item都能滚动到两线之间

WheelListView.WHEEL_SIZE是滚轮展示的item数，默认是5。
前后添加各添加两个辅助的item来保证所有item都能滚动到两线之间。

class WheelAdapter extends BaseAdapter {

    private List<String> mData = new ArrayList<>();
    ...
    @Override
    public int getCount() {
        //这里多加了4个辅助的item是为了前后的item都能滚动到两线之间。
        return mData.size() + WheelListView.WHEEL_SIZE - 1;
    }

    @Override
    public String getItem(int position) {
        return mData.get(position - WheelListView.WHEEL_SIZE / 2);
    }
    ...
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        if (convertView == null) {
            convertView = LayoutInflater.from(parent.getContext())
                    .inflate(R.layout.widget_wheel_item, null);
        }
        TextView textView = (TextView) convertView
                  .findViewById(R.id.tv_label_item_wheel);

        int start = WheelListView.WHEEL_SIZE / 2;
        int end = mData.size() + WheelListView.WHEEL_SIZE / 2 - 1;
        if (position < start || position > end) {
            //范围外的是辅助的item，不显示
            convertView.setVisibility(View.INVISIBLE);
        } else {
            textView.setText(getItem(position));
            convertView.setVisibility(View.VISIBLE);
        }
        return convertView;
    }
}