Android-PickerView README

The project's README from github.com/Bigkoo/Android-PickerView. As one markdown file: README.md.

注意⚠️：已停止更新，原有版本jcenter库可以继续使用。建议直接下载源码引入 module 到自己项目改造。

Android-PickerView

API License Download

GitHub stars GitHub forks GitHub watchers

English Document

注意事项、详请使用方式、更新日志等，请查看 Wiki文档

Wiki文档，Wiki文档，Wiki文档 !~ 重要的事情说三遍

对于使用上有任何疑问或优化建议等，欢迎加入QQ群讨论交流技术问题。

交流群1： 387051294（已满）

交流群2： 219962328（已满）

介绍

这是一款仿iOS的PickerView控件，有时间选择器和选项选择器，新版本的详细特性如下：

——TimePickerView 时间选择器，支持年月日时分，年月日，年月，时分等格式。
——OptionsPickerView 选项选择器，支持一，二，三级选项选择，并且可以设置是否联动 。

TimePicker.gif TimePickerNight.gif lunar.gif XOffset.png Province.gif CustomLayout.gif

有兴趣研究3D滚轮效果的实现机制，希望把源码研究透彻的可以看看这篇博客：

Android-PickerView系列之源码解析篇（二）

使用注意事项

V4.1.9 版本更新说明（2019-10-20）

V4.1.8 版本更新说明（2019-4-24）

V4.1.7 版本更新说明（2019-1-10）

更多历史版本详情，请查阅：更新日志（4.x版本）

方法名与参数请查阅：方法名与参数说明文档


如何使用：

Android-PickerView 库使用示例：

1.添加Jcenter仓库 Gradle依赖：

compile 'com.contrarywind:Android-PickerView:4.1.9'

或者

Maven

<dependency>
<groupId>com.contrarywind</groupId>
<artifactId>Android-PickerView</artifactId>
<version>4.1.9</version>
<type>pom</type>
</dependency>

2.在项目中添加如下代码：

//时间选择器
TimePickerView pvTime = new TimePickerBuilder(MainActivity.this, new OnTimeSelectListener() {
                           @Override
                           public void onTimeSelect(Date date, View v) {
                               Toast.makeText(MainActivity.this, getTime(date), Toast.LENGTH_SHORT).show();
                           }
                       }).build();

//条件选择器
 OptionsPickerView pvOptions = new OptionsPickerBuilder(MainActivity.this, new OnOptionsSelectListener() {
            @Override
            public void onOptionsSelect(int options1, int option2, int options3 ,View v) {
                //返回的分别是三个级别的选中位置
                String tx = options1Items.get(options1).getPickerViewText()
                        + options2Items.get(options1).get(option2)
                        + options3Items.get(options1).get(option2).get(options3).getPickerViewText();
                tvOptions.setText(tx);
            }
        }).build();
 pvOptions.setPicker(options1Items, options2Items, options3Items);
 pvOptions.show();

大功告成~

3.如果默认样式不符合你的口味，可以自定义各种属性：

 Calendar selectedDate = Calendar.getInstance();
 Calendar startDate = Calendar.getInstance();
 //startDate.set(2013,1,1);
 Calendar endDate = Calendar.getInstance();
 //endDate.set(2020,1,1);
 
  //正确设置方式 原因：注意事项有说明
  startDate.set(2013,0,1);
  endDate.set(2020,11,31);

 pvTime = new TimePickerBuilder(this, new OnTimeSelectListener() {
            @Override
            public void onTimeSelect(Date date,View v) {//选中事件回调
                tvTime.setText(getTime(date));
            }
        })
                .setType(new boolean[]{true, true, true, true, true, true})// 默认全部显示
                .setCancelText("Cancel")//取消按钮文字
                .setSubmitText("Sure")//确认按钮文字
                .setContentSize(18)//滚轮文字大小
                .setTitleSize(20)//标题文字大小
                .setTitleText("Title")//标题文字
                .setOutSideCancelable(false)//点击屏幕，点在控件外部范围时，是否取消显示
                .isCyclic(true)//是否循环滚动
                .setTitleColor(Color.BLACK)//标题文字颜色
                .setSubmitColor(Color.BLUE)//确定按钮文字颜色
                .setCancelColor(Color.BLUE)//取消按钮文字颜色
                .setTitleBgColor(0xFF666666)//标题背景颜色 Night mode
                .setBgColor(0xFF333333)//滚轮背景颜色 Night mode
                .setDate(selectedDate)// 如果不设置的话，默认是系统时间*/
                .setRangDate(startDate,endDate)//起始终止年月日设定
                .setLabel("年","月","日","时","分","秒")//默认设置为年月日时分秒
                .isCenterLabel(false) //是否只显示中间选中项的label文字，false则每项item全部都带有label。
                .isDialog(true)//是否显示为对话框样式
                .build();

