{"id":21130119,"url":"https://github.com/appifyhub/circular-slider-android","last_synced_at":"2025-07-09T01:32:25.623Z","repository":{"id":29360851,"uuid":"32895330","full_name":"appifyhub/circular-slider-android","owner":"appifyhub","description":"Circular Slider UI Control for Android","archived":true,"fork":false,"pushed_at":"2017-04-07T11:27:54.000Z","size":926,"stargazers_count":307,"open_issues_count":3,"forks_count":51,"subscribers_count":8,"default_branch":"master","last_synced_at":"2025-07-03T08:04:15.920Z","etag":null,"topics":["android","border","circle","java","round","seek","slider","thumb"],"latest_commit_sha":null,"homepage":"","language":"Java","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/appifyhub.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-03-25T22:46:23.000Z","updated_at":"2025-04-18T13:39:09.000Z","dependencies_parsed_at":"2022-07-21T03:30:35.974Z","dependency_job_id":null,"html_url":"https://github.com/appifyhub/circular-slider-android","commit_stats":null,"previous_names":["appifyhub/circular-slider-android"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/appifyhub/circular-slider-android","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/appifyhub%2Fcircular-slider-android","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/appifyhub%2Fcircular-slider-android/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/appifyhub%2Fcircular-slider-android/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/appifyhub%2Fcircular-slider-android/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/appifyhub","download_url":"https://codeload.github.com/appifyhub/circular-slider-android/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/appifyhub%2Fcircular-slider-android/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264375391,"owners_count":23598369,"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","border","circle","java","round","seek","slider","thumb"],"created_at":"2024-11-20T05:32:17.583Z","updated_at":"2025-07-09T01:32:25.309Z","avatar_url":"https://github.com/appifyhub.png","language":"Java","readme":"Circular Slider\n===============\n[![Android Weekly](https://img.shields.io/badge/Android%20Weekly-184-blue.svg)](http://androidweekly.net/issues/issue-184)\n[![Android Arsenal](https://img.shields.io/badge/Android%20Arsenal-Circular%20Slider-brightgreen.svg?style=flat)](http://android-arsenal.com/details/1/3417)\n\nWhat is this?\n-------------\nCircular Slider is a custom-built Android View used for choosing numbers. It works similarly to the regular slider control (SeekBar), just goes around in a circular fashion - simple enough.\n**Note** that the thumb scroller (the thing you drag around) can be either a solid-color circle or a custom drawable (like a PNG image).\n\nRequirements\n------------\n- Android 3.0 or later (Minimum SDK level 11)\n- Android Studio (to compile and use)\n- **Eclipse is not supported**\n\nGetting Started\n---------------\n1. [Download Android Studio](http://developer.android.com/sdk/index.html)\n1. Launch Android Studio\n1. Start your new project\n1. Open your project's main Gradle file, in root directory (**/build.gradle**)\n1. Make sure you are using **jcenter()** in the repository block (**mavenCentral()** should work too)\n1. Open your app module Gradle file, for example **/app/build.gradle**\n1. In **dependencies** block, add the following line: `compile 'me.angrybyte.slider:slider:1.4.2'`\n1. Click **Tools/Android/Sync Project with Gradle Files** or click on the *Sync* icon in the top toolbar\n1. Click **Run/Run 'app'** to see if it's resolved correctly\n\nThis will run the app on your device. You may need to download a newer version of Gradle, which will be available in the Android Studio UI if compile fails.\n\nWhat does it look like?\n----------------------\n![screenshot_1](https://raw.githubusercontent.com/milosmns/circular-slider-android/master/slider/src/images/CircularSlider-Image_downscaled.png)\n\nA dark variant\n\nSample usage\n------------\n```xml\n\u003cme.angrybyte.circularslider.CircularSlider\n    android:id=\"@+id/circular\"\n    android:layout_width=\"match_parent\"\n    android:layout_height=\"match_parent\"\n    android:padding=\"30dp\"\n    circular:angle=\"3.14\"\n    circular:border_color=\"#505090\"\n    circular:border_thickness=\"14dp\"\n    circular:border_gradient_colors=\"#f05151;#4a90e2;#4a90e2\"\n    circular:thumb_color=\"#30AEFF\"\n    circular:thumb_size=\"24dp\" /\u003e\n```\n\nExplanation of attributes\n-------------------------\nHere are some short explanations for the attributes provided by the view. You can leave out any of them, values will get set to default ones.\n\n- `angle`: (**float**) The current position of the slider thumb, a pi-based value of the angle (radians).\n- `start_angle`: (**float**) The starting position of the slider thumb, a pi-based valued of the angle (radians).\n- `border_thickness`: (**dimension**) How thick should the slider border be (this can be a 0-dimension).\n- `border_color`: (**color**) Recolors the slider border to the specified color.\n- `border_gradient_colors`: (**string**) Creates a gradient on the slider's circular edge. Format: \"#f05151;#4a90e2;#4a90e2\"\n- `thumb_size`: (**dimension**) Radius of the slider thumb (thumb is the slider's movable part).\n- `thumb_image`: (**reference**) Set this to use an image instead of a colored circle for the slider thumb.\n- `thumb_color`: (**color**) Set this to use a colored circle instead of an image for the slider thumb.\n\n**Note** that `thumb color` and `thumb image` are mutually exclusive, you can't use both.\n\nSupport\n-------\nIf you've found an error while using the library, please [file an issue](https://github.com/milosmns/circular-slider-android/issues/new).\nAll patches are encouraged, and may be submitted by [forking this project](https://github.com/milosmns/circular-slider-android/fork) and\nsubmitting a pull request through GitHub.\nSome more help can be found here:\n- StackOverflow [here](http://stackoverflow.com/questions/tagged/circular-slider-android) or [here](http://stackoverflow.com/questions/tagged/circular-slider)\n- [On my blog](http://angrybyte.me)\n","funding_links":[],"categories":["Libs"],"sub_categories":["\u003cA NAME=\"Widget\"\u003e\u003c/A\u003eWidget"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fappifyhub%2Fcircular-slider-android","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fappifyhub%2Fcircular-slider-android","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fappifyhub%2Fcircular-slider-android/lists"}