eliteKit
Xamarin UI Kit
Welcome back

Gradient View properties

eliteGradientView element properties

Color1
Color
Define the first gradient color to be used for the animation.
XAML
C#
<eliteKit:eliteGradientView
  Color1="Blue" />
eliteGradientView eliteGradientView = new eliteGradientView()
{
  Color1 = Color.Blue
};
Color2
Color
Define the second gradient color to be used for the animation.
XAML
C#
<eliteKit:eliteGradientView
  Color2="Blue" />
eliteGradientView eliteGradientView = new eliteGradientView()
{
  Color2 = Color.Blue
};
Color3
Color
Define the third gradient color to be used for the animation.
XAML
C#
<eliteKit:eliteGradientView
  Color3="Blue" />
eliteGradientView eliteGradientView = new eliteGradientView()
{
  Color3 = Color.Blue
};
Color4
Color
Define the fourth gradient color to be used for the animation.
XAML
C#
<eliteKit:eliteGradientView
  Color4="Blue" />
eliteGradientView eliteGradientView = new eliteGradientView()
{
  Color4 = Color.Blue
};
GradientAnimationEnabled
Boolean
Define if the linear gradient animation should be used. Otherwise a fading animation will be used to switch between colors.
XAML
C#
<eliteKit:eliteGradientView
  GradientAnimationEnabled="False" />
eliteGradientView eliteGradientView = new eliteGradientView()
{
  GradientAnimationEnabled = false
};
ChangeColorsAutomatically
Boolean
Define if the color should automatically change. Otherwise the colors will be shown in order of definition.
XAML
C#
<eliteKit:eliteGradientView
  ChangeColorsAutomatically="False" />
eliteGradientView eliteGradientView = new eliteGradientView()
{
  ChangeColorsAutomatically = false
};
TransitionSpeed
Speed
Define the transition speed between the changing of colors. You can select between Speed.Slow, Speed.Normal and Speed.Fast.
XAML
C#
<eliteKit:eliteGradientView
  TransitionSpeed="Fast" />
eliteGradientView eliteGradientView = new eliteGradientView()
{
  TransitionSpeed = Speed.Fast
};
ContentView
View
Define any Xamarin Forms View to be placed on top of the Gradient View.
XAML
C#
<eliteKit:eliteGradientView
  VerticalOptions="FillAndExpand"
  HorizontalOptions="FillAndExpand"
  Color1="Red"
  Color2="Green"
  Color3="Purple"
  Color4="Yellow"
  GradientAnimationEnabled="True"
  TransitionSpeed="Normal"
  ChangeColorsAutomatically="True">
  <eliteKit:eliteGradientView.ContentView>
    <eliteKit:eliteButton
      VerticalOptions="StartAndExpand"
      HorizontalOptions="FillAndExpand"
      HeightRequest="60"
      ButtonTitle="Button on the Gradient View" />
  </eliteKit:eliteGradientView.ContentView>
</eliteKit:eliteGradientView>
eliteButton buttonGradientView = new eliteButton()
{
  VerticalOptions = LayoutOptions.StartAndExpand,
  HorizontalOptions = LayoutOptions.FillAndExpand,
  HeightRequest = 60,
  ButtonTitle = "Button on the Gradient View"
};

eliteGradientView eliteGradientView = new eliteGradientView()
{
  VerticalOptions = LayoutOptions.FillAndExpand,
  HorizontalOptions = LayoutOptions.FillAndExpand,
  Color1 = Color.Red,
  Color2 = Color.Green,
  Color3 = Color.Purple,
  Color4 = Color.Yellow,
  GradientAnimationEnabled = true,
  TransitionSpeed = Speed.Normal,
  ChangeColorsAutomatically = true,
  ContentView = buttonGradientView
};
We are using cookies!
This website uses cookies to ensure you get the best experience on our website. We're sorry that you can't eat them.
eliteKit
Create beautiful Xamarin Forms apps with eliteKit.
A collection of a lot UI elements made in SkiaSharp.
0
community members
0
eliteKit PRO members
0
eliteKit LITE downloads
0
eliteKit elements
Copyright © 2020. All rights reserved. Made with a lot of love and caffeine.
Powered by eliteCode.