C# wpf常用窗口特效的實(shí)現(xiàn)代碼

更新時(shí)間：2024年11月05日 15:30:00 作者：zls365365

在C# WPF應(yīng)用程序開發(fā)中,窗口特效是提升用戶體驗(yàn)的重要手段,本文將介紹幾種常用的窗口特效及其實(shí)現(xiàn)方法,包括動(dòng)畫、陰影、模糊效果等,希望對(duì)大家有所幫助

1. 動(dòng)畫效果

WPF提供了強(qiáng)大的動(dòng)畫支持，可以通過(guò)Storyboard和動(dòng)畫類來(lái)實(shí)現(xiàn)各種動(dòng)畫效果。

1.1 淡入淡出效果

淡入淡出效果是最常見的動(dòng)畫效果之一，可以通過(guò)以下代碼實(shí)現(xiàn)：

<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">
            <Button.Triggers>
                <EventTrigger RoutedEvent="Button.Loaded">
                    <BeginStoryboard>
                        <Storyboard>
                            <DoubleAnimation Storyboard.TargetProperty="Opacity"
                                             From="0" To="1" Duration="0:0:2"/>
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Button.Triggers>
        </Button>
    </Grid>
</Window>

1.2 縮放效果

縮放效果可以使界面元素在加載時(shí)更加生動(dòng)，以下是一個(gè)縮放動(dòng)畫的示例：

<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">
            <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可以用來(lái)實(shí)現(xiàn)陰影效果。

<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">
            <Button.Effect>
                <DropShadowEffect BlurRadius="10" Direction="330" ShadowDepth="5" Color="Gray"/>
            </Button.Effect>
        </Button>
    </Grid>
</Window>

3. 模糊效果

在Windows 10和Windows 11上，可以使用系統(tǒng)提供的API來(lái)實(shí)現(xiàn)窗口的模糊效果。

3.1 Windows 10 模糊效果

對(duì)于Windows 10，可以使用SetWindowCompositionAttribute方法來(lái)實(shí)現(xiàn)模糊效果。

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 模糊效果

對(duì)于Windows 11，可以使用DwmSetWindowAttribute方法來(lái)實(shí)現(xiàn)模糊效果。

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

4. 亞克力效果

亞克力效果是Windows 10和Windows 11中引入的一種現(xiàn)代UI效果，可以通過(guò)第三方庫(kù)如XamlFlair來(lái)實(shí)現(xiàn)。

<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>