JWheelPicker - iOS-style wheel picker supports Android 5.0 and above.

Haptic feedback | 3D wheel | Preset Dialog | Dark Mode | Custom support

Download Demo APK from latest release

---

Implementation

• latest version
• add implementation("io.github.oojohn6oo:jwheelpicker:<version>")

Summary

• Single wheel picker ==> use JSinglePickerDialogFragment + JSinglePickerDialogData or JSinglePickerDialogAdapterData
• Multiple wheels picker ==> use JMultiplePickerDialogFragment + JMultiPickerDialogData
• Date picker ==> use JDateWheelPickerDialogFragment + JDatePickerDialogData
• Customize ==> use JWheelPicker or JMultiWheelPicker or JDateWheelPicker

Usage

1️⃣For Default BottomSheet Dialog Use

JWheelPicker/app/src/main/kotlin/io/john6/demo/wheelpicker/JWheelPickerDemoActivity.kt

Lines 75 to 104 in edd59ce

	private fun showSinglePicker(withAdapter: Boolean = false) {
	if (withAdapter) {
	JSinglePickerDialogFragment.show(
	supportFragmentManager,
	requiredData = JSinglePickerDialogAdapterData(
	title = 0 to "SingleAdapterPicker",
	overlayStyle = JWheelPickerHelper.OVERLAY_STYLE_RECTANGLE,
	selectTextColor = { MaterialTheme.colors.primary },
	isDraggable = false,
	adapterClass = TestMultipleJPickerAdapter::class.java,
	adapterParamsAsBundle = Bundle().apply {
	putInt("wheelCount", 1)
	putIntArray("initialIndexes", intArrayOf(9))
	},
	),
	)
	} else {
	JSinglePickerDialogFragment.show(
	supportFragmentManager,
	requiredData = JSinglePickerDialogData(
	title = 0 to "SinglePicker",
	selectTextColor = { MaterialTheme.colors.primary },
	isDraggable = false,
	initialIndex = 20,
	dataList = (0..30).map { JWheelPickerItemInfo(it.toString(), it, "item$it") },
	overlayStyle = JWheelPickerHelper.OVERLAY_STYLE_RECTANGLE
	),
	)
	}
	}

JWheelPicker/app/src/main/kotlin/io/john6/demo/wheelpicker/JWheelPickerDemoActivity.kt

Lines 106 to 116 in edd59ce

	private fun showMultiplePicker() {
	JMultiplePickerDialogFragment.show(
	supportFragmentManager,
	requiredData = JMultiPickerDialogData(
	title = 0 to "MultiplePicker",
	overlayStyle = JWheelPickerHelper.OVERLAY_STYLE_LINE,
	adapterClass = TestMultipleJPickerAdapter::class.java,
	selectTextColor = { MaterialTheme.colors.primary },
	),
	)
	}

JWheelPicker/app/src/main/kotlin/io/john6/demo/wheelpicker/JWheelPickerDemoActivity.kt

Lines 144 to 162 in edd59ce

	private fun showDatePicker() {
	if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
	JDateWheelPickerDialogFragment.show(
	supportFragmentManager,
	requiredData = JDatePickerDialogData(
	title = 0 to "DatePicker",
	overlayStyle = JWheelPickerHelper.OVERLAY_STYLE_RECTANGLE,
	containerHorizontalPaddingInDp = 16,
	selectTextColor = { MaterialTheme.colors.primary },
	),
	)
	} else {
	Toast.makeText(
	this,
	"need Build.VERSION.SDK_INT >= Build.VERSION_CODES.O",
	Toast.LENGTH_SHORT
	).show()
	}
	}

And using FragmentResult API to get the callback

JWheelPicker/app/src/main/kotlin/io/john6/demo/wheelpicker/JWheelPickerDemoActivity.kt

Lines 77 to 84 in 91aae0b

	supportFragmentManager.setFragmentResultListener(JSinglePickerDialogFragment.TAG, this) { tag, bundle ->
	val isDismiss = bundle.getBoolean("dismiss", false)
	if(isDismiss){
	return@setFragmentResultListener
	}
	val result = bundle.getParcelableCompat(fragmentResultKey, JWheelPickerItemInfo::class.java)
	Toast.makeText(this, result?.id.toString(), Toast.LENGTH_SHORT).show()
	}

2️⃣For Any Compose View Use

JWheelPicker/JWheelPicker/src/main/kotlin/io/john6/base/compose/picker/dialog/single/JSinglePickerDialogFragment.kt

Lines 141 to 152 in edd59ce

	JWheelPicker(
	modifier = modifier,
	onSelectedItemChanged = onSelectedItemChanged,
	textStyle = TextStyle(color = MaterialTheme.colors.onBackground, fontSize = 20.sp),
	selectedTextColor = requiredData.selectTextColor(),
	drawOverLay = rememberDefaultOverlayStyle(requiredData.overlayStyle),
	initialIndex = requiredData.getSafeInitialIndex(),
	itemCount = requiredData.dataList.size,
	itemData = { index ->
	requiredData.dataList[index]
	},
	)

JWheelPicker/JWheelPicker/src/main/kotlin/io/john6/base/compose/picker/dialog/multiple/JMultiplePickerDialogFragment.kt

Lines 147 to 155 in edd59ce

	JMultiWheelPicker(
	modifier = modifier,
	wheelCount = adapter.wheelCount,
	generateJWheelPickerInfo = generateJWheelPickerInfo,
	drawOverLay = rememberDefaultOverlayStyle(requiredData.overlayStyle),
	key = key,
	onSelectedItemChanged = onSelectedItemChanged,
	selectedTextColor = requiredData.selectTextColor(),
	)

JWheelPicker/JWheelPicker/src/main/kotlin/io/john6/base/compose/picker/dialog/date/JDateWheelPickerDialogFragment.kt

Lines 121 to 132 in edd59ce

	JDateWheelPicker(
	modifier = modifier,
	datePickerMode = requiredData.datePickerMode,
	timePickerMode = requiredData.timePickerMode,
	containerHorizontalPadding = requiredData.containerHorizontalPaddingInDp.dp,
	startLocalDateTime = requiredData.startLocalDateTime,
	endLocalDateTime = requiredData.endLocalDateTime,
	initialSelectDateTime = requiredData.initialSelectDateTime,
	drawOverLay = rememberDefaultOverlayStyle(requiredData.overlayStyle),
	onSelectedTimeChanged = onSelectedTimeChanged,
	selectedTextColor = requiredData.selectTextColor(),
	)

Common Q&A

How can I customize the header of Picker Dialog

Just override the ColumnScope.DefaultPickerHeader function, like CustomTitleSinglePickerDialogFragment.

How to disable the swipe-to-dismiss feature of the preset Picker Dialog?

When passing data like JDatePickerDialogData, set the isDraggable to false.