pvOptions = new  OptionsPickerBuilder(this, new OptionsPickerView.OnOptionsSelectListener() {
            @Override
            public void onOptionsSelect(int options1, int option2, int options3 ,View v) {
                //返回的分别是三个级别的选中位置
                String tx = options1Items.get(options1).getPickerViewText()
                        + options2Items.get(options1).get(option2)
                        + options3Items.get(options1).get(option2).get(options3).getPickerViewText();
                tvOptions.setText(tx);
            }
        }) .setOptionsSelectChangeListener(new OnOptionsSelectChangeListener() {
                              @Override
                              public void onOptionsSelectChanged(int options1, int options2, int options3) {
                                  String str = "options1: " + options1 + "\noptions2: " + options2 + "\noptions3: " + options3;
                                  Toast.makeText(MainActivity.this, str, Toast.LENGTH_SHORT).show();
                              }
                          })
                .setSubmitText("确定")//确定按钮文字
                .setCancelText("取消")//取消按钮文字
                .setTitleText("城市选择")//标题
                .setSubCalSize(18)//确定和取消文字大小
                .setTitleSize(20)//标题文字大小
                .setTitleColor(Color.BLACK)//标题文字颜色
                .setSubmitColor(Color.BLUE)//确定按钮文字颜色
                .setCancelColor(Color.BLUE)//取消按钮文字颜色
                .setTitleBgColor(0xFF333333)//标题背景颜色 Night mode
                .setBgColor(0xFF000000)//滚轮背景颜色 Night mode
                .setContentTextSize(18)//滚轮文字大小
                .setLinkage(false)//设置是否联动，默认true
                .setLabels("省", "市", "区")//设置选择的三级单位
                .isCenterLabel(false) //是否只显示中间选中项的label文字，false则每项item全部都带有label。
                .setCyclic(false, false, false)//循环与否
                .setSelectOptions(1, 1, 1)  //设置默认选中项
                .setOutSideCancelable(false)//点击外部dismiss default true
                .isDialog(true)//是否显示为对话框样式
                .isRestoreItem(true)//切换时是否还原，设置默认选中第一项。
                .build();

        pvOptions.setPicker(options1Items, options2Items, options3Items);//添加数据源

4.如果需要自定义布局：

        // 注意：自定义布局中，id为 optionspicker 或者 timepicker 的布局以及其子控件必须要有，否则会报空指针
        // 具体可参考demo 里面的两个自定义布局
        pvCustomOptions = new OptionsPickerBuilder(this, new OptionsPickerView.OnOptionsSelectListener() {
            @Override
            public void onOptionsSelect(int options1, int option2, int options3, View v) {
                //返回的分别是三个级别的选中位置
                String tx = cardItem.get(options1).getPickerViewText();
                btn_CustomOptions.setText(tx);
            }
        })
                .setLayoutRes(R.layout.pickerview_custom_options, new CustomListener() {
                    @Override
                    public void customLayout(View v) {
                        //自定义布局中的控件初始化及事件处理
                        final TextView tvSubmit = (TextView) v.findViewById(R.id.tv_finish);
                        final TextView tvAdd = (TextView) v.findViewById(R.id.tv_add);
                        ImageView ivCancel = (ImageView) v.findViewById(R.id.iv_cancel);
                        tvSubmit.setOnClickListener(new View.OnClickListener() {
                            @Override
                            public void onClick(View v) {
                                pvCustomOptions.returnData(tvSubmit);
                            }
                        });
                        ivCancel.setOnClickListener(new View.OnClickListener() {
                            @Override
                            public void onClick(View v) {
                                pvCustomOptions.dismiss();
                            }
                        });

                        tvAdd.setOnClickListener(new View.OnClickListener() {
                            @Override
                            public void onClick(View v) {
                                getData();
                                pvCustomOptions.setPicker(cardItem);
                            }
                        });

                    }
                })
                .build();
        pvCustomOptions.setPicker(cardItem);//添加数据

