inabox/InABox.Avalonia/Components/ImageEditor/ImageEditor.axaml

<UserControl xmlns="https://github.com/avaloniaui"
             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:components="using:InABox.Avalonia.Components"
			 xmlns:converters="using:InABox.Avalonia.Converters"
             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
             x:Class="InABox.Avalonia.Components.ImageEditor">
	<Grid>
		<Grid.RowDefinitions>
			<RowDefinition Height="*"/>
			<RowDefinition Height="Auto"/>
		</Grid.RowDefinitions>
		<Image Grid.Row="0" Source="{Binding $parent[components:ImageEditor].Source}"/>
		<Canvas Name="Canvas"
				Grid.Row="0"
				Background="Transparent"
				PointerPressed="Canvas_PointerPressed"
				PointerMoved="Canvas_PointerMoved"
				PointerReleased="Canvas_PointerReleased"/>
		<Border Grid.Row="1" Classes="Standard">
			<Grid>
				<Grid.ColumnDefinitions>
					<ColumnDefinition Width="*"/>
					<ColumnDefinition Width="Auto"/>
					<ColumnDefinition Width="*"/>
				</Grid.ColumnDefinitions>
				<UniformGrid Grid.Column="1" Margin="-10" Rows="1">
					<UniformGrid.Styles>
						<Style Selector="FlyoutPresenter">
							<Setter Property="Padding" Value="{StaticResource PrsControlSpacing}"/>
							<Setter Property="CornerRadius" Value="{StaticResource PrsCornerRadius}"/>
							<Setter Property="BorderBrush" Value="Black"/>
							<Setter Property="MinWidth" Value="0"/>
						</Style>
					</UniformGrid.Styles>
					<Button Name="ShapeButton"
							Width="40" Height="40"
							Margin="10">
						<Button.Flyout>
							<Flyout Placement="Top" VerticalOffset="-5">
								<UniformGrid Margin="-10" Rows="1">
									<Button Width="40" Height="40" Margin="10"
											CommandParameter="{x:Static components:ImageEditingMode.Polyline}"
											Command="{Binding $parent[components:ImageEditor].SetModeCommand}"/>
								</UniformGrid>
							</Flyout>
						</Button.Flyout>
					</Button>
					<Button Name="PrimaryColour" Width="40" Height="40">
						<Ellipse Width="25" Height="25"
								 Margin="10"
								 HorizontalAlignment="Center" VerticalAlignment="Center"
								 Fill="{Binding $parent[components:ImageEditor].PrimaryBrush}"
								 Stroke="Transparent"/>
						<Button.Flyout>
							<Flyout Placement="Top" VerticalOffset="-5">
								<ColorView Color="{Binding $parent[components:ImageEditor].PrimaryBrush,Converter={x:Static converters:BrushToColorConverter.Instance}}"/>
							</Flyout>
						</Button.Flyout>
					</Button>
				</UniformGrid>
			</Grid>
		</Border>
	</Grid>
</UserControl>