{"id":13799586,"url":"https://github.com/JoeTomkinson/Xama.JTPorts.AnimatedCircleLoadingView","last_synced_at":"2025-05-13T08:31:36.514Z","repository":{"id":116579526,"uuid":"170212884","full_name":"JoeTomkinson/Xama.JTPorts.AnimatedCircleLoadingView","owner":"JoeTomkinson","description":"C# Port of the Android Java library AnimatedCircleLoadingView .","archived":false,"fork":false,"pushed_at":"2020-04-27T13:35:57.000Z","size":3561,"stargazers_count":9,"open_issues_count":0,"forks_count":4,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-12T04:46:00.479Z","etag":null,"topics":["android","animatedcircleloadingview","loading-animation","loading-animations","loading-spinner","xamarin","xamarin-android"],"latest_commit_sha":null,"homepage":null,"language":"C#","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/JoeTomkinson.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,"governance":null,"roadmap":null,"authors":null}},"created_at":"2019-02-11T22:28:32.000Z","updated_at":"2024-03-28T15:54:09.000Z","dependencies_parsed_at":"2024-01-07T21:51:34.420Z","dependency_job_id":"88734e31-b7db-4759-9080-a9a8f494f57b","html_url":"https://github.com/JoeTomkinson/Xama.JTPorts.AnimatedCircleLoadingView","commit_stats":null,"previous_names":["digitalsa1nt/xama.jtports.animatedcircleloadingview"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JoeTomkinson%2FXama.JTPorts.AnimatedCircleLoadingView","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JoeTomkinson%2FXama.JTPorts.AnimatedCircleLoadingView/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JoeTomkinson%2FXama.JTPorts.AnimatedCircleLoadingView/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JoeTomkinson%2FXama.JTPorts.AnimatedCircleLoadingView/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JoeTomkinson","download_url":"https://codeload.github.com/JoeTomkinson/Xama.JTPorts.AnimatedCircleLoadingView/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253903771,"owners_count":21981749,"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","animatedcircleloadingview","loading-animation","loading-animations","loading-spinner","xamarin","xamarin-android"],"created_at":"2024-08-04T00:01:04.208Z","updated_at":"2025-05-13T08:31:36.039Z","avatar_url":"https://github.com/JoeTomkinson.png","language":"C#","funding_links":["https://www.buymeacoffee.com/JTT"],"categories":["UI"],"sub_categories":[],"readme":"# Xamarin Animated Circle Loading View\n[![platform](https://img.shields.io/badge/platform-Xamarin.Android-brightgreen.svg)](https://www.xamarin.com/)\n[![API](https://img.shields.io/badge/API-10%2B-orange.svg?style=flat)](https://android-arsenal.com/api?level=10s)\n[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)\n[![NuGet](https://img.shields.io/nuget/v/Xama.JTPorts.RippleBackground.svg?label=NuGet)](https://www.nuget.org/packages/Xama.JTPorts.RippleBackground/)\n\nC# Port of the Android Java library [AnimatedCircleLoadingView](https://github.com/jlmd/AnimatedCircleLoadingView) by [jlmd](https://github.com/jlmd)\n\n\u003e _A determinate/indeterminate loading view animation.\n\u003e Based on [android-watch-loading-animation](http://www.materialup.com/posts/android-watch-loading-animation) \n\u003e by [Nils Banner](http://www.materialup.com/NilsMedia)_\n\n### Namespace: Xama.JTPorts.AnimatedCircleLoadingView\n\n![!gif](https://github.com/DigitalSa1nt/Xama.JTPorts.AnimatedCircleLoadingView/blob/master/images/20190216_225349.gif?raw=true)\n\n## Outstanding Tasks:\n\n- [x] Ensure Interfaces are implemented as per OOP standards.\n\n- [x] Apply standard capitalizations across the library as per .Net guidelines.\n\n- [ ] Fix xml attributes\n\n- [ ] Replace android 'listeners' with events.\n\n- [x] Replace colour implementations to match Xamarin.Android property requirements.\n\n- [ ] Ensure that non-optional parameters are all auto-populated if not supplied for the OO implementation.\n\n- [ ] Check for missing functionality in ported library and task out implementation.\n\n- [x] Create NuGet package.\n\n- [x] Fill basic usage information.\n\n# How to Install\n\n![NuGetIcon](https://raw.githubusercontent.com/DigitalSa1nt/Xama.JTPorts.AnimatedCircleLoadingView/master/images/nugetIcon.png)\n\nSimply add the [NuGet package](https://www.nuget.org/packages/Xama.JTPorts.RippleBackground/) directly to your Xamarin.Android solution, or use one of the following:\n\nPackage Manager:\n\u003e Install-Package Xama.JTPorts.AnimatedCircleLoadingView -Version 1.0.1\n\n.NET CLI:\n\u003e dotnet add package Xama.JTPorts.AnimatedCircleLoadingView --version 1.0.1\n\n## Basic Usage:\n\nCreate control in your xml layout:\n\n```cs\n\u003cXama.JTPorts.AnimatedCircleLoadingView.AnimatedCircleLoadingView\n  android:id=\"@+id/circle_loading_view_indeterminate\"\n  android:layout_width=\"250dp\"\n  android:layout_height=\"250dp\"\n  android:background=\"@color/white\" /\u003e\n```\n### Indeterminate Progress\n\nGet control and assign the colors, **this is important** as currently the control can't infer these if not provided\n\n```cs\nAnimatedCircleLoadingView animatedCircleLoadingView = FindViewById\u003cAnimatedCircleLoadingView\u003e(Resource.Id.circle_loading_view_indeterminate);\n\nanimatedCircleLoadingView.MainColor = Resource.Color.colorPrimaryDark;\nanimatedCircleLoadingView.SecondaryColor = Resource.Color.risualOrange;\nanimatedCircleLoadingView.TextColor = Resource.Color.colorAccent;\nanimatedCircleLoadingView.CheckMarkTintColor = Color.White;\n```\n\nYou can define a center body of text to sit inside of the loading view if needed\n\n```cs\nanimatedCircleLoadingView.TitleText = \"Loading\";\n```\nThen simply start the animation\n\n```cs\nanimatedCircleLoadingView.StartIndeterminate();\n```\n\n### Determinate Progress\n\nGet control and assign the colors, this is important as currently the control can't infer these if not provided\n\n```cs\nAnimatedCircleLoadingView animatedCircleLoadingView = FindViewById\u003cAnimatedCircleLoadingView\u003e(Resource.Id.circle_loading_view_indeterminate);\n\nanimatedCircleLoadingView.MainColor = Resource.Color.colorPrimaryDark;\nanimatedCircleLoadingView.SecondaryColor = Resource.Color.risualOrange;\nanimatedCircleLoadingView.TextColor = Resource.Color.colorAccent;\nanimatedCircleLoadingView.CheckMarkTintColor = Color.White;\n```\n\nStart the animation\n\n```cs\nanimatedCircleLoadingView.StartDeterminate();\n```\n\nThen simply set the percentage using this method (takes an integer value)\n\n```cs\nanimatedCircleLoadingView.SetPercentage(50);\n```\n\nCurrently when the control hits 100 percent it automatically adds the FinishedOK view, but you can also fire this manually.\n\n```cs\nanimatedCircleLoadingView.StopOk();\n```\n\nor the failed view\n\n```cs\nanimatedCircleLoadingView.StopFailure();\n```\n\n# Support 💎\n\nIf you want to support the work that I do and you find any of these libraries useful? Consider supporting it by joining [**stargazers**](https://github.com/DigitalSa1nt/Xama.JTPorts.AnimatedCircleLoadingView/stargazers) for this repository. :telescope: :stars:\n\n\u003cbr/\u003e\n\nor alternatively if you want to you can also buy me a coffee.\n\n\u003ca href=\"https://www.buymeacoffee.com/JTT\" target=\"_blank\"\u003e\u003cimg src=\"https://cdn.buymeacoffee.com/buttons/default-red.png\" alt=\"Buy Me A Coffee\" tyle=\"height: 41px !important;width: 174px !important;box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;\" \u003e\u003c/a\u003e\n-----\n_You know, only if you want to._\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FJoeTomkinson%2FXama.JTPorts.AnimatedCircleLoadingView","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FJoeTomkinson%2FXama.JTPorts.AnimatedCircleLoadingView","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FJoeTomkinson%2FXama.JTPorts.AnimatedCircleLoadingView/lists"}