A beautiful and powerful SeekBar what supports single、 range、steps、vetical、custom( 一款美观强大的支持单向、双向范围选择、分步、垂直、高度自定义的SeekBar)

Overview

文档还是中文好

      
      

Demo

APK download

fir.im

Usage

Dependencies

Release Version

    allprojects {
		repositories {
			...
			maven { url 'https://jitpack.io' }
		}
	}

	dependencies {
		// sample: implementation 'com.github.Jay-Goo:RangeSeekBar:v3.0.0'
	        implementation 'com.github.Jay-Goo:RangeSeekBar:Release Version'
	}

How to use it

Please See WIKI!WIKI!WIKI!

Give me a Star

Hope you like RangeSeekBar. Star is the greatest support for me! Thank you !

A cup of coffee

Open source is a hard job, and a cup of coffee may be a good reward.

Contact Me

License

Copyright 2018-2019 JayGoo

Licensed under the Apache License.

Comments
  • Can not add library via gradle

    Can not add library via gradle

    Can not add library to the gradle when i paste below command in dependencies. Is there a problem with library ?

    implementation 'com.github.Jay-Goo:RangeSeekBar:v2.0.1'
    
    question 
    opened by ekizy 8
  • Change default min max value to time value

    Change default min max value to time value

    Hello Jay-Goo,

    I'm using this library for time range bar, now we want to convert default value to time value, like suppose i set max value 24 then your library return to me time value(ex., 23.50, 22.30,20.20 or 20.12 but not 23.90, 22.81, 23.92, 22.75,21. etc.,).

    Thanks.

    question 
    opened by Updates3 8
  • Keep Showing values of badges

    Keep Showing values of badges

    Hi i am using rangeseekbar , and keep want to show the values on top of the badges , currently value only comes when i scroll , how i can the selected current value all the times on top of badges.

    opened by droid-lover 7
  • Progress radius doesn't work!

    Progress radius doesn't work!

    Environment

    • Device: Huawei Y7 Prime
    • OS: [8.0.0]
    • Library Version: [2.0.2]

    Description

    Can't manage to add progress radius, i tries these approaches:

    <com.jaygoo.widget.RangeSeekBar
                    android:id="@+id/add_found_age_seek_bar"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    app:rsb_max="30"
                    app:rsb_min="0"
                    app:rsb_mode="range"
                    app:rsb_indicator_show_mode="alwaysShow"
                    app:rsb_indicator_height="32dp"
                    app:rsb_range_interval="1"
                    app:rsb_indicator_padding_left="8dp"
                    app:rsb_indicator_padding_right="8dp"
                    app:rsb_progress_color="@color/colorAccent"
                    app:rsb_tick_mark_mode="number"
                    app:rsb_tick_mark_number="1"
                    app:rsb_progress_radius="0.8dp"  // or 50dp
                    app:rsb_tick_mark_text_array="@array/age_marks"/>
    

    or this:

    seekBar.setProgressRadius(0.8f);
    seekBar.invalidate();
    

    Neither of them seem to make the slightest difference...

    Shouldn't the purple square have a radius now?

    Screenshots image

    future question 
    opened by AhmedMourad0 6
  • Is there no getValue? (also: numbers after decimal point AND indicator corner radius)

    Is there no getValue? (also: numbers after decimal point AND indicator corner radius)

    I only found setValue but no getValue. There's getMinProgress and getMaxProgress, but in a slider of 0-10 they will only return 0 and 10. The most basic functionality of a slider is to be able to give me the value the user chose. What am i missing?

    I had to set a listener and take the min value from it, and put it into a variable. But this means that this variable changes all the time when the user slides the slider. I just want to take the final/current value and use it for something.

    Two other smaller issues:

    1. I can set the seekbar to display a specific number format (for example 0.1 instead of 0.12345), but the actual value remains 0.12345 when i try to use the seekbar value elsewhere. is there a way to control the output or the intervals?
    2. I see on the first demo gif, the 3rd indicator has a corner radius, but i could not find a way to set this in the XML or in the JAVA. Is there a way?
    question 
    opened by sicksugar 6
  • Padding to the thumb indicator

    Padding to the thumb indicator

    @JinJieGu How do I add padding to thumb indicator?

    Suppose I have a RangeBar from 0 to 200000. the thumb indicator area becomes too small to slide through the range.!!

    If there is no way to set padding for a thumb indicator, can you suggest some workaround to get going?

    question 
    opened by ritesh94 4
  • Disable tick mark

    Disable tick mark

    Hi Jay-Goo,

    I'd like to know if there is a way to disable tick marks. I don't want to show them but the space is still there.

    Here you can see the white space I don't want (the red line is where I want the layout to stop) : Capture d’écran 2019-06-04 à 17 08 29

    Thanks in advance.

    future 
    opened by Etio39 3
  • Programatically setting range not working

    Programatically setting range not working

    Hi I use your library to display a range of values. Let's say from 1 to 8 with step 1. I also display labels above each step, so in general I set an array of Strings to display.

    I use in XML like :

    <com.jaygoo.widget.RangeSeekBar
                            android:id="@+id/salary_sb"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            app:rsb_indicator_arrow_size="0dp"
                            app:rsb_indicator_background_color="@color/color_transparent"
                            app:rsb_indicator_height="@dimen/icon_small"
                            app:rsb_indicator_padding_bottom="0dp"
                            app:rsb_indicator_show_mode="alwaysShow"
                            app:rsb_indicator_text_color="@color/text_color_normal"
                            app:rsb_indicator_text_size="@dimen/text_tiny"
                            app:rsb_mode="range"
                            app:rsb_progress_color="@color/color_blue"
                            app:rsb_progress_height="@dimen/divider_height_thick"
                            app:rsb_progress_radius="@dimen/corner_radius_small"
                            app:rsb_thumb_size="@dimen/icon_small"
                            app:rsb_tick_mark_text_color="@color/color_transparent" />
    

    and I set my data like :

    mSalarySb.setSeekBarMode(RangeSeekBar.SEEKBAR_MODE_RANGE);
            mSalarySb.setTickMarkMode(RangeSeekBar.TRICK_MARK_MODE_OTHER);
            mSalarySb.setRangeInterval(1);
            mSalarySb.setTickMarkNumber(ranges.length -1);
            mSalarySb.setTickMarkTextArray(ranges);
            mSalarySb.invalidate();
    

    This displays the first value and has one step with the last value. All steps between are lost.

    I tried to set it up with dummy data in XML only (resource array of predefined Strings) and it seems to work fine.

    STATIC DATA:

     <string-array name="salary_ranges">
            <item>$ 0</item>
            <item>$ 3000</item>
            <item>$ 5000</item>
            <item>$ 7000</item>
            <item>$ 10000</item>
        </string-array>
    

    XML:

    <com.jaygoo.widget.RangeSeekBar
                            android:id="@+id/salary_sb"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            app:rsb_indicator_arrow_size="0dp"
                            app:rsb_indicator_background_color="@color/color_transparent"
                            app:rsb_indicator_height="@dimen/icon_small"
                            app:rsb_indicator_padding_bottom="0dp"
                            app:rsb_indicator_show_mode="alwaysShow"
                            app:rsb_indicator_text_color="@color/text_color_normal"
                            app:rsb_indicator_text_size="@dimen/text_tiny"
                            app:rsb_mode="range"
                            app:rsb_progress_color="@color/color_blue"
                            app:rsb_progress_height="@dimen/divider_height_thick"
                            app:rsb_progress_radius="@dimen/corner_radius_small"
                            app:rsb_range_interval="1"
                            app:rsb_thumb_size="@dimen/icon_small"
                            app:rsb_tick_mark_mode="other"
                            app:rsb_tick_mark_number="4"
                            app:rsb_tick_mark_text_array="@array/salary_ranges"
                            app:rsb_tick_mark_text_color="@color/color_transparent" />
    

    Did I miss something when I set it up programmatically ?

    opened by ChristoferAlexander 3
  • Can u increase hit area of thumb ?

    Can u increase hit area of thumb ?

    First sorry for my english, i used your library for my project, i really like it, but one small thing, it's too difficult for hit the thumb, my thumb size is 12dp.

    future 
    opened by songuyen1816 3
  • Will editing the values file for your library cause a issue within your library?

    Will editing the values file for your library cause a issue within your library?

    I have this person working with me who is saying that if we edit the values file in the output folder in the main library (here on GitHub) get's reflected with changes and it could cause problems with the library.

    For instance I wanted 3 seekbars and I needed to set checkpoints for each of them so what I did is I added this piece of code,

    <string-array name="markArray2">
            <item>6</item>
            <item>12</item>
            <item>18</item>
            <item>24</item>
        </string-array>
        <string-array name="markArray3">
            <item>3</item>
            <item>6</item>
            <item>9</item>
            <item>12</item>
        </string-array>
    

    Similar code which comes when library is default run first time. Did I do it wrong?

    opened by karanthakakr04 3
  • [question] how to programmatically change drawable of app:rsb_thumb_drawable

    [question] how to programmatically change drawable of app:rsb_thumb_drawable

    hello, thanks for the library,

    i have a requirement from user about how do i make the app:rsb_thumb_drawable (or attached below in red circle) is changed when it's clicked by the user? i've tried but still no luck, thank you

    Screen Shot 2021-07-25 at 17 28 38
    opened by nashihu 2
  • Add dependency to new project

    Add dependency to new project

    Need to update the library to AndroidX as many manifest merger failing issues occur while integrating this library into a new project.

    Attribute application@allowBackup value=(false) from AndroidManifest.xml:17:9-36 is also present at [com.github.Jay-Goo:RangeSeekBar:3.0.0] AndroidManifest.xml:12:9-35 value=(true). Suggestion: add 'tools:replace="android:allowBackup"' to <application> element at AndroidManifest.xml:15:5-96:19 to override.

    opened by AbdullahJaved-dev 0
  • setTickMarkTextSize not working correctly

    setTickMarkTextSize not working correctly

    RangeSeekBar.setTickMarkTextSize(50) for example does nothing to the text size. Everything else about it seems to be working. setTickMarkTextMargin() is working just fine. Why won't the textSize change??

    opened by op27no2 0
  • Add the lib to a new project has error

    Add the lib to a new project has error

    I just create a new project with android studio 4.2.2 and added this library to it and get the following error:

    Manifest merger failed : Attribute application@appComponentFactory value=(androidx.core.app.CoreComponentFactory) from [androidx.core:core:1.3.2] AndroidManifest.xml:24:18-86
    	is also present at [com.android.support:support-compat:28.0.0] AndroidManifest.xml:22:18-91 value=(android.support.v4.app.CoreComponentFactory).
    	Suggestion: add 'tools:replace="android:appComponentFactory"' to <application> element at AndroidManifest.xml:6:5-19:19 to override.
    
    

    Also tools:replace="android:appComponentFactory doesn't fix it.

    opened by alizera 0
