当前位置：首页 > news >正文

WINUI3入门实战：从零构建现代化Windows桌面应用

news 2026/7/24 8:19:40

1. 项目概述：为什么是WINUI3？

如果你是一名C#开发者，尤其是做过WPF、WinForms或者UWP，最近可能总听到WINUI3这个名字。它不是什么全新的语言，而是微软在桌面应用开发领域投下的一枚重磅炸弹。简单来说，WINUI3是一个完全原生的、高性能的Windows UI框架，它的核心卖点在于“解耦”——将UI层从Windows操作系统和.NET运行时中彻底剥离出来。

这听起来可能有点抽象，我打个比方。以前的WPF，UI和.NET框架是“捆绑销售”的，你想用最新的漂亮控件？得等.NET Framework更新。WINUI3则像是把UI做成了一个独立的、可以随时升级的“皮肤引擎”。这个改变带来的好处是实实在在的：首先，它支持最新的Fluent Design 2.0设计语言，这意味着你能轻松做出和Windows 11系统风格浑然一体的现代化应用，毛玻璃、阴影、动画效果都信手拈来。其次，因为它独立，所以既能用于传统的.NET应用（.NET 6/7/8），也能用于全新的Windows App SDK应用模型，甚至还能在UWP项目里使用，给了开发者前所未有的选择灵活性。

那么，谁适合学习WINUI3？我认为有三类人最应该关注：一是所有希望构建现代化Windows桌面应用的C#开发者，这是未来的主流方向；二是现有的WPF开发者，WINUI3的学习曲线相对平缓，且能带来显著的UI体验提升；三是那些对UWP的沙盒限制感到困扰，但又喜欢其现代UI的开发者，WINUI3+Windows App SDK的组合提供了一个更开放的替代方案。接下来，我们就从零开始，手把手创建第一个WINUI3应用，我会把过程中每一个关键选择背后的“为什么”都讲清楚。

2. 环境准备与项目创建

2.1 开发环境搭建

工欲善其事，必先利其器。WINUI3开发对工具有明确要求，盲目安装旧版本VS只会浪费时间。首先，你需要安装Visual Studio 2022。注意，必须是2022版本，2019不支持WINUI3所需的所有项目模板和工具。在安装程序中，请务必勾选以下工作负载：

“.NET桌面开发”：这是基础，提供了C#编译器和核心库。
“使用C++的桌面开发”（可选但强烈建议）：WINUI3底层依赖一些C++运行时库，勾选此项可以避免后续可能出现的、难以排查的运行时错误。
在“单个组件”中搜索并勾选“Windows App SDK C# Templates”：这是关键！没有这个组件，你在新建项目时就找不到WINUI3的模板。

安装完成后，建议将Visual Studio更新到最新版本，以确保获得最新的Windows App SDK模板和稳定性修复。这就是我踩过的第一个坑：一开始用VS2019折腾了半天，发现根本创建不了项目，换了VS2022并确认组件安装正确后，一切才顺利起来。

2.2 创建第一个WINUI3项目

打开VS2022，点击“创建新项目”。在搜索框输入“WinUI”，你会看到几个模板，这里的选择至关重要：

“空白应用、打包(WinUI 3 in Desktop)”：这是我们本次实战的首选，也是微软主推的模型。它使用MSIX打包技术，能自动处理依赖、支持自动更新，并且可以通过Microsoft Store分发。应用在运行时具有完整的系统访问权限（取决于你在清单文件中声明的能力），没有UWP那样的沙盒限制。
“空白应用、未打包(WinUI 3 in Desktop)”：生成一个传统的桌面可执行文件（exe），不进行打包。部署简单，但需要手动处理依赖项（例如，确保用户电脑上安装了必要的Windows App SDK运行时），不适合通过商店分发。
“类库(WinUI 3 in Desktop)”：用于创建可复用的WINUI3控件库。

注意：对于新手，我强烈建议从“打包”模板开始。MSIX打包虽然初看多了一步，但它解决了桌面应用部署中最头疼的“DLL地狱”问题，并且其安装体验（开始菜单快捷方式、干净卸载）更接近现代应用。我们选择“空白应用、打包(WinUI 3 in Desktop)”，给项目起个名，比如MyFirstWinUI3App，然后点击创建。

项目创建成功后，花一分钟浏览一下解决方案结构，这对理解项目构成很重要：

