Shaker/Avalonia/ShakerApp/Views/SignalPreview/SignalPreviewView.axaml

<UserControl
    x:Class="ShakerApp.Views.SignalPreviewView"
    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:oxy="http://oxyplot.org/avalonia"
    xmlns:vm="using:ShakerApp.ViewModels"
    d:DesignHeight="450"
    d:DesignWidth="800"
    x:DataType="vm:SignalPreviewViewModel"
    Background="Transparent"
    DataContext="{Binding Source={x:Static vm:SignalPreviewViewModel.Instance}}"
    mc:Ignorable="d">
    <Grid>
        <ItemsControl ItemsSource="{Binding SignalPreviews}">
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <ContentPresenter Content="{Binding Content, Converter={StaticResource Type2ViewConverter}, ConverterParameter='1'}" />
                </DataTemplate>
            </ItemsControl.ItemTemplate>
            <ItemsControl.ItemsPanel>
                <ItemsPanelTemplate>
                    <UniformGrid Columns="{Binding ColumnCount}" Rows="{Binding RowCount}" />
                </ItemsPanelTemplate>
            </ItemsControl.ItemsPanel>
        </ItemsControl>

        <Button
            Width="36"
            Height="36"
            Margin="10,4,0,0"
            Padding="0"
            HorizontalAlignment="Left"
            VerticalAlignment="Top"
            Background="Transparent"
            Classes="Basic">
            <Interaction.Behaviors>
                <EventTriggerBehavior EventName="PointerEntered">
                    <InvokeCommandAction Command="{Binding PointerEnteredCommand}" />
                </EventTriggerBehavior>
                <EventTriggerBehavior EventName="PointerExited">
                    <InvokeCommandAction Command="{Binding PointerExitedCommand}" />
                </EventTriggerBehavior>
            </Interaction.Behaviors>
            <PathIcon
                Width="{Binding $parent[Button].Width}"
                Height="{Binding $parent[Button].Height}"
                Margin="0"
                Padding="0"
                Data="{StaticResource LayoutGeometry}" />
        </Button>
        <Popup
            Width="160"
            Height="140"
            IsOpen="{Binding ShowLayout}"
            Placement="Pointer"
            PlacementMode="Bottom"
            PlacementTarget="{Binding $parent.Children[1]}">
            <Border
                Background="#e9f0fc"
                BorderBrush="Gray"
                BorderThickness="1"
                CornerRadius="4">
                <Interaction.Behaviors>
                    <EventTriggerBehavior EventName="PointerEntered">
                        <InvokeCommandAction Command="{Binding ControlPointerEnteredCommand}" />
                    </EventTriggerBehavior>
                    <EventTriggerBehavior EventName="PointerExited">
                        <InvokeCommandAction Command="{Binding ControlPointerExitedCommand}" />
                    </EventTriggerBehavior>
                </Interaction.Behaviors>
                <UniformGrid Columns="2" Rows="2">
                    <UniformGrid.Styles>
                        <Style Selector="Border">
                            <Setter Property="Background" Value="#d5d8dd" />
                            <Setter Property="BorderBrush" Value="#858789" />
                            <Setter Property="Cursor" Value="Hand" />
                        </Style>
                        <Style Selector="Border.Pointerover">
                            <Setter Property="Background" Value="#0067c0" />
                        </Style>
                    </UniformGrid.Styles>
                    <Border
                        Margin="4"
                        BorderThickness="1"
                        CornerRadius="6">
                        <Interaction.Behaviors>
                            <EventTriggerBehavior EventName="PointerPressed">
                                <InvokeCommandAction Command="{Binding OneCommnad}" />
                            </EventTriggerBehavior>
                        </Interaction.Behaviors>
                        <Border.Styles>
                            <Style Selector="Border">
                                <Setter Property="Background" Value="#d5d8dd" />
                                <Setter Property="BorderBrush" Value="#858789" />
                                <Setter Property="Cursor" Value="Hand" />
                            </Style>
                            <Style Selector="Border:pointerover">
                                <Setter Property="Background" Value="#0067c0" />
                            </Style>
                        </Border.Styles>
                    </Border>

                    <Grid
                        Margin="4"
                        Background="Transparent"
                        ColumnDefinitions="*,*"
                        Cursor="Hand">

                        <Interaction.Behaviors>
                            <EventTriggerBehavior EventName="PointerPressed">
                                <InvokeCommandAction Command="{Binding OneTwoCommand}" />
                            </EventTriggerBehavior>
                        </Interaction.Behaviors>
                        <Border
                            Margin="0,0,2,0"
                            BorderThickness="1"
                            Classes.Pointerover="{Binding $parent[Grid].IsPointerOver}"
                            CornerRadius="6,0,0,6" />
                        <Border
                            Grid.Column="1"
                            Margin="2,0,0,0"
                            BorderThickness="1"
                            Classes.Pointerover="{Binding $parent[Grid].IsPointerOver}"
                            CornerRadius="0,6,6,0" />
                    </Grid>
                    <Grid
                        Margin="4"
                        Background="Transparent"
                        Cursor="Hand"
                        RowDefinitions="*,*">
                        <Interaction.Behaviors>
                            <EventTriggerBehavior EventName="PointerPressed">
                                <InvokeCommandAction Command="{Binding TwoOneCommand}" />
                            </EventTriggerBehavior>
                        </Interaction.Behaviors>
                        <Border
                            Margin="0,0,0,2"
                            BorderThickness="1"
                            Classes.Pointerover="{Binding $parent[Grid].IsPointerOver}"
                            CornerRadius="6,6,0,0" />
                        <Border
                            Grid.Row="1"
                            Margin="0,2,0,0"
                            BorderThickness="1"
                            Classes.Pointerover="{Binding $parent[Grid].IsPointerOver}"
                            CornerRadius="0,0,6,6" />
                    </Grid>
                    <Grid
                        Margin="4"
                        Background="Transparent"
                        ColumnDefinitions="*,*"
                        Cursor="Hand"
                        RowDefinitions="*,*">
                        <Interaction.Behaviors>
                            <EventTriggerBehavior EventName="PointerPressed">
                                <InvokeCommandAction Command="{Binding TwoTwoCommand}" />
                            </EventTriggerBehavior>
                        </Interaction.Behaviors>
                        <Border
                            Margin="0,0,2,2"
                            BorderThickness="1"
                            Classes.Pointerover="{Binding $parent[Grid].IsPointerOver}"
                            CornerRadius="6,0,0,0" />
                        <Border
                            Grid.Row="1"
                            Margin="0,2,2,0"
                            BorderThickness="1"
                            Classes.Pointerover="{Binding $parent[Grid].IsPointerOver}"
                            CornerRadius="0,0,0,6" />

                        <Border
                            Grid.Column="1"
                            Margin="2,0,0,2"
                            BorderThickness="1"
                            Classes.Pointerover="{Binding $parent[Grid].IsPointerOver}"
                            CornerRadius="0,6,0,0" />
                        <Border
                            Grid.Row="1"
                            Grid.Column="1"
                            Margin="2,2,0,0"
                            BorderThickness="1"
                            Classes.Pointerover="{Binding $parent[Grid].IsPointerOver}"
                            CornerRadius="0,0,6,0" />
                    </Grid>
                </UniformGrid>
            </Border>
        </Popup>
    </Grid>
</UserControl>