Home

Awesome

Xamarin-Forms-Custom-Activity-Indicator

Xamarin Forms Custom Activity Indicator using GIF image.

Description

This can be used to show custom activity indicator by using GIF images, since in Xamarin forms it is not possible to show GIF images directly web-view is used. For android image must be placed inside assets folder and Build Action must be set to AndroidAsset. For iOS image must be placed inside resources and Build Action must be BundleResource. AbsoluteLayout is used for placing the image to center, IsBusy property is used for controlling the visibility of the activity indicator. Dependency service is used for getting the image path. MVVM Helpers is used basic properties. The Activity Indicator code is written in common folder so that it can be reused at many places. CommonFunctions is used for generic methods.

Prerequisites

Visual Studio 2017 or Visual Studio for Mac with Xamarin.

Development

Clone this repository and open XamarinCustomLoader.sln with Visual Studio or Visual Studio for Mac.

Built With

Screenshots

<p> <img src="https://github.com/LeslieCorrea/Xamarin-Forms-Custom-Activity-Indicator/blob/master/Screenshots/LandingPage.png" width="150" height="300" alt="LandingPage"> <img src="https://github.com/LeslieCorrea/Xamarin-Forms-Custom-Activity-Indicator/blob/master/Screenshots/SimpleLoaderButton.png" width="150" height="300" alt="SimpleLoaderButton"> <img src="https://github.com/LeslieCorrea/Xamarin-Forms-Custom-Activity-Indicator/blob/master/Screenshots/SimpleLoader.png" width="150" height="300" alt="SimpleLoader"> <img src="https://github.com/LeslieCorrea/Xamarin-Forms-Custom-Activity-Indicator/blob/master/Screenshots/LoaderWithBlurEffectButton.png" width="150" height="300" alt="LoaderWithBlurEffectButton"> <img src="https://github.com/LeslieCorrea/Xamarin-Forms-Custom-Activity-Indicator/blob/master/Screenshots/LoaderWithBlurEffect.png" width="150" height="300" alt="LoaderWithBlurEffect"> </p>

Authors

License

This project is licensed under the MIT License - see the LICENSE.md file for details.