DynAreaBlowing.xaml

<UserControl x:Class="FLY.Thick.Blowing.UI.Fix.Client.UIModule.DynAreaBlowing"
             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.Thick.Blowing.UI.Fix.Client.UIModule"
             xmlns:iservice="clr-namespace:FLY.Thick.Blowing.IService;assembly=FLY.Thick.Blowing"
             xmlns:misc="clr-namespace:Misc;assembly=MISC"
             mc:Ignorable="d" 
             d:DesignWidth="250">
    <UserControl.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/FLY.ControlLibrary;component/Themes/Dictionary_MyStyle.xaml"/>
                <ResourceDictionary Source="pack://application:,,,/ThickTcpUiInWindow;component/Converter/Dictionary_MyConv.xaml"/>
            </ResourceDictionary.MergedDictionaries>

            <Style TargetType="TextBlock" x:Key="TextBlockStyle_ItemHeader">
                <Setter Property="FontWeight" Value="Bold"/>
                <Setter Property="FontFamily" Value="YouYuan"/>
                <Setter Property="FontSize" Value="12"/>
                <Setter Property="HorizontalAlignment" Value="Left"/>
                <Setter Property="Foreground" Value="#FF3B3B3B"/>
                <Setter Property="Margin" Value="5,0"/>
            </Style>
        </ResourceDictionary>
    </UserControl.Resources>

    <Button Name="Border_Blowing" Click="Border_Blowing_Click" Style="{StaticResource ButtonStyle_empty}" >
        <StackPanel>
            <Border  Style="{StaticResource BorderStyle_module}" Name="Border_Width" >
                <StackPanel Margin="2">
                    <StackPanel Orientation="Horizontal" Margin="2">
                        <TextBlock Text="线速度" FontSize="12" FontWeight="Bold" FontFamily="YouYuan" TextAlignment="Center" HorizontalAlignment="Center" Foreground="#FF3B3B3B" />
                        <StackPanel Orientation="Horizontal" Margin="5,0">
                            <TextBlock Text="{Binding FilmVelocity, StringFormat={}{0:F1}}" FontSize="24" FontFamily="Microsoft Sans Serif" TextAlignment="Center" HorizontalAlignment="Center" Foreground="{StaticResource Color_theme_activity}" />
                            <TextBlock Style="{StaticResource ResourceKey=TextBlockStyle_FieldContent_mm}" Text="m/min" FontSize="12" />
                        </StackPanel>
                    </StackPanel>
                </StackPanel>
            </Border>
            <Border Style="{StaticResource BorderStyle_module}" Visibility="{Binding EPCType, Converter={StaticResource e2visconv_collapsed}, ConverterParameter={x:Static iservice:RenZiJiaFixEPCType.EPCA10}}">
                <StackPanel Margin="2">
                    <Grid Margin="2">
                        <Grid Visibility="{Binding EPCIsRunning, Converter={StaticResource visbilityconv}, ConverterParameter=HiddenWhenTrue}">
                            <Rectangle Fill="{StaticResource Color_theme_static}" Height="24"/>
                            <TextBlock Text="停止中..." Margin="2" FontSize="24" FontFamily="Microsoft Sans Serif" TextAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
                        </Grid>
                        <Grid Visibility="{Binding EPCIsRunning, Converter={StaticResource visbilityconv}, ConverterParameter=Hidden}">
                            <Rectangle Fill="{StaticResource Color_theme_activity}" Height="24"/>
                            <TextBlock Text="工作中..." Margin="2" FontSize="24" FontFamily="Microsoft Sans Serif" TextAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
                        </Grid>
                    </Grid>

                    <Grid Margin="2">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="182*" />
                            <ColumnDefinition Width="auto" />
                        </Grid.ColumnDefinitions>
                        <StackPanel Orientation="Horizontal" >
                            <TextBlock Text="样品0" Style="{StaticResource TextBlockStyle_ItemHeader}" />
                            <TextBlock Text="{Binding SampleAD}" FontSize="24" FontFamily="Microsoft Sans Serif" TextAlignment="Center" HorizontalAlignment="Center" Foreground="{StaticResource Color_theme_activity}"/>
                        </StackPanel>
                        <Grid Grid.Column="1" Width="80">
                            <Rectangle Stroke="{StaticResource Color_theme_activity}"/>
                            <Grid Margin="2" >
                                <Rectangle Fill="{StaticResource Color_theme_static}" x:Name="rectangle_bg_epc"/>
                                <Rectangle HorizontalAlignment="Left" Fill="{StaticResource Color_theme_activity}" >
                                    <Rectangle.Width>
                                        <MultiBinding Converter="{StaticResource ratioconv_ts}" Mode="OneWay">
                                            <Binding Path="SampleTimer" />
                                            <Binding Path="SampleInterval" />
                                            <Binding Path="ActualWidth" ElementName="rectangle_bg_epc"/>
                                        </MultiBinding>
                                    </Rectangle.Width>
                                </Rectangle>
                                <TextBlock Text="{Binding SampleTimer, Converter={StaticResource ts2minsecconv}}" FontSize="20" FontFamily="Microsoft Sans Serif" TextAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>

                            </Grid>

                        </Grid>

                    </Grid>


                </StackPanel>
            </Border>
            <Border x:Name="border_bDetect" Style="{StaticResource BorderStyle_module}"  >
                <Grid Margin="5">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition/>
                        <ColumnDefinition Width="auto"/>
                    </Grid.ColumnDefinitions>
                    <Viewbox MaxWidth="130" Height="70">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition/>
                                <ColumnDefinition Width="auto"/>
                            </Grid.ColumnDefinitions>
                            <TextBlock   FontWeight="Bold" FontFamily="Microsoft Sans Serif" Foreground="#FF3B3B3B" Text="{Binding Angle, StringFormat={}{0:F0}}" FontSize="50" VerticalAlignment="Center" />
                            <TextBlock Grid.Column="1" Text="°" FontSize="22" FontWeight="Bold" FontFamily="YouYuan" TextAlignment="Center" HorizontalAlignment="Center" Foreground="#FF3B3B3B" />
                            <Grid Grid.Column="1" >

                                <TextBlock FontSize="22" FontWeight="Bold" FontFamily="YouYuan" TextAlignment="Right" VerticalAlignment="Bottom" Foreground="#FF3B3B3B" >
                                    <TextBlock.Style>
                                        <Style TargetType="TextBlock">
                                            <Setter Property="Text" Value="正"/>
                                            <Style.Triggers>
                                                <DataTrigger Binding="{Binding Direction}" Value="{x:Static misc:DIRECTION.BACKWARD}">
                                                    <Setter Property="Text" Value="反"/>
                                                </DataTrigger>
                                            </Style.Triggers>
                                        </Style>
                                    </TextBlock.Style>
                                </TextBlock>
                            </Grid>
                        </Grid>
                    </Viewbox>
                    <StackPanel Margin="2" Grid.Column="1">
                        <StackPanel Orientation="Horizontal" Margin="2">

                            <StackPanel Orientation="Horizontal" Background="Black">
                                <TextBlock Text="{Binding RenZiJiaPeriod, Converter={StaticResource ResourceKey=timespanconv}}" FontSize="24" FontFamily="Microsoft Sans Serif" TextAlignment="Center" HorizontalAlignment="Center" Foreground="White" />
                                <TextBlock Style="{StaticResource ResourceKey=TextBlockStyle_FieldContent_mm}" Text="min/R" FontSize="12" Foreground="White"/>
                            </StackPanel>
                        </StackPanel>
                        <StackPanel Orientation="Horizontal" Margin="2">
                            <StackPanel Orientation="Horizontal" Background="#FFE8E8E8">
                                <TextBlock Text="{Binding PastTime, Converter={StaticResource ResourceKey=timespanconv}, Mode=OneWay}" FontSize="24" FontFamily="Microsoft Sans Serif" TextAlignment="Center" HorizontalAlignment="Center" Foreground="Black" />
                                <TextBlock Style="{StaticResource ResourceKey=TextBlockStyle_FieldContent_mm}" Text="min" FontSize="12" Foreground="Black"/>
                            </StackPanel>
                        </StackPanel>
                    </StackPanel>

                </Grid>
            </Border>
        </StackPanel>
    </Button>
</UserControl>