当前位置：首页 > news >正文

Pickerview非弹窗场景应用：从入门到精通

news 2026/8/9 22:46:17

Pickerview非弹窗场景应用：从入门到精通

【免费下载链接】pickerviewOne very very user-friendly Picker library（内部提供两种常用类型的Picker：时间选择器（支持聚合）和联动选择器（支持不联动）。支持扩展自定义Picker。支持自定义弹窗。支持作为view的非弹窗场景。）项目地址: https://gitcode.com/gh_mirrors/pi/pickerview

Pickerview是一个非常好用的Android PickerView库，内部提供2种常用类型的Picker。支持扩展自定义Picker。支持自定义弹窗。支持作为view的非弹窗场景。本文将详细介绍如何在非弹窗场景中使用Pickerview，帮助开发者快速掌握这一实用功能。

什么是非弹窗场景？

非弹窗场景指的是将Pickerview作为普通视图（View）直接嵌入到布局中，而不是以对话框（Dialog）的形式弹出。这种方式可以让Picker与其他UI元素无缝融合，提供更自然的用户体验。

图：Pickerview作为View直接嵌入布局的非弹窗场景展示

非弹窗场景的优势

更灵活的布局：可以自由调整Picker在界面中的位置和大小
更好的用户体验：避免频繁弹窗带来的交互中断
更丰富的交互组合：可与其他视图组件联动，实现复杂功能

快速开始：非弹窗场景基础实现

1. 添加依赖

首先需要在项目中添加Pickerview库的依赖。具体步骤请参考项目文档。

2. 在布局文件中添加PickerView

在需要使用非弹窗Picker的布局文件中，直接添加PickerView控件：

<org.jaaksi.pickerview.widget.PickerView android:id="@+id/pickerView" android:layout_width="match_parent" android:layout_height="200dp"/>

相关布局文件路径：app/src/main/res/layout/activity_main.xml

3. 在代码中初始化PickerView

在Activity或Fragment中获取PickerView实例，并进行初始化：

val pickerView = findViewById<PickerView>(R.id.pickerView) // 设置适配器和数据 pickerView.adapter = ArrayWheelAdapter(listOf("选项1", "选项2", "选项3")) // 设置选中监听 pickerView.setOnItemSelectedListener { index, item -> // 处理选中事件 }

常用非弹窗Picker类型

时间选择器（TimePicker）

时间选择器支持年、月、日、时、分等时间单位的选择，可以灵活配置显示格式和选择范围。

图：非弹窗场景下的时间选择器展示

实现代码可参考：app/src/main/java/org/jaaksi/pickerview/demo/ui/TimePickerFragment.kt

选项选择器（OptionPicker）

选项选择器支持单列或多列选项的选择，适用于如地区选择、商品分类等场景。

图：非弹窗场景下的选项选择器展示

实现代码可参考：app/src/main/java/org/jaaksi/pickerview/demo/ui/OptionPickerFragment.kt

混合时间格式选择器

混合时间格式选择器支持自定义日期格式和时间间隔，满足特殊的时间选择需求。

图：非弹窗场景下的混合时间格式选择器展示

实现代码可参考：app/src/main/java/org/jaaksi/pickerview/demo/ui/MixedTimeFormatFragment.kt

高级自定义

自定义适配器

通过实现WheelAdapter接口，可以自定义Picker的显示内容和样式：

class CustomAdapter(private val data: List<String>) : WheelAdapter { override fun getItemsCount() = data.size override fun getItem(index: Int) = data[index] // 自定义视图 override fun getView(position: Int, convertView: View?, parent: ViewGroup): View { // 创建并返回自定义视图 } }

相关适配器代码路径：pickerview/src/main/java/org/jaaksi/pickerview/adapter/WheelAdapter.kt

自定义中心装饰

可以通过设置自定义的中心装饰来改变Picker选中项的样式：

pickerView.centerDecoration = object : DefaultCenterDecoration() { override fun getPaint(): Paint { val paint = super.getPaint() paint.color = Color.RED return paint } }

相关装饰代码路径：pickerview/src/main/java/org/jaaksi/pickerview/widget/DefaultCenterDecoration.kt