5.对使用还有疑问的话，可参考demo代码

请戳我查看demo代码

6.若只需要WheelView基础控件自行扩展实现逻辑，可直接添加基础控件库，Gradle 依赖：

compile 'com.contrarywind:wheelview:4.1.0'

WheelView 使用代码示例：

xml布局：

 <com.contrarywind.view.WheelView
            android:id="@+id/wheelview"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />

Java 代码：

WheelView wheelView = findViewById(R.id.wheelview);

        wheelView.setCyclic(false);

        final List<String> mOptionsItems = new ArrayList<>();
        mOptionsItems.add("item0");
        mOptionsItems.add("item1");
        mOptionsItems.add("item2");
  
        wheelView.setAdapter(new ArrayWheelAdapter(mOptionsItems));
        wheelView.setOnItemSelectedListener(new OnItemSelectedListener() {
            @Override
            public void onItemSelected(int index) {
                Toast.makeText(MainActivity.this, "" + mOptionsItems.get(index), Toast.LENGTH_SHORT).show();
            }
        });

效果图（招行信用卡的“掌上生活”里面条件选择器他们用的就是我这个库，大家可以当实际项目参考）

Thanks

License

Copyright 2014 Bigkoo
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

Android-PickerView (Bigkoo/Android-PickerView)

Searching Database…

13.4K ·GitHub
Android-PickerView
What is this?Android-PickerView is a UI library for Android that mimics iOS-style picker wheels, providing a TimePickerView for date/time selection and an OptionsPickerView for single-, two-, or three-level cascading option selection like province-city-district pickers.
Is this a full picker widget or just the wheel scroller?It ships two pieces: the full PickerView components (TimePickerView, OptionsPickerView) that handle the dialog/container and formatting, and a standalone base WheelView control you can add separately if you just want the raw scrolling wheel to build your own logic on top of.
How do I add it to my Android project?Add the JCenter repository and the Gradle (or Maven) dependency, then use the provided TimePickerBuilder/OptionsPickerBuilder in your code. Since JCenter has been shut down, the author now recommends downloading the source and importing the module directly into your own project instead.
Is this project still maintained?No, the project is marked as stopped: the old JCenter-hosted releases still work, but no new updates are being published, so new users are advised to pull the source and adapt it themselves.
Does the OptionsPickerView support cascading linkage like province-city-district?Yes, it supports one-, two-, or three-level linked options with a toggleable linkage mode, useful for pickers like China's province/city/district selector.
What time formats can the TimePickerView show?It supports year-month-day-hour-minute, year-month-day, year-month, hour-minute and other combinations, plus setting a start and end date range.
Can I customize the picker's look?Yes, you can customize layout, text, colors, font size, item dividers and spacing, and even use it in dialog mode or inside your own container.
What's the gotcha with setting start/end dates?Android's Calendar months are zero-indexed internally, so January is month 0 and December is month 11 — forgetting this when calling startDate.set()/endDate.set() is a common bug.
What are similar projects?material-components-android, QMUI_Android, SlidingMenu, FlycoTabLayout, AndroidSwipeLayout, MaterialDrawer, MPAndroidChart, CircleImageView
Which topics is it in?datepicker, component, widget, ui-kit, android-library, android-app, component-library, mobile-app, ui-components, customization, deprecated, java
Creator
Bigkoo
Size
6.2 MB
Stars
13.4K
Updated
CommitJul 07
Age
11y
Commits · 90 Days