C# WPF 幾種常用的窗口特效，你知道嗎？
作者：zls365
通過使用WPF的動(dòng)畫、陰影、模糊和亞克力效果，可以顯著提升應(yīng)用程序的用戶體驗(yàn)。這些特效不僅可以使界面更加美觀，還可以提高用戶的交互體驗(yàn)。希望本文提供的示例代碼能夠幫助你在開發(fā)中實(shí)現(xiàn)這些特效。
在C# WPF應(yīng)用程序開發(fā)中，窗口特效是提升用戶體驗(yàn)的重要手段。本文將介紹幾種常用的窗口特效及其實(shí)現(xiàn)方法，包括動(dòng)畫、陰影、模糊效果等。
1. 動(dòng)畫效果
WPF提供了強(qiáng)大的動(dòng)畫支持，可以通過Storyboard和動(dòng)畫類來實(shí)現(xiàn)各種動(dòng)畫效果。
1.1 淡入淡出效果
淡入淡出效果是最常見的動(dòng)畫效果之一，可以通過以下代碼實(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可以用來實(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來實(shí)現(xiàn)窗口的模糊效果。
3.1 Windows 10 模糊效果
對(duì)于Windows 10，可以使用SetWindowCompositionAttribute方法來實(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方法來實(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效果，可以通過第三方庫如XamlFlair來實(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>結(jié)論
通過使用WPF的動(dòng)畫、陰影、模糊和亞克力效果，可以顯著提升應(yīng)用程序的用戶體驗(yàn)。這些特效不僅可以使界面更加美觀，還可以提高用戶的交互體驗(yàn)。希望本文提供的示例代碼能夠幫助你在開發(fā)中實(shí)現(xiàn)這些特效。
責(zé)任編輯：武曉燕
來源：
CSharp編程大全
