How to create Custom Range-Bar With a Photoshop like Color Picker in Android

Posted on .
featured_image_rangebar_amdroidarena

Hey folks ! how you doing , today’s tutorial is going to be awesome because I have just found a beautiful Customized third party Range Bar for Android developers , All those who want to integrate Range Bar in their application are more welcome and should learn and download this code , library developed by edmodo .

For this awesome third party  Range Bar you have to import Range Bar libraries first which i included in the code below.

Developers can customize the following things–

  • bar color
  • bar thickness
  • tick height
  • number of ticks
  • connecting line thickness
  • connecting line color
  • thumb normal image
  • thumb pressed image

Step 1 — Just Goto File –>> New –>> import –>> Android Project –>> browse –>> select the Range bar library.

Download code

Now you just need to import this project in your application and yeah , your Range Bar is working.

Lets start with designing part first – paste the below code -According to your need –

activity_main.xml

Now ColorPickerDialog.java file for photoshop like color picker — paste the below code –

ColorPickerDialog.java

Now the MainActivity.java file — paste the below code

you hav to add one more file in java that is Component.java

SO, it’s  time to Run your project and you will see an awesome results .

OutPut –

rangebarrangebar_2rangebar_3

Feel free to ask anything and any topic you want to cover :p

  • Arjun pal

    very beautiful , saved my day …… thnxxxxx android arena ..best wishes ….