资讯动态

WPF UI新手向:五分钟换上Fluent风格界面

发布时间:2026/9/18 21:10:56 来源:尧图企业网站定制
WPF UI新手向五分钟换上Fluent风格界面【免费下载链接】wpfuiWPF UI provides the Fluent experience in your known and loved WPF framework. Intuitive design, themes, navigation and new immersive controls. All natively and effortlessly.项目地址: https://gitcode.com/GitHub_Trending/wp/wpfui想让你的WPF应用拥有和Windows 11一样的界面质感又不想自己写一堆样式WPF UI 就是干这件事的一个给WPF加Fluent Design的UI库控件、主题切换、现代化窗口都是现成的。NuGet装上、挂两个资源字典应用外观立刻变样也不用迁移到WinUI你熟悉的WPF开发方式一点不用改。它帮你省了什么事儿没有它的时候现代化三个字得你自己一点点磨出来。想象一下设计说窗口要Windows 11那种观感——圆角、Mica毛玻璃底、标题栏内容区一体。原生WPF的Window就是一个方框你得当着DWM属性的面把WindowStyle和AllowsTransparency翻个底朝天光是能跑起来就是一阵头疼。更麻烦的是样式一致性按钮悬停色、进度环的动画、卡片的圆角阴影全要手写同事把主题改成深色你又得挨个改颜色值改完还发现系统强调色跟不上。导航也一样TabControl是上世纪的标签页想做Fluent风格的侧边栏导航图标、折叠、底部固定设置项只能自己画骨架、自己接逻辑。写到最后你只会怀疑人生。 五分钟跑起来新建一个WPF项目一条命令装上包dotnet add package WPF-UI剩下两步基本是抄作业。第一步打开App.xaml在MergedDictionaries里加两个字典ThemesDictionary用来选初始主题Light或DarkControlsDictionary把所有控件样式带进来。第二步在窗口XAML里声明xmlns:ui命名空间把窗口换成ui:FluentWindow之后凡是以ui:开头的控件随你取用。这三步的完整细节在官方快速开始文档里对着做就行。先试这三件事你可以用它搭一个现代侧边导航。NavigationView是现成的骨架带图标的侧边菜单、可折叠、底部固定设置项都不用额外画再配一个AutoSuggestBox还能挂上全局搜索框。任何多页面的应用主窗口拿它当壳最省事。你可以用它做出原生感的主题切换。通过IThemeService接口和ApplicationThemeManagerLight/Dark随时切换、跟随系统主题强调色还能自定义全程不用重启应用。做设置页里那个外观分组基本就是绑几个事件的事。你可以用它把窗口本身做成Windows 11的样子。FluentWindow把Mica毛玻璃背景、圆角、TitleBar标题栏一次给齐窗口上设几个属性就够了。你想做的事核心控件适合场景侧边导航骨架NavigationView多页面应用主窗口明暗切换加强调色IThemeService设置页外观分组毛玻璃背景窗口FluentWindow桌面工具主窗口一个真实的小例子假设你要做一个运维小工具左边是导航右边放仪表盘和设置页设置页里还要能切主题。主窗口用FluentWindowWindowBackdropType设为Mica、圆角打开下面放NavigationView每个菜单项的TargetPageType指向对应Page类点击菜单就自动切换内容区页面之间的切换逻辑它全包了。设置页更简单一个ToggleSwitch绑主题一个颜色选择器绑强调色背后调主题服务即可。想跟随系统主题SystemThemeWatcher会帮你盯着系统设置变化。最小骨架大概长这样ui:FluentWindow TitleMy App WindowBackdropTypeMica WindowCornerPreferenceRound StackPanel ui:TitleBar TitleMy App / ui:NavigationView ui:NavigationViewItem ContentDashboard / ui:NavigationViewItem ContentSettings / /ui:NavigationView /StackPanel /ui:FluentWindow跑起来就是这个效果模板项目里长这样 几个容易踩的坑注意NuGet包名是WPF-UI但XAML命名空间是http://schemas.lepo.co/wpfui/2022/xaml别按包名猜命名空间猜错了编译直接不过。直接照官方文档抄控件统一加ui:前缀就好。注意如果你的项目没有App.xaml比如自己写入口点资源字典就没地方挂这时在窗口构造函数里调ApplicationThemeManager.Apply(this)把主题应用到窗口上README里有现成例子。小提示库里自带的是Fluent System Icons字体Segoe Fluent Icons字体因为许可原因没有随dll分发。Windows 11系统默认装了它但目标机器是Windows 10的话要手动把字体加进项目并用FontFamily指定路径不然图标会显示成方块。下一步去哪儿以上只是起步。samples/目录里有从最简版到MVVM架构的完整示例托盘、对话框都有建议边跑边读想深入主题配置和自定义样式再看一眼主题文档就行。【免费下载链接】wpfuiWPF UI provides the Fluent experience in your known and loved WPF framework. Intuitive design, themes, navigation and new immersive controls. All natively and effortlessly.项目地址: https://gitcode.com/GitHub_Trending/wp/wpfui创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

读完文章,也想定制专属网站?

尧图设计师 24 小时内与您沟通定制方案

免费获取报价