如何避免 WPF 全屏应用程序中出现闪烁？

Question

我有一个 WPF 应用程序，它是一个全屏信息亭应用程序。目前它实际上是一个相当复杂的应用程序，但这里有一些代码显示了基本思想。本质上，每当用户从一个屏幕转到下一个屏幕时，打开新窗口时都会出现一些严重的闪烁。在严重的情况下，桌面会显示几秒钟，然后才会出现新屏幕。在此示例代码中不会发生这种情况，因为它非常简单，但是添加更多按钮和样式，您就会看到它。

App.xaml.cs:

public partial class App : Application {
    Manager mManager;
    public App() {
        mManager = new Manager();
        Window1 screen1 = new Window1(mManager);
        mManager.Screen1 = screen1;
        try {
            this.Run(screen1);
        } catch (Exception e) {
            System.Console.WriteLine(e.ToString());                
        } finally {
            Application.Current.Shutdown();
        }
    }
}

Window1.xaml.cs:

public partial class Window1 : Window {
    Manager Manager{get; set;}
    public Window1(Manager inManager) {
        InitializeComponent();
        Manager = inManager;
    }

    private void OnChangeScreen(object sender, RoutedEventArgs e) {
        Manager.OpenScreen2();
    }
}

Window2.xaml.cs:

public partial class Window2 : Window {
    Manager Manager{get; set;}
    public Window2(Manager inManager) {
        InitializeComponent();
        Manager = inManager;
    }

    private void OnChangeScreen(object sender, RoutedEventArgs e) {
        Manager.OpenScreen1();
    }
}

Manager.cs:

public class Manager {
    public Window1 Screen1{ get; set;}
    public Window2 Screen2{ get; set;}

    public Manager(){
        Screen1 = new Window1(this);
    }

    public void OpenScreen2() {
        Screen2 = new Window2(this);
        Screen2.Show();
        if (Screen1 != null) {
            Screen1.Hide();
        }
    }

    public void OpenScreen1() {
        Screen1 = new Window1(this);
        Screen1.Show();
        if (Screen2 != null) {
            Screen2.Hide();
        }
    }
}

Window1.xaml（本质上是由 window2.xaml 模仿的）：

<Window x:Class="WpfApplication1.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window1" 
        WindowStyle="None"
        WindowState="Maximized"
        Width="1280"
        Height="1024"
        FontFamily="Global User Interface"
        ResizeMode="NoResize">

    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
        <Button Name="ChangeScreenButton" Click="OnChangeScreen" Grid.Row="2" Grid.Column="2" Content="Toggle Screen 2"></Button>
    </Grid>
</Window>

交错显示两个窗口（即，在删除窗口之前显示窗口 1） 2等）不会改变闪烁行为。在这个简单的应用程序中，可以隐藏未显示的其他屏幕，但在更复杂的应用程序中，状态信息太多，无法正确、轻松地管理屏幕信息。

是否有一些神奇的代码字或技术可以避免闪烁，可以在这个简单的应用程序中工作，也可以扩展到更复杂的应用程序？我担心此时我将被迫重写整个 UI 以支持隐藏和显示，而这在我的时间范围内是不可行的。

编辑：我已经尝试过在某些对话框中隐藏/显示东西，但这似乎并不重要。也许是因为主要的信息亭应用程序风格很重？

Answer 1

闪烁的根本原因是，每当您 .Hide() 窗口时，其 PresentationSource 就会断开连接，从而导致 Unloaded 事件在所有内容以及缓存在 中的所有内容上触发。要丢弃的 WPF >MILCore 层。然后，当您稍后再次 .Show() 时，一切都会重建。

为了防止闪烁，请确保您的 UI 始终连接到PresentationSource。这可以通过多种方式完成：

带有伪装的 TabControl 的单个窗口

使用包含 TabControl 样式的单个窗口，这样您就看不到选项卡。当您通常显示或隐藏窗口时，在代码中切换选项卡。您可以简单地搜索现有代码中的“Window”并将其替换为“Page”，然后将“Show()”调用替换为自定义“Show()”，该调用执行以下操作：

