DyeingComputer/MainWindow.xaml

<Window x:Class="DyeingComputer.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        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:local="clr-namespace:DyeingComputer"
        mc:Ignorable="d"
        Title="SUNLIGHT 838 b0.0.1 (2024/08/10)" Height="720" Width="1280">
    <Window.Resources>

        <Style x:Key="RadioButtonStyle" TargetType="{x:Type RadioButton}">
            <Setter Property="Background" Value="{DynamicResource MahApps.Brushes.ThemeBackground}"/>
            <Setter Property="BorderBrush" Value="{DynamicResource MahApps.Brushes.CheckBox}"/>
            <Setter Property="FocusVisualStyle" Value="{DynamicResource {x:Static SystemParameters.FocusVisualStyleKey}}"/>
            <Setter Property="FontFamily" Value="{DynamicResource MahApps.Fonts.Family.Control}"/>
            <Setter Property="FontSize" Value="{DynamicResource MahApps.Font.Size.Content}"/>
            <Setter Property="Foreground" Value="{DynamicResource MahApps.Brushes.Text}"/>
            <Setter Property="HorizontalContentAlignment" Value="Left"/>
            <Setter Property="OverridesDefaultStyle" Value="True"/>
            <Setter Property="Padding" Value="6 0 0 0"/>
            <Setter Property="SnapsToDevicePixels" Value="True"/>
            <Setter Property="Stylus.IsPressAndHoldEnabled" Value="False"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type RadioButton}">
                        <Grid>
                            <Border x:Name="border" Background="{TemplateBinding Background}">
                                <Grid>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition>
                                        </ColumnDefinition>
                                    </Grid.ColumnDefinitions>
                                    <TextBlock Grid.Row="0" Grid.Column="0" 
                                               Text="{TemplateBinding Tag}" 
                                               FontFamily="Fonts/#FontAwesome" 
                                               HorizontalAlignment="Left" 
                                               Width="40" FontSize="30" Margin="10,10,0,0"/>
                                    <TextBlock Grid.Row="0" Grid.Column="1" 
                                               Text="{TemplateBinding Content}" 
                                               FontFamily="Fonts/#FontAwesome" 
                                               HorizontalAlignment="Left" 
                                               Width="NaN" FontSize="30" Margin="50,10,0,0"/>
                                </Grid>
                            </Border>
                        </Grid>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter Property="Background" Value="#FFA0A0A0" TargetName="border"/>
                            </Trigger>
                            <Trigger Property="IsChecked" Value="True">
                                <Setter Property="Background" Value="#FFF5F5F5" TargetName="border"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>
    
    <Grid VerticalAlignment="Bottom">
        <Rectangle Margin="0,0,0,0" Fill="#FFCCCCCC" VerticalAlignment="Bottom" Height="50"/>
        <RadioButton Content="工单" Tag="&#xF2d2;" Style="{DynamicResource RadioButtonStyle}" HorizontalAlignment="Left" Height="50" Margin="0,0,0,0" VerticalAlignment="Bottom" Width="200" Background="#FFCCCCCC"/>
        <RadioButton Content="工艺" Tag="&#xF036;" Style="{DynamicResource RadioButtonStyle}" HorizontalAlignment="Left" Height="50" Margin="200,0,0,0" VerticalAlignment="Bottom" Width="200" Background="#FFCCCCCC"/>
        <RadioButton Content="曲线" Tag="&#xF1fe;" Style="{DynamicResource RadioButtonStyle}" HorizontalAlignment="Left" Height="50" Margin="400,0,0,0" VerticalAlignment="Bottom" Width="200" Background="#FFCCCCCC"/>
        <RadioButton Content="机台" Tag="&#xF1b3;" Style="{DynamicResource RadioButtonStyle}" HorizontalAlignment="Left" Height="50" Margin="600,0,0,0" VerticalAlignment="Bottom" Width="200" Background="#FFCCCCCC"/>
        <RadioButton Content="历史" Tag="&#xF15C;" Style="{DynamicResource RadioButtonStyle}" HorizontalAlignment="Left" Height="50" Margin="800,0,0,0" VerticalAlignment="Bottom" Width="200" Background="#FFCCCCCC"/>
        <RadioButton Content="duo" Tag="&#xF061;" Style="{DynamicResource RadioButtonStyle}" HorizontalAlignment="Right" Height="50" Margin="0,0,0,0" VerticalAlignment="Bottom" Width="200" Background="#FFCCCCCC"/>

        <RadioButton Content="输入输出" Tag="&#xF065;" Style="{DynamicResource RadioButtonStyle}" HorizontalAlignment="Left" Height="50" Margin="0,0,0,0" VerticalAlignment="Bottom" Width="200" Background="#FFCCCCCC"/>
        <RadioButton Content="系统" Tag="&#xF2a2;" Style="{DynamicResource RadioButtonStyle}" HorizontalAlignment="Left" Height="50" Margin="200,0,0,0" VerticalAlignment="Bottom" Width="200" Background="#FFCCCCCC"/>
        <RadioButton Content="参数" Tag="&#xF013;" Style="{DynamicResource RadioButtonStyle}" HorizontalAlignment="Left" Height="50" Margin="400,0,0,0" VerticalAlignment="Bottom" Width="200" Background="#FFCCCCCC"/>
        <RadioButton Content="工艺组" Tag="&#xF00a;" Style="{DynamicResource RadioButtonStyle}" HorizontalAlignment="Left" Height="50" Margin="600,0,0,0" VerticalAlignment="Bottom" Width="200" Background="#FFCCCCCC"/>
        <RadioButton Content="工程师" Tag="&#xF0f0;" Style="{DynamicResource RadioButtonStyle}" HorizontalAlignment="Left" Height="50" Margin="800,0,0,0" VerticalAlignment="Bottom" Width="200" Background="#FFCCCCCC"/>
        <RadioButton Content="duo" Tag="&#xF060;" Style="{DynamicResource RadioButtonStyle}" HorizontalAlignment="Right" Height="50" Margin="0,0,0,0" VerticalAlignment="Bottom" Width="200" Background="#FFCCCCCC"/>


        <Grid Grid.Column="1">
            <ContentControl x:Name="container" Margin="0,0,0,50"/>
        </Grid>
    </Grid>
</Window>