Android Pickerview选择器

本文介绍了一个简洁实用的 Android 控件库 Android-PickerView-Library 的使用方法,包括城市选择器、时间选择器和选项选择器等组件的配置与展示效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.概述

记得之前做商城项目,需要在地址选择中实现省市区三级联动,方便用户快速的填写地址,当时使用的是一个叫做android-wheel 的开源控件,感觉非常好用,唯一麻烦的是需要自己整理并解析省市区的xml文件,思路很简单,但是代码量相对大了些。偶然期间发现了另外一个组件Android-PickerView-Library

这里写图片描述

使用

首先需要在 build.gradle 文件中添加依赖:

compile 'com.airsaid.library:pickerview:1.0.3'

不过,此库现在正在维护中,但是,信息还不算过时,还能使用,过些天,我把更新后的库做一次总结后贴上来!

添加好依赖后,重新同步工程。可根据需求使用如下选择器:

  • 城市选择:
  CityPickerView mCityPickerView = new CityPickerView(this);
                // 设置点击外部是否消失
                mCityPickerView.setCancelable(true);
                // 设置滚轮字体大小
                mCityPickerView.setTextSize(20f);
                // 设置标题
                mCityPickerView.setTitle("选择城市");
                // 设置取消文字
                mCityPickerView.setCancelText("取消");
                // 设置取消文字颜色
                mCityPickerView.setCancelTextColor(Color.RED);
                // 设置取消文字大小
                mCityPickerView.setCancelTextSize(15f);
                // 设置确定文字
                mCityPickerView.setSubmitText("确定");
                // 设置确定文字颜色
                mCityPickerView.setSubmitTextColor(Color.BLUE);
                // 设置确定文字大小
                mCityPickerView.setSubmitTextSize(15f);
                // 设置头部背景
                mCityPickerView.setHeadBackgroundColor(Color.GRAY);
                mCityPickerView.setOnCitySelectListener(new OnSimpleCitySelectListener() {
                    @Override
                    public void onCitySelect(String prov, String city, String area) {
                        // 省、市、区 分开获取
                        Log.e(TAG, "省: " + prov + " 市: " + city + " 区: " + area);
                    }

                    @Override
                    public void onCitySelect(String str) {
                        // 一起获取
                        Toast.makeText(MainActivity.this, "选择了:" + str, Toast.LENGTH_SHORT).show();
                    }
                });
                mCityPickerView.show();
  • 时间选择:
 //TimePickerView 同样有上面设置样式的方法
                TimePickerView mTimePickerView = new TimePickerView(this, TimePickerView.Type.YEAR_MONTH_DAY);
                // 设置是否循环
                mTimePickerView.setCyclic(true);
                // 设置滚轮文字大小
                mTimePickerView.setTextSize(TimePickerView.TextSize.SMALL);
                // 设置时间可选范围(结合 setTime 方法使用,必须在)
                //Calendar calendar = Calendar.getInstance();
                // mTimePickerView.setRange(calendar.get(Calendar.YEAR) - 100, calendar.get(Calendar.YEAR));
                // 设置选中时间
                // mTimePickerView.setTime(new Date());
                mTimePickerView.setOnTimeSelectListener(new TimePickerView.OnTimeSelectListener() {
                    @Override
                    public void onTimeSelect(Date date) {
                        SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd", Locale.CHINA);
                        Toast.makeText(MainActivity.this, format.format(date), Toast.LENGTH_SHORT).show();
                    }
                });
                mTimePickerView.show();
  • 选项选择:
OptionsPickerView<String> mOptionsPickerView = new OptionsPickerView<>(this);
                final ArrayList<String> list = new ArrayList<>();
                list.add("男");
                list.add("女");
                // 设置数据
                mOptionsPickerView.setPicker(list);
                // 设置选项单位
                //mOptionsPickerView.setLabels("性");
                mOptionsPickerView.setOnOptionsSelectListener(new OptionsPickerView.OnOptionsSelectListener() {
                    @Override
                    public void onOptionsSelect(int option1, int option2, int option3) {
                        String sex = list.get(option1);
                        Toast.makeText(MainActivity.this, sex, Toast.LENGTH_SHORT).show();
                    }
                });
                mOptionsPickerView.show();

此库,我非常推荐大家使用,毕竟,我们都是同龄人,看见代码,相信都有一样的感觉,这个库非常简洁,强烈推荐!!

进一步进阶
http://www.jcodecraeer.com/a/opensource/2017/0515/7942.html

PickerView (2.x系列) 精仿iOS的PickerView控件,有时间选择和选项选择并支持一二三级联动效果 ——TimePickerView 时间选择器,支持年月日时分,年月日,年月,时分等格式 ——OptionsPickerView 选项选择器,支持一,二,三级选项选择,并且可以设置是否联动 2.x是全新的3D效果,比1.x版本更加贴近iOS的效果,从外观细节上也得到了改善。api兼容1.x版本,只需要把依赖的版本号升级即可,几乎不用修改代码即可完成升级。 使用gradle 依赖: compile 'com.bigkoo:pickerview:2.0.8' Demo 图片 demo代码请看戳这里 更新说明 v2.0.0 不需修改任何代码就可以兼容1.x 外观大整改 支持反射获取getPickerViewText()来获取要展示数据,以前只能传String的对象,现在可以传任意对象只要有getPickerViewText()函数即可显示对应的字符串,如果没有getPickerViewText()函数则使用对象toString作为显示 加入setTitle v2.0.1 去掉popupWindow,改用View,类名也对应修改为TimePickerView和 OptionsPickerView 加入遮罩效果 v2.0.2 修复不循环模式下点击空白item处出现数组越界问题 修复循环模式下只有一条数据的时候只显示三条而不是填充满高度问题 v2.0.3 修复时间选择的时候部分数字选不到直接跳到下一个数字的问题 v2.0.4 修复不循环模式下顶部超出范围问题 wheel view文字颜色通过xml配置 v2.0.5 修复不循环模式下底部超出范围问题 v2.0.6 修复不循环模式下点击超出范围问题,修复后点击空白的地方,只能滚到最顶或最底,不会滚出数据范围。 v2.0.7 修复设置初始化position ,第三级数据不对的BUG。 v2.0.8 修复#41 未选中项有错乱数据问题。 加入pickerview_customTextSize 和 pickerview_textsize 到 xml 中 来控制自定义文字大小 ---------------------华丽丽的分割线-------------------------- PickerView1.x (我已经把1.0.3版本分到v1.x的分支去了,停止维护1.x的分支) 使用gradle 依赖: compile 'com.bigkoo:pickerview:1.0.3' Demo 图片(招行信用卡的“掌上生活”里面条件选择器他们用的就是我这个库,大家可以当实际项目参考) Thanks WheelView androidWheelView
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值