MyFirstWinUI3App (项目)：这是主项目，包含主要的应用逻辑和UI。
MyFirstWinUI3App.Package (项目)：这是打包项目，负责生成最终的.msix或.msixbundle安装包。它的Package.appxmanifest文件是应用的身份证明，定义了应用名称、图标、启动入口以及需要申请的系统权限（如访问文件系统、网络等）。

2.3 理解项目结构与核心文件

双击打开主项目下的App.xaml和App.xaml.cs。App类是应用的入口点，相当于WPF里的App.xaml。OnLaunched方法是应用启动时第一个被执行的方法，这里初始化了主窗口（MainWindow）。

然后打开MainWindow.xaml。这就是我们应用的主窗口。默认的XAML代码非常简洁，定义了一个Window，里面包含了一个StackPanel和一个Button。如果你熟悉WPF或UWP的XAML，会发现语法几乎一模一样，这就是WINUI3对老开发者友好的一面——学习成本主要在新特性和工具链上，而不是语言本身。

<Window x:Class="MyFirstWinUI3App.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:MyFirstWinUI3App" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d"> <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center"> <Button x:Name="myButton" Click="myButton_Click">Click Me</Button> </StackPanel> </Window>

对应的MainWindow.xaml.cs文件中，有一个按钮点击事件处理器：

private void myButton_Click(object sender, RoutedEventArgs e) { myButton.Content = "Clicked"; }

现在，直接按F5运行项目。你会看到一个简单的窗口弹出，点击按钮，文本会变成“Clicked”。恭喜，你的第一个WINUI3应用已经跑起来了！虽然简单，但你已经完成了从环境搭建到运行的全流程。

3. WINUI3核心控件与布局实战

3.1 初识Fluent Design与基础控件

WINUI3的控件库可以看作是UWP控件的超集，并进行了大量性能优化和API整理。我们首先来改造一下默认的主页，体验几个最常用的控件。将MainWindow.xaml中的StackPanel内容替换为以下更丰富的布局：

<Grid> <Grid.RowDefinitions> <RowDefinition Height="Auto"/> <RowDefinition Height="*"/> <RowDefinition Height="Auto"/> </Grid.RowDefinitions> <!-- 标题栏区域 --> <Border Grid.Row="0" Background="{ThemeResource SystemControlBackgroundChromeMediumBrush}"> <TextBlock Text="我的第一个WINUI3应用" FontSize="20" Margin="12" VerticalAlignment="Center"/> </Border> <!-- 主内容区域 --> <ScrollViewer Grid.Row="1" Padding="20"> <StackPanel Spacing="10"> <TextBlock Text="欢迎使用WINUI3！" Style="{StaticResource TitleTextBlockStyle}"/> <TextBox x:Name="InputBox" Header="请输入内容：" PlaceholderText="在这里打字..."/> <ComboBox x:Name="ThemeSelector" Header="选择主题：" SelectedIndex="0"> <x:String>浅色</x:String> <x:String>深色</x:String> <x:String>跟随系统</x:String> </ComboBox> <CalendarDatePicker Header="选择日期"/> <Slider x:Name="FontSizeSlider" Header="字体大小：" Minimum="12" Maximum="32" Value="14"/> <Button Content="显示通知" Click="ShowNotification_Click"/> <TextBlock x:Name="DisplayText" Text="这里会显示输入的内容和设置..." FontSize="{Binding ElementName=FontSizeSlider, Path=Value}"/> </StackPanel> </ScrollViewer> <!-- 状态栏区域 --> <StatusBar Grid.Row="2"> <StatusBar.Items> <StatusBarItem> <TextBlock x:Name="StatusText" Text="就绪"/> </StatusBarItem> </StatusBar.Items> </StatusBar> </Grid>

这段代码做了几件事：

使用Grid进行整体布局：这是最强大、最常用的布局容器。我们定义了上、中、下三行。
引入了主题资源：{ThemeResource SystemControlBackgroundChromeMediumBrush}是一个系统主题资源，它会根据系统是浅色/深色模式自动切换颜色，这是实现Fluent Design自适应主题的关键。
使用了带Header的控件：如TextBox、ComboBox、Slider。Header属性是WINUI3/UWP风格控件的一个特点，它能自动生成一个美观的标签，比手动放一个TextBlock更规范、样式统一。
数据绑定：FontSize="{Binding ElementName=FontSizeSlider, Path=Value}"这是一个简单的XAML数据绑定。它让DisplayText的字体大小实时跟随FontSizeSlider滑块的值变化。WINUI3的数据绑定引擎和WPF一脉相承，非常强大。

