WPF、不透明度和线程

Question

我有两个重叠（位置相同、大小相同）的 MediaElement。它们将包含图像。一个元素的不透明度将设置为 1.0，另一个元素的不透明度将设置为 0.0。这里的想法是幻灯片类型交易的简单过渡。当需要显示下一张幻灯片时，背景元素会加载图片，并且两个元素的不透明度会逐渐切换。

我尝试（成功地）使用 System.Timers 实现此行为，却发现在同一应用程序中拥有超过任意数量的计时器会导致 .NET 随机生成并将 timer_elapsed 的控制权交给几个不同的线程。这导致了不可预测的结果，并且通常让我怀疑自己的理智。

因此，我决定做同样的事情，但使用 System.Threads 及其 Sleep 函数。不管出于什么原因，逐渐循环不透明度对于疯狂的计时器来说效果很好，但对于线程来说却完全失败了。它以一种荒谬的方式失败了。两个元素的不透明度确实发生了变化，但中间没有变化。显示的元素的不透明度为 1.0 或 0.0。否则我会注意到大约一半的图片没有被循环浏览。

经过大量谷歌搜索后，我认为可能发生不透明度更改的线程的优先级在某种程度上阻止了 UI 元素立即渲染。但后来我想起，因为我在媒体元素上使用调度程序调用，所以所有操作无论如何都发生在主线程上，因此不会产生任何影响。

考虑以下代码：https://gist.github.com/956093

Answer 1

根据建议，您应该使用原生动画；我之前也遇到过这个线程问题，一般来说，我尽量避免使用调度程序，我几乎只在必须时使用它们来修改数据（例如 ObservableCollection 不能在后台线程中修改，不知道任何其他示例实际上）。

您仍然可以使用普通线程，如果您使用绑定来更新 UIElements，它们会很好地工作，这很好地绕过了调度问题。

动画示例：

<Grid Name="testGrid" Tag="2">
    <Grid.Resources>
        <Storyboard x:Key="FadeAnim2to1">
            <DoubleAnimation Storyboard.Target="{x:Reference img1}"
                             Storyboard.TargetProperty="Opacity"
                             Duration="0:0:1" To="1"/>
            <DoubleAnimation Storyboard.Target="{x:Reference img2}"
                             Storyboard.TargetProperty="Opacity"
                             Duration="0:0:1" To="0"/>
        </Storyboard>
        <Storyboard x:Key="FadeAnim1to2">
            <DoubleAnimation Storyboard.Target="{x:Reference img1}"
                             Storyboard.TargetProperty="Opacity"
                             Duration="0:0:1" To="0"/>
            <DoubleAnimation Storyboard.Target="{x:Reference img2}"
                             Storyboard.TargetProperty="Opacity"
                             Duration="0:0:1" To="1"/>
        </Storyboard>
    </Grid.Resources>
    <Image x:Name="img1" Source="Images/Default.ico" Width="200" Height="200" Opacity="0"/>
    <Image x:Name="img2" Source="Images/Error.ico" Width="200" Height="200"/>
</Grid>
<Button Content="Fade" Click="Button1_Click"/>

private void Button1_Click(object sender, RoutedEventArgs e)
{
    Storyboard anim;
    if ((string)testGrid.Tag == "1") //This is just for brevity, you should of course not use the Tag to store state information, let alone number strings
    {
        anim = testGrid.Resources["FadeAnim1to2"] as Storyboard;
        testGrid.Tag = "2";
    }
    else
    {
        anim = testGrid.Resources["FadeAnim2to1"] as Storyboard;
        testGrid.Tag = "1";
    }
    anim.Begin();
}