Buffer.xaml

<UserControl x:Class="ArcGIS.WinUI.Samples.Buffer.Buffer"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:esriUI="using:Esri.ArcGISRuntime.UI.Controls">
    <Grid>
        <esriUI:MapView x:Name="MyMapView" />
        <Border Style="{StaticResource BorderStyle}">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto" />
                    <ColumnDefinition Width="Auto" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
                <TextBlock Grid.Row="0"
                           Grid.Column="0"
                           Grid.ColumnSpan="3"
                           VerticalAlignment="Center"
                           FontWeight="SemiBold"
                           HorizontalTextAlignment="Center"
                           Text="Tap to create planar and geodesic buffers" />
                <TextBlock Grid.Row="1"
                           Grid.Column="0"
                           Grid.ColumnSpan="2"
                           HorizontalAlignment="Right"
                           VerticalAlignment="Center"
                           Text="Buffer distance (miles):" />
                <TextBox x:Name="BufferDistanceMilesTextBox"
                         Grid.Row="1"
                         Grid.Column="2"
                         Margin="5"
                         Text="1000" />
                <Ellipse x:Name="BufferSwatchPlanarEllipse"
                         Grid.Row="2"
                         Grid.Column="0"
                         Width="20"
                         Height="20"
                         Margin="5"
                         Stroke="LightGray" />
                <TextBlock Grid.Row="2"
                           Grid.Column="1"
                           HorizontalAlignment="Left"
                           VerticalAlignment="Center"
                           Text="Planar buffers (Web Mercator)" />
                <Ellipse x:Name="BufferSwatchGeodesicEllipse"
                         Grid.Row="3"
                         Grid.Column="0"
                         Width="20"
                         Height="20"
                         Margin="5"
                         Stroke="LightGray" />
                <TextBlock Grid.Row="3"
                           Grid.Column="1"
                           HorizontalAlignment="Left"
                           VerticalAlignment="Center"
                           Text="Geodesic buffers" />
                <Button x:Name="ClearBuffersButton"
                        Grid.Row="4"
                        Grid.Column="0"
                        Grid.ColumnSpan="3"
                        Margin="5"
                        HorizontalAlignment="Stretch"
                        Click="ClearBuffersButton_Click"
                        Content="Clear" />
            </Grid>
        </Border>
    </Grid>
</UserControl>