Android PickerView简单应用

已于 2023-05-16 12:06:25 修改
阅读量2.7k 收藏 8
点赞数
分类专栏： Android 控件 文章标签： android PickerView
于 2023-05-15 18:14:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chennai1101/article/details/130641768
版权

1. Android-PickerView

Android-PickerView这是一款仿iOS的PickerView控件，有时间选择器和选项选择器。

添加依赖项

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

2. 时间选择器

Android-PickerView时间选择器使用Build模式来创建

var timePickerView = TimePickerBuilder(context) { date, v ->
        }.build()
timePickerView.show()

显示如下

在这里插入图片描述

TimePickerBuilder主要方法

方法说明
setType(boolean[] type)分别控制“年”“月”“日”“时”“分”“秒”的显示或隐藏，type长度为6
setDate(Calendar date)调用Calendar的set方法来设置时间
setRangDate(Calendar startDate, Calendar endDate)设置起始时间
setCancelText(String textContentCancel)设置取消按钮文字
setCancelColor(int textColorCancel)设置取消文字颜色
setSubmitText(String textContentConfirm)设置确认按钮文字
setSubmitColor(int textColorConfirm)设置确认文字颜色
setSubCalSize(int textSizeSubmitCancel)设置取消和确认按钮文字大小
setTitleText(String textContentTitle)设置标题文字
setTitleColor(int textColorTitle)设置标题文字颜色
setTitleSize(int textSizeTitle)设置标题文字大小
setTitleBgColor(int bgColorTitle)设置标题栏颜色
setBgColor(int bgColorWheel)设置背景颜色
setOutSideColor(int outSideColor)设置外部背景颜色，默认是灰色
setContentTextSize(int textSizeContent)设置内容文字大小
setItemVisibleCount(int count)设置可见数目，最好是奇数，默认是9
setTextColorCenter(int textColorCenter)设置分割线之间的文字的颜色
setTextColorOut(int textColorOut)设置分割线以外的文字的颜色
setDividerColor(int dividerColor)设置分割线颜色
setDividerType(WheelView.DividerType dividerType)设置分割线样式，默认是FILL
setLineSpacingMultiplier(float lineSpacingMultiplier)设置间隔倍距，只能在1.0-4.0f之间，默认是1.6
isCyclic(boolean cyclic)item是否循环
setLabel(String, String, String, String, String, String)默认设置为年月日时分秒
isCenterLabel(boolean isCenterLabel)是否只显示中间选中项的label文字
setOutSideCancelable(boolean cancelable)是否允许点击外部取消
isDialog(boolean isDialog)是否是对话框模式
setDecorView(ViewGroup decorView)选择器会被添加到此容器中

自定义参数

var timePickerView = TimePickerBuilder(this) { date, v ->

}.setType(booleanArrayOf(true, true, true, true, false, false))
    .setCancelText("Cancel")
    .setCancelColor(Color.GRAY)
    .setSubmitText("Confirm")
    .setSubmitColor(Color.MAGENTA)
    .setSubCalSize(15)
    .setTitleText("Title")
    .setTitleColor(Color.RED)
    .setTitleSize(25)
    .setTitleBgColor(Color.BLACK)
    .setBgColor(Color.BLACK)
    .setContentTextSize(20)
    .setItemVisibleCount(11)
    .setTextColorCenter(Color.RED)
    .setTextColorOut(Color.MAGENTA)
    .setOutSideColor(Color.GRAY)
    .setDividerColor(Color.CYAN)
    .setDividerType(WheelView.DividerType.WRAP)
    .setLineSpacingMultiplier(2.5f)
    .isCyclic(true)
    .isCenterLabel(true)
    .build()

timePickerView.show()

显示如下

在这里插入图片描述

3. 选项选择器

Android-PickerView选项选择器同样使用Build模式来创建，并且支持3级联动。

var optionsPickerView = OptionsPickerBuilder(this) { option1, option2, option3, v ->

}.build<String>()

optionsPickerView.setNPicker(hourList, minuteList, secondList)

var calendar = Calendar.getInstance()
optionsPickerView.setSelectOptions(calendar.get(Calendar.HOUR_OF_DAY),
    calendar.get(Calendar.MINUTE), calendar.get(Calendar.SECOND))
