微信公眾號：Dotnet9，網站：Dotnet9，問題或建議：請網站留言， 如果對您有所幫助：歡迎讚賞。

.NET CORE(C#) WPF亞克力窗體

閱讀導航

1. 本文背景
2. 代碼實現
3. 本文參考
4. 源碼

1. 本文背景

本文介紹使用FluentWPF控件庫實現亞克力效果的窗體。

2. 代碼實現

使用 .Net Core 3.1 創建名為 “AcrylicWindow” 的WPF模板項目，添加三個Nuget庫：MaterialDesignThemes、MaterialDesignColors和FluentWPF，其中亞克力效果是由FluentWPF控件庫實現的。

以下為三個庫具體版本：

<code>
<packages>
  <package>
  <package>
  <package>
/<packages>/<code>

解決方案主要文件目錄組織結構：

• AcrylicWindowApp.xamlMainWindow.xamlMainWIndow.xaml.cs

2.1 引入樣式

文件【App.xaml】，在StartupUri中設置啟動的視圖【MainWindow.xaml】，並在【Application.Resources】節點增加MaterialDesignThemes和FluentWPF控件庫的樣式文件：

<code><application>             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             StartupUri="MainWindow.xaml">
    <application.resources>
        <resourcedictionary>
            <resourcedictionary.mergeddictionaries>
                
                <resourcedictionary>

                 

                <resourcedictionary>
                <resourcedictionary>
            /<resourcedictionary.mergeddictionaries>
        /<resourcedictionary>
    /<application.resources>
/<application>/<code>

2.2 演示窗體佈局

文件【MainWindow.xaml】，引入MaterialDesignThemes和FluentWPF控件庫的命名空間，源碼如下：

<code><window>        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:fw="clr-namespace:SourceChord.FluentWPF;assembly=FluentWPF"
        mc:Ignorable="d"
        fw:AcrylicWindow.Enabled="True" fw:AcrylicWindow.AcrylicWindowStyle="None"
        MouseDown="Window_MouseDown" FontSize="15" Height="600" Width="1080" WindowStyle="None" AllowsTransparency="True" ResizeMode="NoResize" WindowStartupLocation="CenterScreen">
    <grid>
        <grid.columndefinitions>
            <columndefinition>
            <columndefinition>
        /<grid.columndefinitions>

        <grid>
            <stackpanel>
                <stackpanel>
                    <button>
                        <packicon>
                    /<button>
                    <textblock>
                /<stackpanel>
                <listviewitem>
                    <stackpanel>
                        <packicon>
                        <textblock>
                    /<stackpanel>
                /<listviewitem>
                <textblock>
                <listview>
                    <listviewitem>
                        <stackpanel>
                            <packicon>
                            <textblock>
                        /<stackpanel> 

                    /<listviewitem>
                    <listviewitem>
                        <stackpanel>
                            <packicon>
                            <textblock>
                        /<stackpanel>
                    /<listviewitem>
                    <listviewitem>
                        <stackpanel>
                            <packicon>
                            <textblock>
                        /<stackpanel>
                    /<listviewitem>
                    <listviewitem>
                        <stackpanel>
                            <packicon>
                            <textblock>
                        /<stackpanel>
                    /<listviewitem>
                /<listview>
            /<stackpanel>
        /<grid>
        <grid>

        /<grid>
    /<grid>
/<window>/<code>

關鍵點說一下：

1. 作者源碼中隱藏標題欄使用的【fw:AcrylicWindow.ShowTitleBar="False"】，站長使用 .NET CORE 3.1創建的項目提示該屬性不存在，遂嘗試敲打出【fw:AcrylicWindow.AcrylicWindowStyle="None"】屬性替代，效果一樣的;
2. fw:AcrylicWindow.Enabled 屬性是是否啟用亞克力效果的開關，設置為True，效果見上面演示動畫；設置為False，效果圖如下：
3. 演示窗體分為左右兩部分，左側設置Grid背景色“#01FFFFFF”，帶有透明度才能看出亞克力效果，右側Grid背景色設置為白色，方便左右對比。

後臺代碼【MainWindow.xaml.cs】實現鼠標左鍵拖動窗體功能：

<code>private void Window_MouseDown(object sender, MouseButtonEventArgs e)
{
    DragMove();
}/<code>

3.本文參考

1. 視頻一：C# WPF Design UI: Transparent/Acrylic Window，配套源碼：AcrylicWindow。

4.源碼

文中代碼已經全部給出，可直接Copy代碼，按解決方案目錄組織代碼文件即可運行，另附原作者視頻及源碼【見3.本文參考】、站長成功編譯的Demo(點擊下載->AcrylicWindow)。

除非註明，文章均由 Dotnet9 整理發佈，歡迎轉載。轉載請註明本文地址：https://dotnet9.com/7372.html

時間如流水，只能流去不流回！

點擊【閱讀原文】，本站還有更多技術類文章等著您哦，此刻順便為我點個“再看”可好？

閱讀更多 沙漠盡頭的狼 的文章

關鍵字: 亞克力 XAML XML