<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:xuni="clr-namespace:Xuni.Forms.Gauge;assembly=Xuni.Forms.Gauge"
             x:Class="Gauges101.CustomAnimation" x:Name="page"
             Padding="20">
  <StackLayout VerticalOptions="FillAndExpand">
    <Label BindingContext="{x:Reference page}" Text="{Binding Title}" IsVisible="{StaticResource TitleVisible}" HorizontalOptions="Center" Font="Large"/>
    <xuni:XuniLinearGauge x:Name="linearGauge" IsAnimated="False" Value="{Binding Value}" PointerColor="#FF3A6CC1">
      <xuni:XuniLinearGauge.Ranges>
        <xuni:GaugeRange Min="0" Max="40" Color="Red"/>
        <xuni:GaugeRange Min="40" Max="80" Color="Yellow"/>
        <xuni:GaugeRange Min="80" Max="100" Color="Green"/>
      </xuni:XuniLinearGauge.Ranges>
    </xuni:XuniLinearGauge>
    <xuni:XuniRadialGauge x:Name="radialGauge" IsAnimated="False" Value="{Binding Value}" PointerColor="#FF3A6CC1" VerticalOptions="FillAndExpand">
      <xuni:XuniRadialGauge.Ranges>
        <xuni:GaugeRange Min="0" Max="40" Color="Red"/>
        <xuni:GaugeRange Min="40" Max="80" Color="Yellow"/>
        <xuni:GaugeRange Min="80" Max="100" Color="Green"/>
      </xuni:XuniRadialGauge.Ranges>
    </xuni:XuniRadialGauge>
  </StackLayout>
</ContentPage>