.net - 如何避免 WPF 全屏应用程序中的闪烁？

Question

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

应用程序.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();
    }
}

经理.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>

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

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

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

Answer 1

闪烁的根本原因是每当您 .Hide() 一个窗口时，它的 PresentationSource已断开连接，导致 Unloaded对所有内容以及缓存在 MILCore 中的所有内容触发的事件要丢弃的 WPF 层。那么当你 .Show()再后来，一切都重建了。

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

带有伪装 TabControl 的单个窗口

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

检查以前为此页面创建的 TabItem(使用字典)

如果没有找到 TabItem，则将 Page 包装在一个新的 TabItem 中并将其添加到 TabControl

将 TabControl 切换到新的 TabItem

您将用于 TabControl 的 ContentTemplate 非常简单:

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

使用带导航的框架

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

多个不透明的窗口

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