optionsPickerView.show()

显示如下

在这里插入图片描述

OptionsPickerBuilder主要方法

方法说明
setCancelText(String textContentCancel)设置取消按钮文字
setCancelColor(int textColorCancel)设置取消文字颜色
setSubmitText(String textContentConfirm)设置确认按钮文字
setSubmitColor(int textColorConfirm)设置确认文字颜色
setSubCalSize(int textSizeSubmitCancel)设置取消和确认按钮文字大小
setTitleText(String textContentTitle)设置标题文字
setTitleColor(int textColorTitle)设置标题文字颜色
setTitleSize(int textSizeTitle)设置标题文字大小
setTitleBgColor(int bgColorTitle)设置标题栏颜色
setBgColor(int bgColorWheel)设置背景颜色
setOutSideColor(int outSideColor)设置外部背景颜色，默认是灰色
setContentTextSize(int textSizeContent)设置内容文字大小
setItemVisibleCount(int count)设置可见数目，最好是奇数，默认是9
setTextColorCenter(int textColorCenter)设置分割线之间的文字的颜色
setTextColorOut(int textColorOut)设置分割线以外的文字的颜色
setDividerColor(int dividerColor)设置分割线颜色
setDividerType(WheelView.DividerType dividerType)设置分割线样式，默认是FILL
setLineSpacingMultiplier(float lineSpacingMultiplier)设置间隔倍距，只能在1.0-4.0f之间，默认是1.6
setCyclic(boolean cyclic1, boolean cyclic2, boolean cyclic3)item是否循环
setLabels(String label1, String label2, String label3)设置单位字符
isCenterLabel(boolean isCenterLabel)是否只显示中间选中项的label文字
setOutSideCancelable(boolean cancelable)是否允许点击外部取消
isDialog(boolean isDialog)是否是对话框模式
setDecorView(ViewGroup decorView)选择器会被添加到此容器中
isRestoreItem(boolean isRestoreItem)切换选项时，是否还原后面选项，默认保持上一个选项

自定义参数

var optionsPickerView = OptionsPickerBuilder(this) { option1, option2, option3, v ->
}.setCancelText("Cancel")
    .setCancelColor(Color.GRAY)
    .setSubmitText("Confirm")
    .setSubmitColor(Color.MAGENTA)
    .setSubCalSize(15)
    .setTitleText("Title")
    .setTitleColor(Color.RED)
    .setTitleSize(25)
    .setTitleBgColor(Color.BLACK)
    .setBgColor(Color.BLACK)
    .setContentTextSize(20)
    .setItemVisibleCount(11)
    .setTextColorCenter(Color.RED)
    .setTextColorOut(Color.MAGENTA)
    .setOutSideColor(Color.GRAY)
    .setDividerColor(Color.CYAN)
    .setDividerType(WheelView.DividerType.WRAP)
    .setLineSpacingMultiplier(2.5f)
    .setCyclic(false, true, true)
    .setLabels("时", "分", "秒")
    .isCenterLabel(true)
    .build<String>()

optionsPickerView.setNPicker(hourList, minuteList, secondList)
var calendar = Calendar.getInstance()
optionsPickerView.setSelectOptions(calendar.get(Calendar.HOUR_OF_DAY),
    calendar.get(Calendar.MINUTE), calendar.get(Calendar.SECOND))

optionsPickerView.show()

显示如下
在这里插入图片描述

选项内容需要在OptionsPickerView里面设置

方法说明
setPicker(List optionsItems)设置联动选项
setPicker(List options1Items, List<List> options2Items)设置联动选项
setPicker(List options1Items, List<List> options2Items, List<List<List>> options3Items)设置联动选项
setNPicker(List options1Items, List options2Items, List options3Items)设置选项，非联动情况下使用
setSelectOptions(int option1)设置默认选中项
setSelectOptions(int option1, int option2)设置默认选中项
setSelectOptions(int option1, int option2, int option3)设置默认选中项

设置联动项，切换选项时，重置下一项

