Automatic Image Slider In Xamarin.Forms

4. Type the following code in your “cs” file.
   
   1. var images = new List<string>
   2. {
   3. "https://image.shutterstock.com/image-photo/beautiful-abstract-grunge-decorative-navy-260nw-539880832.jpg","http://localhost:62212/Uploads/back2.png","http://localhost:62212/Uploads/heart.png"
   4. };
   5. MainCarouselView.ItemsSource = images;
   This code will be written under the “Initialize component();”
   
   
   
   We’ll give some “Image Addresses” in our code on which we want to apply the Image Slider.

5. Now, if we want our Image Slider to work automatically, we’ll have to type some more code in our “cs” file, as defined below.
   
   1. Device.StartTimer(TimeSpan.FromSeconds(5), (Func<bool>)(() =>
   2. {
   3. MainCarouselView.Position = (MainCarouselView.Position + 1) % images.Count;
   4. return true;
   5. }));
   This code will help us to work with image slider automatically.
   
   
   
   With the help of this code, we can get an output on Android successfully. But if we want to get output on UWP, we have to do some extra settings for getting the output.

6. Settings for UWP

• Go to your UWP project.
• Type the following code in your “Xaml” File of the UWP project.
  
  1. <Application.Resources>
  2. <DataTemplate x:Key="ItemTemplate">
  3. <Platform:ItemControl HorizontalAlignment="Stretch" VerticalAlignment="Stretch"></Platform:ItemControl>
  4. </DataTemplate>
  5. </Application.Resources>

• The code will be typed inside the <Application> Tag of the “Xaml” file of UWP project.
  
  
  
  Add the following library in “Library Files”.
  
  xmlns:Platform="using:Xamarin.Forms.Platform"
  
  
  
  Now, with the help of this setting, we will be able to see the output on UWP.

Output