Discrete SeekBar is another most common feature that we can see in most of the apps. We can get to see this Discrete SeekBar in most of the music player apps, Rating apps, or for points given. Discrete SeekBar is one of the advanced systems of giving ratings instead of writing. In the previous article, we have implemented Discrete SeekBar in Android without using any 3rd party library. But, in this article, we are going to see how to implement Discrete SeekBar in the Android application. A sample GIF is given below to get an idea about what we are going to do in this article. Note that we are going to implement this project using the Java language.
Applications of Discrete SeekBar
- Discrete SeekBar is used in most music player apps.
- It is mostly used for giving a rating in most e-commerce apps.
- Using Discrete SeekBar in the application improves user experience.
Attributes of Discrete SeekBar
| Attributes | Description |
|---|---|
| dsb_max | Used for giving Maximum Value. |
| dsb_min | Used for giving Minimum Value. |
| dsb_indicatorFormatter | String format to apply to the value inside bubble indicator. |
| dsb_indicatorPopupEnabled | Use to show Bubble Indicator. |
| dsb_value | Current Value. |
| dsb_trackColor | Colour for track drawable. |
| dsb_progressColor | Colour for progress bar and thumb drawable. |
| dsb_rippleColor | Colour for ripple drawer. |
Step by Step Implementation
Step 1: Create a New Project
To create a new project in Android Studio please refer to How to Create/Start a New Project in Android Studio. Note that select Java as the programming language.
Step 2: Add dependency of Discrete SeekBar library in build.gradle file
Then Navigate to Gradle scripts and then to build.gradle(Module) level. Add below line in the build.gradle file in the dependencies section.
implementation ‘org.adw.library:discrete-seekbar:1.0.1’
now click on Sync now it will sync your all files in build.gradle().
Step 3: Create a new Discrete SeekBar in your activity_main.xml file
Navigate to the app > res > layout to open the activity_main.xml file. Below is the code for the activity_main.xml file.
XML
<?xml version="1.0" encoding="utf-8"?><RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent" android:paddingLeft="16dp" android:paddingTop="16dp" android:paddingRight="16dp" android:paddingBottom="16dp" tools:context=".MainActivity"> <!--Discrete SeekBAr--> <org.adw.library.widgets.discreteseekbar.DiscreteSeekBar android:id="@+id/seekBar" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_centerInParent="true" app:dsb_indicatorColor="@color/purple_200" app:dsb_max="100" app:dsb_min="0" app:dsb_progressColor="@color/purple_200" app:dsb_rippleColor="@color/purple_200" app:dsb_trackColor="@color/purple_200" /> </RelativeLayout> |
Step 4: Working with the MainActivity.java file
Go to the MainActivity.java file and refer to the following code. Below is the code for the MainActivity.java file. Comments are added inside the code to understand the code in more detail.
Java
import android.os.Bundle;import androidx.appcompat.app.AppCompatActivity;import org.adw.library.widgets.discreteseekbar.DiscreteSeekBar; public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // Discrete SeekBar DiscreteSeekBar discreteSeekBar = (DiscreteSeekBar) findViewById(R.id.seekBar); discreteSeekBar.setProgress(80); }} |
Now click on the run option it will take some time to build Gradle. After that, you will get output on your device as given below.