Releases(v3.0.0)
Owner
null
Custom circular SeekBar (Circle, Semi-circle, and Ellipse) View/Widget for Android

CircularSeekBar Android CircularSeekBar Custom View/Widget This is a custom circular SeekBar. It can be used to create SeekBars that are: -Full Circle

Matt Joseph 462 Dec 19, 2022
Ranger is custom view which able to act like android seekbar.

Ranger is custom view which able to act like android seekbar.

Enes Zor 3 Oct 17, 2021
A seekbar contains two cursor(left and right). Multiple touch supported.

RangeSeekbar A seekbar contains two cursor and support multi-touch. RangeSeekbar have left and right cursors, user can move cursor to make fliter. How

dolphinWang 283 Mar 28, 2022
A SeekBar suited for showing a preview of something. As seen in Google Play Movies.

PreviewSeekBar A SeekBar suited for showing a video preview. As seen in Google Play Movies Google Play Movies PreviewSeekBar's sample Build Add the fo

Rúben Sousa 3.3k Jan 3, 2023
Circular SeekBar view for Android

SeekArc What is a SeekArc? So what the heck is a SeekArc? Essentially it’s a SeekBar that has been wrapped around a circle. It acts like a SeekBar and

Neil Davies 870 Dec 10, 2022
Android circle seekbar widget inspired from: https://github.com/LarsWerkman/HoloColorPicker

