0
Ich möchte benutzerdefinierte animierte Fortschrittsbalken mit zehn Bildern machen. Jetzt benutze ich ein Timer`s Tick, die Ressource Bilder alle 5 Millisekunden ändert:XAML benutzerdefinierte Fortschrittsbalken mit Bildern
XAML:
<Grid>
<Image HorizontalAlignment="Stretch"
Margin="0"
VerticalAlignment="Top"
Stretch="Fill"
x:Name="imageProgressBar"/>
</Grid>
C#
private void StartAnimation()
{
if (IsAnimating) return;
_timer = new DispatcherTimer();
_timer.Interval = FrameDuration;
_timer.Tick += TimerTick;
_timer.Start();
}
private void StopAnimation()
{
if (!IsAnimating) return;
_timer.Stop();
_timer = null;
}
private void TimerTick(object sender, object e)
{
if (FramesCount == 0 || _frames == null) return;
_currentFrame++;
_currentFrame = _currentFrame % FramesCount;
if (_currentFrame < _frames.Count)
imageProgressBar.Source = _frames[_currentFrame];
}
Diese Variante funktioniert, aber es ist nicht gut genug, weil es benutzt den UI (wie ich denke) Thread für die Verarbeitung, und deshalb ist es manchmal langsam. Gibt es eine Möglichkeit, die Quelle des Bildes anders zu ändern?
Es ist das sein kann Ändern und erneutes Rendern der Bilder, was die Dinge langsamer als die Quelle verlangsamt. Da Ihr Bedarf so besonders ist, lohnt es sich, einfach alle 10 Bilder sofort zu laden und dann etwas zu ändern, um die gewünschten Effekte zu erzielen. – Logan
@ dmitriy überprüfen Sie dieses Gelenk von Jerrynixon für benutzerdefinierte Fortschrittsring [Link] (http://blog.jerrynixon.com/2015/06/lets-code-build-custom-progress-ring-in.html) hoffe, das hilft. .. – Krth
Danke für die Antwort. @Logan Ich habe gerade darüber nachgedacht, aber da ich neu bei XAML bin, konnte ich mir nicht vorstellen, wie ich es implementieren könnte. – dmitriy