WPF アニメーションのティアリングとちらつきに問題があります。問題を示すおもちゃのアプリがあります。アプリは、画面全体に正方形をアニメーション化します。四角形の端に裂け目が見られ、アニメーション全体が滑らかに感じられません。
Perforator は、>60fps、~10MB のビデオ メモリ、0 IRT を示します。
2 台の新しいハイエンド コンピューターでこれを試しましたが、どちらも同じようにアニメーションが貧弱です (>1GB vram、クアッド コアなど)。
3634 次
3 に答える
2
コードがハードウェア アクセラレーションを実行していると確信していますか? このリストを調べてください: http://blogs.msdn.com/b/jgoldb/archive/2010/06/22/software-rendering-usage-in-wpf.aspx。
もしそうなら、あなたが手に入れた超クールなハードウェアを考えると、GPUの代わりにCPUで実行してみることができます. RenderMode を SoftwareOnly に設定することで強制できます (上記のリンク先リストの項目 6)。
于 2011-07-20T08:50:40.497 に答える
1
私は WPF チームにこの質問を投げかけましたが、要約すると、アニメーションの滑らかさには改善できる不具合があると彼らは信じているとのことでした。
彼らはまた、次のように付け加えました。
VBlank と同期してシーンの更新をスケジュールし、非常に定期的で信頼性の高いアニメーションを取得するように努めています。UI スレッドでの作業は、タフに干渉する可能性があります。この例では、新しいストーリーボードの作成、古い要素の削除などの作業を UI スレッドにスケジュールする DispatcherTimers を使用しています。
彼らはまた、アニメーションの純粋に宣言的なバージョンを実演しましたが、私にはそれがよりスムーズに見えました. この情報を提供してくれた Dwayne Need に感謝します。
于 2011-05-14T18:23:26.827 に答える
0
これにティアリングが発生する理由は、UI スレッドが所有する必要がある多くのオブジェクトが作成され、それらのすべての呼び出しと UI コンテナーへの追加がメイン スレッドを通過するためです。
タイマーの代わりにスレッド駆動バージョンを作成しようとさえしましたが、すべての FrameWorkElement オブジェクトは Dispatcher.Invoke で作成する必要があるため、何も変わりませんでした。
ストーリーボードと beginStoryboard + EventTrigger の作成はすべて、Ui スレッドで行う必要があります。これが流暢さを妨げているものです。
残念ながら、この設計ではちらつきのない操作を実現する方法はありません:/
using System;
using System.Linq;
using System.Threading;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Interop;
using System.Windows.Media;
using System.Windows.Shapes;
using System.Windows.Media.Animation;
using System.Windows.Threading;
using System.Collections.Generic;
namespace SimpleWindow
{
/// <summary>
/// Interaction logic for MainWindow.xaml
/// </summary>
public partial class MainWindow
{
readonly SolidColorBrush _fillBrush = new SolidColorBrush(Colors.CadetBlue);
// Timers
//private DispatcherTimer _addItemsTimer;
//private DispatcherTimer _removeItemsTimer;
private Thread _addItemsTimer;
private Thread _removeItemsTimer;
private volatile bool formClosing = false;
private readonly TimeSpan _addInterval = TimeSpan.FromSeconds(0.21);
private readonly TimeSpan _removeInterval = TimeSpan.FromSeconds(1);
public MainWindow()
{
InitializeComponent();
Closing += MainWindow_Closing;
Loaded += OnLoaded;
}
void MainWindow_Closing(object sender, System.ComponentModel.CancelEventArgs e)
{
formClosing = true;
//_addItemsTimer.Join();
//_removeItemsTimer.Join();
}
private void OnLoaded(object o, RoutedEventArgs args)
{
_addItemsTimer = new Thread((ThreadStart)delegate() {
while (!formClosing)
{
Thread.Sleep(_addInterval);
AddItems();
}
});
_removeItemsTimer = new Thread((ThreadStart)delegate()
{
while (!formClosing)
{
Thread.Sleep(_removeInterval);
RemoveOffScreenItems();
}
});
_addItemsTimer.SetApartmentState(ApartmentState.STA);
_addItemsTimer.Start();
_removeItemsTimer.SetApartmentState(ApartmentState.STA);
_removeItemsTimer.Start();
WindowState = WindowState.Maximized;
}
//private static DispatcherTimer CreateTimer(TimeSpan interval, EventHandler handler)
//{
// var timer = new DispatcherTimer();
// timer.Interval = interval;
// timer.Tick += handler;
// timer.Start();
// return timer;
//}
// Timer callback
private readonly Rectangle _canvasChildrenLock = new Rectangle();
public void AddItems()
{
lock (_canvasChildrenLock)
{
Dispatcher.Invoke((Action)delegate() {
var rect = CreateRectangle();
rect.Triggers.Add(BeginStoryboardEventTrigger(CreateStoryboard()));
MainCanvas.Children.Add(rect);
});
}
}
private static EventTrigger BeginStoryboardEventTrigger(Storyboard storyboard)
{
var beginStoryboard = new BeginStoryboard {Storyboard = storyboard};
var eventTrigger = new EventTrigger(LoadedEvent);
eventTrigger.Actions.Add(beginStoryboard);
return eventTrigger;
}
// Timer callback
public void RemoveOffScreenItems()
{
lock (_canvasChildrenLock)
{
var itemsToRemove = (List<FrameworkElement>)Dispatcher.Invoke((Func<List<FrameworkElement>>)delegate()
{
return (from FrameworkElement element in MainCanvas.Children
let topLeft = new Point((double)element.GetValue(Canvas.LeftProperty), (double)element.GetValue(Canvas.TopProperty))
where IsOffScreen(topLeft)
select element).ToList();
});
if (itemsToRemove == null) return;
foreach (FrameworkElement element in itemsToRemove)
{
Dispatcher.Invoke((Action)delegate() { MainCanvas.Children.Remove(element); });
}
}
}
private bool IsOffScreen(Point pt)
{
return
pt.X > MainCanvas.ActualWidth ||
pt.Y < 0 || pt.Y > MainCanvas.ActualHeight;
}
private Rectangle CreateRectangle()
{
var rect = new Rectangle
{
Width = 100,
Height = 100,
Fill = _fillBrush
};
return rect;
}
private const double OffScreenPosition = 100;
private const double AnimationDuration = 2;
private Storyboard CreateStoryboard()
{
var xAnimation = CreateDoubleAnimationForTranslation();
xAnimation.From = -OffScreenPosition;
xAnimation.To = MainCanvas.ActualWidth + OffScreenPosition;
Storyboard.SetTargetProperty(xAnimation, new PropertyPath(Canvas.LeftProperty));
var yAnimation = CreateDoubleAnimationForTranslation();
yAnimation.From = MainCanvas.ActualHeight * Rand.NextDouble();
yAnimation.To = MainCanvas.ActualHeight * Rand.NextDouble();
Storyboard.SetTargetProperty(yAnimation, new PropertyPath(Canvas.TopProperty));
var storyboard = new Storyboard();
storyboard.Children.Add(xAnimation);
storyboard.Children.Add(yAnimation);
storyboard.Freeze();
return storyboard;
}
private DoubleAnimation CreateDoubleAnimationForTranslation()
{
var animation = (DoubleAnimation)Dispatcher.Invoke((Func<DoubleAnimation>)delegate()
{
return new DoubleAnimation
{
Duration = TimeSpan.FromSeconds(AnimationDuration),
EasingFunction = new ShiftedQuadraticEase() { EasingMode = EasingMode.EaseInOut }
};
});
return animation;
}
private static readonly Random Rand = new Random(DateTime.Now.Millisecond);
}
}
于 2011-05-02T16:45:02.543 に答える