wpf - 画像を示す進行状況バー、定期的な間隔でドット

Question

一定の間隔でドットとアイコンの両方を表示するプログレスバーが必要です。私はカメラモジュールに取り組んでいます.スナップが撮られたとき、スナップが撮られたことを示すプログレスバーにドットを表示する必要があります. 次に、このスナップがアルゴリズムに渡され、ブール値が返されたら、アイコンを表示する必要があります。

期間が 1 分で間隔が 30 秒の場合、プログレス バー コントロールで、プログレス バーに 2 つのドットと 2 つのアイコンを表示する必要があります。

いくつかの解決策を教えてください。以下はXAMlです

進行状況バーの XAML

<Window.Resources>

    <Style x:Key="ProgressBarStyle" TargetType="ProgressBar">

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ProgressBar">
                    <Border BorderBrush="#BBC6C4" BorderThickness="1" CornerRadius="5" Padding="1">
                        <Grid x:Name="PART_Track" >
                            <Rectangle x:Name="PART_Indicator" HorizontalAlignment="Left" RadiusX="5" RadiusY="5">
                                <Rectangle.Fill>
                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                        <GradientStop Color="#FF1D5666" Offset="1"/>
                                        <GradientStop Color="#FF09B6FF"/>
                                    </LinearGradientBrush>
                                </Rectangle.Fill>
                            </Rectangle>

                            <Ellipse x:Name="progressdot" HorizontalAlignment="Left" Margin="73,7,0,0" Stroke="#FFA8A49B" Width="8" Height="8" 
                                     VerticalAlignment="Top" Grid.Row="1" />
                            <Image x:Name="imgAcetowhiteness" Margin="89,7,0,0" Source="..\acetowhiteness.png" 
                                   Stretch="Fill" Width="15" Height="15" Grid.Row="1" HorizontalAlignment="Left" VerticalAlignment="Top" />
                            <Ellipse x:Name="progressdot1" HorizontalAlignment="Left" Margin="180,7,0,0" Stroke="#FFA8A49B" Width="8" Height="8" 
                                     VerticalAlignment="Top" Grid.Row="1" />
                            <Image x:Name="imgAcetowhiteness1" Margin="195,7,0,0" Source="..\acetowhiteness.png" 
                                   Stretch="Fill" Width="15" Height="15" Grid.Row="1" HorizontalAlignment="Left" VerticalAlignment="Top" />

                        </Grid>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>

    </Style>

</Window.Resources> 

<Grid>
    <StackPanel Orientation="Vertical">
        <ProgressBar x:Name="PBarone" Margin="48,10,10,10" Style="{StaticResource ProgressBarStyle}"/>
        <ProgressBar x:Name="PBartwo" Margin="48,20,10,10" Style="{StaticResource ProgressBarStyle}"/>
        <ProgressBar x:Name="PBarthree" Margin="48,30,10,10" Style="{StaticResource ProgressBarStyle}"/>
    </StackPanel>


</Grid>