UcTotalFlow.xaml

<UserControl x:Class="FLY.Weight.UI.Client.UiModule.UcTotalFlow"
             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.Weight.UI.Client.UiModule"
             xmlns:control="clr-namespace:FLY.Weight.UI.Client.Control"
                   xmlns:sys="clr-namespace:System;assembly=mscorlib"
             mc:Ignorable="d" d:DesignHeight="80" d:DesignWidth="1024">
    <UserControl.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/FLY.Weight.UI.Client;component/Themes/UcWeighterItemStyle.xaml"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </UserControl.Resources>
    <Border Style="{StaticResource BorderStyle_block}" d:DataContext="{StaticResource unittests_weighters}">
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition/>
                <ColumnDefinition Width="auto"/>
            </Grid.ColumnDefinitions>
            <StackPanel Orientation="Horizontal">
                <Viewbox  Margin="15,5" MaxHeight="90" >
                    <Button Style="{StaticResource Styles.Button.Empty}" Background="Transparent" Click="button_ratio_Click" Margin="30,5">
                        <StackPanel Orientation="Horizontal">

                            <control:PieChart Margin="10" Width="120" Height="120"
                                          ItemValueBinding="CurrentFlow" ItemColorBinding="Color"
                                          ItemsSource="{Binding Items}" 
                                          />
                            <StackPanel VerticalAlignment="Bottom">
                                <StackPanel Margin="3" >
                                    <StackPanel Orientation="Horizontal">
                                        <TextBlock Text="总流量" Style="{StaticResource TextBlockStyle_title_activity}" Margin="3,0"/>
                                        <TextBlock>
                                                <Run Text="{Binding Accessory.TotalFlowSetting,StringFormat={}{0:F0}}" Style="{StaticResource RunStyle_text_activity}" FontSize="30"/>
                                                <Run Text="kg/h" Style="{StaticResource RunStyle_unit}" />
                                        </TextBlock>
                                    </StackPanel>

                                    <TextBlock>
                                        <Run Text="{Binding Accessory.TotalFlow,StringFormat={}{0:F0}}" Style="{StaticResource RunStyle_text_activity}" FontSize="72" />
                                        <Run Text="kg/h" Style="{StaticResource RunStyle_unit}" />
                                    </TextBlock>
                                </StackPanel>
                            </StackPanel>


                        </StackPanel>
                    </Button>
                </Viewbox>
                <Viewbox  Margin="15,5" MaxHeight="90" >
                    <StackPanel Orientation="Horizontal" >
                        <control:PieChart Width="60" Height="60" Margin="10" 
                                  ItemValueBinding="CumulativeProduction" ItemColorBinding="Color"
                                  ItemsSource="{Binding Items}" 
                                  />
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="auto"/>
                                <RowDefinition/>
                                <RowDefinition Height="auto"/>
                            </Grid.RowDefinitions>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition/>
                                <ColumnDefinition Width="auto"/>
                            </Grid.ColumnDefinitions>
                            <TextBlock Text="累计总产量" Style="{StaticResource TextBlockStyle_title}" />

                            <Button Style="{StaticResource Styles.Button.Empty}" Background="Transparent" HorizontalAlignment="Right" Grid.Column="1" Grid.RowSpan="2" VerticalAlignment="Top" Click="button_clear_Click">
                                <Grid Style="{StaticResource GridStyle_ButtonShadow}">
                                    <Grid Width="50" Height="50">
                                        <Ellipse Fill="White" Stretch="Uniform"/>
                                        <Path Data="{StaticResource Geometry_close-circle}" Fill="{StaticResource Color_off}" Stretch="Uniform"  />
                                    </Grid>
                                </Grid>
                            </Button>
                            <Viewbox Grid.Row="1" Grid.RowSpan="2" VerticalAlignment="Bottom" MaxWidth="135" MaxHeight="60">
                                <TextBlock >
                                        <Run Text="{Binding Accessory.TotalProduction,StringFormat={}{0:F0}}" Style="{StaticResource RunStyle_text}" FontSize="50" />
                                </TextBlock>
                            </Viewbox>
                            <TextBlock Grid.Row="2" Grid.Column="2" >
                                    <Run Text="kg" Style="{StaticResource RunStyle_unit}" />
                            </TextBlock>
                        </Grid>
                    </StackPanel>
                </Viewbox>
            </StackPanel>
            <StackPanel Orientation="Horizontal" Grid.Column="1">
                <Viewbox Margin="15,5" MaxHeight="90" >
                    <Grid >
                        <Grid.RowDefinitions>
                            <RowDefinition Height="auto"/>
                            <RowDefinition/>
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="auto"/>
                            <ColumnDefinition />
                        </Grid.ColumnDefinitions>
                        <StackPanel>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="上卷" Style="{StaticResource TextBlockStyle_title}" FontSize="{StaticResource FontSize_title}" Margin="3,0"/>
                                <Viewbox MaxWidth="135" MaxHeight="40">
                                    <TextBlock >
                                        <Run Text="{Binding Accessory.ALast,StringFormat={}{0:F0}}" Style="{StaticResource RunStyle_text}" FontSize="{StaticResource FontSize_context_min}"/>
                                        <Run Text="kg" Style="{StaticResource RunStyle_unit}" />
                                    </TextBlock>
                                </Viewbox>

                            </StackPanel>
                        </StackPanel>

                        <TextBlock Text="内收卷" Grid.Column="1" FontSize="35" Margin="3,0" Padding="4,0" Background="#FF636363" Foreground="White"/>
                        <Grid Grid.Row="1" Grid.ColumnSpan="2">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition/>
                                <ColumnDefinition Width="auto"/>
                            </Grid.ColumnDefinitions>
                            <StackPanel Orientation="Horizontal" >
                                <TextBlock Text="当前" Style="{StaticResource TextBlockStyle_title}" FontSize="{StaticResource FontSize_title}" Margin="3,0"/>
                                <Viewbox MaxWidth="150" MaxHeight="61">
                                    <TextBlock >
                                            <Run Text="{Binding Accessory.ACurrent,StringFormat={}{0:F0}}" Style="{StaticResource RunStyle_text}" FontSize="{StaticResource FontSize_context_max}" />
                                            <Run Text="kg" Style="{StaticResource RunStyle_unit}" />
                                    </TextBlock>
                                </Viewbox>
                            </StackPanel>
                            <Button Grid.Column="1" Style="{StaticResource Styles.Button.Empty}" Background="Transparent" HorizontalAlignment="Right" VerticalAlignment="Top" Margin="0,-5,0,0" Click="button_aclear_Click">
                                <Grid Style="{StaticResource GridStyle_ButtonShadow}">
                                    <Grid Width="50" Height="50">
                                        <Ellipse Fill="White" Stretch="Uniform"/>
                                        <Path Data="{StaticResource Geometry_close-circle}" Fill="{StaticResource Color_off}" Stretch="Uniform"  />
                                    </Grid>
                                </Grid>
                            </Button>
                        </Grid>

                    </Grid>
                </Viewbox>
                <Viewbox Margin="15,5" MaxHeight="90" >
                    <Grid >
                        <Grid.RowDefinitions>
                            <RowDefinition Height="auto"/>
                            <RowDefinition/>
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="auto"/>
                            <ColumnDefinition />
                        </Grid.ColumnDefinitions>
                        <StackPanel>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="上卷" Style="{StaticResource TextBlockStyle_title}" FontSize="{StaticResource FontSize_title}" Margin="3,0"/>
                                <Viewbox MaxWidth="135" MaxHeight="40">
                                    <TextBlock>
                                        <Run Text="{Binding Accessory.BLast,StringFormat={}{0:F0}}" Style="{StaticResource RunStyle_text}" FontSize="{StaticResource FontSize_context_min}"/>
                                        <Run Text="kg" Style="{StaticResource RunStyle_unit}" />
                                    </TextBlock>
                                </Viewbox>
                            </StackPanel>
                            <!--
                                <StackPanel Orientation="Horizontal">
                                    <TextBlock Text="当前" Style="{StaticResource TextBlockStyle_title}" FontSize="{StaticResource FontSize_title}" Margin="3,0"/>
                                    <TextBlock>
                                            <Run Text="{Binding Accessory.BCurrentLen,StringFormat={}{0:F0}}" Style="{StaticResource RunStyle_text}" FontSize="{StaticResource FontSize_context_min}" />
                                            <Run Text="m" Style="{StaticResource RunStyle_unit}" />
                                    </TextBlock>
                                </StackPanel>
                                -->
                        </StackPanel>

                        <TextBlock Text="外收卷" Grid.Column="1" FontSize="35" Margin="3,0" Padding="4,0" Background="#FF636363" Foreground="White"/>
                        <Grid Grid.Row="1" Grid.ColumnSpan="2">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition/>
                                <ColumnDefinition Width="auto"/>
                            </Grid.ColumnDefinitions>
                            <StackPanel Orientation="Horizontal" >
                                <TextBlock Text="当前" Style="{StaticResource TextBlockStyle_title}" FontSize="{StaticResource FontSize_title}" Margin="3,0"/>
                                <Viewbox MaxWidth="150" MaxHeight="61">
                                    <TextBlock >
                                            <Run Text="{Binding Accessory.BCurrent,StringFormat={}{0:F0}}" Style="{StaticResource RunStyle_text}" FontSize="{StaticResource FontSize_context_max}" />
                                            <Run Text="kg" Style="{StaticResource RunStyle_unit}" />
                                    </TextBlock>
                                </Viewbox>
                            </StackPanel>
                            <Button Grid.Column="1" Style="{StaticResource Styles.Button.Empty}" Background="Transparent" HorizontalAlignment="Right" VerticalAlignment="Top" Margin="0,-5,0,0" Click="button_bclear_Click">
                                <Grid Style="{StaticResource GridStyle_ButtonShadow}">
                                    <Grid Width="50" Height="50">
                                        <Ellipse Fill="White" Stretch="Uniform"/>
                                        <Path Data="{StaticResource Geometry_close-circle}" Fill="{StaticResource Color_off}" Stretch="Uniform"  />
                                    </Grid>
                                </Grid>
                            </Button>
                        </Grid>
                    </Grid>
                </Viewbox>
            </StackPanel>
        </Grid>


    </Border>
</UserControl>