DynAreaWeight.xaml

<UserControl x:Class="FLY.Weight2.UI.Client.UiModule.DynAreaWeight"
      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:FLY.Weight2.UI.Client.UiModule"
      xmlns:flyctrl="clr-namespace:FLY.ControlLibrary;assembly=FLY.ControlLibrary"
      mc:Ignorable="d" 
      d:DesignWidth="292" >
    <UserControl.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/FLY.Weight2.UI.Client;component/Themes/UcWeighterItemStyle.xaml"/>
            </ResourceDictionary.MergedDictionaries>

            <Style TargetType="{x:Type Path}" x:Key="PathStyle_icon">
                <Setter Property="Fill" Value="White"/>
                <Setter Property="Stretch" Value="Uniform"/>
                <Setter Property="Width" Value="30"/>
                <Setter Property="Height" Value="30"/>
                <Setter Property="SnapsToDevicePixels" Value="True"/>
            </Style>

            <local:DynAreaViewModelParams x:Key="unitests_props" IsError="False" Error="报警MSG"/>
        </ResourceDictionary>

    </UserControl.Resources>
    <Button Style="{StaticResource ButtonStyle_empty}" Background="Transparent" Click="Button_Click">
        <Grid>
            <Grid x:Name="grid_weighter" d:DataContext="{StaticResource unittests_weighters}"/>
            <Grid x:Name="grid_error" d:DataContext="{StaticResource unitests_props}"/>


            <Border Style="{StaticResource BorderStyle_module}" 
                    DataContext="{Binding DataContext,ElementName=grid_weighter}" Background="{StaticResource Color_background}">
                <StackPanel Orientation="Vertical">
                    
                    
                    <Grid Name="grid_flow">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="auto"/>
                            <ColumnDefinition/>
                        </Grid.ColumnDefinitions>
                        <flyctrl:PieChart  Grid.RowSpan="2" Width="60" Height="60" Margin="10" 
                                              ItemValueBinding="CurrentFlow" ItemColorBinding="Color"
                                              ItemsSource="{Binding Items}" 
                                              />
                        <StackPanel Grid.Column="1">
                            <TextBlock Text="总流量" Style="{StaticResource TextBlockStyle_title}"  />
                            <Viewbox MaxHeight="70" HorizontalAlignment="Left">
                                <StackPanel Orientation="Horizontal">
                                    <TextBlock Margin="4"  >
                                        <Run Text="{Binding Accessory.TotalFlow,StringFormat={}{0:F1}}" Style="{StaticResource RunStyle_text}" FontSize="50" />
                                        <Run Text="kg/h" Style="{StaticResource RunStyle_unit}"/>
                                    </TextBlock>
                                </StackPanel>
                            </Viewbox>
                        </StackPanel>

                        
                    </Grid>
                    <Grid Margin="2">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition/>
                            <ColumnDefinition Width="auto"/>
                        </Grid.ColumnDefinitions>
                        <StackPanel Orientation="Horizontal" Margin="2">
                            <TextBlock Style="{StaticResource TextBlockStyle_title}" Text="平均厚度" FontSize="12" />
                            <TextBlock Margin="5,0">
                                <Run Text="{Binding Accessory.Thickness,StringFormat={}{0:F1}}" Style="{StaticResource RunStyle_text}" FontSize="24" />
                                <Run Text="um" Style="{StaticResource RunStyle_unit}" FontSize="12"/>
                            </TextBlock>
                        </StackPanel>
                        <StackPanel Grid.Column="1"  Orientation="Horizontal" Margin="2" >
                            <TextBlock Style="{StaticResource TextBlockStyle_title}" Text="边料" FontSize="12" />
                            <TextBlock Margin="5,0">
                                <Run Text="{Binding Accessory.RimCharge,StringFormat={}{0:F1}}" Style="{StaticResource RunStyle_text}" FontSize="24" />
                                <Run Text="kg/h" Style="{StaticResource RunStyle_unit}" FontSize="12"/>
                            </TextBlock>
                        </StackPanel>
                    </Grid>
                </StackPanel>
            </Border>
            <Border Style="{StaticResource BorderStyle_module}" Background="Red" 
                    DataContext="{Binding DataContext,ElementName=grid_error}"
                    Visibility="{Binding IsError,Converter={StaticResource visbilityconv}}">
                <Grid >
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="auto"/>
                        <ColumnDefinition/>
                    </Grid.ColumnDefinitions>
                    <Path Margin="5" Fill="White" Stretch="Uniform" Width="60" Height="60" SnapsToDevicePixels="True" Data="{StaticResource Geometry_alert-circle-outline}"  >
                        <Path.Style>
                            <Style TargetType="Path">
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding IsError}" Value="True">
                                        <DataTrigger.EnterActions>
                                            <BeginStoryboard>
                                                <Storyboard RepeatBehavior="Forever" >
                                                    <DoubleAnimation BeginTime="0:0:0" Storyboard.TargetProperty="Opacity" From="1" To="0" Duration="00:00:01" />
                                                    <DoubleAnimation BeginTime="0:0:1" Storyboard.TargetProperty="Opacity" From="0" To="1" Duration="00:00:01" />
                                                </Storyboard>
                                            </BeginStoryboard>
                                        </DataTrigger.EnterActions>
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </Path.Style>
                    </Path>
                    <TextBlock Grid.Column="1" Margin="5" VerticalAlignment="Center" TextWrapping="Wrap" FontSize="30" Foreground="White" Text="{Binding Error}"/>
                </Grid>

            </Border>
        </Grid>
    </Button>

</UserControl>