Android WheelView 详解

        以前写过一个基于WheelView的时间选择器(github地址)其实WheelView不仅仅可以用来做时间控件,大家肯定也见过用它做的城市选择控件,身高选择控件等等。先看几个网上找到的图片:


 

         这只是几个控件,图上的每一个可以滑动的Veiw都是一个WheelView,大家完全可以把它当作一个ListView来看。用我们平时写ListView的思维去写它,在配合PopupWindow你会发你能实现各种各样的弹出的滚动控件。现其实其内部也是参考了ListView的源码,相当于重写了一个ListView。

        先看一下其基本用法:

xml中:

<com.chs.widgets.wheelview.WheelView
                android:id="@+id/wl_ymd"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginRight="15dp"/>

activity中:
        WheelView wl_hour = (WheelView) view.findViewById(R.id.wl_hour);
        NumericWheelAdapter numericAdapter1 = new NumericWheelAdapter(this, 0, 23,"%02d");
        numericAdapter1.setLabel("  :");
        numericAdapter1.setTextSize(20);
        wl_hour.setViewAdapter(numericAdapter1);
        wl_hour.setCyclic(true);// 可循环滚动
        wl_hour.addChangingListener(new OnWheelChangedListener() {
            @Override
            public void onChanged(WheelView wheel, int oldValue, int newValue) {


            }
        });
就这么几行代码,一个简单的0到23的滚动控件就实现了,当然我们也可以将它放在PopupWindow中,在屏幕任何地方弹出。
我们看一下WheelView代码的结构:

    我们从上往下说先看adapter,其中AbstractWheelAdapter,AbstractWheelTextAdapter,WheelViewAdapter 这三个类是抽象类
和接口定义了一些公用的方法和一些必须实现的。就像我们平时用ListView的adapter时的getCount(),getView() 之类的方法。而我们
最常用到的就是另外两个ArrayWheelAdapter和NumericWheelAdapter了,它俩都是上面抽象类和接口的实现类。理论上讲我们也可以自
己自定义一个实现类,这就不先探讨了。因为上面两个adapter可以实现很多需求了。
    先说NumericWheelAdapter。这个主要是处理数字的,当我们传入两个数值,一个开始值和一个结束值,它内部就会帮我们创建结束值
减开始值加1的item。
NumericWheelAdapter numericAdapter1 = new NumericWheelAdapter(this, 0, 23,"%02d");
最后一个值是format格式化。比如我们想让我们的1显示为01 就可以传入上面的格式化String。
   再看ArrayWheelAdapter。
    public ArrayWheelAdapter(Context context, T items[]) {
        super(context);
        
        //setEmptyItemResource(TEXT_VIEW_ITEM_RESOURCE);
        this.items = items;
    }
这个adapter就跟ListView的adapter一样了,我们可以传入任意类型的数组。

 public View getView(int resource, ViewGroup parent) {
        switch (resource) {
        case NO_RESOURCE:
            return null;
        case TEXT_VIEW_ITEM_RESOURCE:
            TextView textView = new TextView(context);
            textView.setPadding(0,20,0,20);
            return textView;
        default:
            return inflater.inflate(resource, parent, false);    
        }
    }

看上面的代码默认的布局是一个TextView我们也可以传入我们自己的布局这样一想是不是可以做各种各样的滚动视图啦。
    
    接着看下面的onWheelViewChangedListener,onWheelViewClickedListener,onWheelViewScrollListener 这是三个事件的监听
看名字就知道是滑动完成,点击,和滑动时的监听。我们可以实现来完成我们自己的业务逻辑。
   
   ItemsRange和WheelViewRecycle是两个非常重要的类。ItemsRange是可见的范围,WheelViewRecycle则是保存我们创建出的View
当视图不可见的时候可以重用View增加效率。
   
    WheelScroller内部定义个手势的监听,在WheelView中将时间event传过来,可以处理我们滑动的时的各种状态。
    
    最后就是我们的主View,WheelView了。这就是一个自定义的View啦。大体就是首先将一个LinearLayout布到里面,之后,将adapter中
的itemView获取后放入LinearLayout中。
    
@Override
	protected void onDraw(Canvas canvas) {
		super.onDraw(canvas);

		if (viewAdapter != null && viewAdapter.getItemsCount() > 0) {
			updateView();//更新视图。重建项目和标签如果有必要,重新计算物品的大小

			drawCenterRect(canvas);//为当前值绘制矩形 就是中间的线
			drawItems(canvas);// 绘制item
		}

		if (drawShadows) drawShadows(canvas);//绘制头部和底部的阴影
	}
OK结束。用的时候我们可以把它放在activity中也可以放在PopupWindow中在PopupWindow中我们就可以随便怎么弹出啦。

  • 4
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 9
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值