GitHub - oOJohn6Oo/JWheelPicker: iOS style data picker using JetPack Compose

JWheelPicker

iOS-style wheel picker supports all Android versions starting from Android lollipop(5.0).
For single wheel picker, use JSinglePickerDialogFragment, a JSinglePickerDialogData is needed.
For multiple wheels picker, use JMultiplePickerDialogFragment, a JMultiPickerDialogData is needed.
For date picker, use JDateWheelPickerDialogFragment, a JDatePickerDialogData is needed.
Or you can create your own picker by using the JWheelPicker, JMultiWheelPicker and JDateWheelPicker which are just normal Compose UI.

Implementation

add repo maven { url 'https://jitpack.io' }
latest version
add implementation("com.github.oOJohn6Oo:JWheelPicker:<version>")

Usage

For Any Compose View Use

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

Lines 100 to 110 in c061499

 JWheelPicker( 

 modifier = modifier, 

 onSelectedItemChanged = onSelectedItemChanged, 

 textStyle = TextStyle(color = MaterialTheme.colors.onBackground, fontSize = 20.sp), 

 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 136 to 143 in c061499

 JMultiWheelPicker( 

 modifier = modifier.disableAllVerticalScroll(disableTouch), 

 wheelCount = adapter.wheelCount, 

 generateJWheelPickerInfo = generateJWheelPickerInfo, 

 drawOverLay = rememberDefaultOverlayStyle(requiredData.overlayStyle), 

 key = key, 

 onSelectedItemChanged = onSelectedItemChanged 

 )

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

Lines 114 to 124 in c061499

 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, 

 )

For Default BottomSheet Dialog Use

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

Lines 80 to 96 in c061499

 private fun showSinglePicker() { 

 JSinglePickerDialogFragment.show( 

 supportFragmentManager, 

 requiredData = JSinglePickerDialogData( 

 title = 0 to "SinglePicker", 

 initialIndex = 2, 

 dataList = ArrayList((0..3).map { 

 JWheelPickerItemInfo( 

 it.toString(), 

 it, 

 "item$it" 

 ) 

 }), 

 overlayStyle = JWheelPickerHelper.overlayStyleOvalRectangle 

 ), 

 ) 

 }

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

Lines 98 to 107 in c061499

 private fun showMultiplePicker() { 

 JMultiplePickerDialogFragment.show( 

 supportFragmentManager, 

 requiredData = JMultiPickerDialogData( 

 title = 0 to "MultiplePicker", 

 overlayStyle = JWheelPickerHelper.overlayStyleOvalRectangle, 

 adapterClass = TestMultipleJPickerAdapter::class.java 

 ), 

 ) 

 }

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

Lines 109 to 119 in c061499

 private fun showDatePicker() { 

 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) { 

 JDateWheelPickerDialogFragment.show( 

 supportFragmentManager, 

 requiredData = JDatePickerDialogData( 

 title = 0 to "DatePicker", 

 overlayStyle = JWheelPickerHelper.overlayStyleOvalRectangle, 

 containerHorizontalPaddingInDp = 16 

 ), 

 ) 

 } else {

Name		Name	Last commit message	Last commit date
Latest commit History 17 Commits
JWheelPicker		JWheelPicker
app		app
gradle/wrapper		gradle/wrapper
.gitignore		.gitignore
LICENSE		LICENSE
README.md		README.md
build.gradle.kts		build.gradle.kts
gradle.properties		gradle.properties
gradlew		gradlew
gradlew.bat		gradlew.bat
settings.gradle.kts		settings.gradle.kts

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Repository files navigation

JWheelPicker

Implementation

Usage

For Any Compose View Use

For Default BottomSheet Dialog Use

About

Releases 6

Packages

Contributors 2

Languages

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

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

	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,
	)

	private fun showSinglePicker() {
	JSinglePickerDialogFragment.show(
	supportFragmentManager,
	requiredData = JSinglePickerDialogData(
	title = 0 to "SinglePicker",
	initialIndex = 2,
	dataList = ArrayList((0..3).map {
	JWheelPickerItemInfo(
	it.toString(),
	it,
	"item$it"
	)
	}),
	overlayStyle = JWheelPickerHelper.overlayStyleOvalRectangle
	),
	)
	}

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

	private fun showDatePicker() {
	if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
	JDateWheelPickerDialogFragment.show(
	supportFragmentManager,
	requiredData = JDatePickerDialogData(
	title = 0 to "DatePicker",
	overlayStyle = JWheelPickerHelper.overlayStyleOvalRectangle,
	containerHorizontalPaddingInDp = 16
	),
	)
	} else {

License

oOJohn6Oo/JWheelPicker

Folders and files

Latest commit

History

Repository files navigation

JWheelPicker

Implementation

Usage

For Any Compose View Use

For Default BottomSheet Dialog Use

About

Resources

License

Stars

Watchers

Forks

Releases 6

Packages 0

Contributors 2

Languages

Packages