11

我有一个 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 以支持隐藏和显示,而这在我的时间范围内是不可行的。

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

4

8 回答 8

15

闪烁的根本原因是,每当您 .Hide() 一个窗口PresentationSource断开连接时,Unloaded就会在所有内容上触发事件,并MILCore丢弃缓存在 WPF 层中的所有内容。然后,当您.Show()再次执行此操作时,一切都将被重建。

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

带有伪装 TabControl 的单个窗口

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

  1. 检查以前为此页面创建的 TabItem(使用字典)
  2. 如果未找到 TabItem,则将 Page 包装在新的 TabItem 中并将其添加到 TabControl
  3. 将 TabControl 切换到新的 TabItem

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

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

使用带导航的框架

使用Frame导航对于信息亭来说是一个非常好的解决方案,因为它实现了很多页面切换和其他功能。但是,以这种方式更新现有应用程序可能比使用 TabControl 需要更多的工作。在任何一种情况下,您都需要将 from 转换WindowPage,但使用 Frame 您还需要处理导航。

具有不透明度的多个窗口

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

于 2010-03-02T16:40:45.167 回答
2

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

于 2010-03-02T15:45:05.160 回答
2

WPF 内置了导航功能。

只需看看您可以使用 VS 或 Blend 轻松设计的Frame和 Page 类。

于 2010-03-02T15:49:13.513 回答
0

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

于 2010-03-02T15:56:02.280 回答
0

看看 WPF 如何使用 DirectX 和图形处理器来卸载屏幕元素的处理,计算机的 DirectX 和驱动程序是最新的吗?

科里

于 2010-03-02T15:57:35.057 回答
0

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

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

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

于 2010-03-02T16:37:46.420 回答
0

如前所述,使用 Frames/Tab Controls 避免在过渡期间闪烁

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

于 2011-06-17T15:46:45.063 回答
0

这是一个简单的替代方案,适用于我的类似信息亭的黑色背景应用程序,灵感来自上述答案。在这里,我有一个“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 完成)

于 2016-01-31T22:45:05.880 回答