C# wpf常用窗口特效的实现代码_开发_开发者

开发者 https://www.devze.com 2024-11-07 11:01 出处：网络作者： zls365365

目录1. 动画效果1.1 淡入淡出效果1.2 缩放效果2. 阴影效果3. 模糊效果3.1 Windows 10 模糊效果3.2 Windows 11 模糊效果4. 亚克力效果结论在C# wpF应用程序开发中，窗口特效是提升用户体验的重要手段。本文将介绍几种

1. 动画效果

WPF提供了强大的动画支持，可以通过Storyboard和动画类来实现各种动画效果。

1.1 淡入淡出效果

淡入淡出效果是最常见的动画效果之一，可以通过以下代码实现：

<Window x:Class="WpfApp.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>
        <Butthttp://www.devze.comon Content="Click me">
            <Button.Triggers>
                <EventTrigger RoutedEvent="Button.Loaded">
                    <BeginStoryboard>
                        <Storyboard>
                            <DoubleAnimation Storyboard.TargetProperty="Opacity"
                                             From="0" To="1" Duration="0:0:2"/>
                        </Storyboard>
                    </BeginStoryboard&g编程客栈t;
                <android/EventTrigger>
            </Button.Triggers>
        </Button>
    </Grid>
</Window>

1.2 缩放效果

缩放效果可以使界面元素在加载时更加生动，以下是一个缩放动画的示例：

<WindowQQRKxBvXlI x:Class="WpfApp.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>
        <Button Content="Click me">
            <Button.Triggers>
                <EventTrigger RoutedEvent="Button.Loaded">
                    <BeginStoryboard>
                        <Storyboard>
                            <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleX"
                                             From="0" To="1" Duration="0:0:2"/>
                            <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleY"
                                             From="0" To="1" Duration="0:0:2"/>
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Button.Triggers>
            <Button.RenderTransform>
                <ScaleTransform />
            </Button.RenderTransform>
        </Button>
    </Grid>
</Window>

2. 阴影效果

阴影效果可以增加界面的立体感，WPF中的DropShadowEffect可以用来实现阴影效果。

<Window x:Class="WpfApp.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>
        <Button Content="Click me" Width="100" Height="50">
            <Buttojsn.Effect>
                <DropShadowEffect BlurRadius="10" Direction="330" ShadowDepth="5" Color="Gray"/>
            </Button.Effect>
        </Button>
    </Grid>
</Window>

3. 模糊效果

在Windows 10和Windows 11上，可以使用系统提供的API来实现窗口的模糊效果。

3.1 Windows 10 模糊效果

对于Windows 10，可以使用SetWindowCompositionAttribute方法来实现模糊效果。

public static void EnableBlur(Window window)
{
    var helper = new WindowInteropHelper(window);
    var accent = new AccentPolicy
    {
        AccentState = AccentState.ACCENT_ENABLE_BLURBEHIND,
        AccentFlags = AccentFlags.DrawLeftBorder | AccentFlags.DrawTopBorder | AccentFlags.DrawRightBorder | AccentFlags.DrawBottomBorder,
        GradientColor = 0x00FFFFFF
    };
    AccentPolicyCallback.SetWindowCompositionAttribute(helper.Handle, ref accent);
}

3.2 Windows 11 模糊效果

对于Windows 11，可以使用dwmSetWindowAttribute方法来实现模糊效果。

public static void EnableMica(Window window)
{
    var helper = new WindowInteropHelper(window);
    varmica = MicaController.GetMica();
    mica?.SetMica(window);
}

4. 亚克力效果

亚克力效果是Windows 10和Windows 11中引入的一种现代UI效果，可以通过第三方库如XamlFlair来实现。

<Window x:Class="WpfApp.MainWindow"
        xmlns:xf="clr-namespace:XamlFlair;assembly=XamlFlair.WPF"
        Title="MainWindow" Height="350" Width="525">
    <Grid xf:Animations.Primary="{StaticResource FadeIn}" />
</Window>