var optionsPickerView = OptionsPickerBuilder(this) { option1, option2, option3, v ->

}.isRestoreItem(true)
    .setItemVisibleCount(11)
    .build<String>()

optionsPickerView.setPicker(provinceList, cityList, areaList)
optionsPickerView.setSelectOptions(2, 5, 5)
optionsPickerView.show(v)

显示如下

在这里插入图片描述

假装你是大灰狼
关注
  • 0
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android PickerView应用
weixin_43092479的博客
03-29 589
项目中曾经遇到过，城市选择、时间选择、及性别的选择等等等，，，，那么接下来，我来写一下关于PickerView控件,废话不多说，先上效果图： 接下来上代码（代码中有注释，实现非常简单） 首先添加一下依赖 implementation 'com.airsaid.library:pickerview:1.0.3' 城市选择 CityPickerView mCityPick...
android pickerview使用
qq_38373150的博客
05-25 1053
效果图如上1.添加依赖compile 'com.contrarywind:Android-PickerView:4.1.3'2.设置数据val data = arrayListOf("壬山丙向", "子山午向", "癸山丁向", "丑山未向", "艮山坤向", "寅山申向")3.显示选择器val pvOptions = OptionsPickerBuilder(this, OnOption
探索 Android 开发的新工具：Android-PickerView
gitblog_00034的博客
04-04 445
探索 Android 开发的新工具：Android-PickerView 项目地址:https://gitcode.com/liangchengcheng/Android-PickerView 在 Android 应用开发中，选择器（Picker）是一个常见且至关重要的组件，用于显示并让用户选择一系列数据。Android-PickerView 是一个开源库，它提供了一种简单、灵活的方式来实现这种功...
推荐一款强大的Android滚动选择器 —— PickerView
最新发布
gitblog_00055的博客
05-26 437
推荐一款强大的Android滚动选择器 —— PickerView 项目地址:https://gitcode.com/duanhong169/PickerView 在Android开发过程中，我们常常需要实现各种各样的选择器，如日期选择器、时间选择器或是自定义的数据选择器等。今天，我要向大家推荐一个高效且易用的开源库——PickerView，它能帮助你轻松实现这些功能。 项目介绍 PickerVi...
Android-PickerView的简单封装与使用
热门推荐
HelloWord的博客
08-13 3万+
前言：这是一款仿iOS的PickerView控件，有时间选择器和选项选择，支持年月日时分，年月日，时分等格式。 主要目的：百度上有非常多写这个开源项目的用法，不过大多数都是照搬github上面复制过来的，少有人说明该如何设置三级联动的数据源，这里将身高、体重、年龄等进行简单的封装，使用只需一句代码，如需基本使用可参考原项目链接： https://github.com/Bigkoo/Androi...
Android进阶之路 - 实现一批专属自定义选择器
Android、前端、小程序、后端
10-24 1989
因为是新项目，所以一切从零开始，开发时间比较紧凑，用到了很多三方框架，其中关于选择器控件 我之前也记录过一些，这次是直接从又找到了 AndroidPicker虽然说是实现一款，但是终究站在了别人肩膀上，我 ，然后得以使用！我一开始用的是 AndroidPicker，但是因为的，所以我在，但其本质还是用的 WheelView ，然后我还用到了 XPopup 优化弹窗效果其实要更好的自定义选择器的话，最好要了解一下 WheelView ，但是关于WheelView的使用文档描述不太详细，有机会我会补充一下
Android中的几个Picker（DatePicker、TimerPicker、NumberPicker、DatePickerDialog、TimePickerDialog）
zhenghongwu的博客
11-16 2238
一. DatePicker DatePicker常用的XML属性 XML属性 描述 android:calendarViewShown 设置该日期选择是否显示CalendarView组件。 android:endYear 设置日期选择器允许选择的最后一年。 android:maxDate 设置该日期选择器的最大日期。以mm/dd/y
Android 时间选择器 PickerView，的详细使用
yushuaiguang的博客
07-19 2005
  最近项目中时间选择器，然后在网上找了一个博客人家封装好的，用的还不错今天给大家分享一下。先说一下它的优点吧。   一、优点 1.可扩展性很强 2.三级联动 3.单项选择 4.条件 选择 功能很强大   接下来也不绕弯了直接说怎么使用吧 使用步骤 1.添加Jcenter仓库 Gradle依赖： compile 'com.contrarywind:Android-Pic...
Android--PickerView库下拉联动选择、时间选择
超宇的博客
04-22 1549
一、Github地址：https://github.com/Bigkoo/Android-PickerView 二、简介 这是一款仿iOS的PickerView控件，有时间选择器和选项选择器，新版本的详细特性如下： ——TimePickerView 时间选择器，支持年月日时分，年月日，年月，时分等格式。 ——OptionsPickerView 选项选择器，支持一，二，三级选项选择，并且可以设...
时间选择器Android-PickerView
09-27
"Android-PickerView"是一个专门用于实现这种功能的库，它提供了多种样式和实现方式，包括弹窗式和XML布局式。下面我们将深入探讨这个库的核心特性、如何使用以及它在实际开发中的价值。 首先，`Android-PickerView...
Android_PickerView3.2.5
10-10
5. **简单易用**：Android-PickerView库通过简洁的API接口使集成变得简单，开发者只需几行代码就能实现PickerView的功能。 6. **兼容性**：通常，开源库都会考虑Android版本的兼容性，Android-PickerView 3.2.5也...
Android-pickerview
05-19
Android-PickerView **声明：**该项目只是针对 作者：xiaosong520 地址： 的进一步修改（已征得作者同意），目的只为实现项目设计和群内小伙伴的需求，如需查看原项目请自行前往。 实现效果如下： 代码设置： List<String> test = new ArrayList<>(); test.add("上午"); test.add("下午"); TimePickerView pvTime = new TimePickerBuilder(this, new OnTimeSelectListener() { @Override public void onTimeSelect(Date date, View v) { To
Android-EasyPickerView一个Android轻量级PickerView
08-13
EasyPickerView 一个Android轻量级PickerView
Android-PickerView-Library-一个高仿 IOS PickerView 控件的库.zip
09-24
这是一个高仿 IOS PickerView 控件的库。代码来自：https://github.com/saiwu-bigkoo/Android-PickerView ，在原有代码基础上进行封装，并提供了一些修改属性方法。后期如有时间，将会对原有代码进行优化。预览使用首先需要在 build.gradle 文件中添加依赖：dependencies {    compile 'com.airsaid.library:pickerviewlibrary:1.0.0' }添加好依赖后，重新同步工程。可根据需求使用如下选择器：城市选择：        CityPickerView mCityPickerView = new CityPickerView(this);         // 设置点击外部是否消失 //        mCityPickerView.setCancelable(true);         // 设置滚轮字体大小 //        mCityPickerView.setTextSize(18f);         // 设置标题 //        mCityPickerView.setTitle("我是标题");         // 设置取消文字 //        mCityPickerView.setCancelText("我是取消文字");         // 设置取消文字颜色 //        mCityPickerView.setCancelTextColor(Color.GRAY);         // 设置取消文字大小 //        mCityPickerView.setCancelTextSize(14f);         // 设置确定文字 //        mCityPickerView.setSubmitText("我是确定文字");         // 设置确定文字颜色 //        mCityPickerView.setSubmitTextColor(Color.BLACK);         // 设置确定文字大小 //        mCityPickerView.setSubmitTextSize(14f);         // 设置头部背景 //        mCityPickerView.setHeadBackgroundColor(Color.RED);         mCityPickerView.setOnCitySelectListener(new CityPickerView.OnCitySelectListener() {             @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();
一个非常好用的 Android PickerView 库
04-06
作者jaaksi，源码pickerview，一个非常好用的 Android PickerView 库，内部提供 3 种常用类型的 Picker，支持扩展自定义 Picker：TimePicker：时间选择器，支持聚合模式的时间选择器（合并 v1.x 的 MixedTimePicker）OptionPicker：联动选择器效果图  APKDemo App下载连接PickerView READMEPicker通过组装 PickerView 实现常用的 Picker 选择器。上面已经列举提供的 3 中常用的 Picker。BasePickerPicker 基类：封装了 TopBar，PickerView 容器，create and add PickerView 方法，Picker 弹窗等方法。 三种 Picker 都继承自 BasePicker，你也可以继承它扩展自己的 Picker。APIapidescriptionsetPickerBackgroundColor设置 picker 背景setPadding设置 PickerView 父容器 padding 单位:pxsetTag给 Picker 设置 tag，用于区分不同的 picker 等。用法同 View setTaggetRootLayout获取 PickerView 的父容器，创建 DefaultTopBar 时必须指定setOnPickerChooseListener设置 picker 取消，确定按钮监听。可用于拦截选中操作setTopBar设置自定义 TopBarsetInterceptor设置拦截器createPickerView创建 PickerViewgetPickerViews获取 Picker 中所有的 pickerview 集合addPicker将创建的 PickerView 添加到上面集合中，createPickerView 内部已调用该方法findPickerViewByTag通过 tag 找到对应的 PickerViewisScrolling是否滚动未停止。滚动未停止的时候，不响应 Picker 的取消，确定按键getPickerDialog获取 Picker 弹窗。可以在 new 之后设置 dialog 属性show显示 picker 弹窗对比 github 上最受欢迎的同类库 Android-PickerView ，本库将 TopBar 等通用相关逻辑封装在基类中，并提供代码中创建 PickerView 方法，不需要再依赖 xml。用户自定义 Picker 时，继承 BasePicker，只需要处理自己的逻辑即可，简单便捷。 而对 Android-PickerView 来说，实现自定义 Picker，依然需要处理 TopBar 等逻辑，造成大量重复代码。TopBarTopBar:TopBar 通过抽象接口 ITopBar 来管理，实现 Picker 与 TopBar 的解耦。提供默认实现 DefaultTopBar。可实现接口定制自己的 TopBar。   public interface ITopBar {      /**       * @return topbar view       */      View getTopBarView();      /**       * @return 取消按钮 view       */      View getBtnCancel();      /**       * @return 确定按钮 view       */      View getBtnConfirm();      /**       * @return title view       */      TextView getTitleView();    }DefaultTopBar APIapidescriptionsetDividerColor设置 topbar bottom line colorsetDividerHeight设置 bottom divider line heightgetDivider获取 TopBar bottom linegetTitleView获取 TopBar title viewInterceptor拦截器：用于在 pickerview 创建时拦截，设置 pickerview 的属性。Picker 内部并不提供对 PickerView 的设置方法，而是通过 Interceptor 实现。这种设计用来实现 Picker 和 PickerView 的属性设置完美解耦。   private void init(){     mTimePicker.setInterceptor(new 
Android-PickerView
11-21
PickerView通常用于让用户在有限的选项中进行选择，如日期选择、时间选择或者简单的下拉列表。这个组件使得用户界面更加简洁且易于操作。下面将详细讨论Android PickerView的相关知识点。 1. **基本概念** - `...
PickerView
07-12
在Android应用中，PickerView常被用作时间选择器、城市选择器或选项选择器，提供了一种简洁的交互方式。下面我们将深入探讨PickerView的使用、实现原理以及如何自定义。 1. **PickerView基本概念** PickerView是...
Android 实现Iphone PickerView 大滚轮效果
03-14
在Android开发中，为了提供与iOS相似的用户体验，有时我们...通过灵活运用现有组件或第三方库，我们可以为用户提供更加贴近iOS体验的Android应用。在实际项目中，可以根据具体需求和性能考虑，选择最适合的实现方式。
Android Picker
weixin_33807284的博客
07-04 139
介绍几个Android自带的选择器. 对话框 以下类属于Dialog的子类. 代码中创建对话框的形式 DatePickerDialog 日期选择器 TimePickerDialog 时间选择器 CharaterPickerDialog 字符选择器(废弃) 控件 在布局中使用的控件 DatePicker 日期选择器 TimePicker 时间选择器 NumberPicker 数字选择器 时间...
android-pickerview
03-16
android-pickerview是一个开源的Android选择器库，可以方便地实现各种选择器，如时间选择器、城市选择器、数字选择器等。它提供了丰富的自定义选项，可以满足不同的需求。使用android-pickerview可以快速地实现一个漂亮、易用的选择器，提高用户体验。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值