代码之家  ›  专栏  ›  技术社区  ›  mmr

如何在WPF全屏应用程序中避免闪烁?

  •  11
  • mmr  · 技术社区  · 14 年前

    我有一个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();
            }
        }
    }
    

    窗口1.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();
        }
    }
    

    窗口2.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以支持隐藏和显示,这在我的时间范围内是不可行的。

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

    8 回复  |  直到 9 年前
        1
  •  15
  •   Ray Burns    14 年前

    闪烁的根本原因是每当.hide()窗口 PresentationSource 断开,导致 Unloaded 对中缓存的所有内容和所有内容激发的事件 MILCore 要丢弃的WPF层。然后当你 .Show() 后来,一切都重建了。

    要防止闪烁,请确保您的UI始终连接到表示源。这可以通过以下几种方式实现:

    带隐藏TabControl的单窗口

    使用一个包含 TabControl 样式设置使您看不到选项卡。在通常显示或隐藏窗口时切换代码中的选项卡。您只需搜索并将现有代码中的“window”替换为“page”,然后将“show()”调用替换为自定义的“show()”,该调用执行以下操作:

    1. 检查以前为此页创建的选项卡项(使用字典)
    2. 如果找不到TabItem,请将该页包装在新的TabItem中并将其添加到TabControl
    3. 将TabControl切换到新的TabItem

    用于TabControl的ContentTemplate非常简单:

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

    使用带导航的框架

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

    不透明度的多个窗口

    您可以使用低透明度使窗口几乎完全不可见,但WPF仍将保持可见树的周围。这将是一个微不足道的更改:只需替换 Window.Show() Window.Hide() 调用“myHide()”和“myShow()”,更新不透明度。请注意,您可以通过让这些例程触发动画的持续时间非常短(例如0.2秒)来进一步改善这一点,使不透明度成为动画。由于这两个动画将同时设置,动画将顺利进行,并将是一个整洁的效果。

        2
  •  2
  •   NebuSoft    14 年前

    我很好奇为什么你要在一个信息亭中为同一个应用程序使用多个窗口。您可以轻松地将所有控件放在同一个“窗口”上,只需更改面板上的可见性即可显示不同的“屏幕”。这当然会阻止桌面的显示,并允许你做一些整洁的事情,如渐变或滑动动画等。

        3
  •  1
  •   Matthias    14 年前

    WPF具有内置导航功能。

    看看这个 Frame 以及页面类,您可以使用vs或blend轻松设计这些类。

        4
  •  0
  •   Ben Von Handorf    14 年前

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

        5
  •  0
  •   mmr    14 年前

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

    科丽

        6
  •  0
  •   Doug Ferguson    14 年前

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

    引起延迟的一个例子是数据库查询或通过网络请求数据。

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

        7
  •  0
  •   ashes_onfire    13 年前

    如前所述,使用帧/选项卡控件可避免在转换期间闪烁。

    如果您不想更改您的应用程序,并且想删除Windows7或WindowsVista上的闪烁(桌面之间闪烁),您可以将Windows“视觉效果”设置优化为 'Adjust for best performance'

        8
  •  0
  •   François Cusson-Lafrenaye    9 年前

    下面是一个简单的替代方案,它在我的类似亭子的应用程序中工作,背景为黑色,灵感来自上面的答案。这里我有一个“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
    

    Voice!

    (使用Visual Studio 2015,.NET Framework 4.6、WPF、VB.NET完成)