MainPage.xaml

<Page
    x:Class="SkiaSharpUnoDemo.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:SkiaSharpUnoDemo"
    xmlns:views="using:SkiaSharp.Views.UWP"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Pivot>
        <PivotItem Header="Shapes">
            <views:SKXamlCanvas PaintSurface="OnPaintingShapes" />
        </PivotItem>
        <PivotItem Header="Interpolation">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition/>
                    <RowDefinition/>
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Slider Grid.Row="0" 
                        Minimum="0"
                        Maximum="100" 
                        Value="{x:Bind Interpolation, Mode=TwoWay}" />
                <Button Grid.Row="0"
                        Content="Toggle Animation"
                    Click="OnAnimateClicked" />
                <views:SKXamlCanvas  Grid.Row="1"
                    x:Name="interpolationCanvas"
                    PaintSurface="OnPaintingInterpolation" />
            </Grid>
        </PivotItem>
    </Pivot>
</Page>