Home

Getting Started

1. Maven library dependency

dependencies {

    implementation 'io.github.litao0621:nifty-slider:(latest version)'

    // Added effect for Sliders (Optional Features)
    implementation 'io.github.litao0621:nifty-slider-effect:(latest version)'

}

The latest version is:

2. Add it to the layout file

    <com.litao.slider.NiftySlider
        android:id="@+id/nifty_slider"
        android:layout_width="match_parent"
        android:layout_height="148dp"
        android:padding="16dp"
        android:value="50"
        android:valueFrom="0"
        android:valueTo="100"
        app:trackColor="@color/m3_demo_track_color"
        app:trackColorInactive="@color/m3_demo_track_inactive_color"
        app:thumbColor="@color/m3_demo_thumb_color"
        app:thumbShadowColor="@color/white"
        app:haloColor="@color/m3_demo_halo_color"/>

3. Registers a callback to be invoked when the slider changes

        binding.niftySlider.setOnValueChangeListener { slider, value, fromUser ->
            //do something with float value
        }

        binding.niftySlider.setOnIntValueChangeListener { slider, value, fromUser ->
            //do something with int value
        }

        binding.niftySlider.setOnSliderTouchListener(object :NiftySlider.OnSliderTouchListener{
            override fun onStartTrackingTouch(slider: NiftySlider) {
                //do something on touch start
            }

            override fun onStopTrackingTouch(slider: NiftySlider) {
                //do something on touch stop
            }

        })

Custom Effects

1. M3 Style
   

   View Sample

2. WeRead Style
   

   View Sample

3. Color Pick Style
   

   View Sample

4. Custom Thumb Drawable Style
   

   View Sample

5. Lottie Animation style
   

   View Sample

6. Tiktok Style
   

   View Sample

7. BiliBili Style
   

   View Sample

8. YouTube video preview style
   

   View Sample

9. YouTube graph style
   

   View Sample

10. Effect with issues #13

[View Sample](https://github.com/litao0621/nifty-slider/blob/main/simple/src/main/java/com/litao/niftyslider/fragment/IndicatorStyle1Fragment.kt)