{"id":21130218,"url":"https://github.com/rtugeek/ColorSeekBar","last_synced_at":"2025-07-09T01:32:46.391Z","repository":{"id":57722511,"uuid":"50818613","full_name":"rtugeek/ColorSeekBar","owner":"rtugeek","description":"A colorful SeekBar for picking color","archived":false,"fork":false,"pushed_at":"2023-10-25T12:04:56.000Z","size":2367,"stargazers_count":350,"open_issues_count":5,"forks_count":59,"subscribers_count":15,"default_branch":"master","last_synced_at":"2025-06-20T20:50:46.100Z","etag":null,"topics":["android","color","colorpicker","custom-view","customview","seekbar","ui"],"latest_commit_sha":null,"homepage":"https://github.com/rtugeek/ColorSeekBar","language":"Java","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rtugeek.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-02-01T06:15:51.000Z","updated_at":"2025-06-17T01:15:52.000Z","dependencies_parsed_at":"2024-11-20T21:15:14.967Z","dependency_job_id":null,"html_url":"https://github.com/rtugeek/ColorSeekBar","commit_stats":null,"previous_names":[],"tags_count":23,"template":false,"template_full_name":null,"purl":"pkg:github/rtugeek/ColorSeekBar","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rtugeek%2FColorSeekBar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rtugeek%2FColorSeekBar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rtugeek%2FColorSeekBar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rtugeek%2FColorSeekBar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rtugeek","download_url":"https://codeload.github.com/rtugeek/ColorSeekBar/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rtugeek%2FColorSeekBar/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261311753,"owners_count":23139483,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","color","colorpicker","custom-view","customview","seekbar","ui"],"created_at":"2024-11-20T05:32:26.373Z","updated_at":"2025-07-09T01:32:45.910Z","avatar_url":"https://github.com/rtugeek.png","language":"Java","funding_links":[],"categories":["Libs"],"sub_categories":["\u003cA NAME=\"Widget\"\u003e\u003c/A\u003eWidget"],"readme":"![ColorSeekbar](https://github.com/Tobaloidee/ColorSeekBar/blob/master/logo/colorseekbar-02.png)\n\n### ScreenShot:\n\n\u003cimg src=\"https://github.com/rtugeek/ColorSeekBar/blob/master/screenshot/color.jpg\" width=\"300\" /\u003e\n\u003cimg src=\"https://github.com/rtugeek/ColorSeekBar/blob/master/screenshot/alpha.jpg\" width=\"300\" /\u003e\n\n### ColorSeekbar Attrs\n\n```xml\n\n\u003cdeclare-styleable name=\"ColorSeekBar\"\u003e\n    \u003cattr name=\"colorSeekBarColorSeeds\" format=\"reference\" /\u003e\n    \u003cattr name=\"colorSeekBarBarHeight\" format=\"dimension\" /\u003e\n    \u003cattr name=\"colorSeekBarProgress\" format=\"integer\" /\u003e\n    \u003cattr name=\"colorSeekBarRadius\" format=\"dimension\" /\u003e\n    \u003cattr name=\"colorSeekBarMaxProgress\" format=\"integer\" /\u003e\n    \u003cattr name=\"colorSeekBarVertical\" format=\"boolean\" /\u003e\n    \u003cattr name=\"colorSeekBarShowThumb\" format=\"boolean\" /\u003e\n    \u003cattr name=\"colorSeekBarBorderColor\" format=\"color\" /\u003e\n    \u003cattr name=\"colorSeekBarBorderSize\" format=\"dimension\" /\u003e\n\u003c/declare-styleable\u003e\n```\n\n### AlphaSeekbar Attrs\n\n```xml\n\n\u003cdeclare-styleable name=\"AlphaSeekBar\"\u003e\n    \u003cattr name=\"alphaSeekBarHeight\" format=\"dimension\" /\u003e\n    \u003cattr name=\"alphaSeekBarRadius\" format=\"dimension\" /\u003e\n    \u003cattr name=\"alphaSeekBarShowGrid\" format=\"boolean\" /\u003e\n    \u003cattr name=\"alphaSeekBarShowThumb\" format=\"boolean\" /\u003e\n    \u003cattr name=\"alphaSeekBarSizeGrid\" format=\"dimension\" /\u003e\n    \u003cattr name=\"alphaSeekBarProgress\" format=\"integer\" /\u003e\n    \u003cattr name=\"alphaSeekBarVertical\" format=\"boolean\" /\u003e\n    \u003cattr name=\"alphaSeekBarMaxProgress\" format=\"integer\" /\u003e\n    \u003cattr name=\"alphaSeekBarBorderColor\" format=\"color\" /\u003e\n    \u003cattr name=\"alphaSeekBarBorderSize\" format=\"dimension\" /\u003e\n    \u003cattr name=\"alphaSeekBarDirection\" format=\"enum\"\u003e\n        \u003cenum name=\"LEFT_TO_RIGHT\" value=\"0\"/\u003e\n        \u003cenum name=\"RIGHT_TO_LEFT\" value=\"1\"/\u003e\n        \u003cenum name=\"TOP_TO_BOTTOM\" value=\"2\"/\u003e\n        \u003cenum name=\"BOTTOM_TO_TOP\" value=\"3\"/\u003e\n    \u003c/attr\u003e\n\u003c/declare-styleable\u003e\n```\n\n### Gradle:\n\n\u003ca href=\"https://jitpack.io/#rtugeek/colorseekbar\"\u003e![Release](https://jitpack.io/v/rtugeek/colorseekbar.svg)\u003c/a\u003e\n\u003ca href=\"https://android-arsenal.com/api?level=14\"\u003e![API](https://img.shields.io/badge/API-14%2B-brightgreen.svg?style=flat)\u003c/a\u003e\n\u003ca href=\"https://android-arsenal.com/details/1/3118\"\u003e![Android Arsenal](https://img.shields.io/badge/Android%20Arsenal-ColorSeekBar-green.svg?style=true)\u003c/a\u003e\n\nStep 1. Add the JitPack repository in your root build.gradle at the end of repositories:\n\n```\nallprojects {\n    repositories {\n        ...\n        maven { url \"https://jitpack.io\" }\n    }\n}\n```\n\nStep 2. Add the dependency\n\n```\nimplementation 'com.github.rtugeek:colorseekbar:2.0.3'\n```\n\n## Usage\n\nXML\n\n```xml\n\u003ccom.rtugeek.android.colorseekbar.ColorSeekBar \n    android:id=\"@+id/colorSeekBar\"\n    android:layout_width=\"match_parent\"\n    app:colorSeeds=\"@array/material_colors\"\n    android:layout_height=\"wrap_content\" /\u003e\n\n\u003ccom.rtugeek.android.colorseekbar.AlphaSeekBar \n    android:id=\"@+id/alphaSeekBar\"\n    android:layout_width=\"match_parent\" \n    android:layout_height=\"wrap_content\" /\u003e\n```\n\nKotlin\n\n```kotlin\ncolorSeekBar.maxProgress = 1000\ncolorSeekBar.progress = 50\ncolorSeekBar.borderColor = Color.BLACK\ncolorSeekBar.borderRadius = 10\ncolorSeekBar.borderSize = 10\ncolorSeekBar.thumbDrawer = DefaultThumbDrawer(30,Color.WHITE,Color.BLUE)\ncolorSeekBar.isVertical = false\ncolorSeekBar.barHeight = 10\ncolorSeekBar.color = Color.BLACK // or colorSeekBar.progress = 100\n//lock thumb\ncolorSeekBar.isEnabled =false\n\n\nalphaSeekBar.maxProgress = 1000\nalphaSeekBar.borderColor = Color.BLACK\nalphaSeekBar.borderRadius = 10\nalphaSeekBar.borderSize = 10\nalphaSeekBar.thumbDrawer = DefaultThumbDrawer(30,Color.WHITE,Color.BLUE)\nalphaSeekBar.isVertical = false\nalphaSeekBar.barHeight = 10\nalphaSeekBar.alphaValue = 255 // or alphaSeekBar.progress = 100\n\n```\n\nListener\n\n```java\ncolorSeekBar.setOnColorChangeListener { progress, color -\u003e\n    Log.i(\"TAG\", \"===progress:$progress-color:$color===\")\n}\n\nalphaSeekBar.setOnAlphaChangeListener { progress, alpha -\u003e\n    Log.i(\"AlphaSeekBarFragment\", \"===progress:$progress-alpha:$alpha===\")\n}\n```\n\nThumb Drawer\n- com.rtugeek.android.colorseekbar.thumb.DefaultThumbDrawer\n- com.rtugeek.android.colorseekbar.thumb.DrawableThumbDrawer - Load thumb from drawable resource\n- com.rtugeek.android.colorseekbar.thumb.ThumbDrawer - Implement this interface if you want to customize thumb\n\n## Vertical Bar\n\n```xml\n\n\u003ccom.rtugeek.android.colorseekbar.ColorSeekBar \n    android:id=\"@+id/colorSlider\"\n    android:layout_width=\"match_parent\" \n    app:colorSeeds=\"@array/material_colors\"\n    app:colorSeekBarVertical=\"true\" \n    android:layout_height=\"wrap_content\" /\u003e\n```\n\n\u003cimg src=\"https://github.com/rtugeek/ColorSeekBar/blob/master/screenshot/vertical.jpg\" width=\"300\" /\u003e\n\n**Spread the word**\n\n\u003ca href=\"https://twitter.com/intent/tweet?text=Check%20out%20the%20ColorSeekBar%20library%20on%20Github:%20https://github.com/rtugeek/ColorSeekBar/\" target=\"_blank\" title=\"share to twitter\" style=\"width:100%\"\u003e\u003cimg src=\"https://github.com/PhilJay/MPAndroidChart/blob/master/design/twitter_icon.png\" title=\"Share on Twitter\" width=\"35\" height=35 /\u003e\n\u003ca href=\"https://plus.google.com/share?url=https://github.com/rtugeek/ColorSeekBar/\" target=\"_blank\" title=\"share to Google+\" style=\"width:100%\"\u003e\u003cimg src=\"https://github.com/PhilJay/MPAndroidChart/blob/master/design/googleplus_icon.png\" title=\"Share on Google+\" width=\"35\" height=35 /\u003e\n\u003ca href=\"https://www.facebook.com/sharer/sharer.php?u=https://github.com/rtugeek/ColorSeekBar/\" target=\"_blank\" title=\"share to facebook\" style=\"width:100%\"\u003e\u003cimg src=\"https://github.com/PhilJay/MPAndroidChart/blob/master/design/facebook_icon.png\" title=\"Share on Facebook\" width=\"35\" height=35 /\u003e\n\n## License\n\n            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE\n                    Version 2, December 2004\n\n    Copyright (C) 2004 Leon Fu \u003crtugeek@gmail.com\u003e\n\n    Everyone is permitted to copy and distribute verbatim or modified\n    copies of this license document, and changing it is allowed as long\n    as the name is changed.\n\n            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE\n    TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION\n\n     0. You just DO WHAT THE FUCK YOU WANT TO.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frtugeek%2FColorSeekBar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frtugeek%2FColorSeekBar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frtugeek%2FColorSeekBar/lists"}