Форма кассового аппарата

Я новичок в C # и, честно говоря, в программировании.

Я экспериментирую над созданием программы типа кассового аппарата, и я выбрал WPF, потому что он был рекомендован как лучший, чем Forms, когда дело доходит до изменения размера и графики.

Я ищу отзывы о том, как я могу улучшить свой XAML.

    <Page x:Class="Registry_Project.RightPanel_Menu"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
  xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
  xmlns:local="clr-namespace:Registry_Project"
  mc:Ignorable="d" 
  d:DesignHeight="450" d:DesignWidth="800"
  Title="RightPanel_Menu" MinHeight="720" MinWidth="340">

<Grid Background="Black">
    <Grid.RowDefinitions>
        <RowDefinition Height="320*"/>
        <RowDefinition Height="120"/>
        <RowDefinition Height="300"/>
    </Grid.RowDefinitions>
    <ListBox Grid.Row="0" x:Name="LBoxOrder" Margin="10"/>
    <StackPanel Grid.Row="1" Orientation="Horizontal" HorizontalAlignment="Center">
        <Button Margin="10,0,10,0" Width="70" Background="#FFF13C3C">
            <TextBlock Text="Remove Item" TextWrapping="Wrap" TextAlignment="Center" FontSize="18"/>
        </Button>
        <Grid Margin="5" ShowGridLines="True" HorizontalAlignment="Center" >
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="80"/>
                <ColumnDefinition Width="70"/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="auto"/>
            </Grid.RowDefinitions>
            <TextBlock Text="Total:" Margin="5" Grid.Row="0" Grid.Column="0" Foreground="White" HorizontalAlignment="Left" FontSize="20"/>
            <TextBlock Text="Cash:" Margin="5" Grid.Row="1" Grid.Column="0" Foreground="White" HorizontalAlignment="Left" FontSize="20"/>
            <TextBlock Text="Change:" Margin="5" Grid.Row="2" Grid.Column="0" Foreground="White" HorizontalAlignment="Left" FontSize="20"/>

            <TextBlock Text="9999" Margin="5" Grid.Row="0" Grid.Column="1" Foreground="White" HorizontalAlignment="Right" FontSize="20"/>
            <TextBlock x:Name="CashBlock" Text="9999" Margin="5" Grid.Row="1" Grid.Column="1" Foreground="White" HorizontalAlignment="Right" FontSize="20"/>
            <TextBlock Text="9999" Margin="5" Grid.Row="2" Grid.Column="1" Foreground="White" HorizontalAlignment="Right" FontSize="20"/>

        </Grid>
        <Button Content="PAY" Margin="10,0,10,0" FontSize="30" Background="#FF49DA29" Width="70"/>
    </StackPanel>
    <Grid Grid.Row="2" HorizontalAlignment="Center" VerticalAlignment="Center" >
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="auto"/>
            <ColumnDefinition Width="auto"/>
            <ColumnDefinition Width="auto"/>
            <ColumnDefinition Width="auto"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="auto"/>
            <RowDefinition Height="auto"/>
            <RowDefinition Height="auto"/>
            <RowDefinition Height="auto"/>
        </Grid.RowDefinitions>
        <Button Content="1" FontSize="20" Grid.Column="0" Grid.Row="2" Margin="2" Width="50" Height="50" Click="NumEvent"/>
        <Button Content="2" FontSize="20" Grid.Column="1" Grid.Row="2" Margin="2" Width="50" Height="50" Click="NumEvent"/>
        <Button Content="3" FontSize="20" Grid.Column="2" Grid.Row="2" Margin="2" Width="50" Height="50" Click="NumEvent"/>
        <Button Content="4" FontSize="20" Grid.Column="0" Grid.Row="1" Margin="2" Width="50" Height="50" Click="NumEvent"/>
        <Button Content="5" FontSize="20" Grid.Column="1" Grid.Row="1" Margin="2" Width="50" Height="50" Click="NumEvent"/>
        <Button Content="6" FontSize="20" Grid.Column="2" Grid.Row="1" Margin="2" Width="50" Height="50" Click="NumEvent"/>
        <Button Content="7" FontSize="20" Grid.Column="0" Grid.Row="0" Margin="2" Width="50" Height="50" Click="NumEvent"/>
        <Button Content="8" FontSize="20" Grid.Column="1" Grid.Row="0" Margin="2" Width="50" Height="50" Click="NumEvent"/>
        <Button Content="9" FontSize="20" Grid.Column="2" Grid.Row="0" Margin="2" Width="50" Height="50" Click="NumEvent"/>
        <Button Content="0" FontSize="20" Grid.Column="0" Grid.Row="3" Margin="2" Width="50" Height="50" Click="NumEvent"/>
        <Button Content="." FontSize="20" Grid.Column="1" Grid.Row="3" Margin="2" Width="50" Height="50" Click="NumEvent"/>
        <Button Content="Clear" FontSize="18" Grid.Column="2" Grid.Row="3" Margin="2" Width="50" Height="50" Click="clik_Clear"/>
    </Grid>
</Grid>

Ты пробовала Предложенные действия

Появилась новая функция под названием Предложенные действия что обеспечивает легкий доступ к общим свойствам при выборе элемента управления. Эта функция доступна в Предварительная версия Visual Studio 2019 версия 16.6 и более поздние. Чтобы использовать его, сначала включите его через Параметры> Функции предварительного просмотра> Предлагаемые действия XAML. После включения щелкните поддерживаемый элемент управления и используйте «лампочку», чтобы развернуть и взаимодействовать с пользовательским интерфейсом «Предлагаемые действия».

Более подробную информацию об этой функции можно найти здесь.