1. 检查之前为此页面创建的 TabItem (使用字典）
2. 如果没有找到 TabItem，则将页面包装在新的 TabItem 中并将其添加到 TabControl
3. 将 TabControl 切换到新的 TabItem

用于 TabControl 的 ContentTemplate 非常简单：

<ContentTemplate TargetType="TabControl">
  <ContentPresenter x:Name="PART_SelectedContentHost"
                    ContentSource="SelectedContent" />
</ContentTemplate>

使用带有导航的框架< /strong>

将 Frame 与导航结合使用对于信息亭来说是一个非常好的解决方案，因为它实现了许多页面切换和其他功能。然而，以这种方式更新现有应用程序可能比使用 TabControl 需要更多工作。无论哪种情况，您都需要从 Window 转换为 Page，但对于 Frame，您还需要处理导航。

具有不透明度的多个窗口

您可以使用低不透明度使窗口几乎完全不可见，但 WPF 仍会保留视觉树。这将是一个微不足道的更改：只需将所有对 Window.Show() 和 Window.Hide() 的调用替换为对“MyHide()”和“MyShow()”的调用" 更新不透明度。请注意，您可以通过让这些例程触发持续时间非常短（例如 0.2 秒）的动画来进一步改进这一点，从而为不透明度设置动画。由于两个动画将同时设置，因此动画将顺利进行，并且效果会很简洁。

Answer 2

我很好奇为什么您在信息亭中为同一应用程序使用多个窗口。您可以轻松地将所有控件放在同一个“窗口”上，并且只需更改面板上的可见性即可显示不同的“屏幕”。这肯定会阻止桌面被显示，并允许你做一些巧妙的事情，比如淡入淡出过渡或滑动动画等。

Answer 3

WPF 具有内置的导航功能。

只需查看 框架 和页面您可以使用 VS 或 Blend 轻松设计这些类。

Answer 4

鉴于 WPF 如何使用 DirectX 和图形处理器来卸载屏幕元素的处理，计算机的 DirectX 和驱动程序是否是最新的？

科里

Answer 5

这是一个简单的替代方案，适用于我的黑色背景的类似信息亭的应用程序，灵感来自上述答案。这里我有一个“LanguageWindow”，可以从应用程序中的任何位置打开它来更改当前语言。

在 LanguageWindow.xaml 中（检查 WindowState=Minimized）：

<Window x:Class="LanguageWindow"
    ...
    Title="LanguageWindow" Height="1024" Width="1280" WindowStyle="None" WindowState="Minimized" Background="Black">

在 LanguageWindow.xaml.vb 中：

Private Sub LanguageWindow_ContentRendered(sender As Object, e As EventArgs) Handles Me.ContentRendered
    Me.WindowState = WindowState.Maximized
End Sub

瞧！

（使用 Visual Studio 2015、.NET Framework 4.6、WPF、VB.net 完成）

Answer 6

同意有关使用内置导航功能的评论，但如果您此时被锁定在您的设计中，也许可以考虑为窗口的不透明度设置动画？不透明度从 1 -> 的 100 或 200 毫秒短动画0 表示传出窗口，0 -> 1 对于传入窗口可能会解决该问题。在情节提要上的 Completed 事件中处理传出窗口的实际清理。

Answer 7

如果构造函数中的任何初始化需要很长时间，可能会导致延迟和闪烁。您可以尝试使用异步方法或将该初始化放在后台线程上，这样它就不会阻止窗口的显示。

会导致延迟的示例是数据库查询或通过网络请求数据。

一个快速实验是禁用慢速窗口中的构造函数的一部分，以找出导致窗口显示延迟的原因。

Answer 8

正如前面所回答的，使用框架/选项卡控件避免转换过程中的闪烁

如果您不想更改应用程序并希望消除 Windows7 或 WindowsVista 上的闪烁（桌面之间的闪烁），您可以将 Windows“视觉效果”设置优化为“调整以获得最佳性能”