Audit_APP/View/StatisticsView.xaml

<UserControl x:Class="Audit.View.StatisticsView"
             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:Audit.View"
             mc:Ignorable="d" DataContext="{Binding Source={StaticResource Locator},Path=Statistics}"
             d:DesignHeight="900" d:DesignWidth="1000"
    xmlns:mah="clr-namespace:MahApps.Metro.Controls;assembly=MahApps.Metro">
    <UserControl.Resources>
        <Style x:Key="RadioButtonStyle" TargetType="{x:Type RadioButton}">
            <Setter Property="Background" Value="{DynamicResource MahApps.Brushes.ThemeBackground}"/>
            <Setter Property="BorderBrush" Value="#FFF0F0F0"/>
            <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="1" 
                                               Text="{TemplateBinding Content}" 
                                               FontFamily="Fonts/#FontAwesome" 
                                               HorizontalAlignment="Center" 
                                               Width="80" FontSize="20" Margin="0,5,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>
    </UserControl.Resources>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="30"/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Border BorderThickness="0,0,0,1" BorderBrush="#CCCCCC">
        </Border>
        <Grid Grid.Row="0">
            <RadioButton Content="    染料" x:Uid="0" HorizontalAlignment="Left" Height="30" Margin="0,0,0,1" VerticalAlignment="Top" Width="100" Background="#FFE0E0E0" BorderBrush="#FFFFFFFF" Style="{DynamicResource RadioButtonStyle}" BorderThickness="5,0,5,0"/>
            <RadioButton Content="    助剂" x:Uid="1" HorizontalAlignment="Left" Height="30" Margin="100,0,0,1" VerticalAlignment="Top" Width="100" Background="#FFE0E0E0" BorderBrush="#FFFFFFFF" Style="{DynamicResource RadioButtonStyle}" BorderThickness="5,0,5,0"/>
            <RadioButton Content="粉体助剂" x:Uid="2" HorizontalAlignment="Left" Height="30" Margin="200,0,0,1" VerticalAlignment="Top" Width="100" Background="#FFE0E0E0" BorderBrush="#FFFFFFFF" Style="{DynamicResource RadioButtonStyle}" BorderThickness="5,0,5,0"/>
        </Grid>
        <Grid Grid.Row="1">
            <Grid Grid.Column="1">
                <ContentControl x:Name="ContentControl" Margin="0,31,0,0"/>
            </Grid>
        </Grid>
    </Grid>
</UserControl>