DynAreaIbc.xaml

<UserControl x:Class="FLY.IBC.UI.Client.UiModule.DynAreaIbc"
      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.IBC.UI.Client.UiModule"
      mc:Ignorable="d" 
      d:DesignWidth="292">
    <UserControl.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/FLY.ControlLibrary;component/Themes/Dictionary_MyStyle.xaml"/>
                <ResourceDictionary Source="pack://application:,,,/FLY.ControlLibrary;component/Converter/Dictionary_MyConv.xaml"/>

                <ResourceDictionary Source="pack://application:,,,/FLY.IBC.UI.Client;component/Themes/Styles.xaml"/>
                <ResourceDictionary Source="pack://application:,,,/FLY.IBC.UI.Client;component/UnitTests/UnitTests_ibc.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_ibc" d:DataContext="{StaticResource unitests_ibc}"/>
            <Grid x:Name="grid_error" d:DataContext="{StaticResource unitests_props}"/>

            <Border Style="{StaticResource BorderStyle_module}" 
                    DataContext="{Binding DataContext,ElementName=grid_ibc}"
                    Background="{StaticResource Color_background}">
                <StackPanel Orientation="Vertical" >
                    <Grid >
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="auto"/>
                            <ColumnDefinition/>
                        </Grid.ColumnDefinitions>
                        <TextBlock Text="折径" Style="{StaticResource TextBlockStyle_title}" Margin="2"/>

                        <Viewbox Grid.Column="1" Grid.Row="1"  MaxHeight="80" HorizontalAlignment="Left">
                            <StackPanel Orientation="Horizontal">

                                <TextBlock Margin="4" >
                                    <Run Text="{Binding FilmWidth,StringFormat={}{0:F0}}" Style="{StaticResource RunStyle_text}" FontSize="50" />
                                    <Run Text="mm" Style="{StaticResource RunStyle_unit}"/>
                                </TextBlock>
                            </StackPanel>
                        </Viewbox>

                    </Grid>
                    <Grid Margin="2">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition/>
                            <ColumnDefinition />
                        </Grid.ColumnDefinitions>
                        <StackPanel Orientation="Horizontal" Margin="2" >
                            <TextBlock Style="{StaticResource TextBlockStyle_title}" FontSize="12" 
                                       Text="进风" />
                            <TextBlock Margin="5,0">
                                <Run Text="{Binding InletAirFreq,StringFormat={}{0:F1}}" Style="{StaticResource RunStyle_text}" FontSize="24" />
                                <Run Text="Hz" Style="{StaticResource RunStyle_unit}" FontSize="12"/>
                            </TextBlock>
                            <StackPanel.Style>
                                <Style TargetType="StackPanel">
                                    <Setter Property="Background" Value="{StaticResource Color_theme_static}"/>
                                    <Style.Triggers>
                                        <DataTrigger Binding="{Binding IsInletAirOn}" Value="True">
                                            <Setter Property="Background" Value="{StaticResource Color_theme_activity}"/>
                                        </DataTrigger>
                                    </Style.Triggers>
                                </Style>
                            </StackPanel.Style>
                        </StackPanel>
                        <StackPanel Grid.Column="1"  Orientation="Horizontal" Margin="2" >
                            <TextBlock Style="{StaticResource TextBlockStyle_title}" FontSize="12" 
                                       Text="出风" />
                            <TextBlock Margin="5,0">
                                <Run Text="{Binding OutletAirFreq,StringFormat={}{0:F1}}" Style="{StaticResource RunStyle_text}" FontSize="24" />
                                <Run Text="Hz" Style="{StaticResource RunStyle_unit}" FontSize="12"/>
                            </TextBlock>
                            <StackPanel.Style>
                                <Style TargetType="StackPanel">
                                    <Setter Property="Background" Value="{StaticResource Color_theme_static}"/>
                                    <Style.Triggers>
                                        <DataTrigger Binding="{Binding IsOutletAirOn}" Value="True">
                                            <Setter Property="Background" Value="{StaticResource Color_theme_activity}"/>
                                        </DataTrigger>
                                    </Style.Triggers>
                                </Style>
                            </StackPanel.Style>
                        </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>