0

我在 WPF 中创建了一个小弹出窗口，它以 500 毫秒的淡入淡出动画显示和隐藏。

当 TextBox 控件的 PreviewMouseUp 被触发时会显示 Popup，当 TextBox 失去焦点时会隐藏。

问题是，如果我有两个这样的文本框，弹出窗口的动画似乎会在动画进行时阻止所有发送到主窗口的窗口消息。只有在第一个 TextBox 的 Popup 动画完成后，第二个 TextBox 的 PreviewMouseUp 才会被触发。

有没有办法让我的弹出窗口的淡入淡出动画在动画运行时不阻止窗口消息？

示例 XAML 文件：

        <Window x:Class="WpfApplication4.MainWindow"
                xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                Title="MainWindow" Height="350" Width="525">
            <Grid>
                <TextBox HorizontalAlignment="Left" Height="23" Margin="22,26,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="120" PreviewMouseUp="TextBox_PreviewMouseUp_1" LostFocus="TextBox_LostFocus_1"/>
                <TextBox HorizontalAlignment="Left" Height="23" Margin="22,54,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="120" PreviewMouseUp="TextBox_PreviewMouseUp_1" LostFocus="TextBox_LostFocus_1"/>

            </Grid>
        </Window>

示例代码文件：

        using System;
        using System.Collections.Generic;
        using System.Linq;
        using System.Text;
        using System.Threading.Tasks;
        using System.Windows;
        using System.Windows.Controls;
        using System.Windows.Controls.Primitives;
        using System.Windows.Data;
        using System.Windows.Documents;
        using System.Windows.Input;
        using System.Windows.Media;
        using System.Windows.Media.Animation;
        using System.Windows.Media.Imaging;
        using System.Windows.Navigation;
        using System.Windows.Shapes;

        namespace WpfApplication4
        {
            /// <summary>
            /// Interaction logic for MainWindow.xaml
            /// </summary>
            public partial class MainWindow : Window
            {
                public MainWindow()
                {
                    InitializeComponent();
                }

                private void TextBox_PreviewMouseUp_1(object sender, MouseButtonEventArgs e)
                {
                    Popup p = new Popup();
                    p.Width = 100;
                    p.Height = 100;
                    p.Placement = PlacementMode.Left;
                    p.PlacementTarget = (TextBox)sender;
                    p.Child = new Border();
                    p.IsOpen = true;
                    ((TextBox)sender).Tag = p;
                }

                private void TextBox_LostFocus_1(object sender, RoutedEventArgs e)
                {
                    Popup p = (Popup)((TextBox)sender).Tag;
                    DoubleAnimation anim = new DoubleAnimation(100, 0, new Duration(new TimeSpan(0, 0, 1)));
                    p.BeginAnimation(WidthProperty, anim);
                }

            }
        }

如果您快速单击两个文本框，您会注意到在动画运行时另一个弹出窗口不会出现（并且文本框没有获得焦点）。

到目前为止我发现，如果动画真的很密集（高帧率），窗口消息会被阻止，直到动画完成。如果我将应用程序帧速率设置为较低的值，例如 30FPS，那么问题就会消失。但这对我来说不是一个选择，因为我不希望动画尽可能流畅。

4

1 回答 1

1

发生这种情况是因为我正在为弹出窗口的边缘设置动画 - 当窗口大小频繁更改时，它会生成大量窗口消息。（这当然会在动画期间卡住应用程序的整个 Windows 消息泵）。

所以解决方案不是为弹出窗口本身设置动画，而是为弹出窗口的子控件（例如面板）设置动画，并将弹出窗口设置为允许透明度，这样我们就可以获得相同的效果，但实际上不是动画实际窗口大小。

于 2013-04-18T17:01:19.227 回答