2017-08-17 11 views
0

100%進捗を完了するのに10秒かかる進捗バーを配置する必要があります。それは毎秒10%増加するはずです。私はXAMLのアプローチが欲しいです。私はDispacherTimerまたは類似のものでそれを行う方法を知っています。 XAMLだけでどうすればいいですか?XAMLアニメーションを使用してプログレスバーを増やす方法は?

私はいくつかのアイデアを持っていますが、それを完成させる方法やそれが可能であってもわかりません。

<ProgressBar> 
     <ProgressBar.Triggers> 
      <EventTrigger RoutedEvent="FrameworkElement.Loaded"> 
       <BeginStoryboard> 
        <DoubleAnimation From="0" To="100" Duration="0:0:10"></DoubleAnimation> 
       </BeginStoryboard> 
      </EventTrigger> 
     </ProgressBar.Triggers> 
    </ProgressBar> 
+1

通常進行がで...進行同期している上で線形補間を使用してValueプロパティをアニメーション化DoubleAnimationの使用に関する。事前に時間を知っていても、進捗報告を整理する価値はあります... 'Storyboard.TargetProperty =" Value "'を指定しようとしましたか?それでも動作しない場合は、100%フル進行状況の幅をアニメートできます。おかげさまで – Sinatr

答えて

4

どのように単純に10秒?:

<ProgressBar Minimum="0" Maximum="100"> 
    <ProgressBar.Triggers> 
     <EventTrigger RoutedEvent="FrameworkElement.Loaded"> 
      <BeginStoryboard> 
       <Storyboard> 
        <DoubleAnimation From="0" To="100" Storyboard.TargetProperty="Value" Duration="00:00:10" /> 
       </Storyboard> 
      </BeginStoryboard> 
     </EventTrigger> 
    </ProgressBar.Triggers> 
</ProgressBar> 
+1

私は "Storyboard.TargetProperty"の中に何が入っているのか見当たりませんでした。思ったよりも簡単でした。 – Murilo

関連する問題