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

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, 
        
                           contain
8000
erHorizontalPaddingInDp = 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.

Name		Name	Last commit message	Last commit date
Latest commit History 28 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

Uh oh!

Repository files navigation

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

Implementation

Summary

How can I customize the header of Picker Dialog

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

About

Uh oh!

Releases 10

Packages

Uh oh!

Contributors 2

Uh oh!

Languages

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

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

	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,
	contain 8000 erHorizontalPaddingInDp = 16,
	selectTextColor = { MaterialTheme.colors.primary },
	),
	)
	} else {
	Toast.makeText(
	this,
	"need Build.VERSION.SDK_INT >= Build.VERSION_CODES.O",
	Toast.LENGTH_SHORT
	).show()
	}
	}

	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()
	}

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

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

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

License

oOJohn6Oo/JWheelPicker

Folders and files

Latest commit

History

Repository files navigation

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

Implementation

Summary

How can I customize the header of Picker Dialog

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

About

Resources

License

Uh oh!

Stars

Watchers

Forks

Releases 10

Packages 0

Uh oh!

Contributors 2

Uh oh!

Languages

Packages