在后台代码MainWindow.xaml.cs中，添加按钮事件和组合框选择改变事件的处理逻辑：

private void ShowNotification_Click(object sender, RoutedEventArgs e) { // 更新状态栏 StatusText.Text = $"通知：{InputBox.Text} - {DateTime.Now:HH:mm:ss}"; // 简单模拟一个操作，更新显示文本 DisplayText.Text = $"你输入了：'{InputBox.Text}'， 主题选择是：{ThemeSelector.SelectedItem}"; } // 在构造函数或Loaded事件中订阅ComboBox事件 public MainWindow() { this.InitializeComponent(); ThemeSelector.SelectionChanged += ThemeSelector_SelectionChanged; } private void ThemeSelector_SelectionChanged(object sender, SelectionChangedEventArgs e) { var selected = ThemeSelector.SelectedItem as string; // 在实际应用中，这里会切换整个应用的主题 // 例如：Application.Current.RequestedTheme = selected switch { ... }; StatusText.Text = $"主题已切换为：{selected}"; }

运行程序，你可以看到界面已经有了清晰的区域划分，可以输入文本、选择日期、拖动滑块改变字体大小，并且状态栏会反馈操作结果。这已经是一个有模有样的桌面应用雏形了。

3.2 布局系统深度解析

WINUI3的布局系统继承自XAML的优良传统，核心是测量（Measure）和排列（Arrange）两个阶段。对于开发者而言，我们主要与布局面板（Panel）打交道。除了上面用到的Grid和StackPanel，还有几个必须掌握的：

RelativePanel：通过控件之间的相对关系进行布局（如“在A的右边”、“与B顶部对齐”），在需要复杂相对定位时非常有用，但过度使用可能导致性能问题和XAML难以维护。
VariableSizedWrapGrid：流式布局，控件会自动换行，适合展示动态数量的项目，如图库。
Canvas：绝对定位面板，通过Canvas.Left和Canvas.Top指定精确坐标。仅在对性能有极致要求或实现特殊绘图效果时使用，常规业务布局应尽量避免。

实操心得：在大多数业务场景下，Grid是绝对的主力。我的经验是，先使用Grid划分出页面的主要区域（行和列），然后在每个Grid的单元格内，根据需要嵌套StackPanel进行简单线性排列，或继续用Grid进行更细粒度的划分。RelativePanel看似灵活，但一旦UI需要调整，维护成本很高，我建议谨慎使用。

3.3 样式与资源

为了让UI保持统一和专业，我们不应该在每个控件上硬编码颜色、字体等属性，而应该使用样式（Style）和资源（Resource）。在MainWindow.xaml的Window标签内，添加一个Window.Resources部分：

<Window.Resources> <!-- 定义一种颜色资源 --> <SolidColorBrush x:Key="PrimaryBrush" Color="#0063B1"/> <SolidColorBrush x:Key="SecondaryBrush" Color="#2D7D9A"/> <!-- 定义一个按钮样式 --> <Style x:Key="PrimaryButtonStyle" TargetType="Button"> <Setter Property="Background" Value="{StaticResource PrimaryBrush}"/> <Setter Property="Foreground" Value="White"/> <Setter Property="Padding" Value="12,8"/> <Setter Property="CornerRadius" Value="4"/> <Setter Property="FontWeight" Value="SemiBold"/> </Style> <!-- 定义一个文本样式 --> <Style x:Key="EmphasisTextStyle" TargetType="TextBlock"> <Setter Property="FontSize" Value="16"/> <Setter Property="Foreground" Value="{StaticResource SecondaryBrush}"/> <Setter Property="Margin" Value="0,5"/> </Style> </Window.Resources>

然后，我们可以在控件中引用这些资源：

<Button Content="主要操作按钮" Style="{StaticResource PrimaryButtonStyle}" Click="PrimaryButton_Click"/> <TextBlock Text="这是一段强调文本" Style="{StaticResource EmphasisTextStyle}"/>

这样做的好处是：一、保持UI一致性；二、需要修改时，只需改动资源定义一处，所有使用该资源的地方会自动更新，极大提升了可维护性。你可以将资源定义在App.xaml中，使其在整个应用范围内可用。

4. 数据绑定与MVVM模式入门

4.1 理解数据绑定

数据绑定是XAML框架的“灵魂”，它将UI界面与后台数据模型连接起来，实现数据驱动UI。上面我们已经用过了简单的ElementName绑定。更常见的是绑定到一个数据对象的属性。首先，我们创建一个简单的数据模型。在项目中新建一个名为Models的文件夹，添加一个Person.cs类：

namespace MyFirstWinUI3App.Models; public class Person : INotifyPropertyChanged { private string _name; public string Name { get => _name; set { if (_name != value) { _name = value; OnPropertyChanged(); } } } private int _age; public int Age { get => _age; set { if (_age != value) { _age = value; OnPropertyChanged(); } } } public event PropertyChangedEventHandler? PropertyChanged; protected virtual void OnPropertyChanged([CallerMemberName] string? propertyName = null) { PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName)); } }