Android HoloCircleSeekBar A Circle SeekBar inspired by Android Holo ColorPicker designed by Marie Schweiz and developed by Lars Werkman. How to integr

Jesus 232 Nov 10, 2022
A colorful SeekBar for picking color

ScreenShot: Attrs attr format default colorSeeds references colorBarPosition integer 0 alphaBarPosition integer 0 maxPosition integer 100 bgColor colo

Jack Fu 324 Dec 26, 2022
A color picker seekbar for android.

ColorSeekBar A color picker seekbar for android. Download Use Gradle compile 'com.divyanshu.colorseekbar:colorseekbar:1.0.2' or Maven <dependency>

Divyanshu Bhargava 129 Nov 29, 2022
Android widget for selecting a range of values.

MaterialRangeBar MaterialRangeBar is a fork from https://github.com/edmodo/range-bar that adds some basic material styling, as well as start and end v

null 1.7k Dec 30, 2022
A material Date Range Picker based on wdullaers MaterialDateTimePicker

Material Date and Time Picker with Range Selection Credits to the original amazing material date picker library by wdullaer - https://github.com/wdull

Supratim 1.3k Dec 14, 2022
Simple custom Android View providing a Circular spin to SeekBars

CircularSeekBar This is a simple Seek Bar, in the shape of a circle, responsive to the speed of the spin: the faster you spin the control, the faster

