<UserControl
    x:Class="ControlExplorer.Controls.Gauge.Knob"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:c1Gauge="using:C1.Xaml.Gauge"
    mc:Ignorable="d">
    <Grid>
        <TextBlock Text="Tap or drag gauge pointer to change value" HorizontalAlignment="Center" VerticalAlignment="Bottom" Margin="12"/>
        <!-- C1Knob -->
        <c1Gauge:C1Knob x:Name="knob" 
            Minimum="0" Maximum="100" Margin="20"
            SweepAngle="270" InteractionMode="ClickOrDrag" FaceVisibility="Collapsed">
            <c1Gauge:C1GaugeMark Interval="20" />
            <c1Gauge:C1GaugeMark Interval="10" />
            <c1Gauge:C1GaugeMark Interval="1" />
            <c1Gauge:C1GaugeLabel Interval="20" Alignment="Out" AlignmentOffset="10"/>
        </c1Gauge:C1Knob>
    </Grid>
</UserControl>
