Custom Loader With Popup In Xamarin.Forms

I am here with a new post on Custom Loader. The loader is very important in mobile apps.

Please see my older article, before preceding this article, and you can click here to read it. As you know, the activity indicator is to define the background process that is going on. So, start with my old project, Popup Demo.

We learned in the old article how to create popups in Xamarin Forms. Now, by moving forward with that project, we will create custom loader.

Implementation

In this demo, we are using a GIF image, and for this reason, we will use the ffimageloading plugin to display the GIF image.

Now we can install "FFImageLoading" plugins.

Then, right click on the project, click on Nuget Package.

Click browse and then search “FFImageLoading” plugins, select Plugins and then check projects in which we want to add this plugin.

Now we create 4 buttons for the navigation to the indecats loader.

1. CustomGIFLoader.xaml
2. CustomLoaderPage.xaml
3. LoadingPopupPage.xaml
4. RandomColorLoader.xaml

CustomGIFLoader.xaml

Write some XAML code for customGIFLoader.xaml, it is used for animation loader. When we do GIF, we have to make sure that the ffimageloading is referenced.

CustomGIFLoader.xaml

CustomLoaderPage.xaml

Write some xaml code for CustomLoaderPage.xaml. This is used for custom message loader.

CustomLoaderPage.xaml

LoadingPopupPage.xaml

Write code for LoadingPopupPage.xaml. This is used simply to indicate waiting.

LoadingPopupPage.xaml

RandomColorLoader.xaml

Write code for RandomColorLoader.xaml.

Use random color and write some C# code written for running every 1 second for changing the color.

RandomColorLoader.xaml