注意，这个类实现了INotifyPropertyChanged接口。这是双向绑定的关键：当属性值改变时，通过触发PropertyChanged事件，通知UI自动更新。

4.2 实现一个简单的MVVM场景

MVVM（Model-View-ViewModel）是构建XAML应用的首选架构模式。View是XAML界面，Model是上面的数据实体，ViewModel则是连接二者的桥梁，它包含视图逻辑和状态。我们在项目中新建一个ViewModels文件夹，添加一个MainViewModel.cs：

using MyFirstWinUI3App.Models; using System.Collections.ObjectModel; using System.ComponentModel; using System.Runtime.CompilerServices; namespace MyFirstWinUI3App.ViewModels; public class MainViewModel : INotifyPropertyChanged { public ObservableCollection<Person> People { get; } = new ObservableCollection<Person>(); private Person _selectedPerson; public Person SelectedPerson { get => _selectedPerson; set { if (_selectedPerson != value) { _selectedPerson = value; OnPropertyChanged(); // 当选中项改变时，可以更新其他依赖属性 OnPropertyChanged(nameof(IsPersonSelected)); } } } public bool IsPersonSelected => SelectedPerson != null; // 一个命令，用于添加人员 public ICommand AddPersonCommand { get; } public MainViewModel() { // 初始化一些示例数据 People.Add(new Person { Name = "张三", Age = 25 }); People.Add(new Person { Name = "李四", Age = 30 }); // 初始化命令 AddPersonCommand = new RelayCommand(ExecuteAddPerson); } private void ExecuteAddPerson() { var newPerson = new Person { Name = "新人员", Age = 20 }; People.Add(newPerson); SelectedPerson = newPerson; // 自动选中新增的项 } public event PropertyChangedEventHandler? PropertyChanged; protected virtual void OnPropertyChanged([CallerMemberName] string? propertyName = null) { PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName)); } } // 一个简单的命令实现（在实际项目中，可以使用CommunityToolkit.Mvvm等库） public class RelayCommand : ICommand { private readonly Action _execute; private readonly Func<bool>? _canExecute; public RelayCommand(Action execute, Func<bool>? canExecute = null) { _execute = execute ?? throw new ArgumentNullException(nameof(execute)); _canExecute = canExecute; } public bool CanExecute(object? parameter) => _canExecute?.Invoke() ?? true; public void Execute(object? parameter) => _execute(); public event EventHandler? CanExecuteChanged; public void RaiseCanExecuteChanged() => CanExecuteChanged?.Invoke(this, EventArgs.Empty); }

接下来，我们需要在MainWindow中设置这个ViewModel作为数据上下文（DataContext）。修改MainWindow.xaml.cs的构造函数：

public MainWindow() { this.InitializeComponent(); this.DataContext = new MainViewModel(); // 设置数据上下文 ThemeSelector.SelectionChanged += ThemeSelector_SelectionChanged; }

现在，修改MainWindow.xaml，用ListView展示人员列表，并绑定到ViewModel：

<!-- 替换掉之前ScrollViewer里的StackPanel --> <ScrollViewer Grid.Row="1" Padding="20"> <StackPanel Spacing="15"> <TextBlock Text="人员管理" Style="{StaticResource TitleTextBlockStyle}"/> <!-- 数据绑定：ItemsSource绑定到ViewModel的People集合 --> <ListView ItemsSource="{Binding People}" SelectedItem="{Binding SelectedPerson, Mode=TwoWay}" Height="200"> <ListView.ItemTemplate> <DataTemplate> <!-- 这里定义每个Person如何显示 --> <StackPanel Orientation="Horizontal" Spacing="10"> <TextBlock Text="{Binding Name}" FontWeight="Bold" MinWidth="60"/> <TextBlock Text="{Binding Age, StringFormat='年龄: {0}岁'}"/> </StackPanel> </DataTemplate> </ListView.ItemTemplate> </ListView> <!-- 按钮命令绑定：Command绑定到ViewModel的AddPersonCommand --> <Button Content="添加新人员" Command="{Binding AddPersonCommand}" Style="{StaticResource PrimaryButtonStyle}" HorizontalAlignment="Left"/> <!-- 显示选中人员的信息，通过IsPersonSelected控制可见性 --> <Border Padding="10" Background="{ThemeResource SystemControlBackgroundListLowBrush}" Visibility="{Binding IsPersonSelected, Converter={StaticResource BooleanToVisibilityConverter}}"> <StackPanel> <TextBlock Text="选中人员详情：" Style="{StaticResource EmphasisTextStyle}"/> <TextBlock> <Run Text="姓名："/> <Run Text="{Binding SelectedPerson.Name, FallbackValue='无'}"/> </TextBlock> <TextBlock> <Run Text="年龄："/> <Run Text="{Binding SelectedPerson.Age, FallbackValue='无'}"/> </TextBlock> </StackPanel> </Border> </StackPanel> </ScrollViewer>

注意，我们使用了{Binding Path}语法来绑定到DataContext（即我们的MainViewModel）的属性。SelectedItem的绑定模式是TwoWay，意味着UI选择的变化会写回ViewModel，ViewModel中SelectedPerson的变化也会反映到UI。我们还用到了一个值转换器BooleanToVisibilityConverter，它需要定义在资源中。在Window.Resources里添加：

<local:BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter"/>

并在MainWindow.xaml.cs同级创建一个转换器类（或者使用社区库中的现成转换器）：

namespace MyFirstWinUI3App; public class BooleanToVisibilityConverter : IValueConverter { public object Convert(object value, Type targetType, object parameter, string language) { return (value is bool b && b) ? Visibility.Visible : Visibility.Collapsed; } public object ConvertBack(object value, Type targetType, object parameter, string language) => throw new NotImplementedException(); }

现在运行程序，你会看到一个人员列表。点击列表项，下方会显示详情。点击“添加新人员”按钮，列表会自动新增一项并选中。这就是MVVM和数据绑定的魔力：后台数据的变化自动驱动UI更新，UI的操作通过命令和绑定反馈到后台数据，实现了清晰的关注点分离。

注意事项：手动实现INotifyPropertyChanged和ICommand比较繁琐。在实际项目中，强烈推荐使用CommunityToolkit.Mvvm（原名 Microsoft.Toolkit.Mvvm）库。它提供了ObservableObject、RelayCommand等现成且功能强大的基类和实现，能极大减少样板代码，并通过源生成器提升性能。你可以通过NuGet包管理器搜索并安装CommunityToolkit.Mvvm。

5. 导航与页面结构

一个完整的桌面应用通常不止一个页面。WINUI3提供了Frame和Page来实现导航。首先，我们在项目中添加两个新页面：HomePage.xaml和SettingsPage.xaml（右键项目 -> 添加 -> 新建项 -> WinUI -> 空白页）。

5.1 设置导航框架

修改MainWindow.xaml，将主内容区域改造成一个导航框架。我们用一个NavigationView（类似Windows 10/11设置应用的侧边导航栏）作为外壳。

<Grid> <NavigationView x:Name="NavView" PaneDisplayMode="LeftCompact" IsBackButtonVisible="Collapsed" IsSettingsVisible="True" SelectionChanged="NavView_SelectionChanged"> <NavigationView.MenuItems> <NavigationViewItem Icon="Home" Content="首页" Tag="home"/> <NavigationViewItem Icon="Setting" Content="设置" Tag="settings"/> </NavigationView.MenuItems> <Frame x:Name="MainFrame"/> </NavigationView> </Grid>

在MainWindow.xaml.cs中，处理导航逻辑：

private void NavView_SelectionChanged(NavigationView sender, NavigationViewSelectionChangedEventArgs args) { if (args.SelectedItem is NavigationViewItem item && item.Tag is string tag) { switch (tag) { case "home": MainFrame.Navigate(typeof(HomePage)); break; case "settings": MainFrame.Navigate(typeof(SettingsPage)); break; } } } // 在窗口加载时导航到首页 protected override void OnNavigatedTo(NavigationEventArgs e) { base.OnNavigatedTo(e); // 默认选中首页 NavView.SelectedItem = NavView.MenuItems.OfType<NavigationViewItem>().First(); MainFrame.Navigate(typeof(HomePage)); }

5.2 页面间传递参数

导航时经常需要传递数据。Frame.Navigate方法有一个重载可以接受参数。例如，在HomePage点击某个人员，要导航到DetailPage并显示其详情。

在HomePage.xaml.cs中：

// 假设在某个事件中 private void PersonItem_Click(object sender, RoutedEventArgs e) { var selectedPerson = (sender as FrameworkElement)?.DataContext as Person; if (selectedPerson != null) { // 传递参数 Frame.Navigate(typeof(DetailPage), selectedPerson.Id); // 通常传递ID，在详情页重新查询 } }

在DetailPage.xaml.cs中，重写OnNavigatedTo方法接收参数：

protected override void OnNavigatedTo(NavigationEventArgs e) { base.OnNavigatedTo(e); if (e.Parameter is int personId) { // 根据personId加载数据 ViewModel.LoadPerson(personId); } }

这种导航模式清晰地将应用分成了外壳（Shell）和内容（Pages），是构建中大型桌面应用的推荐结构。

6. 打包、部署与发布

6.1 配置应用清单

双击解决方案中的打包项目（MyFirstWinUI3App.Package）下的Package.appxmanifest文件。这是一个XML文件，但VS提供了可视化编辑器。

“应用程序”选项卡：设置应用显示名称、默认语言、描述。务必修改“程序包/程序包系列名称”为一个唯一的名称（如CompanyName.AppName），这是应用在系统中的唯一标识。
“功能”选项卡：声明应用需要的系统能力。例如，如果你的应用需要访问互联网，就勾选“互联网(客户端和服务器)”；如果需要访问用户文档库，就勾选“文档库访问”。原则：按需声明，最小权限。不要勾选不需要的权限。
“视觉对象”选项卡：设置各种尺寸的图标（从16x16到256x256的缩放资产）。这里提供的图标将用于开始菜单、任务栏、安装程序等。VS会提示你为缺失的尺寸生成图标。

6.2 生成安装包

右键点击打包项目 -> “发布” -> “创建应用程序包”。在向导中：

选择“旁加载”（Sideloading），因为我们不通过Microsoft Store分发。
选择生成包的位置和版本号。
在“选择并配置包”页面，通常勾选“生成应用程序包(推荐)”和“始终构建”。
在“选择并配置包”的签名方法，如果没有证书，可以选择“使用临时证书”。对于正式发布，你需要从受信任的证书颁发机构购买或创建一个自签名证书并导入。

点击“创建”后，VS会在输出目录生成一个.msixbundle或.msix文件以及一个.ps1（PowerShell脚本）文件。

6.3 安装与分发

旁加载安装：最简单的方式是直接双击生成的.msixbundle文件进行安装。如果系统提示“无法安装，请与开发商联系”，可能是因为系统默认禁止安装非商店应用。需要在“设置 -> 应用 -> 应用和功能”中，将“选择获取应用的位置”设置为“任何来源”（Windows 10/11家庭版可能没有此选项，需要组策略或开发人员模式）。
使用PowerShell脚本：生成的Add-AppDevPackage.ps1脚本能处理证书信任等复杂问题。右键该脚本，选择“使用PowerShell运行”，按照提示操作即可。
通过Microsoft Store发布：这需要注册微软开发者账户，并在Windows开发者中心提交应用进行认证。过程更复杂，但能触达海量用户。

实操心得：在开发调试阶段，我通常直接以调试模式运行主项目，而不是每次都打包。打包主要用于测试安装流程和最终发布。另外，MSIX包的一个巨大优势是“干净卸载”，通过系统设置卸载后，不会在注册表和用户目录留下垃圾文件，这对于应用维护和用户口碑很重要。

7. 常见问题与调试技巧实录

7.1 编译与运行时问题

错误：无法找到Windows App SDK的引用。
- 排查：检查主项目和打包项目的目标版本和最低版本是否匹配。右键解决方案 -> “管理解决方案的NuGet程序包”，确保所有项目都安装了相同版本的Microsoft.WindowsAppSDK和Microsoft.Windows.SDK.BuildTools。
- 解决：手动在NuGet包管理器中，为所有项目重新安装或更新到稳定的相同版本。
程序能编译，但运行时崩溃或窗口不显示。
- 排查：查看“输出”窗口（调试时）或Windows事件查看器中的应用程序日志。常见原因是缺少VC++运行时。因为WINUI3依赖C++/WinRT，需要VC++运行时库。
- 解决：确保目标机器安装了最新的Microsoft Visual C++ Redistributable。对于打包应用，依赖项会自动包含。对于未打包应用，你需要将Microsoft.WindowsAppRuntime.<version>.x64等运行时文件与你的exe一起分发，或引导用户安装。
XAML设计器不显示或报错。
- 排查：WINUI3的设计器有时不太稳定，尤其是使用了自定义控件或复杂绑定后。
- 解决：首先尝试关闭并重新打开XAML文件。如果不行，可以暂时切换到“XAML视图”进行编辑。最可靠的方式是直接运行程序查看效果。确保你的开发机安装了正确的Windows SDK版本。

7.2 数据绑定调试

数据绑定失败是XAML开发中最常见的问题之一，且没有直观的错误提示。

使用输出窗口：在Visual Studio的“输出”窗口中，将下拉菜单从“生成”切换到“调试”，任何绑定失败的错误（如“找不到属性”、“无法转换类型”）都会在这里打印出来，这是第一手的调试信息。

使用调试转换器：创建一个简单的调试用值转换器，在任何绑定上临时使用它，在Convert方法中设置断点，可以查看绑定源传递过来的实际值。

public class DebugConverter : IValueConverter { public object Convert(object value, Type targetType, object parameter, string language) { // 在此处设置断点，查看value的值 System.Diagnostics.Debug.WriteLine($"Binding Value: {value}, Type: {value?.GetType().Name}"); return value; // 或者返回一个固定值测试 } public object ConvertBack(...) => throw new NotImplementedException(); }

7.3 性能问题排查

WINUI3性能通常很好，但不当使用也会导致卡顿。

虚拟化：在显示大量数据项（如成千上万行）的ListView或GridView中，务必设置ItemsPanel为ItemsWrapGrid或ItemsStackPanel，并确保ItemsSource是ObservableCollection<T>或实现了INotifyCollectionChanged的集合。这样UI只会渲染可视区域内的项。
UI线程阻塞：所有UI操作都必须在UI线程（Dispatcher）上执行。耗时的操作（如网络请求、文件IO、复杂计算）必须使用异步方法（async/await）并在后台线程执行，完成后再用Dispatcher.RunAsync或通过数据绑定的方式更新UI。直接在按钮点击事件里执行耗时操作会导致界面“假死”。
内存泄漏：事件订阅是常见的泄漏源。如果在一个长生命周期的对象（如单例ViewModel）中订阅了短生命周期对象（如某个Page）的事件，且没有取消订阅，会导致Page无法被垃圾回收。使用弱事件模式（WeakEventManager）或在页面OnNavigatedFrom时手动取消所有事件订阅。

7.4 第三方库与社区资源

WINUI3的生态正在快速发展，以下资源能极大提升开发效率：

CommunityToolkit.WinUI：微软官方社区工具包，提供了大量高质量的控件（如DataGrid、UniformGrid）、动画、扩展方法等，是WINUI3开发的必备利器。
Microsoft.Xaml.Behaviors.WinUI：用于在XAML中通过附加行为实现交互，无需编写后台代码。
Microsoft.Extensions.DependencyInjection：用于依赖注入，是构建大型、可测试应用的基础。
Serilog或NLog：强大的日志记录库。
GitHub：关注microsoft/microsoft-ui-xaml仓库，这是WINUI3的开源地址，可以提交Issue、查看路线图和学习源码。