Sponser Link

Gradient background in Xamarin Forms

Magic gradient is a library which is provided by NuGet which is use for gradient them backgrounds in xamarin form. In this tutorial you will learn that how you can apply gradient. Firstly you will install the magic gradient using Nu Get.

Got to Tools->NuGet Package manager -> Manage NuGet Packaget for solution then browse.

Now type here magic, you will find the magic gradient on top.

In this example, we will use linear gradient. Here angle is zero. You can define the angle as per your requirement. Here gradient will start from left to right (orange to white). You can define custom hexa color code.

 
    <magic:GradientView VerticalOptions="FillAndExpand" >
        <magic:GradientView.GradientSource>
            <magic:LinearGradient Angle="0">
                 <magic:GradientStop Color="Orange" Offset="0" />
                 <magic:GradientStop Color="White" Offset="1" />
            </magic:LinearGradient>
        </magic:GradientView.GradientSource>
    </magic:GradientView>