<UserControl x:Class="MegaRobo.C00225155App.MenuViews.SampleBottleUserControl_Show_React"
             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:MegaRobo.C00225155App.MenuViews"
             xmlns:loca="clr-namespace:MegaRobo.C00225155App.MenuViews.Bottles"
             xmlns:convert="clr-namespace:MegaRobo.C00225155App.Converters"
             mc:Ignorable="d" 
             d:DesignHeight="30" d:DesignWidth="33" Width="33" Height="30">
    <UserControl.Resources>
        <convert:ReactBottleBoxToBrushConverter x:Key="ReactBottleToBrushConvert"/>
        <convert:DivisionConverter  x:Key="DivisionConverter"/>
        <convert:InverseDivisionConverter x:Key="InverseDivisionConverter"/>
        <convert:BooleanToVisibilityConverter x:Key="booleanToVisibilityConverter"/>
    </UserControl.Resources>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="33"/>
        </Grid.ColumnDefinitions>
        <StackPanel Margin="0" Background="Transparent">
            <!-- 绘制瓶子形状 -->
            <Border Margin="0,0,0,0" x:Name="BottlePath"  
                    Background="{Binding SampleBottleModel.DisplayColor_Detect,RelativeSource={RelativeSource AncestorType=UserControl}}"  BorderBrush="LightGray"  
                    BorderThickness="1" CornerRadius="15" Height="30" Width="30">
                <TextBlock  Text="{Binding SampleBottleModel.ReactContentName,RelativeSource={RelativeSource AncestorType=UserControl}}" 
                            FontSize="10" VerticalAlignment="Center" HorizontalAlignment="Center" />
            </Border>
        </StackPanel>
        <!--<StackPanel Grid.Column="1" >
            <loca:CircleProgress  x:Name="MyCircleProgress"  
                                  Progress="{Binding ReactBottleModel.ProgressPercentage,RelativeSource={RelativeSource AncestorType=UserControl}}"
                                  Visibility="{Binding ReactBottleModel.HaveBottle,RelativeSource={RelativeSource AncestorType=UserControl},Converter={StaticResource booleanToVisibilityConverter}}" StrokeThickness="8" Height="37" Width="33" HorizontalAlignment="Center"  VerticalAlignment="Center">
                --><!--<loca:CircleProgress.Progress>
                    <MultiBinding Converter="{StaticResource InverseDivisionConverter}">
                        <Binding Path="ReactBottleModel.RemainDuration" 
                           RelativeSource="{RelativeSource AncestorType=UserControl}"/>
                        <Binding Path="ReactBottleModel.EstimatedDuration" 
                           RelativeSource="{RelativeSource AncestorType=UserControl}"/>
                    </MultiBinding>
                </loca:CircleProgress.Progress>--><!--
            </loca:CircleProgress>
        </StackPanel>-->
    </Grid>
</UserControl>
