转载地址：https://github.com/wangpeiming110/WheelView

WheelView

a great functional custom WheelView with demo in dialog and bottomDialog,android 滚动选择控件,滚动选择器

=========

Android中自定义滑动选中控件WheelView_第1张图片

Android中自定义滑动选中控件WheelView_第2张图片

Android中自定义滑动选中控件WheelView_第3张图片

How to use

layout:

    <wheelview.WheelView        android:id="@+id/wheel_view"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:layout_marginLeft="50dp"        android:layout_marginRight="50dp"        app:textColorCenter="@android:color/holo_blue_dark"        app:lineSpaceingDimens="15dp"        app:itemVisibleNum="3"        app:lineColor="@android:color/holo_blue_dark"        app:textSizeCenter="20dp"        app:textSizeOuter="16dp"        app:isLoop="false"        app:textColorOuter="@android:color/darker_gray"        />

Attributes

There are several attributes you can set:

attr 属性	description 描述
lineColor	divider line color 分割线颜色
itemVisibleNum	wheelview show item count 此wheelView显示item的个数
textColorOuter	unSelected Text color 未选中文本颜色
textSizeOuter	unSelected Text size 未选中文本字体大小
textColorCenter	selected Text color 选中文本颜色
textSizeCenter	selected Text size 选中文本字体大小
isLoop	isLoop or no 滚轮是否首尾相连
lineSpaceingDimens	item unit margin height 每个item单元格中文字距离上下的高度
wheelGravity	align direction:left;center;right 对齐方向：靠左对齐居中靠右对齐

Method

1. setItems(List items, int initPosition)

set WheelView items and init selected position
设置WheelView的数据和初始位置

2. setOnItemSelectedListener(OnItemSelectedListener OnItemSelectedListener)

set listener on WheelView that can get info when WheelView changed selected item.
对WheelView设置监听器，当WheelView 选中项改变时返回选中项的索引和值。

Activity:

WheelView wva = (WheelView) findViewById(R.id.wheel_view);wva.setItems(Arrays.asList(PLANETS),1);//init selected position is 1 初始选中位置为1wva.setOnItemSelectedListener(new WheelView.OnItemSelectedListener() {@Overridepublic void onItemSelected(int selectedIndex, String item) {Log.d(TAG, "selectedIndex: " + selectedIndex + ", item: " + item);}});

Show in dialog:

View outerView = LayoutInflater.from(this).inflate(R.layout.dialog_content_view, null);final WheelView wv = (WheelView) outerView.findViewById(R.id.wheel_view_wv);wv.setItems(getNumbers(),0);//init selected position is 0 初始选中位置为0wv.setOnItemSelectedListener(new WheelView.OnItemSelectedListener() {@Overridepublic void onItemSelected(int selectedIndex, String item) {Log.d(TAG, "[Dialog]selectedIndex: " + selectedIndex + ", item: " + item);}});new AlertDialog.Builder(this).setTitle("WheelView in Dialog").setView(outerView).setPositiveButton("OK", new DialogInterface.OnClickListener() {@Overridepublic void onClick(DialogInterface dialog, int which) {Toast.makeText(MainActivity.this,"selectedIndex: "+ wv.getSelectedPosition() +"  selectedItem: "+ wv.getSelectedItem(),Toast.LENGTH_SHORT).show();}}).show();

Show in a bottomDialog:

View outerView1 = LayoutInflater.from(this).inflate(R.layout.dialog_select_date_time, null);//日期滚轮final WheelView wv1 = (WheelView) outerView1.findViewById(R.id.wv1);//小时滚轮final WheelView wv2 = (WheelView) outerView1.findViewById(R.id.wv2);//分钟滚轮final WheelView wv3 = (WheelView) outerView1.findViewById(R.id.wv3);final TimeRange timeRange = getTimeRange();wv1.setItems(Common.buildDays(timeRange),0);wv2.setItems(Common.buildHourListStart(timeRange),0);wv3.setItems(Common.buildMinuteListStart(timeRange),0);//联动逻辑效果wv1.setOnItemSelectedListener(new WheelView.OnItemSelectedListener() {@Overridepublic void onItemSelected(int index,String item) {List hourStrList = Common.buildHoursByDay(wv1, timeRange);int newIndexHour = hourStrList.indexOf(wv2.getSelectedItem());wv2.setItems(hourStrList,newIndexHour);List minStrList = Common.buildMinutesByDayHour(wv1, wv2, timeRange);int newIndexMin = minStrList.indexOf(wv3.getSelectedItem());wv3.setItems(minStrList,newIndexMin);}});wv2.setOnItemSelectedListener(new WheelView.OnItemSelectedListener() {@Overridepublic void onItemSelected(int index,String item) {List minStrList = Common.buildMinutesByDayHour(wv1, wv2, timeRange);int newIndexMin = minStrList.indexOf(wv3.getSelectedItem());wv3.setItems(minStrList,newIndexMin);}});TextView tv_ok = (TextView) outerView1.findViewById(R.id.tv_ok);TextView tv_cancel = (TextView) outerView1.findViewById(R.id.tv_cancel);//点击确定tv_ok.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View arg0) {bottomDialog.dismiss();String selectDateTimeStrToShow;String mSelectDate = wv1.getSelectedItem();String mSelectHour = wv2.getSelectedItem();String mSelectMin = wv3.getSelectedItem();String time = mSelectHour + mSelectMin;time = Common.timeToStr(Common.dateTimeFromCustomStr( mSelectDate, time));selectDateTimeStrToShow = mSelectDate + "  " + time;Toast.makeText(MainActivity.this, "selectDateTime: "+selectDateTimeStrToShow, Toast.LENGTH_SHORT).show();}});//点击取消tv_cancel.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View arg0) {bottomDialog.dismiss();}});//防止弹出两个窗口if (bottomDialog !=null && bottomDialog.isShowing()) {return;}bottomDialog = new BottomDialog(this, R.style.ActionSheetDialogStyle);//将布局设置给DialogbottomDialog.setContentView(outerView1);bottomDialog.show();//显示对话框

我修改后的源码：

Android中自定义滑动选中控件WheelView