SWRIS-HD/Controls/DamageRangeControl.xaml

<UserControl x:Class="SWRIS.Controls.DamageRangeControl"
             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:SWRIS.Controls"
             mc:Ignorable="d" FontSize="18"
             FontFamily="{StaticResource PuHuiTiRegular}"
             d:DesignHeight="50" d:DesignWidth="1100">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="15"/>
        </Grid.RowDefinitions>
        <Border CornerRadius="5" Grid.Row="0">
            <Border.Background>
                <LinearGradientBrush StartPoint="0,0.5" EndPoint="1,0.5">
                    <GradientStop Color="#3300FF78" Offset="0"/>
                    <GradientStop Color="#33FF9600" Offset="0.33"/>
                    <GradientStop Color="#33FF0000" Offset="0.66"/>
                    <GradientStop Color="#33FF008A" Offset="1"/>
                </LinearGradientBrush>
            </Border.Background>
            <UniformGrid Columns="6">
                <TextBlock FontWeight="Regular" VerticalAlignment="Center" HorizontalAlignment="Center">
                    <Run Text="轻微"/>
                    <Run Text="{Binding MildCount, RelativeSource={RelativeSource AncestorType=UserControl}}"/>
                </TextBlock>
                <TextBlock FontWeight="Regular" VerticalAlignment="Center" HorizontalAlignment="Center">
                    <Run Text="轻度"/>
                    <Run Text="{Binding LightCount, RelativeSource={RelativeSource AncestorType=UserControl}}"/>
                </TextBlock>
                <TextBlock FontWeight="Regular" VerticalAlignment="Center" HorizontalAlignment="Center">
                    <Run Text="中度"/>
                    <Run Text="{Binding ModerateCount, RelativeSource={RelativeSource AncestorType=UserControl}}"/>
                </TextBlock>
                <TextBlock FontWeight="Regular" VerticalAlignment="Center" HorizontalAlignment="Center">
                    <Run Text="较重"/>
                    <Run Text="{Binding SevereCount, RelativeSource={RelativeSource AncestorType=UserControl}}"/>
                </TextBlock>
                <TextBlock FontWeight="Regular" VerticalAlignment="Center" HorizontalAlignment="Center">
                    <Run Text="严重"/>
                    <Run Text="{Binding CriticalCount, RelativeSource={RelativeSource AncestorType=UserControl}}"/>
                </TextBlock>
                <TextBlock FontWeight="Regular" VerticalAlignment="Center" HorizontalAlignment="Center">
                    <Run Text="超限"/>
                    <Run Text="{Binding ExtremeCount, RelativeSource={RelativeSource AncestorType=UserControl}}"/>
                </TextBlock>
            </UniformGrid>
        </Border>
        <UniformGrid Columns="6" Margin="0,5" Grid.Row="1">
            <Rectangle Height="5" Fill="#00FF78" RadiusX="2.5" RadiusY="2.5" Margin="0,0,3,0"/>
            <Rectangle Height="5" Fill="#FFF000" RadiusX="2.5" RadiusY="2.5" Margin="3,0,3,0"/>
            <Rectangle Height="5" Fill="#FF9400" RadiusX="2.5" RadiusY="2.5" Margin="3,0,3,0"/>
            <Rectangle Height="5" Fill="#FF6C00" RadiusX="2.5" RadiusY="2.5" Margin="3,0,3,0"/>
            <Rectangle Height="5" Fill="#FF0000" RadiusX="2.5" RadiusY="2.5" Margin="3,0,3,0"/>
            <Rectangle Height="5" Fill="#FF008A" RadiusX="2.5" RadiusY="2.5" Margin="3,0,0,0"/>
        </UniformGrid>
    </Grid>
</UserControl>