Mikel 34 Feb 18, 2022
A simple material-based support library to bring consistent SeekBars on Android 14 and above

SeekBarCompat A support library for the material design SeekBar in Android for API 14 and above. Screenshot On APIs 14 and above - Seekbars would look

Ahmed Rizwan 157 Dec 27, 2022
A beautiful Android custom View that works similar to a range or seekbar. With animations.

ValueBar A beautiful Android custom View that works similar to a range or seekbar. Selection by gesture. With animations. Supporting API level 11+. De

Philipp Jahoda 147 Nov 20, 2022
Awesome Image Picker library will pick images/gifs with beautiful interface. Supports image or gif, Single and Multiple Image selection.

Awesome Image Picker Awesome Image Picker library will pick images/gifs with beautiful interface. Supports image or gif, Single and Multiple Image sel

Prabhakar Thota 162 Sep 13, 2022
StartPointSeekBar is a custom view for the Android platform that makes it possible to have a SeekBar to have custom start point.

Forked/Inspired from https://code.google.com/p/range-seek-bar/ by [email protected] This solves the problem as described in http://

Gaurav Vashisth 142 Dec 29, 2022
A beautiful material calendar with endless scroll, range selection and a lot more!

CrunchyCalendar A light, powerful and easy to use Calendar Widget with a number out of the box features: Infinite vertical scrolling in both direction

CleverPumpkin 483 Dec 25, 2022
A powerful 🚀 Android range bar chart library as well as scaling, panning and animations.

RangeBarChart ⚡ Range bar chart library for Android using MPAndroidChart ⚡ There were no charts in MPAndroidChart to show ranges. We were forced to sh

Ted Park 8 Nov 24, 2022
⭐ ‎‎‎‏‏‎ ‎Offers a range of beautiful sheets (dialogs & bottom sheets) for quick use in your project. Includes many ways to customize sheets.

Sheets Sleek dialogs and bottom-sheets for quick use in your app. Choose one of the available sheets or build custom sheets on top of the existing fun

Maximilian Keppeler 838 Dec 30, 2022
🗨️ Beautiful Dialog is a Simple and Beautiful custom dialog

Beautiful Dialog ??️ Beautiful Dialog is a Simple and Beautiful custom dialog. Screenshots Including in your project Gradle Add below codes to your ro

Geovani Amaral 21 Jan 6, 2023
Custom circular SeekBar (Circle, Semi-circle, and Ellipse) View/Widget for Android

CircularSeekBar Android CircularSeekBar Custom View/Widget This is a custom circular SeekBar. It can be used to create SeekBars that are: -Full Circle

Matt Joseph 462 Dec 19, 2022