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)
显示如下文章来源:https://www.toymoban.com/news/detail-651543.html
文章来源地址https://www.toymoban.com/news/detail-651543.html
到了这里,关于Android PickerView简单应用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!