{"id":15639344,"url":"https://github.com/3llomi/circularstatusview","last_synced_at":"2025-04-26T18:57:11.933Z","repository":{"id":88917841,"uuid":"156760998","full_name":"3llomi/CircularStatusView","owner":"3llomi","description":"A Simple View that draws portions of a Circle depending on a number , just like what WhatsApp has done for Status","archived":false,"fork":false,"pushed_at":"2022-12-02T19:18:28.000Z","size":658,"stargazers_count":88,"open_issues_count":1,"forks_count":26,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-25T05:46:36.851Z","etag":null,"topics":["chat","circular","status","story","whatsapp"],"latest_commit_sha":null,"homepage":"","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/3llomi.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":"2018-11-08T19:53:22.000Z","updated_at":"2025-02-11T07:23:07.000Z","dependencies_parsed_at":"2023-06-09T00:45:16.794Z","dependency_job_id":null,"html_url":"https://github.com/3llomi/CircularStatusView","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/3llomi%2FCircularStatusView","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/3llomi%2FCircularStatusView/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/3llomi%2FCircularStatusView/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/3llomi%2FCircularStatusView/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/3llomi","download_url":"https://codeload.github.com/3llomi/CircularStatusView/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250868665,"owners_count":21500345,"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":["chat","circular","status","story","whatsapp"],"created_at":"2024-10-03T11:25:29.142Z","updated_at":"2025-04-25T17:56:18.451Z","avatar_url":"https://github.com/3llomi.png","language":"Java","funding_links":[],"categories":[],"sub_categories":[],"readme":"# CircularStatusView\nA Simple View that draws portions of a Circle depending on a number , just like what WhatsApp has done for Status\n\n\n## Demo\n\u003cp float=\"left\"\u003e\n  \u003cimg src=\"etc/demo.png\" width=\"250\" /\u003e \n  \u003cimg src=\"etc/gif_demo.gif\" width=\"250\" /\u003e\n\u003c/p\u003e\n\n\n## Install\nAdd this to your project build.gradle\n```gradle\nallprojects {\n    repositories {\n        maven { url 'https://jitpack.io' }\n    }\n}\n```\nAdd this to your module build.gradle\n\n```gradle\ndependencies {\n  implementation 'com.github.3llomi:CircularStatusView:V1.0.3'\n}\n```\n\n\n## Usage\nNOTE:you can replace `CircleImageView` with any view \n\n### XML\n\n```xml\n\n \u003c?xml version=\"1.0\" encoding=\"utf-8\"?\u003e\n  \u003cRelativeLayout\n        android:id=\"@+id/image_layout\"\n        android:layout_width=\"wrap_content\"\n        android:layout_height=\"wrap_content\"\n        android:layout_marginLeft=\"8dp\"\n        android:layout_marginTop=\"8dp\"\n        app:layout_constraintLeft_toLeftOf=\"parent\"\n        app:layout_constraintTop_toTopOf=\"parent\"\u003e\n\n\n        \u003cde.hdodenhof.circleimageview.CircleImageView\n            android:layout_width=\"75dp\"\n            android:layout_height=\"75dp\"\n            android:layout_centerInParent=\"true\"\n            android:padding=\"6dp\"\n            android:src=\"@mipmap/ic_launcher\" /\u003e\n\n        \u003ccom.devlomi.circularstatusview.CircularStatusView\n            android:id=\"@+id/circular_status_view\"\n            android:layout_width=\"75dp\"\n            android:layout_height=\"75dp\"\n            android:layout_centerInParent=\"true\"\n            app:portion_color=\"@color/colorAccent\"\n            app:portion_spacing=\"4dp\"\n            app:portion_width=\"4dp\"\n            app:portions_count=\"8\" /\u003e\n\n\n    \u003c/RelativeLayout\u003e\n\n```\n\n\n### Java\n\n### Basic Usage\n```java\n\n        CircularStatusView circularStatusView = findViewById(R.id.record_view);\n        circularStatusView.setPortionsCount(statusList.size());\n        circularStatusView.setPortionsColor(getResources().getColor(R.color.colorAccent););\n\n```\n\n### Advanced Usage\n\n```java\n            if (userStatus.areAllSeen()) {\n                //set all portions color\n                circularStatusView.setPortionsColor(seenColor);\n            } else {\n                for (int i = 0; i \u003c statusList.size(); i++) {\n                    Status status = statusList.get(i);\n                    int color = status.isSeen() ? seenColor : notSeenColor;\n                    //set specific color for every portion\n                    circularStatusView.setPortionColorForIndex(i, color);\n                }\n\n            }\n```\n\nfor more info please check the sample app\n\n### Customization\n\n```java\n            circularStatusView.setPortionSpacing(5);//set the spacing between portions\n            circularStatusView.setPortionWidth(10);//set portion width\n            circularStatusView.setCustomPaint(myPaint); //create your custom paint for portions\n```\n\n```\n   Copyright 2018 AbdulAlim Rajjoub\n\n   Licensed under the Apache License, Version 2.0 (the \"License\");\n   you may not use this file except in compliance with the License.\n   You may obtain a copy of the License at\n\n       http://www.apache.org/licenses/LICENSE-2.0\n\n   Unless required by applicable law or agreed to in writing, software\n   distributed under the License is distributed on an \"AS IS\" BASIS,\n   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n   See the License for the specific language governing permissions and\n   limitations under the License.\n```\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F3llomi%2Fcircularstatusview","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F3llomi%2Fcircularstatusview","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F3llomi%2Fcircularstatusview/lists"}