From 3bf5173022f0e477416522b16f6dc38785ce9dd0 Mon Sep 17 00:00:00 2001
From: Dorian Zhuang <im@lxhtt.cn>
Date: Sat, 2 May 2026 16:46:43 +0800
Subject: [PATCH 01/15] feat: Add Chinese documentation for various UI
 components

- Created documentation for Button component in Chinese.
- Created documentation for CheckBox component in Chinese.
- Created documentation for ComboBox component in Chinese.
- Created documentation for DropDownButton component in Chinese.
- Created documentation for HyperlinkButton component in Chinese.
- Created documentation for ToggleSwitch component in Chinese.
- Added Chinese documentation for Window component, detailing its creation, styling, and usage.
- Updated English documentation for Window component to correct capitalization and phrasing.
---
 .../02.# onboarding/index.zh-CN.mdx           | 220 ++++++++++++++++++
 .../01. basic-input/# button/index.zh-CN.mdx  | 137 +++++++++++
 .../# check-box/index.zh-CN.mdx               | 136 +++++++++++
 .../# combo-box/index.zh-CN.mdx               | 116 +++++++++
 .../# dropdown-button/index.zh-CN.mdx         | 123 ++++++++++
 .../# hyperlink-button/index.zh-CN.mdx        |  97 ++++++++
 .../# toggle-switch/index.zh-CN.mdx           | 119 ++++++++++
 .../04. dialogs/# window/index.en-US.mdx      |   4 +-
 .../04. dialogs/# window/index.zh-CN.mdx      | 198 ++++++++++++++++
 9 files changed, 1148 insertions(+), 2 deletions(-)
 create mode 100644 data/docs/ui-wpf-modern/02.# onboarding/index.zh-CN.mdx
 create mode 100644 data/docs/ui-wpf-modern/03. components/01. basic-input/# button/index.zh-CN.mdx
 create mode 100644 data/docs/ui-wpf-modern/03. components/01. basic-input/# check-box/index.zh-CN.mdx
 create mode 100644 data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx
 create mode 100644 data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.zh-CN.mdx
 create mode 100644 data/docs/ui-wpf-modern/03. components/01. basic-input/# hyperlink-button/index.zh-CN.mdx
 create mode 100644 data/docs/ui-wpf-modern/03. components/01. basic-input/# toggle-switch/index.zh-CN.mdx
 create mode 100644 data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.zh-CN.mdx

diff --git a/data/docs/ui-wpf-modern/02.# onboarding/index.zh-CN.mdx b/data/docs/ui-wpf-modern/02.# onboarding/index.zh-CN.mdx
new file mode 100644
index 0000000..e4aa2d8
--- /dev/null
+++ b/data/docs/ui-wpf-modern/02.# onboarding/index.zh-CN.mdx	
@@ -0,0 +1,220 @@
+# 快速开始
+
+在本指南中，我们将引导您完成将 iNKORE.UI.WPF.Modern 库集成到应用程序中的过程，让您为 WPF 项目带来现代化和视觉上引人入胜的用户界面。凭借对 Fluent Design 元素的支持和灵活的自定义选项，iNKORE.UI.WPF.Modern 可以将您的应用程序转变为一个视觉上令人惊艳的体验。
+
+
+## 第 1 步：调整配置
+
+在安装软件包之前，我们建议您对项目设置进行一些调整。在解决方案视图中右键单击项目，然后单击**属性**。
+
+![右键单击项目](right-click-the-project.png)
+
+### 对于 .NET Framework 项目
+
+如果您的 csproj 风格是旧式的，您应该看到这个界面：
+
+![项目属性 (旧式) ](legacy-csproj-props.png)
+
+:::info 提醒
+
+我们强烈建议您将 csproj 文件转换为[SDK 风格](https://learn.microsoft.com/en-us/dotnet/core/project-sdk/overview)，它提供更多功能和更好的体验。有关更多信息，请查看 Microsoft 的文档。
+
+:::
+
+如果您的项目已经升级到 SDK 风格，您应该能够看到这样的界面：
+
+![项目属性 (SDK 风格) ](sdk-csproj-props.png)
+
+无论您的 csproj 文件是什么风格，请确保目标框架是 .NET Framework 4.6.2 或更高版本。
+
+如果您使用的是较旧的框架版本，库可能无法正确加载。
+
+### 对于 .NET Core (也包括 6.0 及更高版本) 项目
+
+首先，请确保框架是 .NET 6.0 或更高版本。
+
+![创建 .NET 6.0 应用](creating-dotnet-6-project.png)
+
+![在项目属性中设置目标框架](dotnet-6-project-props-framework.png)
+
+:::danger 注意！
+
+我们刚刚删除了对 .NET Core 3.1 和 .NET 5.0 的支持，这意味着这些框架与此库的最新版本不兼容。
+
+如果您必须坚持使用这些旧版本，您仍然可以下载完整源代码并自己编译具有旧版本支持的二进制文件。但是，由于对较新 API 的一些引用，此编译可能会失败。
+
+:::
+
+然后让我们关注**目标 OS 版本**选项。我们建议您将其设置为 `10.0.18362.0` 或更高版本以启用主题同步功能。
+
+![目标 OS 版本](target-os-version.png)
+
+:::warning
+
+如果目标版本设置为 10.0，您可能会在输出目录中看到这些文件：
+
+![Windows RT 依赖文件](the-rt-files.png)
+
+这是由 .NET SDK 引起的，与我们的任何库都无关。
+
+如果您在意这一点，那么将其设置为 7.0，虽然这会使这两个文件消失，但您的应用将无法跟随系统主题。
+
+:::
+
+
+:::tip
+
+虽然**目标 OS 版本**设置为 10.0，但您可以将**支持的 OS 版本**设置为任何您想要的版本。为了在 .NET 支持的任何 Windows 版本上运行您的应用，最好的选择是将其设置为 `7.0`。
+
+![支持的 OS 版本](supported-os-version.png)
+
+:::
+
+## 第 2 步：安装软件包
+
+再次右键单击您的项目，然后单击**管理 NuGet 程序包**菜单。
+
+![右键单击项目](right-click-the-project.png)
+
+然后单击**浏览**，在搜索框中输入 `inkore`。我们所有的公开库都会出现在这里。然后选择 `iNKORE.UI.WPF.Modern` 并单击**安装**，再选择 `iNKORE.UI.WPF` 并再次单击安装。
+
+![浏览 NuGet 程序包](browse-nuget-package.png)
+
+然后您应该看到此程序包已添加到您的依赖项列表中：
+
+![依赖项列表中的程序包](package-in-the-deps.png)
+
+:::info
+
+搜索时会出现一些其他库。您可以在我们的 [Github 主页](https://github.com/iNKORE-NET)及其存储库中了解更多信息。
+
+:::
+
+:::warning 为什么是 **iNKORE.UI.WPF**？
+
+通常，我们使用 `iNKORE.UI.WPF` 作为所有 WPF 库的基础库。它包含在所有 WPF 库之间共享的一些常见实用程序和控件。
+
+如果您在运行时看到此异常，请手动安装 `iNKORE.UI.WPF`：
+
+> **System.Windows.Markup.XamlParseException**: 'Initialization of 'iNKORE.UI.WPF.Modern.ThemeResources' threw an exception.'
+
+> [InnerException]
+> FileNotFoundException: Could not load file or assembly 'iNKORE.UI.WPF, Version=######, Culture=neutral, PublicKeyToken=######'. The system cannot find the file specified.
+
+
+当您安装 iNKORE.UI.WPF.Modern 时，iNKORE.UI.WPF 应该会自动安装。但是，由于某些原因 (可能是 NuGet 内部错误或配置错误) ，它可能不会被安装。
+
+如果您找到了一种方法来确保 `iNKORE.UI.WPF` 自动安装，请告诉我们。
+
+:::
+
+## 第 3 步：添加主题资源
+
+打开根目录中的 `App.xaml` 文件，并添加命名空间声明：
+
+```ini
+xmlns:ui="http://schemas.inkore.net/lib/ui/wpf/modern"
+```
+
+然后，在 `Application.Resources` 中，创建一个新的 `ResourceDictionary` 并添加属性 `ResourceDictionary.MergedDictionaries`。
+
+在 `MergedDictionaries` 中，添加新的 `ui:ThemeResources` 和 `ui:XamlControlsResources` 实例。
+
+最后，您的 `App.xaml` 文件应该如下所示：
+
+```xml title="App.xaml"
+<Application x:Class="StarterKit.App"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:local="clr-namespace:StarterKit" 
+# highlight-next-line
+             xmlns:ui="http://schemas.inkore.net/lib/ui/wpf/modern"
+             StartupUri="MainWindow.xaml">
+    <Application.Resources>
+        <ResourceDictionary>
+            <ResourceDictionary.MergedDictionaries>
+# highlight-start
+                <ui:ThemeResources/>
+                <ui:XamlControlsResources/>
+# highlight-end
+            </ResourceDictionary.MergedDictionaries>
+            
+            <!--您的其他资源在此处 (如果存在) -->
+            
+        </ResourceDictionary>
+    </Application.Resources>
+</Application>
+```
+
+此时，现代主题已成功添加到项目中。所有控件现在应该都具有现代风格。
+
+
+## 第 4 步：将样式应用到 MainWindow
+
+让我们将现代样式应用到主窗口。转到 `MainWindow.xaml`，首先添加命名空间声明：
+
+```ini
+xmlns:ui="http://schemas.inkore.net/lib/ui/wpf/modern"
+```
+
+然后通过应用此附加属性让窗口使用现代样式：
+
+```ini
+ui:WindowHelper.UseModernWindowStyle="True"
+```
+
+:::info
+
+与其他控件不同，由于安全和兼容性原因，窗口无法在不手动设置其样式的情况下全局设置样式。
+
+:::
+
+现在，如果您运行该应用，您可以看到窗口具有现代风格的框架。您还可以使用 `ui:WindowHelper.SystemBackdropType` 属性向窗口添加背景：
+
+```ini
+ui:WindowHelper.SystemBackdropType="Mica"
+```
+
+现在您的 `MainWindow.xaml` 应该如下所示：
+
+```xml title="MainWindow.xaml"
+<Window x:Class="StarterKit.MainWindow"
+        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+        xmlns:local="clr-namespace:StarterKit" 
+        xmlns:ikw="http://schemas.inkore.net/lib/ui/wpf"
+# highlight-next-line
+        xmlns:ui="http://schemas.inkore.net/lib/ui/wpf/modern"
+// highlight-start
+        ui:WindowHelper.UseModernWindowStyle="True"
+        ui:WindowHelper.SystemBackdropType="Mica"
+        ui:TitleBar.Height="36"
+// highlight-end
+        mc:Ignorable="d"
+        Title="欢迎！" Height="450" Width="800">
+    
+    <!--我在这里添加了一些内容，您可以添加任何您想要的内容-->
+    <ikw:SimpleStackPanel VerticalAlignment="Center" Spacing="5">
+        <TextBlock Text="Fluent Design 非常漂亮。" FontSize="24" FontWeight="Bold" TextAlignment="Center"/>
+        <TextBlock Text="但是嘿，我们值得拥有它 :-)" FontSize="20" TextAlignment="Center"/>
+
+        <Button Content="你好世界！" HorizontalAlignment="Center" Margin="0,20,0,0"/>
+    </ikw:SimpleStackPanel>
+</Window>
+```
+
+现在点击运行按钮，您可以看到一个带有现代按钮的现代窗口。
+
+![带按钮的现代窗口](modern-window-with-button.png)
+
+## 结论
+
+太好了！您已成功将 Fluent Design 应用到项目中。现在是探索更多内容的时候了！
+
+:::tip
+
+本文的完整源代码可以在此处找到：https://github.com/iNKORE-NET/UI.WPF.Modern/tree/main/samples/StarterKit
+
+:::
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# button/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# button/index.zh-CN.mdx
new file mode 100644
index 0000000..a6b39f1
--- /dev/null
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# button/index.zh-CN.mdx	
@@ -0,0 +1,137 @@
+---
+description: "一种响应用户输入并引发 Click 事件的控件。"
+---
+
+# Button
+
+按钮允许用户通过一次点击来执行操作并做出选择。它会响应来自鼠标、键盘、触控笔或其他输入设备的输入，并引发 Click 事件。
+
+- **类**: [System.Windows.Controls](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls)[.Button](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.button)
+
+Button 的主要用途是在用户单击它时触发某些操作。实现这一点有两种方式：
+
+- 处理 Click 事件。
+- 将 Command 属性绑定到描述命令逻辑的 ICommand 实现。
+
+
+## 示例
+
+以下示例展示了 Button 控件的常见用法。
+
+### 一个基础按钮
+
+通过使用 Button 类，你可以创建一个按钮。可以使用 Content 属性添加内容，并使用 Click 事件处理其被单击时的逻辑。
+
+```xml
+<Button Content="Click me" Click="Button_Click"/>
+```
+
+```csharp
+private void Button_Click(object sender, RoutedEventArgs e)
+{
+    // 在按钮被单击时执行操作！
+}
+```
+
+然后你就可以看到一个带文本的普通按钮，并尝试单击它！
+
+![一个基础按钮](a-basic-button.png)
+
+### 带图标的按钮
+
+按钮通常只包含简单的字符串内容，但你可以使用任何对象作为内容。使用以下代码，你会得到一个仅包含图标和工具提示的按钮：
+
+```xml
+<Button ToolTip="Save my documents">
+    <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Save}"/>
+</Button>
+```
+
+![仅带图标的按钮](button-with-icon-only.png)
+
+有关 *ui:FontIcon* 的更多信息，请[点击这里](%BASE_NAME%/components/media/font-icon)
+
+### 带图标和文本的按钮
+
+如果你想同时显示图标和文本，最好的方式是使用 ui:IconAndText 组件。它将图标和文本组合在一起：
+
+```xml
+<Button>
+    <ui:IconAndText Icon="{x:Static ui:SegoeFluentIcons.Save}" Content="Save"/>
+</Button>
+```
+
+![带图标和文本的按钮](a-button-with-icon-and-text.png)
+
+有关 IconAndText 的更多信息，请[点击这里](%BASE_NAME%/components/media/icon-and-text)
+
+如果你不想使用 FontIcon，或者你想完全自定义子组件（不推荐这样做，因为这可能会增加复杂性并使维护更困难），可以尝试以下代码：
+
+```xml
+<Button>
+    <ui:SimpleStackPanel Orientation="Horizontal" Spacing="5">
+        <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Save}"/>
+        <TextBlock Text="Save"/>
+    </ui:SimpleStackPanel>
+</Button>
+```
+
+### 强调按钮
+
+强调按钮属于高强调级别，通过使用层级和填充进行区分。它们包含对你的应用程序最重要的操作。
+
+要将按钮应用为强调样式，需要将 Style 属性设置为 `{StaticResource {x:Static ui:ThemeKeys.AccentButtonStyleKey}}`。
+
+```xml
+<Button Style="{StaticResource {x:Static ui:ThemeKeys.AccentButtonStyleKey}}"/>
+```
+
+由于强调按钮通常是整个窗口的主要操作，因此最好允许用户按下 Enter 键来触发其点击事件，这可以通过将 IsDefault 属性设置为 `True` 来实现。
+
+完整代码如下所示：
+
+```xml
+<Button Content="Accent button" Style="{StaticResource {x:Static ui:ThemeKeys.AccentButtonStyleKey}}" IsDefault="True"/>
+```
+
+![](accent-button.png)
+
+## 备注
+
+### 层级
+
+按钮控件默认带有层级边框效果。你可以使用 `ui:ElevationBorder` 来自定义其层级效果。
+
+更多信息请参见 [Theming / Elevations](%BASE_NAME%/features/theming/elevations)。
+
+### 样式
+
+Button 控件有两个内置样式：
+
+- DefaultButtonStyle：按钮的默认样式，可通过 `ui:ThemeKeys.DefaultButtonStyleKey` 访问。
+
+- AccentButtonStyle：按钮的强调样式，可通过 `ui:ThemeKeys.AccentButtonStyleKey` 访问。
+
+## 另请参阅
+
+### Microsoft Learn
+
+- [Button Class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.button)
+
+- [Button Class (WinRT)](https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.button)
+
+- [Button - WPF](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/controls/button)
+
+- [Buttons - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/controls/buttons)
+
+### 相关文章
+
+- [Components / DropDownButton](%BASE_NAME%/components/basic-input/dropdown-button)
+
+- [Components / ToggleButton](%BASE_NAME%/components/basic-input/toggle-button)
+
+- [Components / SplitButton](%BASE_NAME%/components/basic-input/split-button)
+
+- [Components / HyperlinkButton](%BASE_NAME%/components/basic-input/hyperlink-button)
+
+- [Components / RepeatButton](%BASE_NAME%/components/basic-input/repeat-button)
\ No newline at end of file
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# check-box/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# check-box/index.zh-CN.mdx
new file mode 100644
index 0000000..4242dd6
--- /dev/null
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# check-box/index.zh-CN.mdx	
@@ -0,0 +1,136 @@
+---
+description: "用户可以选中或清除的控件。"
+---
+
+# CheckBox
+
+您可以在应用程序的用户界面 (UI) 中使用 CheckBox 来表示用户可以选中或清除的选项。您可以使用单个复选框，也可以将两个或多个复选框分组使用。
+
+- **类**: [System.Windows.Controls](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls)[.CheckBox](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.button)
+
+## 示例
+
+以下示例创建一个 CheckBox，并处理 Checked、Unchecked 和 Indeterminate 事件。
+
+```xml
+<Grid VerticalAlignment="Center">
+    <Grid.RowDefinitions>
+        <RowDefinition Height="Auto"/>
+        <RowDefinition Height="Auto"/>
+        <RowDefinition Height="Auto"/>
+    </Grid.RowDefinitions>
+
+    <TextBlock Text="CheckBox Demonstration" Margin="0,0,10,20"
+            FontSize="18" FontWeight="Bold"
+            Grid.Row="0" HorizontalAlignment="Center"/>
+
+    <CheckBox x:Name="cb1" Grid.Row="1" Margin="5,0,0,0" 
+        Content="Three-state CheckBox" IsThreeState="True"
+        Checked="HandleCheck" Unchecked="HandleUnchecked" 
+        Indeterminate="HandleThirdState" HorizontalAlignment="Center" />
+                            
+    <TextBlock x:Name="text1" Grid.Row="2" Margin="0,10,0,0" TextAlignment="Center" Opacity="0.6" />
+</Grid>
+```
+
+```csharp
+private void HandleCheck(object sender, RoutedEventArgs e)
+{
+    text1.Text = "The CheckBox is checked.";
+}
+
+private void HandleUnchecked(object sender, RoutedEventArgs e)
+{
+    text1.Text = "The CheckBox is unchecked.";
+}
+
+private void HandleThirdState(object sender, RoutedEventArgs e)
+{
+    text1.Text = "The CheckBox is in the indeterminate state.";
+}
+```
+
+Unchecked:
+
+![](checkbox-unchecked.png)
+
+Checked:
+
+![](checkbox-checked.png)
+
+Indeterminate:
+
+![](checkbox-indeterminate.png)
+
+## 备注
+
+CheckBox 控件继承自 [ToggleButton](%BASE_NAME%/components/basic-input/toggle-button)，并且可以具有三种状态：已选中（selected）、未选中（cleared）和不确定。
+
+CheckBox 是一个 ContentControl，这意味着它可以包含任意类型的单个对象（例如字符串、图像或面板）。有关详细信息，请参阅 [ContentControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.contentcontrol) 类。
+
+### 这是正确的控件吗？
+
+对于二元的“是/否”选择，请使用单个复选框，例如“记住我？”登录场景或服务条款同意场景。
+
+![用于单个选择的复选框](single-check-box.png)
+
+对于二元选择，复选框与 [ToggleSwitch](%BASE_NAME%/components/basic-input/toggle-switch) 的主要区别在于，复选框用于状态，切换开关用于操作。您可以延迟提交复选框交互（例如作为表单提交的一部分），而切换开关交互应立即提交。另外，只有复选框支持多选。
+
+对于用户从一组非互斥选项中选择一个或多个项目的多选场景，请使用**多个复选框**。
+
+当用户可以选择任意组合的选项时，请创建一组复选框。
+
+![使用复选框选择多个选项](multiple-options.png)
+
+当选项可以分组时，您可以使用不确定状态的复选框来表示整个组。当用户选择了组中的部分子项但不是全部子项时，请使用复选框的不确定状态。
+
+![用于显示混合选择的复选框](tree-check-boxes.png)
+
+复选框和单选按钮都允许用户从一组选项中进行选择。复选框允许用户选择多个选项的组合；而单选按钮允许用户在互斥选项中做出单一选择。当有多个选项但只能选择其中一个时，请改用 [RadioButton](%BASE_NAME%/components/basic-input/radio-button)。
+
+:::tip
+
+如果列表中有多个选项，您可以使用复选框而不是开/关切换开关来节省空间。如果只有一个选项，请避免使用复选框，而应使用开/关切换开关。
+
+:::
+
+### 样式
+
+Button 控件有一个内置样式：
+
+- **DefaultCheckBoxStyle**：CheckBox 的默认样式，可以通过 `ui:ThemeKeys.DefaultCheckBoxStyleKey` 访问。
+
+### 紧凑尺寸
+
+如果您在紧凑布局中使用 CheckBox，可能会发现即使复选框没有内容，它也会占用一定空间。这是因为默认样式中设置了 **MinWidth** 属性。
+
+![](still-taking-space.png)
+
+要解决此问题，只需将 **MinWidth** 属性设置为 `0`，如下所示：
+
+```xml
+<CheckBox Content="?" MinWidth="0"/>
+```
+
+![](when-minwidth-is-zero.png)
+
+## 另请参阅
+
+### 相关文章
+
+- [Components / ToggleButton](%BASE_NAME%/components/basic-input/toggle-button)
+
+- [Components / ToggleSwitch](%BASE_NAME%/components/basic-input/toggle-switch)
+
+- [Components / RadioButton](%BASE_NAME%/components/basic-input/radio-button)
+
+### Microsoft Learn
+
+- [CheckBox Class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.checkbox)
+
+- [CheckBox Class (WinRT)](https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.checkbox)
+
+- [CheckBox - WPF](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/controls/checkbox)
+
+- [CheckBox - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/controls/checkbox)
+
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx
new file mode 100644
index 0000000..da94699
--- /dev/null
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx	
@@ -0,0 +1,116 @@
+---
+description: "一个用户可以从中选择项目的下拉列表。"
+---
+
+# ComboBox
+
+使用组合框（也称为下拉列表）呈现用户可以选择的项目列表。组合框以紧凑状态开始，然后展开以显示可选项目的列表。列表框类似于组合框，但不可折叠/没有紧凑状态。您可以在本文末尾了解有关列表框的更多信息。
+
+- **类**: [System.Windows.Controls](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls)[.ComboBox](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.combobox); 
+
+## 示例
+
+以下示例创建了一个 ComboBox。该示例通过将 ItemsSource 属性绑定到 VacationSpots 类型的集合对象来填充 ComboBox。该示例还创建了一个 TextBlock，用于显示 ComboBox 的选定项。
+
+```xml
+<StackPanel  Grid.Column="0"
+        Grid.Row="6">
+    <StackPanel.Resources>
+        <local:VacationSpots x:Key="myVacations"/>
+    </StackPanel.Resources>
+    <ComboBox Name="comboBox1"
+        ItemsSource="{StaticResource myVacations}"
+        Text="My Cities"
+        Width="200"
+        IsEditable="true"
+        IsReadOnly="true"/>
+
+    <TextBlock Text="{Binding ElementName=comboBox1, Path=SelectedItem}" Margin="0,10,0,0" HorizontalAlignment="Center"/>
+</StackPanel>
+```
+
+以下示例定义了前面示例中 ComboBox 绑定到的集合对象。
+
+```csharp
+class VacationSpots : ObservableCollection<string>
+{
+    public VacationSpots ()
+    {
+        Add("Spain");
+        Add("France");
+        Add("Peru");
+        Add("Mexico");
+        Add("Italy");
+    }
+}
+```
+
+然后您可以从 ComboBox 中选择一个城市。
+
+![](combobox-vacation-spot.png)
+
+## 备注
+
+### 这是正确的控件吗？
+
+使用下拉列表允许用户从可以用单行文本充分表示的一组项目中选择单个值。
+
+使用列表或网格视图而不是组合框来显示包含多行文本或图像的项目。
+
+当项目少于五个时，考虑使用单选按钮（如果只能选择一项）或复选框（如果可以选择多项）。
+
+当选择项目在您的应用程序流中的重要性不高时，使用组合框。如果在大多数情况下建议使用默认选项，那么使用列表视图显示所有项目可能会比必要的给予选项更多关注。您可以使用组合框节省空间并最大程度地减少干扰。
+
+:::tip 建议
+
+将组合框项目的文本内容限制为单行。
+以最合理的顺序对组合框中的项目进行排序。将相关选项组合在一起，并将最常见的选项放在顶部。按字母顺序对名称排序，按数值顺序对数字排序，按时间顺序对日期排序。
+
+:::
+
+## ItemsControl
+
+ComboBox 允许用户从下拉列表中选择一个项目，或者可以选择在控件的文本框中输入新文本。ComboBox 是一个 ItemsControl，这意味着它可以包含任何类型的对象集合（例如字符串、图像或面板）。有关更多信息，请参阅 [ItemsControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.itemscontrol) 类。
+
+### 扩展属性
+
+您可以使用来自 `ui:ComboBox` 的附加属性来自定义您的 ComboBox。
+
+- **TextBoxStyle**: 获取 ComboBox 可编辑时 ComboBox 中 TextBox 的样式。
+
+### 立体边框 (Elevation) 
+
+ComboBox 控件默认带有立体边框 (Elevation) 效果。您可以使用 `ui:ElevationBorder` 来自定义其立体效果。
+
+查看更多: ____
+
+### 样式
+
+为 Button 控件内置了一种样式：
+
+- **DefaultComboBoxStyle**: ComboBox 的默认样式，您可以使用 `ui:ThemeKeys.DefaultComboBoxStyleKey` 访问它。
+
+## 另请参阅
+
+### 相关文章
+
+- [Components / DropDownButton](./dropdown-button)
+
+- [Components / ToggleButton](./toggle-button)
+
+- [Components / SplitButton](./split-button)
+
+- [Components / HyperlinkButton](./hyperlink-button)
+
+- [Components / RepeatButton](./repeat-button)
+
+### Microsoft Learn
+
+- [ComboBox Class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.combobox)
+
+- [ComboBox Class (WinRT)](https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.combobox)
+
+- [ComboBox - WPF](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/controls/combobox)
+
+- [Combo box and list box - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/controls/combo-box)
+
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.zh-CN.mdx
new file mode 100644
index 0000000..782c4ce
--- /dev/null
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.zh-CN.mdx	
@@ -0,0 +1,123 @@
+---
+description: "一个点击时显示选项浮出菜单的按钮。"
+---
+
+# DropDownButton
+
+DropDownButton 是一个按钮，显示一个 Chevron 图标作为视觉指示器，表示它有一个附加的浮出菜单，其中包含更多选项。它具有与标准 Button 控件加浮出菜单相同的行为；只是外观不同。
+
+- **类**: [iNKORE.UI.WPF.Modern.Controls.DropDownButton](%BASE_NAME%/definitions/controls/dropdown-button)
+
+下拉按钮继承了 Click 事件，但您通常不会使用它。相反，您应使用 Flyout 属性来附加浮出菜单，并通过浮出菜单中的菜单选项来调用操作。当按下按钮时，浮出菜单会自动打开。请确保指定浮出菜单的 Placement 属性，以确保相对于按钮的所需位置。默认的放置算法可能不会在所有情况下产生预期的放置。有关浮出菜单的更多信息，请参阅**浮出菜单**和**菜单浮出菜单**。
+
+## 示例
+
+### 基本 DropDownButton
+
+此代码创建一个 DropDownButton，其浮出菜单在按下按钮时打开：
+
+```xml
+<ui:DropDownButton Content="Click me!">
+    <ui:DropDownButton.Flyout>
+        <ui:Flyout Placement="Bottom">
+            <TextBlock Text="Hi there!" Width="200" Height="120"/>
+        </ui:Flyout>
+    </ui:DropDownButton.Flyout>
+</ui:DropDownButton>
+```
+
+![](basic-dropdown-button.png)
+
+### 使用 MenuFlyout
+
+此示例演示如何创建具有 MenuFlyout 的下拉按钮，该 MenuFlyout 包含用于 TextBox 中段落对齐的命令。
+
+```xml
+<ui:DropDownButton x:Name="DropDownButton_Align">
+
+    <ui:FontIcon x:Name="FontIcon_Align" Icon="{x:Static ui:SegoeFluentIcons.AlignLeft}"/>
+
+    <ui:DropDownButton.Flyout>
+        <ui:MenuFlyout>
+            
+            <MenuItem Header="Align Left" Tag="left" Click="MenuItem_Click">
+                <MenuItem.Icon>
+                    <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.AlignLeft}"/>
+                </MenuItem.Icon>
+            </MenuItem>
+            <MenuItem Header="Align Center" Tag="center" Click="MenuItem_Click">
+                <MenuItem.Icon>
+                    <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.AlignCenter}"/>
+                </MenuItem.Icon>
+            </MenuItem>
+            <MenuItem Header="Align Right" Tag="right" Click="MenuItem_Click">
+                <MenuItem.Icon>
+                    <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.AlignRight}"/>
+                </MenuItem.Icon>
+            </MenuItem>
+            
+        </ui:MenuFlyout>
+    </ui:DropDownButton.Flyout>
+</ui:DropDownButton>
+
+<TextBox x:Name="TextBox_Text" Text="Text!" Width="200" Padding="10,6,6,6"/>
+```
+```csharp
+private void Button_SaveScreenshot_Click(object sender, RoutedEventArgs e)
+{
+    RenderTargetBitmap targetBitmap = new RenderTargetBitmap(
+        (int)Viewbox_Viewport.ActualWidth,
+        (int)Viewbox_Viewport.ActualHeight,
+        96d,
+        96d,
+        PixelFormats.Default);
+
+    targetBitmap.Render(Viewbox_Viewport);
+
+
+    if (saveFileDialog.ShowDialog() == true)
+    {
+        BmpBitmapEncoder encoder = new BmpBitmapEncoder();
+        encoder.Frames.Add(BitmapFrame.Create(targetBitmap));
+        // 将文件保存到磁盘
+        using (FileStream fs = File.Open(saveFileDialog.FileName, FileMode.OpenOrCreate))
+        {
+            encoder.Save(fs);
+        }
+    }
+}
+```
+
+## 备注
+
+### 立体边框 (Elevation)
+
+即将推出
+
+### Flyout Service
+
+即将推出
+
+### 样式
+
+DropDownButton 控件有一个内置样式。由于这是来自 `iNKORE.UI.WPF.Modern.Controls.dll` 的直接控件，默认样式键为 `null`，您可以使用 `{x:Null}` 来应用默认样式。
+
+## 另请参阅
+
+### 相关文章
+
+- [Definitions / DropDownButton Class](%BASE_NAME%/definitions/controls/dropdown-button)
+
+- [Components / AppBarButton](../menu-and-toolbars/appbar-button)
+
+- [Components / Flyout](../dialogs/flyout)
+
+- [Components / MenuFlyout](../menu-and-toolbars/menu-flyout)
+
+- Components / [SplitButton](./split-button)
+
+### Microsoft Learn
+
+- [DropDownButton class (WinRT)](https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.dropdownbutton)
+
+- [Buttons # Drop down button - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/controls/buttons#example---drop-down-button)
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# hyperlink-button/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# hyperlink-button/index.zh-CN.mdx
new file mode 100644
index 0000000..ec1ff0f
--- /dev/null
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# hyperlink-button/index.zh-CN.mdx	
@@ -0,0 +1,97 @@
+---
+description: "一个看起来像超链接文本的按钮，可以导航到 URI 或处理 Click 事件。"
+---
+
+# HyperlinkButton
+
+HyperlinkButton 显示为文本超链接。当用户点击它时，它会在默认浏览器中打开您在 NavigateUri 属性中指定的页面。或者您可以处理其 Click 事件，通常用于在应用程序内导航。
+
+- **类**: [iNKORE.UI.WPF.Modern.Controls.HyperlinkButton](%BASE_NAME%/definitions/controls/hyperlink-button)
+
+## 示例
+
+**HyperlinkButton** 看起来像超链接文本，但工作方式像按钮。您可以通过两种方式使用它：
+
+### 使用 Click 事件
+
+处理 **Click** 事件 **(推荐)**。这与标准 **Button** 的 **Click** 事件完全相同，可用于在应用程序内导航。
+
+```xml
+<ui:HyperlinkButton Content="iNKORE's offical site" RaiseHyperlinkClicks="False" Click="HyperlinkButton_Click"/>
+```
+
+```csharp
+private void HyperlinkButton_Click(object sender, RoutedEventArgs e)
+{
+    Process.Start(new ProcessStartInfo("https://inkore.net/")
+    {
+        UseShellExecute = true
+    });
+}
+```
+
+![](a-hyperlink-button.png)
+
+:::warning
+
+注意 **RaiseHyperlinkClicks** 属性！它将在以下部分中介绍。
+
+:::
+
+### 使用 NavigateUri 属性
+
+设置 **NavigateUri** 属性。当用户点击它时，它会自动在默认浏览器中打开 URI。
+
+```xml
+<ui:HyperlinkButton Content="iNKORE's offical site" NavigateUri="https://inkore.net/"/>
+```
+
+## 备注
+
+### 这是正确的控件吗？
+
+当您需要按下时做出响应并将用户导航到有关所按下文本的更多信息时，使用超链接。
+
+根据您的需要选择合适的超链接类型：
+
+- 使用文本控件内的内联 [Hyperlink](https://learn.microsoft.com/en-us/dotnet/api/system.windows.documents.hyperlink) 文本元素。Hyperlink 元素与其他文本元素一起流动，您可以在任何 InlineCollection 中使用它。如果您需要自动文本换行且不一定需要大的点击目标，请使用文本超链接。超链接文本可能很小且难以定位，特别是对于触摸。
+
+- 对于独立超链接，使用 HyperlinkButton。HyperlinkButton 是一个专业化的 Button 控件，您可以在任何使用 Button 的地方使用它。
+
+- 使用带有 Image 作为内容的 HyperlinkButton 以创建可点击的图像。
+
+### RaiseHyperlinkClicks 属性
+
+由于 WPF 的内部设计，点击按钮一次时 Click 事件会被触发两次。为了避免这种情况，如果您使用 **Click** 事件而不是 **NavigateUri** 属性，需要将 **RaiseHyperlinkClicks** 属性设置为 `false`。
+
+当 **RaiseHyperlinkClicks** 设置为 `false` 时，NavigateUri 将被忽略并不会触发。
+
+:::tip 建议
+
+- 仅将超链接用于导航；不要将其用于其他操作。
+- 对于基于文本的超链接，使用类型坡道中的 Body 样式。阅读有关字体和 Windows 类型坡道的信息。
+- 保持离散超链接之间的距离足够远，以便用户可以区分它们并轻松选择每一个。
+为超链接添加工具提示，指示用户将被导向的位置。如果用户将被导向外部网站，请在工具提示中包含顶级域名，并使用辅助字体颜色设置文本样式。
+
+:::
+
+### 样式
+
+HyperlinkButton 控件有一个内置样式。由于这是来自 `iNKORE.UI.WPF.Modern.Controls.dll` 的直接控件，默认样式键是 `null`，您可以使用 `{x:Null}` 来应用默认样式。
+
+## 另请参阅
+
+### 相关文章
+
+- [Definitions / HyperlinkButton Class](%BASE_NAME%/definitions/controls/hyperlink-button)
+
+- [Components / Button](./button)
+
+### Microsoft Learn
+
+- [HyperlinkButton class (WinRT)](https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.hyperlinkbutton)
+
+- [Hyperlink class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.documents.hyperlink)
+
+- [Hyperlinks - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/controls/hyperlinks#create-a-hyperlinkbutton)
+
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# toggle-switch/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# toggle-switch/index.zh-CN.mdx
new file mode 100644
index 0000000..144c357
--- /dev/null
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# toggle-switch/index.zh-CN.mdx	
@@ -0,0 +1,119 @@
+---
+description: "一个可以在 2 种状态之间切换的开关。"
+---
+
+# ToggleSwitch
+
+使用 ToggleSwitch 控件向用户呈现恰好两个相互排斥的选项（如开/关），选择一个选项会立即提交。切换开关应该有一个标签。
+
+- **类**: [iNKORE.UI.WPF.Modern.Controls](..)[.ToggleSwitch](.)
+
+## 示例
+
+以下是如何创建一个简单的 ToggleSwitch。此 XAML 创建一个 ToggleSwitch。
+
+```xml
+<ui:ToggleSwitch/>
+<ui:ToggleSwitch IsOn="True"/>
+```
+
+![](on-and-off.png)
+
+然后，您可以添加一个标头来告诉用户此 ToggleSwitch 的作用，它将在控件上方的区域中显示。
+
+ToggleSwitch 可以处于打开或关闭状态。使用 IsOn 属性来确定 ToggleSwitch 的状态。当 ToggleSwitch 用于控制另一个二进制属性的状态时，您可以使用如下所示的绑定。
+
+在其他情况下，您可以处理 Toggled 事件来响应状态的更改。
+
+```xml
+<ui:SimpleStackPanel Spacing="10">
+    <ui:ToggleSwitch x:Name="ToggleSwitch_MainLight" Header="Main Light" Toggled="ToggleSwitch_MainLight_Toggled"/>
+    <TextBlock x:Name="TextBlock_MainLightStatus" Text="Try clicking the ToggleSwitch" Opacity="0.5"/>
+</ui:SimpleStackPanel>
+```
+
+```csharp
+private void ToggleSwitch_MainLight_Toggled(object sender, RoutedEventArgs e)
+{
+    TextBlock_MainLightStatus.Text = ToggleSwitch_MainLight.IsOn
+        ? "The main light is turned on"
+        : "The main light is turned off";
+}
+```
+
+![](main-light-on.png)
+
+## 备注
+
+### 这是正确的控件吗？
+
+对于用户点击切换后立即生效的二元操作，请使用 ToggleSwitch。
+
+![](on-and-off.png)
+
+
+### 样式
+
+Button 控件有一个内置样式：
+
+- **DefaultCheckBoxStyle**: CheckBox 的默认样式，您可以使用 `ui:ThemeKeys.DefaultCheckBoxStyleKey` 访问它。
+
+将 ToggleSwitch 想象为设备的物理电源开关：当您想启用或禁用设备执行的操作时，您将其打开或关闭。
+
+为了使 ToggleSwitch 易于理解，用一或两个词（最好是名词）标记它，以描述它控制的功能。例如，"WiFi" 或 "厨房灯"。
+
+### 在 ToggleSwitch 和 CheckBox 之间选择
+
+对于某些操作，ToggleSwitch 或 CheckBox 可能都适用。为了决定哪个控件更好，请遵循以下提示：
+
+- 对于二元设置，当用户更改后立即生效时，使用切换开关。
+
+   ![](switch-vs-checkbox.png)
+
+   在此示例中，使用 ToggleSwitch 可以清楚地看到厨房灯已设置为 "打开"。但对于 CheckBox，用户需要思考灯现在是否亮着，或者他们是否需要勾选框来打开灯。
+
+- 对于可选（"锦上添花"）项目，使用 CheckBox。
+
+- 当用户必须执行额外步骤才能使更改生效时，使用 CheckBox。例如，如果用户必须单击 "提交" 或 "下一步" 按钮来应用更改，请使用 CheckBox。
+
+- 当用户可以选择与单个设置或功能相关的多个项目时，使用 CheckBox。
+
+:::tip 建议
+
+- 尽可能使用默认的 On 和 Off 标签；仅在必要时才替换它们以使 ToggleSwitch 有意义。如果替换它们，使用单个单词更准确地描述切换。通常，如果 "On" 和 "Off" 这两个词不能描述与 ToggleSwitch 相关的操作，您可能需要使用不同的控件。
+
+- 避免替换 On 和 Off 标签，除非您必须这样做；除非情况要求自定义标签，否则坚持使用默认标签。
+
+:::
+
+### 紧凑尺寸
+
+如果您在紧凑布局中使用 ToggleSwitch，您可能会发现即使复选框没有内容，它也会占用一些空间。这是因为在默认样式中设置了 **MinWidth** 属性。
+
+![](still-taking-space.png)
+
+要解决此问题，您可以简单地将 **MinWidth** 属性设置为 `0`，如下所示：
+
+```xml
+<ToggleSwitch MinWidth="0"/>
+```
+
+![](when-minwidth-is-zero.png)
+
+## 另请参阅
+
+### 相关文章
+
+- [Definitions / ToggleSwitch Class](%BASE_NAME%/definitions/controls/toggle-switch)
+
+- [Components / CheckBox](./check-box)
+
+- [Components / ToggleButton](./toggle-button)
+
+- [Components / RadioButton](./radio-button)
+
+### Microsoft Learn
+
+- [Guidelines for toggle switch](https://learn.microsoft.com/en-us/windows/apps/design/controls/toggles)
+
+- [ToggleSwitch Class (WinRT)](https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.toggleswitch)
\ No newline at end of file
diff --git a/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.en-US.mdx b/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.en-US.mdx
index dd9dc4d..33fd4d1 100644
--- a/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.en-US.mdx	
@@ -55,7 +55,7 @@ The window is always using the default style and native frames unless you apply
 
 ### System backdrops
 
-Since Windows 10, there are a few system-level backdrops that can be applied to the window. You can use **ui:WindowHelper.SystemBackdrop** property to apply the backdrop. For example, you can apply the mica effect with the following code:
+Since Windows 10, there are a few system-level backdrops that can be applied to the window. You can use **ui:WindowHelper.SystemBackdrop** property to apply the backdrop. For example, you can apply the Mica effect with the following code:
 
 ```ini
 ui:WindowHelper.SystemBackdropType="Mica"
@@ -160,7 +160,7 @@ For a better solution, you can turn off the exception breaking in the **Exceptio
 
 ![Don't break when PInvoke exception is thrown](dont-break-when-pinvoke-exception.png)
 
-Or you can simply UNcheck **Break when this exception type is thrown** or CHECK **(Except when throw from) iNKORE.UI.WPF.Modern.dll** when this exception appears, this will also ignore the exception.
+Or you can simply UNCHECK **Break when this exception type is thrown** or CHECK **(Except when throw from) iNKORE.UI.WPF.Modern.dll** when this exception appears, this will also ignore the exception.
 
 ![Except when throw from](except-when-throw-from.png)
 
diff --git a/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.zh-CN.mdx
new file mode 100644
index 0000000..a8b6256
--- /dev/null
+++ b/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.zh-CN.mdx	
@@ -0,0 +1,198 @@
+---
+description: "提供了创建、配置、显示不管理窗口和对话框的生命周期的能力。"
+---
+
+# Window
+
+Window 类代表 Windows 应用程序中的一个窗口。它提供了一套丰富的功能来管理和与窗口互动，例如处理其内容、外观和行为。本文档涵盖了 Window 类的基本方面，执其属性、方法和事件。
+
+- **类**: [System.Windows](https://learn.microsoft.com/en-us/dotnet/api/system.windows)[.Window](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.button)
+
+- **继承**: [Object](https://learn.microsoft.com/en-us/dotnet/api/system.object) → (...) → [Control](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.control) → [ContentControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.contentcontrol) → [Window](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.window)
+
+## 示例
+
+### 创建一个基本窗口
+
+您可以使用 Window 类创建一个基本窗口。默认情况下，当您使用 Visual Studio 创建 WPF 项目时，有一个主窗口称为 `MainWindow.xaml`。多数情况下我们将此窗口用作应用程序的主窗口。您也可以按以下步骤向项目添加更多窗口。
+
+首先，在解决方案资源管理器中右键单击项目，选择 **添加** > **新项目**，然后从列表中选择“Window (WPF)”。将新窗口命名为 `MyWindow.xaml`。
+
+![Add a new window file](add-a-new-window-file.png)
+
+然后，您可以通过创建它的实例并调用 `Show` 方法来打开新窗口。以下是如何打开新窗口的示例：
+
+```csharp
+var myWindow = new MyWindow();
+myWindow.Show();
+```
+
+### 应用现代样式
+
+窗口总是使用默认样式和原生框架，除非您手动应用现代样式。通过 **ui:WindowHelper.UseModernWindowStyle** 属性，您可以轻松地为窗口应用现代样式，如下所示：
+
+```xml title="MainWindow.xaml"
+<Window x:Class="WpfApp1.MainWindow"
+        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+        xmlns:ui="http://schemas.inkore.net/lib/ui/wpf/modern"
+        xmlns:local="clr-namespace:WpfApp1"
+        mc:Ignorable="d"
+# highlight-next-line
+        ui:WindowHelper.UseModernWindowStyle="True"
+        ui:WindowHelper.CornerStyle="Round"
+        Title="I was just walking by..." Height="450" Width="800" WindowStartupLocation="CenterScreen">
+    <ui:SimpleStackPanel HorizontalAlignment="Center" VerticalAlignment="Center" Spacing="10">
+        <TextBlock Text="I know, karma's a b!tch." HorizontalAlignment="Center" FontSize="24" FontWeight="Bold"/>
+        <TextBlock Text="Lorem ipsum dolor sit amet" FontSize="16" HorizontalAlignment="Center"/>
+    </ui:SimpleStackPanel>
+</Window>
+```
+
+![A basic modern window](a-basic-modern-window.png)
+
+### 窗口材质
+
+自 Windows 10 以来，有一些系统级窗口材质可以应用于窗口。您可以使用 **ui:WindowHelper.SystemBackdrop** 属性来应用材质。例如，您可以使用以下代码应用 Mica 效果：
+
+```ini
+ui:WindowHelper.SystemBackdropType="Mica"
+```
+
+![Window with mica effect](with-mica-effect.jpg)
+
+### 标题栏中的返回按钮
+
+您可以使用 **ui:TitleBar.IsBackButtonVisible** 和 **ui:TitleBar.IsBackEnabled** 属性来显示和启用标题栏中的返回按钮。返回按钮很有用，当您想导航回到上一个窗口或页面时。
+
+首先，确保在窗口中启用了返回按钮功能：
+
+```ini
+ui:TitleBar.IsBackButtonVisible="True"
+ui:TitleBar.IsBackEnabled="True"
+```
+
+然后当您运行时，您可能会看到标题栏中有一个返回按钮。接下来，您可以使用 **ui:TitleBar.BackButtonCommand** 处理返回按钮的点击事件。有关命令的更多信息，请 [点击此处](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/advanced/commanding-overview)。
+
+完整的代码应该像这样：
+
+```xml title="MainWindow.xaml"
+<Window x:Class="WpfApp1.MainWindow"
+        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+        xmlns:ui="http://schemas.inkore.net/lib/ui/wpf/modern"
+        xmlns:local="clr-namespace:WpfApp1"
+        mc:Ignorable="d"
+        ui:WindowHelper.UseModernWindowStyle="True"
+# highlight-start
+        ui:TitleBar.IsBackButtonVisible="True"
+        ui:TitleBar.IsBackEnabled="True"
+        ui:TitleBar.BackButtonCommand="{x:Static local:MainWindow.BackCommand}"
+# highlight-end
+        Title="I was just walking by..." Height="450" Width="800" WindowStartupLocation="CenterScreen">
+    <ui:SimpleStackPanel HorizontalAlignment="Center" VerticalAlignment="Center" Spacing="10">
+        <TextBlock Text="I know, karma's a b!tch." HorizontalAlignment="Center" FontSize="24" FontWeight="Bold"/>
+        <TextBlock Text="Lorem ipsum dolor sit amet" FontSize="16" HorizontalAlignment="Center"/>
+    </ui:SimpleStackPanel>
+</Window>
+```
+
+```csharp title="MainWindow.xaml.cs"
+public partial class MainWindow : Window
+{
+    public MainWindow()
+    {
+        InitializeComponent();
+# highlight-next-line
+        this.CommandBindings.Add(new CommandBinding(BackCommand, BackCommand_Executed));
+    }
+
+# highlight-next-line
+    public static readonly RoutedUICommand BackCommand = new RoutedUICommand("Back button clicked", "Back", typeof(MainWindow));
+
+    private void BackCommand_Executed(object sender, ExecutedRoutedEventArgs e)
+    {
+        // 当点击返回按钮时做点什么
+        MessageBox.Show("Back button is clicked!");
+    }
+}
+```
+
+
+当点击返回按钮时，您可能会看到预期的 MessageBox 弹出来。您可以使用您自己的逻辑来替换 MessageBox，以导航回到上一个窗口或页面。
+
+![Window with back button](window-with-back-button.png)
+
+您也可以在 **ui:TitleBar** 类中使用其他包含 "Back" 或 "BackButton" 通配符的属性来对返回按钮进行更多自定义。
+
+## 备注
+
+### 管理属性
+
+为了提供最佳的外观和感受，我们需要接管窗口的 WindowChrome 以一上根据您的需要进行更改。因此，应用现代样式后，您不应此接修改窗口的 WindowChrome，基于相同的原因，您也不应修改以下属性：
+
+- WindowChrome.WindowChrome
+
+- FrameworkElement.Style
+
+:::danger 永远不要直接修改它们
+
+如果您修改了上述属性，现代样式和窗口材质可能会損坏，窗口可能永远不会是预期的样子或甚至会崩溃。
+
+:::
+
+### 修复窗口的最大化行为
+
+由于我们完全自定义了窗口以应用现代样式，窗口的默认最大化行为可能不会按预期工作。但请不需要担心，我们有一种方法来解决此问题，使窗口按预期最大化。但是，此修复可能会产生下列异常：
+
+> **托管调试助手**: 对 PInvoke 函数 'iNKORE.UI.WPF.Modern!iNKORE.UI.WPF.Modern.Controls.Primitives.MaximizedWindowFixer::GetWindowPlacement' 的调用导致堆栈不对称. 原因可能是托管的 PInvoke 签名与非托管的目标签名不匹配。请检查 PInvoke 签名的调用约定和参数与非托管的目标签名是否匹配。
+
+此个异常是 **无害的，可以忽略**。如果您想消除此例外，您可以将此属性设置为 **False**（不推荐，因为它会破坏最大化功能）。
+
+```ini
+ui:WindowHelper.FixMaximizedWindow="False"
+```
+
+为了获得更好的解决方案，您可以在 Visual Studio 中的 **异常设置** 窗口中关闭 PInvoke 异常的中断：
+
+![Don't break when PInvoke exception is thrown](dont-break-when-pinvoke-exception.png)
+
+或者当此个异常出现时，您可以简单地取消勾选 **Break when this exception type is thrown** 或勾选 **(Except when throw from) iNKORE.UI.WPF.Modern.dll**，这也会忽略此个异常。
+
+![Except when throw from](except-when-throw-from.png)
+
+### 自定义
+
+使用以下类来自定义窗口控件及其标题栏：
+
+- [WindowHelper](%BASE_NAME%/definitions/controls/helpers/window-helper)
+
+- [TitleBar](%BASE_NAME%/definitions/controls/primitives/titlebar)
+
+## 另请参阅
+
+### Microsoft Learn
+
+- [Window Class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.window)
+
+### 相关控件
+
+- [Flyout](./flyout)
+
+- [ContentDialog](./content-dialog)
+
+- [MessageBox](./message-box)
+
+### 相关文章
+
+- [Definitions / WindowHelper](%BASE_NAME%/definitions/controls/helpers/window-helper)
+
+- [Definitions / TitleBar](%BASE_NAME%/definitions/controls/primitives/titlebar)
+
+- [Definitions / WindowCornerStyle](%BASE_NAME%/definitions/helpers/styles/window-corner-style)
+
+- [Definitions / BackdropType](%BASE_NAME%/definitions/helpers/styles/backdrop-type)

From cc58616fdeca3ee34a71286c94abc5064c2f64a0 Mon Sep 17 00:00:00 2001
From: Dorian Zhuang <im@lxhtt.cn>
Date: Sat, 2 May 2026 19:22:38 +0800
Subject: [PATCH 02/15] fix: Correct GitHub spelling in documentation

---
 CONTRIBUTING.en-US.md                                         | 2 +-
 CONTRIBUTING.zh-CN.md                                         | 2 +-
 .../2024-01-17-social-username-change/index.en-US.mdx         | 4 ++--
 .../2024-01-17-social-username-change/index.zh-CN.mdx         | 4 ++--
 .../index.en-US.mdx                                           | 4 ++--
 .../index.zh-CN.mdx                                           | 4 ++--
 .../index.zh-CN.mdx                                           | 2 +-
 data/docs/ui-wpf-modern/02.# onboarding/index.en-US.mdx       | 2 +-
 data/docs/ui-wpf-modern/02.# onboarding/index.zh-CN.mdx       | 2 +-
 .../00. controls/00. helpers/# window-helper/index.en-US.mdx  | 2 +-
 .../01.# titlebar-button-availability/index.en-US.mdx         | 2 +-
 .../01.# titlebar-button-glyph-style/index.en-US.mdx          | 2 +-
 .../00. controls/00. primitives/01.# titlebar/index.en-US.mdx | 2 +-
 .../00. controls/01.# toggle-switch/index.en-US.mdx           | 2 +-
 .../00. helpers/00. styles/# backdrop-type/index.en-US.mdx    | 2 +-
 .../00. styles/# window-corner-style/index.en-US.mdx          | 2 +-
 16 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/CONTRIBUTING.en-US.md b/CONTRIBUTING.en-US.md
index a8434c4..e8dc3ee 100644
--- a/CONTRIBUTING.en-US.md
+++ b/CONTRIBUTING.en-US.md
@@ -135,7 +135,7 @@ Instead, write like this for better readability:
 
 This guide aims to provide a clear and comprehensive overview of the document structure for (potential) contributors like you. It covers naming conventions, file structure, and specific rules for writing documents.
 
-If you have any questions, you can submit an issue on Github, join our community, or contact us directly via [email](mailto://notyoojun@outlook.com). If there's anything unclear in this article, feel free to tell us or submit a Pull Request. We greatly appreciate your valuable work, which makes the documentation center better!
+If you have any questions, you can submit an issue on GitHub, join our community, or contact us directly via [email](mailto://notyoojun@outlook.com). If there's anything unclear in this article, feel free to tell us or submit a Pull Request. We greatly appreciate your valuable work, which makes the documentation center better!
 
 <br/>
 
diff --git a/CONTRIBUTING.zh-CN.md b/CONTRIBUTING.zh-CN.md
index 38a3c16..4c8de88 100644
--- a/CONTRIBUTING.zh-CN.md
+++ b/CONTRIBUTING.zh-CN.md
@@ -135,7 +135,7 @@ launcher-home/
 
 本指南旨在为 (潜在) 贡献者 (比如正在看这篇文章的你) 提供清晰而全面的文档结构概述。它涵盖了命名方式、文件架构以及编写文档的特定规则。
 
-如果您有任何问题，可以在 Github issues 中~~开票~~提交问题，加入我们的社区，或通过[电子邮件](mailto://notyoojun@outlook.com)直接联系我们。如果有文章有哪里没讲清楚，也可以直接提交 Pull Request。我们非常感谢您的重要工作，这会使文档中心变得更好！
+如果您有任何问题，可以在 GitHub issues 中~~开票~~提交问题，加入我们的社区，或通过[电子邮件](mailto://notyoojun@outlook.com)直接联系我们。如果有文章有哪里没讲清楚，也可以直接提交 Pull Request。我们非常感谢您的重要工作，这会使文档中心变得更好！
 
 <br/>
 
diff --git a/data/blogs/announcements/2024-01-17-social-username-change/index.en-US.mdx b/data/blogs/announcements/2024-01-17-social-username-change/index.en-US.mdx
index e4c7a4b..f1178a2 100644
--- a/data/blogs/announcements/2024-01-17-social-username-change/index.en-US.mdx
+++ b/data/blogs/announcements/2024-01-17-social-username-change/index.en-US.mdx
@@ -11,9 +11,9 @@ New link: https://github.com/iNKORE-NET
 
 {/* truncate */}
 
-This transition will affect all the existing links or references to our organization on Github. We recommend updating your bookmarks and favorites to reflect the new name.
+This transition will affect all the existing links or references to our organization on GitHub. We recommend updating your bookmarks and favorites to reflect the new name.
 
-We believe this change will enhance our online visibility and make it easier for people to engage with us on Github. We look forward to continuing to share our projects and collaborate with others in the open-source community under our new name.
+We believe this change will enhance our online visibility and make it easier for people to engage with us on GitHub. We look forward to continuing to share our projects and collaborate with others in the open-source community under our new name.
 
 Best regards,
 NotYoojun.! from iNKORE Studios
diff --git a/data/blogs/announcements/2024-01-17-social-username-change/index.zh-CN.mdx b/data/blogs/announcements/2024-01-17-social-username-change/index.zh-CN.mdx
index 218d7fd..01a933a 100644
--- a/data/blogs/announcements/2024-01-17-social-username-change/index.zh-CN.mdx
+++ b/data/blogs/announcements/2024-01-17-social-username-change/index.zh-CN.mdx
@@ -11,9 +11,9 @@ tags: [工作室, 名称, 用户名, 社交, 公告]
 
 {/* truncate */}
 
-此转换将影响 Github 上对我们组织的所有现有链接或引用。我们建议您更新书签和收藏夹以反映新名称。
+此转换将影响 GitHub 上对我们组织的所有现有链接或引用。我们建议您更新书签和收藏夹以反映新名称。
 
-我们相信这一变化将提高我们的在线知名度，并使人们更容易在 Github 上与我们互动。我们期待继续分享我们的项目，并以我们的新名称与开源社区中的其他人合作。
+我们相信这一变化将提高我们的在线知名度，并使人们更容易在 GitHub 上与我们互动。我们期待继续分享我们的项目，并以我们的新名称与开源社区中的其他人合作。
 
 此致敬意
 NotYoojun.! 来自 iNKORE Studios
diff --git a/data/blogs/blog/2024-09-17-reflection-interest-in-opensource-community/index.en-US.mdx b/data/blogs/blog/2024-09-17-reflection-interest-in-opensource-community/index.en-US.mdx
index 8fdef8f..e9fb99f 100644
--- a/data/blogs/blog/2024-09-17-reflection-interest-in-opensource-community/index.en-US.mdx
+++ b/data/blogs/blog/2024-09-17-reflection-interest-in-opensource-community/index.en-US.mdx
@@ -37,13 +37,13 @@ https://github.com/iNKORE-NET/UI.WPF.Modern
 
 ### Background
 
-I remember when I just started our studio's first desktop application, I decided to use WPF for development, but the interface that Microsoft made for WPF... it's really hard to judge. After several hours, I found a project called ModernWpf on Github. The controls in it are all in the style of Windows 10, and at this time Windows 11 has been released, so I was thinking, is there a control library in the style of Windows 11? Later I found a branch repository of ModernWpf, and the controls in it are in the style of Windows 11.
+I remember when I just started our studio's first desktop application, I decided to use WPF for development, but the interface that Microsoft made for WPF... it's really hard to judge. After several hours, I found a project called ModernWpf on GitHub. The controls in it are all in the style of Windows 10, and at this time Windows 11 has been released, so I was thinking, is there a control library in the style of Windows 11? Later I found a branch repository of ModernWpf, and the controls in it are in the style of Windows 11.
 
 The author of this fork is one of the main characters in this incident, let's just call him Whatwhat. I looked at the license of this library, it was (and is) the MIT license, so I forked this library and started my control library journey. Before I started my control library, I also tried to connect with the original author Whatwhat, to begin with he wanted me to join his ModernWpf project. Whatwhat's idea is "porting UWP", while my idea is "creating WPF", so we fell out.
 
 After that, I started my control library journey, I named this library iUWM, the purpose of this library is to make it easier for WPF developers to use Windows 11 style controls. I added a lot of my own ideas to this library, such as control styles, control behaviors, etc., for example, I gave users the ability to completely control the window title bar height and buttons, which Whatwhat thought should not exist.
 
-At first, I wrote this library mainly for myself and the studio's projects, so I casually made the repository public on Github, but I didn't expect this repository to be discovered quickly, and now it has a considerable number of stars and usage. I am very happy and proud. However, Whatwhat does not buy it, he thought that this library is his fork library, and I should continue to use the name of ModernWpf instead of iUWM.
+At first, I wrote this library mainly for myself and the studio's projects, so I casually made the repository public on GitHub, but I didn't expect this repository to be discovered quickly, and now it has a considerable number of stars and usage. I am very happy and proud. However, Whatwhat does not buy it, he thought that this library is his fork library, and I should continue to use the name of ModernWpf instead of iUWM.
 
 :::info My judgments
 
diff --git a/data/blogs/blog/2024-09-17-reflection-interest-in-opensource-community/index.zh-CN.mdx b/data/blogs/blog/2024-09-17-reflection-interest-in-opensource-community/index.zh-CN.mdx
index bacec20..ee4f1f1 100644
--- a/data/blogs/blog/2024-09-17-reflection-interest-in-opensource-community/index.zh-CN.mdx
+++ b/data/blogs/blog/2024-09-17-reflection-interest-in-opensource-community/index.zh-CN.mdx
@@ -53,13 +53,13 @@ https://github.com/iNKORE-NET/UI.WPF.Modern
 
 ### 前情提要
 
-我记得当时我才开始我们工作室的第一个桌面应用，决定使用 WPF 来开发，但是微软给 WPF 做的界面啊...真是一言难尽。几番摸索，在 Github 上找到了一个名为 ModernWpf 的项目。它里面的控件都是 Windows 10 风格的，正好此时 Windows 11 已经发布了，我就在想，有没有一个控件库是 Windows 11 风格的呢？于是我就找到了 ModernWpf 的一个分支仓库，这个里面的控件库就是 Windows 11 风格的。
+我记得当时我才开始我们工作室的第一个桌面应用，决定使用 WPF 来开发，但是微软给 WPF 做的界面啊...真是一言难尽。几番摸索，在 GitHub 上找到了一个名为 ModernWpf 的项目。它里面的控件都是 Windows 10 风格的，正好此时 Windows 11 已经发布了，我就在想，有没有一个控件库是 Windows 11 风格的呢？于是我就找到了 ModernWpf 的一个分支仓库，这个里面的控件库就是 Windows 11 风格的。
 
 这个控件库的作者就是这次事件的主要人物之一，我就称他为 Whatwhat 吧。我看了下这个库的许可证，是 MIT 许可证，我就 fork 了这个库，然后开始了我的控件库之旅。在做自己的控件库之前也和原作者 Whatwhat 交流过，他首先想让我加入他的 ModernWpf 项目。Whatwhat 的想法是 "移植 UWP"，而我的想法是 "创造 WPF"，于是就谈崩了。
 
 在此之后，我就开始了我的控件库之旅，我将这个库命名为 iUWM，这个库的目的是为了让 WPF 开发者能够更加方便地使用 Windows 11 风格的控件。我在这个库里面加入了很多自己的想法，比如说控件的样式，控件的行为等等，比如，我赋予了用户完全掌控窗口标题栏高度和按钮的能力，这些在 Whatwhat 的眼里是不应该有的。
 
-刚开始我编写此库主要是为了自己和工作室的项目，也就随手把仓库公开在 Github 上，没想到这个仓库很快被人发现，现在已经相当数量的 star 和使用量了。我很开心，也很自豪，但是 Whatwhat 对此并不买账，他认为我这个库是他的分支库，我应该继续使用 ModernWpf 的名字，而不是 iUWM。
+刚开始我编写此库主要是为了自己和工作室的项目，也就随手把仓库公开在 GitHub 上，没想到这个仓库很快被人发现，现在已经相当数量的 star 和使用量了。我很开心，也很自豪，但是 Whatwhat 对此并不买账，他认为我这个库是他的分支库，我应该继续使用 ModernWpf 的名字，而不是 iUWM。
 
 :::info 我的评判
 
diff --git a/data/blogs/blog/2025-08-20-evidence-based-expose-infringement-of-mcskinn/index.zh-CN.mdx b/data/blogs/blog/2025-08-20-evidence-based-expose-infringement-of-mcskinn/index.zh-CN.mdx
index 0f706fb..0f1cacc 100644
--- a/data/blogs/blog/2025-08-20-evidence-based-expose-infringement-of-mcskinn/index.zh-CN.mdx
+++ b/data/blogs/blog/2025-08-20-evidence-based-expose-infringement-of-mcskinn/index.zh-CN.mdx
@@ -19,7 +19,7 @@ This post is only available in Simplified Chinese, as this incident happened in
 
 :::info
 
-由于事情发生在中国大陆，聊天截图将以中文展示；此文章中引用的聊天记录图片都为了优化阅读体验而进行了处理，同时也隐去了一些不应当披露的个人信息。虽然本文中直接引用的聊天记录并非可以直接作为证据，我们已将仅经过必要修改的聊天记录 (按照法律与道德对人员的隐私保护要求) 统一存储到了 Github 仓库中，供有需要的读者查阅，你也可以通过查阅它们来更客观，更全面地了解事情经过——理性吃瓜。
+由于事情发生在中国大陆，聊天截图将以中文展示；此文章中引用的聊天记录图片都为了优化阅读体验而进行了处理，同时也隐去了一些不应当披露的个人信息。虽然本文中直接引用的聊天记录并非可以直接作为证据，我们已将仅经过必要修改的聊天记录 (按照法律与道德对人员的隐私保护要求) 统一存储到了 GitHub 仓库中，供有需要的读者查阅，你也可以通过查阅它们来更客观，更全面地了解事情经过——理性吃瓜。
 
 **查看完整的聊天记录存档**：https://github.com/iNKORE-NET/Hallofshame/tree/main/archives/2025-08/QGroup682528253
 
diff --git a/data/docs/ui-wpf-modern/02.# onboarding/index.en-US.mdx b/data/docs/ui-wpf-modern/02.# onboarding/index.en-US.mdx
index ad39701..18c5a4c 100644
--- a/data/docs/ui-wpf-modern/02.# onboarding/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/02.# onboarding/index.en-US.mdx	
@@ -86,7 +86,7 @@ Then you're expected to see this package has been added to your dependencies lis
 
 :::info
 
-There are a few other libraries appearing when searching. You can learn more about them in our [Github profile](https://github.com/iNKORE-NET) and their repositories.
+There are a few other libraries appearing when searching. You can learn more about them in our [GitHub profile](https://github.com/iNKORE-NET) and their repositories.
 
 :::
 
diff --git a/data/docs/ui-wpf-modern/02.# onboarding/index.zh-CN.mdx b/data/docs/ui-wpf-modern/02.# onboarding/index.zh-CN.mdx
index e4aa2d8..510cd8d 100644
--- a/data/docs/ui-wpf-modern/02.# onboarding/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/02.# onboarding/index.zh-CN.mdx	
@@ -86,7 +86,7 @@
 
 :::info
 
-搜索时会出现一些其他库。您可以在我们的 [Github 主页](https://github.com/iNKORE-NET)及其存储库中了解更多信息。
+搜索时会出现一些其他库。您可以在我们的 [GitHub 主页](https://github.com/iNKORE-NET)及其存储库中了解更多信息。
 
 :::
 
diff --git a/data/docs/ui-wpf-modern/05. definitions/00. controls/00. helpers/# window-helper/index.en-US.mdx b/data/docs/ui-wpf-modern/05. definitions/00. controls/00. helpers/# window-helper/index.en-US.mdx
index 45bc1c7..27b97dc 100644
--- a/data/docs/ui-wpf-modern/05. definitions/00. controls/00. helpers/# window-helper/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/05. definitions/00. controls/00. helpers/# window-helper/index.en-US.mdx	
@@ -180,4 +180,4 @@ This class is used to customize the [Window](%BASE_NAME%/components/dialogs/wind
 
 ### Source code
 
-- [Github | WindowHelper.cs](https://github.com/iNKORE-NET/UI.WPF.Modern/blob/main/source/iNKORE.UI.WPF.Modern/Controls/Helpers/WindowHelper.cs)
\ No newline at end of file
+- [GitHub | WindowHelper.cs](https://github.com/iNKORE-NET/UI.WPF.Modern/blob/main/source/iNKORE.UI.WPF.Modern/Controls/Helpers/WindowHelper.cs)
\ No newline at end of file
diff --git a/data/docs/ui-wpf-modern/05. definitions/00. controls/00. primitives/01.# titlebar-button-availability/index.en-US.mdx b/data/docs/ui-wpf-modern/05. definitions/00. controls/00. primitives/01.# titlebar-button-availability/index.en-US.mdx
index d20a207..6038b4a 100644
--- a/data/docs/ui-wpf-modern/05. definitions/00. controls/00. primitives/01.# titlebar-button-availability/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/05. definitions/00. controls/00. primitives/01.# titlebar-button-availability/index.en-US.mdx	
@@ -53,4 +53,4 @@ The button is enabled and visible. You can see and interact with the button.
 
 ### Source code
 
-- [Github | TitleBar.cs](https://github.com/iNKORE-NET/UI.WPF.Modern/blob/main/source/iNKORE.UI.WPF.Modern/Controls/Primitives/TitleBar.cs)
+- [GitHub | TitleBar.cs](https://github.com/iNKORE-NET/UI.WPF.Modern/blob/main/source/iNKORE.UI.WPF.Modern/Controls/Primitives/TitleBar.cs)
diff --git a/data/docs/ui-wpf-modern/05. definitions/00. controls/00. primitives/01.# titlebar-button-glyph-style/index.en-US.mdx b/data/docs/ui-wpf-modern/05. definitions/00. controls/00. primitives/01.# titlebar-button-glyph-style/index.en-US.mdx
index b4f01ec..c375e1c 100644
--- a/data/docs/ui-wpf-modern/05. definitions/00. controls/00. primitives/01.# titlebar-button-glyph-style/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/05. definitions/00. controls/00. primitives/01.# titlebar-button-glyph-style/index.en-US.mdx	
@@ -49,4 +49,4 @@ This adapts the Fluent style from the Windows 11 Fluent Design System:
 
 ### Source code
 
-- [Github | TitleBar.cs#coming_soon](https://github.com/iNKORE-NET/UI.WPF.Modern/blob/main/source/iNKORE.UI.WPF.Modern/Controls/Primitives/TitleBar.cs)
\ No newline at end of file
+- [GitHub | TitleBar.cs#coming_soon](https://github.com/iNKORE-NET/UI.WPF.Modern/blob/main/source/iNKORE.UI.WPF.Modern/Controls/Primitives/TitleBar.cs)
\ No newline at end of file
diff --git a/data/docs/ui-wpf-modern/05. definitions/00. controls/00. primitives/01.# titlebar/index.en-US.mdx b/data/docs/ui-wpf-modern/05. definitions/00. controls/00. primitives/01.# titlebar/index.en-US.mdx
index 63b714f..2e63140 100644
--- a/data/docs/ui-wpf-modern/05. definitions/00. controls/00. primitives/01.# titlebar/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/05. definitions/00. controls/00. primitives/01.# titlebar/index.en-US.mdx	
@@ -281,4 +281,4 @@ This class is used to customize the title bar of the [Window](%BASE_NAME%/compon
 
 ### Source code
 
-- [Github | TitleBar.cs](https://github.com/iNKORE-NET/UI.WPF.Modern/blob/main/source/iNKORE.UI.WPF.Modern/Controls/Primitives/TitleBar.cs)
+- [GitHub | TitleBar.cs](https://github.com/iNKORE-NET/UI.WPF.Modern/blob/main/source/iNKORE.UI.WPF.Modern/Controls/Primitives/TitleBar.cs)
diff --git a/data/docs/ui-wpf-modern/05. definitions/00. controls/01.# toggle-switch/index.en-US.mdx b/data/docs/ui-wpf-modern/05. definitions/00. controls/01.# toggle-switch/index.en-US.mdx
index d15c83f..85b147d 100644
--- a/data/docs/ui-wpf-modern/05. definitions/00. controls/01.# toggle-switch/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/05. definitions/00. controls/01.# toggle-switch/index.en-US.mdx	
@@ -108,6 +108,6 @@ This class inherits methods from its base class **Control**.
 
 ### Source code
 
-- [Github | ToggleSwitch.cs](https://github.com/iNKORE-NET/UI.WPF.Modern/blob/main/source/iNKORE.UI.WPF.Modern.Controls/Controls/Windows/ToggleSwitch/ToggleSwitch.cs)
+- [GitHub | ToggleSwitch.cs](https://github.com/iNKORE-NET/UI.WPF.Modern/blob/main/source/iNKORE.UI.WPF.Modern.Controls/Controls/Windows/ToggleSwitch/ToggleSwitch.cs)
 
 
diff --git a/data/docs/ui-wpf-modern/05. definitions/00. helpers/00. styles/# backdrop-type/index.en-US.mdx b/data/docs/ui-wpf-modern/05. definitions/00. helpers/00. styles/# backdrop-type/index.en-US.mdx
index ce60672..c84c442 100644
--- a/data/docs/ui-wpf-modern/05. definitions/00. helpers/00. styles/# backdrop-type/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/05. definitions/00. helpers/00. styles/# backdrop-type/index.en-US.mdx	
@@ -131,4 +131,4 @@ If your idea is not working on other Win32 applications, it won't work on our li
 
 ### Source code
 
-- [Github | BackdropHelper.cs](https://github.com/iNKORE-NET/UI.WPF.Modern/blob/main/source/iNKORE.UI.WPF.Modern/Helpers/Styles/BackdropHelper.cs#L18)
+- [GitHub | BackdropHelper.cs](https://github.com/iNKORE-NET/UI.WPF.Modern/blob/main/source/iNKORE.UI.WPF.Modern/Helpers/Styles/BackdropHelper.cs#L18)
diff --git a/data/docs/ui-wpf-modern/05. definitions/00. helpers/00. styles/# window-corner-style/index.en-US.mdx b/data/docs/ui-wpf-modern/05. definitions/00. helpers/00. styles/# window-corner-style/index.en-US.mdx
index 1e5bd2d..c57e251 100644
--- a/data/docs/ui-wpf-modern/05. definitions/00. helpers/00. styles/# window-corner-style/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/05. definitions/00. helpers/00. styles/# window-corner-style/index.en-US.mdx	
@@ -78,4 +78,4 @@ On version 10.0.22000.100, anti-aliasing is not applied to the rounded corners a
 
 ### Source code
 
-- [Github | CornerHelper.cs#L309](https://github.com/iNKORE-NET/UI.WPF.Modern/blob/main/source/iNKORE.UI.WPF.Modern/Helpers/Styles/CornerHelper.cs#L309)
+- [GitHub | CornerHelper.cs#L309](https://github.com/iNKORE-NET/UI.WPF.Modern/blob/main/source/iNKORE.UI.WPF.Modern/Helpers/Styles/CornerHelper.cs#L309)

From c17048cfcbaea9a3530a1e241a16c951d63e052c Mon Sep 17 00:00:00 2001
From: Dorian Zhuang <im@lxhtt.cn>
Date: Sat, 2 May 2026 20:19:33 +0800
Subject: [PATCH 03/15] fix: spelling, wrong docs reference

---
 .../ui-wpf-modern/02.# onboarding/index.zh-CN.mdx  |  2 +-
 .../01. basic-input/# check-box/index.en-US.mdx    |  4 ++--
 .../01. basic-input/# check-box/index.zh-CN.mdx    |  4 ++--
 .../01. basic-input/# combo-box/index.en-US.mdx    |  2 +-
 .../01. basic-input/# combo-box/index.zh-CN.mdx    |  6 +++---
 .../# dropdown-button/index.en-US.mdx              |  2 +-
 .../# dropdown-button/index.zh-CN.mdx              |  4 ++--
 .../# hyperlink-button/index.en-US.mdx             |  4 ++--
 .../# hyperlink-button/index.zh-CN.mdx             |  4 ++--
 .../04. dialogs/# window/index.en-US.mdx           |  6 +++---
 .../04. dialogs/# window/index.zh-CN.mdx           | 14 +++++++-------
 .../00. styles/# backdrop-type/index.en-US.mdx     |  4 ++--
 12 files changed, 28 insertions(+), 28 deletions(-)

diff --git a/data/docs/ui-wpf-modern/02.# onboarding/index.zh-CN.mdx b/data/docs/ui-wpf-modern/02.# onboarding/index.zh-CN.mdx
index 510cd8d..51c1b40 100644
--- a/data/docs/ui-wpf-modern/02.# onboarding/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/02.# onboarding/index.zh-CN.mdx	
@@ -169,7 +169,7 @@ ui:WindowHelper.UseModernWindowStyle="True"
 
 :::
 
-现在，如果您运行该应用，您可以看到窗口具有现代风格的框架。您还可以使用 `ui:WindowHelper.SystemBackdropType` 属性向窗口添加背景：
+现在，如果您运行该应用，您可以看到窗口具有现代风格的框架。您还可以使用 `ui:WindowHelper.SystemBackdropType` 属性向窗口添加材质：
 
 ```ini
 ui:WindowHelper.SystemBackdropType="Mica"
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# check-box/index.en-US.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# check-box/index.en-US.mdx
index 67a771d..3daf8ed 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# check-box/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# check-box/index.en-US.mdx	
@@ -6,7 +6,7 @@ description: "A control that a user can select or clear."
 
 You can use a CheckBox in the user interface (UI) of your application to represent options that a user can select or clear. You can use a single check box or you can group two or more check boxes.
 
-- **Class**: [System.Windows.Controls](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls)[.CheckBox](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.button)
+- **Class**: [System.Windows.Controls](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls)[.CheckBox](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.checkbox)
 
 ## Examples
 
@@ -96,7 +96,7 @@ If you have multiple options appearing in a list, you can preserve space by usin
 
 ### Styles
 
-There is one built-in style for Button control:
+There is one built-in style for CheckBox control:
 
 - **DefaultCheckBoxStyle**: The default style for CheckBox, you can access it with `ui:ThemeKeys.DefaultCheckBoxStyleKey`.
 
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# check-box/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# check-box/index.zh-CN.mdx
index 4242dd6..6609cc7 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# check-box/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# check-box/index.zh-CN.mdx	
@@ -6,7 +6,7 @@ description: "用户可以选中或清除的控件。"
 
 您可以在应用程序的用户界面 (UI) 中使用 CheckBox 来表示用户可以选中或清除的选项。您可以使用单个复选框，也可以将两个或多个复选框分组使用。
 
-- **类**: [System.Windows.Controls](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls)[.CheckBox](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.button)
+- **类**: [System.Windows.Controls](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls)[.CheckBox](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.checkbox)
 
 ## 示例
 
@@ -96,7 +96,7 @@ CheckBox 是一个 ContentControl，这意味着它可以包含任意类型的
 
 ### 样式
 
-Button 控件有一个内置样式：
+CheckBox 控件有一个内置样式：
 
 - **DefaultCheckBoxStyle**：CheckBox 的默认样式，可以通过 `ui:ThemeKeys.DefaultCheckBoxStyleKey` 访问。
 
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.en-US.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.en-US.mdx
index c8d5cdb..7a38d34 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.en-US.mdx	
@@ -86,7 +86,7 @@ See more at: ____
 
 ### Styles
 
-There is one built-in style for Button control:
+There is one built-in style for ComboBox control:
 
 - **DefaultComboBoxStyle**: The default style for ComboBox, you can access it with `ui:ThemeKeys.DefaultComboBoxStyleKey`.
 
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx
index da94699..2a4312e 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx	
@@ -78,15 +78,15 @@ ComboBox 允许用户从下拉列表中选择一个项目，或者可以选择
 
 - **TextBoxStyle**: 获取 ComboBox 可编辑时 ComboBox 中 TextBox 的样式。
 
-### 立体边框 (Elevation) 
+### Elevation 
 
-ComboBox 控件默认带有立体边框 (Elevation) 效果。您可以使用 `ui:ElevationBorder` 来自定义其立体效果。
+ComboBox 控件默认带有Elevation 效果。您可以使用 `ui:ElevationBorder` 来自定义其立体效果。
 
 查看更多: ____
 
 ### 样式
 
-为 Button 控件内置了一种样式：
+为 ComboBox 控件内置了一种样式：
 
 - **DefaultComboBoxStyle**: ComboBox 的默认样式，您可以使用 `ui:ThemeKeys.DefaultComboBoxStyleKey` 访问它。
 
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.en-US.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.en-US.mdx
index e5db901..471a642 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.en-US.mdx	
@@ -114,7 +114,7 @@ There is one built-in style for DropDownButton control. Since this is a control
 
 - [Components / MenuFlyout](../menu-and-toolbars/menu-flyout)
 
-- Components / [SplitButton](./split-button)
+- [Components / SplitButton](./split-button)
 
 ### Microsoft Learn
 
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.zh-CN.mdx
index 782c4ce..4da4063 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.zh-CN.mdx	
@@ -90,7 +90,7 @@ private void Button_SaveScreenshot_Click(object sender, RoutedEventArgs e)
 
 ## 备注
 
-### 立体边框 (Elevation)
+### Elevation
 
 即将推出
 
@@ -114,7 +114,7 @@ DropDownButton 控件有一个内置样式。由于这是来自 `iNKORE.UI.WPF.M
 
 - [Components / MenuFlyout](../menu-and-toolbars/menu-flyout)
 
-- Components / [SplitButton](./split-button)
+- [Components / SplitButton](./split-button)
 
 ### Microsoft Learn
 
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# hyperlink-button/index.en-US.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# hyperlink-button/index.en-US.mdx
index 6052169..d2e042f 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# hyperlink-button/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# hyperlink-button/index.en-US.mdx	
@@ -17,7 +17,7 @@ A **HyperlinkButton** looks like hyperlink text, but works like a button. You ca
 Handle the **Click** event **(Recommended)**. This works just like the **Click** event of a standard **Button**, and can be used to navigate within your app.
 
 ```xml
-<ui:HyperlinkButton Content="iNKORE's offical site" RaiseHyperlinkClicks="False" Click="HyperlinkButton_Click"/>
+<ui:HyperlinkButton Content="iNKORE's official site" RaiseHyperlinkClicks="False" Click="HyperlinkButton_Click"/>
 ```
 
 ```csharp
@@ -43,7 +43,7 @@ Pay attention to **RaiseHyperlinkClicks** property! It will be introduced in the
 Set the **NavigateUri** property. When a user clicks it, it will automatically open the URI in the default browser.
 
 ```xml
-<ui:HyperlinkButton Content="iNKORE's offical site" NavigateUri="https://inkore.net/"/>
+<ui:HyperlinkButton Content="iNKORE's official site" NavigateUri="https://inkore.net/"/>
 ```
 
 ## Remarks
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# hyperlink-button/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# hyperlink-button/index.zh-CN.mdx
index ec1ff0f..9bafcae 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# hyperlink-button/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# hyperlink-button/index.zh-CN.mdx	
@@ -17,7 +17,7 @@ HyperlinkButton 显示为文本超链接。当用户点击它时，它会在默
 处理 **Click** 事件 **(推荐)**。这与标准 **Button** 的 **Click** 事件完全相同，可用于在应用程序内导航。
 
 ```xml
-<ui:HyperlinkButton Content="iNKORE's offical site" RaiseHyperlinkClicks="False" Click="HyperlinkButton_Click"/>
+<ui:HyperlinkButton Content="iNKORE's official site" RaiseHyperlinkClicks="False" Click="HyperlinkButton_Click"/>
 ```
 
 ```csharp
@@ -43,7 +43,7 @@ private void HyperlinkButton_Click(object sender, RoutedEventArgs e)
 设置 **NavigateUri** 属性。当用户点击它时，它会自动在默认浏览器中打开 URI。
 
 ```xml
-<ui:HyperlinkButton Content="iNKORE's offical site" NavigateUri="https://inkore.net/"/>
+<ui:HyperlinkButton Content="iNKORE's official site" NavigateUri="https://inkore.net/"/>
 ```
 
 ## 备注
diff --git a/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.en-US.mdx b/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.en-US.mdx
index 33fd4d1..8049595 100644
--- a/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.en-US.mdx	
@@ -8,7 +8,7 @@ The Window class in represents a window in a Windows application. It provides a
 
 - **Class**: [System.Windows](https://learn.microsoft.com/en-us/dotnet/api/system.windows)[.Window](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.button)
 
-- **Inheritance**: [Object](https://learn.microsoft.com/en-us/dotnet/api/system.object) → (...) → [Control](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.control) → [ContentControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.contentcontrol) → [Window](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.window)
+- **Inheritance**: [Object](https://learn.microsoft.com/en-us/dotnet/api/system.object) → (...) → [Control](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.control) → [ContentControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.contentcontrol) → [Window](https://learn.microsoft.com/en-us/dotnet/api/system.windows.window)
 
 ## Examples
 
@@ -55,13 +55,13 @@ The window is always using the default style and native frames unless you apply
 
 ### System backdrops
 
-Since Windows 10, there are a few system-level backdrops that can be applied to the window. You can use **ui:WindowHelper.SystemBackdrop** property to apply the backdrop. For example, you can apply the Mica effect with the following code:
+Since Windows 10, there are a few system-level backdrops that can be applied to the window. You can use **ui:WindowHelper.SystemBackdropType** property to apply the backdrop. For example, you can apply the Mica effect with the following code:
 
 ```ini
 ui:WindowHelper.SystemBackdropType="Mica"
 ```
 
-![Window with mica effect](with-mica-effect.jpg)
+![Window with Mica effect](with-mica-effect.jpg)
 
 ### Back button in title bar
 
diff --git a/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.zh-CN.mdx
index a8b6256..1ffbcbb 100644
--- a/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.zh-CN.mdx	
@@ -1,14 +1,14 @@
 ---
-description: "提供了创建、配置、显示不管理窗口和对话框的生命周期的能力。"
+description: "提供了创建、配置、显示并管理窗口和对话框的生命周期的能力。"
 ---
 
 # Window
 
-Window 类代表 Windows 应用程序中的一个窗口。它提供了一套丰富的功能来管理和与窗口互动，例如处理其内容、外观和行为。本文档涵盖了 Window 类的基本方面，执其属性、方法和事件。
+Window 类代表 Windows 应用程序中的一个窗口。它提供了一套丰富的功能来管理和与窗口互动，例如处理其内容、外观和行为。本文档涵盖了 Window 类的基本方面，及其属性、方法和事件。
 
-- **类**: [System.Windows](https://learn.microsoft.com/en-us/dotnet/api/system.windows)[.Window](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.button)
+- **类**: [System.Windows](https://learn.microsoft.com/en-us/dotnet/api/system.windows)[.Window](https://learn.microsoft.com/en-us/dotnet/api/system.windows.window)
 
-- **继承**: [Object](https://learn.microsoft.com/en-us/dotnet/api/system.object) → (...) → [Control](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.control) → [ContentControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.contentcontrol) → [Window](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.window)
+- **继承**: [Object](https://learn.microsoft.com/en-us/dotnet/api/system.object) → (...) → [Control](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.control) → [ContentControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.contentcontrol) → [Window](https://learn.microsoft.com/en-us/dotnet/api/system.windows.window)
 
 ## 示例
 
@@ -55,13 +55,13 @@ myWindow.Show();
 
 ### 窗口材质
 
-自 Windows 10 以来，有一些系统级窗口材质可以应用于窗口。您可以使用 **ui:WindowHelper.SystemBackdrop** 属性来应用材质。例如，您可以使用以下代码应用 Mica 效果：
+自 Windows 10 以来，有一些系统级窗口材质可以应用于窗口。您可以使用 **ui:WindowHelper.SystemBackdropType** 属性来应用材质。例如，您可以使用以下代码应用 Mica 效果：
 
 ```ini
 ui:WindowHelper.SystemBackdropType="Mica"
 ```
 
-![Window with mica effect](with-mica-effect.jpg)
+![Window with Mica effect](with-mica-effect.jpg)
 
 ### 标题栏中的返回按钮
 
@@ -133,7 +133,7 @@ public partial class MainWindow : Window
 
 ### 管理属性
 
-为了提供最佳的外观和感受，我们需要接管窗口的 WindowChrome 以一上根据您的需要进行更改。因此，应用现代样式后，您不应此接修改窗口的 WindowChrome，基于相同的原因，您也不应修改以下属性：
+为了提供最佳的外观和体验，我们需要接管窗口的 WindowChrome 并对其进行必要的调整。因此，在应用现代样式后，您不应再修改窗口的 WindowChrome；出于同样的原因，也不应修改以下属性：
 
 - WindowChrome.WindowChrome
 
diff --git a/data/docs/ui-wpf-modern/05. definitions/00. helpers/00. styles/# backdrop-type/index.en-US.mdx b/data/docs/ui-wpf-modern/05. definitions/00. helpers/00. styles/# backdrop-type/index.en-US.mdx
index c84c442..773e12f 100644
--- a/data/docs/ui-wpf-modern/05. definitions/00. helpers/00. styles/# backdrop-type/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/05. definitions/00. helpers/00. styles/# backdrop-type/index.en-US.mdx	
@@ -27,7 +27,7 @@ None of the system backdrops will be applied. The window will remain solid.
 
 ### Mica
 
-The window will have a mica effect, which is a translucent background that blurs the desktop background it.
+The window will have a Mica effect, which is a translucent background that blurs the desktop background it.
 
 **Value**: 2
 
@@ -51,7 +51,7 @@ Acrylic is mode aware; it supports both light and dark mode.
 
 ### Tabbed
 
-The window will have a tabbed effect, which looks like mica but have deeper colors. This is often used when there's a root TabControl on the window (e.g. the Windows Explorer).
+The window will have a tabbed effect, which looks like Mica but have deeper colors. This is often used when there's a root TabControl on the window (e.g. the Windows Explorer).
 
 **Value**: 4
 

From a7eb4792459a936f36d68eca6c1ce002751cef04 Mon Sep 17 00:00:00 2001
From: Dorian Zhuang <im@lxhtt.cn>
Date: Sat, 2 May 2026 21:16:46 +0800
Subject: [PATCH 04/15] refactor: documentation for FontIcon, Frame,
 NavigationView, and TabControl components

- Updated the "See also" sections in the FontIcon and Frame documentation to improve related articles visibility.
- Added a new Chinese (zh-CN) documentation file for FontIcon with comprehensive examples and usage guidelines.
- Enhanced the Frame documentation with examples for navigation and transition styles, including keyboard navigation handling.
- Introduced a new Chinese (zh-CN) documentation file for NavigationView, detailing its usage, examples, and customization options.
- Updated the NavigationView documentation to clarify inheritance and added related articles.
- Improved the TabControl documentation by adding related articles for better navigation and context.

Co-authored-by: Copilot <copilot@github.com>
---
 .../01. basic-input/# button/index.zh-CN.mdx  |  22 +-
 .../# check-box/index.zh-CN.mdx               |   6 +-
 .../# combo-box/index.zh-CN.mdx               |  10 +-
 .../# dropdown-button/index.zh-CN.mdx         |  10 +-
 .../# hyperlink-button/index.zh-CN.mdx        |   4 +-
 .../# toggle-switch/index.en-US.mdx           |   2 +-
 .../# toggle-switch/index.zh-CN.mdx           |  10 +-
 .../04. dialogs/# window/index.en-US.mdx      |  18 +-
 .../04. dialogs/# window/index.zh-CN.mdx      |  22 +-
 .../06. media/# font-icon/index.en-US.mdx     |  26 +-
 .../06. media/# font-icon/index.zh-CN.mdx     | 196 ++++++++
 .../08. navigation/# frame/index.en-US.mdx    |  12 +-
 .../08. navigation/# frame/index.zh-CN.mdx    | 444 ++++++++++++++++++
 .../# navigation-view/index.en-US.mdx         |  18 +-
 .../# navigation-view/index.zh-CN.mdx         | 280 +++++++++++
 .../# tab-control/index.en-US.mdx             |   8 +-
 16 files changed, 1002 insertions(+), 86 deletions(-)
 create mode 100644 data/docs/ui-wpf-modern/03. components/06. media/# font-icon/index.zh-CN.mdx
 create mode 100644 data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.zh-CN.mdx
 create mode 100644 data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.zh-CN.mdx

diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# button/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# button/index.zh-CN.mdx
index a6b39f1..6552d65 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# button/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# button/index.zh-CN.mdx	
@@ -114,24 +114,24 @@ Button 控件有两个内置样式：
 
 ## 另请参阅
 
-### Microsoft Learn
+### 相关文章
 
-- [Button Class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.button)
+- [组件 / DropDownButton](%BASE_NAME%/components/basic-input/dropdown-button)
 
-- [Button Class (WinRT)](https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.button)
+- [组件 / ToggleButton](%BASE_NAME%/components/basic-input/toggle-button)
 
-- [Button - WPF](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/controls/button)
+- [组件 / SplitButton](%BASE_NAME%/components/basic-input/split-button)
 
-- [Buttons - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/controls/buttons)
+- [组件 / HyperlinkButton](%BASE_NAME%/components/basic-input/hyperlink-button)
 
-### 相关文章
+- [组件 / RepeatButton](%BASE_NAME%/components/basic-input/repeat-button)
 
-- [Components / DropDownButton](%BASE_NAME%/components/basic-input/dropdown-button)
+### Microsoft Learn
 
-- [Components / ToggleButton](%BASE_NAME%/components/basic-input/toggle-button)
+- [Button Class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.button)
 
-- [Components / SplitButton](%BASE_NAME%/components/basic-input/split-button)
+- [Button Class (WinRT)](https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.button)
 
-- [Components / HyperlinkButton](%BASE_NAME%/components/basic-input/hyperlink-button)
+- [Button - WPF](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/controls/button)
 
-- [Components / RepeatButton](%BASE_NAME%/components/basic-input/repeat-button)
\ No newline at end of file
+- [Buttons - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/controls/buttons)
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# check-box/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# check-box/index.zh-CN.mdx
index 6609cc7..e7f0ce5 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# check-box/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# check-box/index.zh-CN.mdx	
@@ -118,11 +118,11 @@ CheckBox 控件有一个内置样式：
 
 ### 相关文章
 
-- [Components / ToggleButton](%BASE_NAME%/components/basic-input/toggle-button)
+- [组件 / ToggleButton](%BASE_NAME%/components/basic-input/toggle-button)
 
-- [Components / ToggleSwitch](%BASE_NAME%/components/basic-input/toggle-switch)
+- [组件 / ToggleSwitch](%BASE_NAME%/components/basic-input/toggle-switch)
 
-- [Components / RadioButton](%BASE_NAME%/components/basic-input/radio-button)
+- [组件 / RadioButton](%BASE_NAME%/components/basic-input/radio-button)
 
 ### Microsoft Learn
 
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx
index 2a4312e..460f489 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx	
@@ -94,15 +94,15 @@ ComboBox 控件默认带有Elevation 效果。您可以使用 `ui:ElevationBorde
 
 ### 相关文章
 
-- [Components / DropDownButton](./dropdown-button)
+- [组件 / DropDownButton](./dropdown-button)
 
-- [Components / ToggleButton](./toggle-button)
+- [组件 / ToggleButton](./toggle-button)
 
-- [Components / SplitButton](./split-button)
+- [组件 / SplitButton](./split-button)
 
-- [Components / HyperlinkButton](./hyperlink-button)
+- [组件 / HyperlinkButton](./hyperlink-button)
 
-- [Components / RepeatButton](./repeat-button)
+- [组件 / RepeatButton](./repeat-button)
 
 ### Microsoft Learn
 
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.zh-CN.mdx
index 4da4063..4dc89fb 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.zh-CN.mdx	
@@ -106,15 +106,15 @@ DropDownButton 控件有一个内置样式。由于这是来自 `iNKORE.UI.WPF.M
 
 ### 相关文章
 
-- [Definitions / DropDownButton Class](%BASE_NAME%/definitions/controls/dropdown-button)
+- [定义 / DropDownButton Class](%BASE_NAME%/definitions/controls/dropdown-button)
 
-- [Components / AppBarButton](../menu-and-toolbars/appbar-button)
+- [组件 / AppBarButton](../menu-and-toolbars/appbar-button)
 
-- [Components / Flyout](../dialogs/flyout)
+- [组件 / Flyout](../dialogs/flyout)
 
-- [Components / MenuFlyout](../menu-and-toolbars/menu-flyout)
+- [组件 / MenuFlyout](../menu-and-toolbars/menu-flyout)
 
-- [Components / SplitButton](./split-button)
+- [组件 / SplitButton](./split-button)
 
 ### Microsoft Learn
 
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# hyperlink-button/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# hyperlink-button/index.zh-CN.mdx
index 9bafcae..35c18d1 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# hyperlink-button/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# hyperlink-button/index.zh-CN.mdx	
@@ -83,9 +83,9 @@ HyperlinkButton 控件有一个内置样式。由于这是来自 `iNKORE.UI.WPF.
 
 ### 相关文章
 
-- [Definitions / HyperlinkButton Class](%BASE_NAME%/definitions/controls/hyperlink-button)
+- [定义 / HyperlinkButton Class](%BASE_NAME%/definitions/controls/hyperlink-button)
 
-- [Components / Button](./button)
+- [组件 / Button](./button)
 
 ### Microsoft Learn
 
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# toggle-switch/index.en-US.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# toggle-switch/index.en-US.mdx
index ffaa549..4796171 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# toggle-switch/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# toggle-switch/index.en-US.mdx	
@@ -88,7 +88,7 @@ For some actions, either a toggle switch or a check box might work. To decide wh
 
 ### Compact Sizing
 
-If you are using ToggleSwitch in a compact layout, you might find out that even if the check box has no content, it takes an amount of space. This is because the **MinWidth** property is set in the default style. 
+If you are using ToggleSwitch in a compact layout, you might find out that even if the toggle switch has no content, it takes an amount of space. This is because the **MinWidth** property is set in the default style. 
 
 ![](still-taking-space.png)
 
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# toggle-switch/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# toggle-switch/index.zh-CN.mdx
index 144c357..d46b64f 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# toggle-switch/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# toggle-switch/index.zh-CN.mdx	
@@ -88,7 +88,7 @@ Button 控件有一个内置样式：
 
 ### 紧凑尺寸
 
-如果您在紧凑布局中使用 ToggleSwitch，您可能会发现即使复选框没有内容，它也会占用一些空间。这是因为在默认样式中设置了 **MinWidth** 属性。
+如果您在紧凑布局中使用 ToggleSwitch，您可能会发现即使 ToggleSwitch 没有内容，它也会占用一些空间。这是因为在默认样式中设置了 **MinWidth** 属性。
 
 ![](still-taking-space.png)
 
@@ -104,13 +104,13 @@ Button 控件有一个内置样式：
 
 ### 相关文章
 
-- [Definitions / ToggleSwitch Class](%BASE_NAME%/definitions/controls/toggle-switch)
+- [定义 / ToggleSwitch Class](%BASE_NAME%/definitions/controls/toggle-switch)
 
-- [Components / CheckBox](./check-box)
+- [组件 / CheckBox](./check-box)
 
-- [Components / ToggleButton](./toggle-button)
+- [组件 / ToggleButton](./toggle-button)
 
-- [Components / RadioButton](./radio-button)
+- [组件 / RadioButton](./radio-button)
 
 ### Microsoft Learn
 
diff --git a/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.en-US.mdx b/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.en-US.mdx
index 8049595..b0bcbe1 100644
--- a/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.en-US.mdx	
@@ -174,19 +174,13 @@ Use the following classes to customize the window control along with the title b
 
 ## See also
 
-### Microsoft Learn
-
-- [Window Class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.window)
-
-### Related controls
+### Related articles
 
-- [Flyout](./flyout)
+- [Components / Flyout](./flyout)
 
-- [ContentDialog](./content-dialog)
+- [Components / ContentDialog](./content-dialog)
 
-- [MessageBox](./message-box)
-
-### Related articles
+- [Components / MessageBox](./message-box)
 
 - [Definitions / WindowHelper](%BASE_NAME%/definitions/controls/helpers/window-helper)
 
@@ -195,3 +189,7 @@ Use the following classes to customize the window control along with the title b
 - [Definitions / WindowCornerStyle](%BASE_NAME%/definitions/helpers/styles/window-corner-style)
 
 - [Definitions / BackdropType](%BASE_NAME%/definitions/helpers/styles/backdrop-type)
+
+### Microsoft Learn
+
+- [Window Class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.window)
diff --git a/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.zh-CN.mdx
index 1ffbcbb..a372213 100644
--- a/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.zh-CN.mdx	
@@ -175,24 +175,22 @@ ui:WindowHelper.FixMaximizedWindow="False"
 
 ## 另请参阅
 
-### Microsoft Learn
+### 相关文章
 
-- [Window Class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.window)
+- [组件 / Flyout](./flyout)
 
-### 相关控件
+- [组件 / ContentDialog](./content-dialog)
 
-- [Flyout](./flyout)
+- [组件 / MessageBox](./message-box)
 
-- [ContentDialog](./content-dialog)
+- [定义 / WindowHelper](%BASE_NAME%/definitions/controls/helpers/window-helper)
 
-- [MessageBox](./message-box)
+- [定义 / TitleBar](%BASE_NAME%/definitions/controls/primitives/titlebar)
 
-### 相关文章
+- [定义 / WindowCornerStyle](%BASE_NAME%/definitions/helpers/styles/window-corner-style)
 
-- [Definitions / WindowHelper](%BASE_NAME%/definitions/controls/helpers/window-helper)
+- [定义 / BackdropType](%BASE_NAME%/definitions/helpers/styles/backdrop-type)
 
-- [Definitions / TitleBar](%BASE_NAME%/definitions/controls/primitives/titlebar)
-
-- [Definitions / WindowCornerStyle](%BASE_NAME%/definitions/helpers/styles/window-corner-style)
+### Microsoft Learn
 
-- [Definitions / BackdropType](%BASE_NAME%/definitions/helpers/styles/backdrop-type)
+- [Window Class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.window)
diff --git a/data/docs/ui-wpf-modern/03. components/06. media/# font-icon/index.en-US.mdx b/data/docs/ui-wpf-modern/03. components/06. media/# font-icon/index.en-US.mdx
index b6bd6fc..9b439ee 100644
--- a/data/docs/ui-wpf-modern/03. components/06. media/# font-icon/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/06. media/# font-icon/index.en-US.mdx	
@@ -169,28 +169,28 @@ If you're using the pre-bundled icon sets from Microsoft, please pay attention t
 
 ## See also
 
-### Microsoft Learn
+### Related articles
 
-- [Segoe Fluent Icons - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/style/segoe-fluent-icons-font)
+- [Components / ImageIcon](./image-icon)
 
-- [Segoe MDL2 Assets icons - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/style/segoe-ui-symbol-font)
+- [Components / SymbolIcon](./symbol-icon)
 
-- [Design toolkits and samples for Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/downloads#fonts)
+- [Components / PathIcon](./path-icon)
 
-- [Iconography in Windows 11](https://learn.microsoft.com/en-us/windows/apps/design/signature-experiences/iconography)
+- [Components / IconAndText](./icon-and-text)
 
-- [FontIcon Class (WinRT)](https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.fonticon)
+- [Components / Button](../basic-input/button)
 
-### Related controls
+- [Components / AppBarButton](../menu-and-toolbars/appbar-button)
 
-- [ImageIcon](./image-icon)
+### Microsoft Learn
 
-- [SymbolIcon](./symbol-icon)
+- [Segoe Fluent Icons - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/style/segoe-fluent-icons-font)
 
-- [PathIcon](./path-icon)
+- [Segoe MDL2 Assets icons - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/style/segoe-ui-symbol-font)
 
-- [IconAndText](./icon-and-text)
+- [Design toolkits and samples for Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/downloads#fonts)
 
-- [Button](../basic-input/button)
+- [Iconography in Windows 11](https://learn.microsoft.com/en-us/windows/apps/design/signature-experiences/iconography)
 
-- [AppBarButton](../menu-and-toolbars/appbar-button)
\ No newline at end of file
+- [FontIcon Class (WinRT)](https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.fonticon)
diff --git a/data/docs/ui-wpf-modern/03. components/06. media/# font-icon/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/06. media/# font-icon/index.zh-CN.mdx
new file mode 100644
index 0000000..a0f6634
--- /dev/null
+++ b/data/docs/ui-wpf-modern/03. components/06. media/# font-icon/index.zh-CN.mdx	
@@ -0,0 +1,196 @@
+---
+description: "Represents an icon that uses a glyph from the specified font."
+---
+
+# FontIcon
+
+FontIcon is a control that displays an icon from a specified font. It is a lightweight alternative to ImageIcon and can be used to display icons in a variety of contexts. The FontIcon is the best choice to use when you have a huge amount of icons that you want to display in your application.
+
+- **Class**: [iNKORE.UI.WPF.Modern.Controls](..)[.FontIcon](.)
+
+- **Inheritance**: [Object](https://learn.microsoft.com/en-us/dotnet/api/system.object) → (...) → [FrameworkElement](https://learn.microsoft.com/en-us/dotnet/api/system.windows.frameworkelement) → [IconElement](.) → [FontIcon](.)
+
+## Examples
+
+### Icon from the icon sets
+
+If an icon set is present, you can use the Icon property to pass the icon data to the component like this:
+
+```xml
+<ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Home}"/>
+```
+
+![Home icon from Segoe Fluent Icons](home-from-segoe-fluent.png)
+
+Under the `iNKORE.UI.WPF.Modern.Common.IconKeys` namespace, there are a few sets that you can use made by Microsoft (and they meet the Fluent Design specifications):
+
+- `SegoeFluentIcons`: [Segoe Fluent Icons Family](https://learn.microsoft.com/en-us/windows/apps/design/style/segoe-fluent-icons-font) from Microsoft;
+
+- `FluentSystemIcons`: [Fluent System Icons Family](https://github.com/microsoft/fluentui-system-icons) from Microsoft.
+
+You can also create your own icon set by creating static `iNKORE.UI.WPF.Modern.Common.IconKeys.FontIconData` instances and pass them to the XAML with **x:Static**. For more details, [click here](COMING_SOON).
+
+:::danger IMPORTANT
+
+**Segoe Fluent Icons** are part of Microsoft's Segoe UI font family. These icons are primarily intended for use in Microsoft products and services. While they can be used in personal projects, commercial use may require adherence to Microsoft's licensing terms, as they are proprietary assets owned by Microsoft.
+
+
+**Fluent System Icons** are open-source icons developed by Microsoft as part of the Fluent Design System. These icons are available under the MIT License, allowing for both personal and commercial use without restriction. Users are free to include these icons in their projects, modify them, and distribute them as needed, provided they include the original license and copyright notice.
+
+We strongly recommend you take **Fluent System Icons** as your primary choice.
+
+:::
+
+Here's a few examples of using Fluent System Icons:
+
+```xml
+<ui:SimpleStackPanel Spacing="2" Orientation="Horizontal">
+    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_16_Regular}"/>
+    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_20_Regular}" FontSize="20"/>
+    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_24_Regular}" FontSize="24"/>
+    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_32_Regular}" FontSize="32"/>
+    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_48_Regular}" FontSize="48"/>
+</ui:SimpleStackPanel>
+<ui:SimpleStackPanel Spacing="2" Orientation="Horizontal">
+    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_16_Filled}"/>
+    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_20_Filled}" FontSize="20"/>
+    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_24_Filled}" FontSize="24"/>
+    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_32_Filled}" FontSize="32"/>
+    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_48_Filled}" FontSize="48"/>
+</ui:SimpleStackPanel>
+```
+
+![Different sizes of Fluent System Icons](different-sizes-of-fluent-system.png)
+
+For icon sets with a specified size, such as Fluent System Icons, you need to specify the size in the component as well using **FontSize** property. 
+
+:::info
+
+The **FontSize** property is `16` by default. If the icon set is designed for 16px size (like Segoe Fluent Icons), you don't need to specify the **FontSize** property. 
+
+Some icon sets have different sizes of icon that are packed together (like Fluent System Icons), it's important to specify the FontSize property.
+
+If the element's FontSize doesn't match the designed size of the icon, the pixel-perfect might be gone and the element might look weird.
+
+:::
+
+### Icon without an icon set
+
+You can pass a `string` to the **Glyph** property to set the icon when icon set is not suitable. However you may have to specify the **FontFamily** property as well, the default value is `Segoe Fluent Icons`.
+
+For example, the following code:
+
+```xml
+<ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_16_Regular}"/>
+```
+
+equals to:
+
+```xml
+<ui:FontIcon Glyph="&#xF102;" FontFamily="Fluent System Icons"/>
+```
+
+:::warning
+
+We strongly discourage this as it increases the coupling and complexity of the code, and is difficult to maintain at a later stage.
+
+We recommend that you use an existing Fluent Design-compliant icon library (above) or wrap your own icon library with FontIconData ([tutorial here](COMING_SOON)). Don't use Glyph attributes as a last resort.
+
+:::
+
+### Layering and mirroring
+
+Some icons (like Segoe Fluent Icons) may have the same fixed width with a consistent height and left origin point, so layering and colorization effects can be achieved by drawing glyphs directly on top of each other. This example show a black outline drawn on top of the zero-width red heart.
+
+```xml
+<Grid>
+    <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.HeartFill}" Foreground="#C72335" />
+    <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Heart}" />
+</Grid>
+```
+
+![A layered heart icon](layered-heart-icon.png)
+
+### Going with a text element
+
+When you're using a FontIcon with a TextBlock, you may do the following code:
+
+```xml
+<ui:SimpleStackPanel Spacing="4" Orientation="Horizontal">
+    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Home_16_Regular}" VerticalAlignment="Center"/>
+    <TextBlock Text="Back to home" VerticalAlignment="Center"/>
+</ui:SimpleStackPanel>
+```
+
+However there's a better way to do this. Using the **IconAndText** component will simplify your code and make it more readable:
+
+```xml
+<ui:IconAndText Icon="{x:Static ui:FluentSystemIcons.Home_16_Regular}" Content="Back to home"/>
+```
+
+![The IconAndText component](icon-and-text-component.png)
+
+For more info about IconAndText component, please [click here](./icon-and-text).
+
+## Remarks
+
+### Icon availability
+
+#### Third-party icon sets
+
+If you're using your own created icon set, make sure that all the icons are available in the specified font family. If the license allowed, the best way is to put the font file directly into the project as an resource and set the FontFamily to the font file path.
+
+If you're using a third-party icon set, make sure that the license allows you to use it in your project.
+
+#### Pre-bundled icon sets
+
+If you're using the pre-bundled icon sets from Microsoft mentioned above, please pay attention to the icon availability. 
+
+- For **Segoe Fluent Icons**, the FontIcon will use the font from your computer. In other words, they may be rendered correctly only in Windows 11 or higher versions. In Windows 10, there's a fallback to **Segoe MDL Assets 2**, which adapts the old design, and in Windows 7, none of the icons will be rendered. However, some icons might be missing on Segoe MDL Assets 2 and are only available when Segoe Fluent Icons font is installed on the user's computer.
+
+    :::info Why we don't embed Segoe Icons?
+
+    According to Microsoft, it's forbidden to ship this font anywhere than Windows 10 and Windows 11, and we don't think we should risk.
+
+    Using the open and free icon set **Fluent System Icons** is strongly recommended. Not only does it supports multi-sizes, regular and filled variant are both available as well.
+
+    If you intend to use Segoe Fluent Icons and want you app to work in Windows 7, the best way to fix this is check if Segoe Fluent Icons is installed on the computer. If not, then download the Font from Microsft (https://aka.ms/SegoeFluentIcons) and then install it.
+    After installation you app needs to be restarted in order that WPF loads the new font correctly.
+
+    :::
+
+- For **Fluent System Icons**, the font files are embedded in the library, so no worries, they are always available.
+
+### Licensces and copyright
+
+As mentioned above, using the protected icon sets may lead to copyright disputes. If you're using your own icon set, make sure that the license allows you to use it in your project.
+
+If you're using the pre-bundled icon sets from Microsoft, please pay attention to the license and copyright.
+
+## See also
+
+### Related controls
+
+- [Components / ImageIcon](./image-icon)
+
+- [Components / SymbolIcon](./symbol-icon)
+
+- [Components / PathIcon](./path-icon)
+
+- [Components / IconAndText](./icon-and-text)
+
+- [Components / Button](../basic-input/button)
+
+- [Components / AppBarButton](../menu-and-toolbars/appbar-button)
+
+### Microsoft Learn
+
+- [Segoe Fluent Icons - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/style/segoe-fluent-icons-font)
+
+- [Segoe MDL2 Assets icons - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/style/segoe-ui-symbol-font)
+
+- [Design toolkits and samples for Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/downloads#fonts)
+
+- [Iconography in Windows 11](https://learn.microsoft.com/en-us/windows/apps/design/signature-experiences/iconography)
+
+- [FontIcon Class (WinRT)](https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.fonticon)
diff --git a/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.en-US.mdx b/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.en-US.mdx
index 408b77a..1826a3c 100644
--- a/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.en-US.mdx	
@@ -425,6 +425,12 @@ Suppressing the animation is useful when implicit show/hide animations is used.
 
 ## See also
 
+## Related articles
+
+- [Components / NavigationView](./navigation-view)
+
+- [Components / TabControl](./tab-control)
+
 ### Microsoft Learn
 
 - [Navigation Overview - WPF](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/app-development/navigation-overview)
@@ -436,9 +442,3 @@ Suppressing the animation is useful when implicit show/hide animations is used.
 - [Frame Class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.frame)
 
 - [Frame Class (WinRT)](https://learn.microsoft.com/en-us/uwp/api/windows.ui.xaml.controls.frame)
-
-## Related controls
-
-- [NavigationView](./navigation-view)
-
-- [TabControl](./tab-control)
\ No newline at end of file
diff --git a/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.zh-CN.mdx
new file mode 100644
index 0000000..474c198
--- /dev/null
+++ b/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.zh-CN.mdx	
@@ -0,0 +1,444 @@
+---
+description: "Frame is a content control that supports navigation."
+---
+
+# Frame
+
+The Frame control from WPF supports content navigation within content. Frame can be hosted by a root element like Window, NavigationWindow, Page, UserControl, FlowDocument, or as an island within a content tree that belongs to a root element.
+
+Using our extended Frame control, you can navigate with Fluent animations, better performance and more.
+
+- **Class**: [iNKORE.UI.WPF.Modern.Controls](..)[.Frame](.)
+
+- **Inheritance**: [Object](https://learn.microsoft.com/en-us/dotnet/api/system.object) → (...) → [Control](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.control) → [ContentControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.contentcontrol) → [Frame](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.frame) → [Frame](.)
+
+## Examples
+
+### Navigate through pages
+
+The following example shows how to create a simple Frame control to navigate through a set of pages.
+
+First, create two pages called `Page1.xaml` and `Page2.xaml`. Create a folder named `Pages`, right click the folder, and select **Add** → **New Item**. Select **WPF / Page** and name it `Page1.xaml`. Repeat the process to create `Page2.xaml`.
+
+![Add a file to the project](add-a-fiile-to-project.png)
+
+![Add a new page](add-a-new-page.png)
+
+Add the namespace declaration to the root:
+
+```ini
+xmlns:ui="http://schemas.inkore.net/lib/ui/wpf/modern"
+```
+
+Change the root class from Page to `ui:Page`. Go to the code-behind *(e.g. Page1.xaml.cs)*, and change the base class from Page to `iNKORE.UI.WPF.Modern.Controls.Page`.
+
+Then add some content to the pages. For example, add a `TextBlock` to each page to display the page name.
+
+Your **Page1** should look like this:
+
+```xml title="Page1.xaml"
+# highlight-next-line
+<ui:Page x:Class="WpfApp1.Pages.Page1"
+         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
+         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
+# highlight-next-line
+         xmlns:ui="http://schemas.inkore.net/lib/ui/wpf/modern"
+         mc:Ignorable="d" 
+         d:DesignHeight="360" d:DesignWidth="640"
+         Foreground="CornflowerBlue"
+         Title="Page 1">
+
+    <Grid>
+        <Rectangle Margin="10" Stroke="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=ui:Page}, Path=Foreground}" StrokeThickness="2"
+                RadiusX="8" RadiusY="8" StrokeDashArray="4 2"/>
+        <TextBlock Text="Page 1" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="24"/>
+    </Grid>
+# highlight-next-line
+</ui:Page>
+
+```
+
+```csharp title="Page1.xaml.cs"
+using iNKORE.UI.WPF.Modern.Controls;
+# highlight-next-line
+using Page = iNKORE.UI.WPF.Modern.Controls.Page;
+
+namespace WpfApp1.Pages
+{
+    public partial class Page1 : Page
+    {
+        public Page1()
+        {
+            InitializeComponent();
+        }
+    }
+}
+```
+
+And your **Page2** should look like this:
+
+```xml title="Page2.xaml"
+# highlight-next-line
+<ui:Page x:Class="ExamplePhotoTaker.Pages.Page2"
+         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
+         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
+         xmlns:local="clr-namespace:ExamplePhotoTaker.Pages"
+# highlight-next-line
+         xmlns:ui="http://schemas.inkore.net/lib/ui/wpf/modern"
+         mc:Ignorable="d" 
+         d:DesignHeight="360" d:DesignWidth="640"
+         Foreground="SeaGreen"
+         Title="Page 2">
+
+    <Grid>
+        <Rectangle Margin="10" Stroke="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=ui:Page}, Path=Foreground}" StrokeThickness="2"
+                RadiusX="8" RadiusY="8" StrokeDashArray="4 2"/>
+        <TextBlock Text="Page 2" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="24"/>
+    </Grid>
+# highlight-next-line
+</ui:Page>
+```
+
+```csharp title="Page2.xaml.cs"
+using iNKORE.UI.WPF.Modern.Controls;
+# highlight-next-line
+using Page = iNKORE.UI.WPF.Modern.Controls.Page;
+
+namespace WpfApp1.Pages
+{
+    public partial class Page2 : Page
+    {
+        public Page2()
+        {
+            InitializeComponent();
+        }
+    }
+}
+```
+
+Now, create a new window and add a Frame control to it. Add a few buttons to navigate between the pages. Use the **Navigate()** method to pass Page to the Frame control.
+
+```xml
+<Grid>
+    <Grid.RowDefinitions>
+        <RowDefinition Height="Auto"/>
+        <RowDefinition/>
+    </Grid.RowDefinitions>
+
+    <ui:SimpleStackPanel Orientation="Horizontal" Spacing="10" HorizontalAlignment="Center">
+        <Button x:Name="Button_NavigateToPage1" Content="To Page 1" Click="Button_NavigateToPage1_Click"/>
+        <Button x:Name="Button_NavigateToPage2" Content="To Page 2" Click="Button_NavigateToPage2_Click"/>
+    </ui:SimpleStackPanel>
+
+# highlight-next-line
+    <ui:Frame x:Name="Frame_Main" Margin="10" Grid.Row="1" 
+              BorderBrush="Gray" BorderThickness="2,2,2,2"/>
+</Grid>
+```
+
+```csharp
+Page1 Page_1 = new Page1();
+Page2 Page_2 = new Page2();
+
+private void Button_NavigateToPage1_Click(object sender, RoutedEventArgs e)
+{
+    Frame_Main.Navigate(Page_1);
+}
+
+private void Button_NavigateToPage2_Click(object sender, RoutedEventArgs e)
+{
+    Frame_Main.Navigate(Page_2);
+}
+```
+
+Clicking the buttons will navigate to the corresponding pages like this:
+
+![Navigated to Page 1](navigated-to-page-1.png)
+
+:::warning
+
+We strongly **NOT** recommend you to use the `Navigate(Type sourcePageType)` method to navigate between pages, it's not recommended to use it in the modern UI development. Instead, we recommend you to use the `Navigate(object content)` method which we provided in the Frame control.
+
+For example, we may change the code from this:
+
+```csharp
+private void Button_NavigateToPage1_Click(object sender, RoutedEventArgs e)
+{
+    Frame_Main.Navigate(typeof(Page1));
+}
+```
+
+to this:
+
+```csharp
+private void Button_NavigateToPage1_Click(object sender, RoutedEventArgs e)
+{
+    Frame_Main.Navigate(new Page1());
+}
+```
+
+or this, which is even better:
+
+```csharp
+Page1 Page_1 = new Page1();
+
+private void Button_NavigateToPage1_Click(object sender, RoutedEventArgs e)
+{
+    Frame_Main.Navigate(Page1);
+}
+```
+
+:::
+
+### Change transition style
+
+On the **Navigate()** method, there are a few overloads that allow you to pass a transition style. The following example shows how to apply the Drill-in transition style.
+
+```csharp
+using iNKORE.UI.WPF.Modern.Media.Animation;
+
+private void Button_NavigateToPage1_Click(object sender, RoutedEventArgs e)
+{
+# highlight-next-line
+    Frame_Main.Navigate(Page_1, new DrillInNavigationTransitionInfo());
+}
+```
+
+### Disable keyboard navigation
+
+Since the Frame has a built-in keyboard navigation, you may found out that you can use `Backspace`, `Page Down` and `Page Up` keys to navigate through the pages without your code control. Mostly this is not expected since the user would misact and back to another page that you're not expected, so we recommend you use the following way to disable it.
+
+First add a handler to the `Navigating` event of the Frame control:
+
+```xml
+<ui:Frame x:Name="Frame_Main" Navigating="Frame_Main_Navigating"/>
+```
+
+Create your own Navigate method and block the navigation if it's not expected like this:
+
+```csharp
+WeakReference __Frame_Main_NavigatingTarget = new WeakReference(null);
+private void Frame_Main_Navigating(object sender, NavigatingCancelEventArgs e)
+{
+    if (e.Content != __Frame_Main_NavigatingTarget.Target)
+    {
+        e.Cancel = true;
+    }
+}
+
+public void NavigateTo(object content, object? extraData = null, NavigationTransitionInfo? infoOverride = null)
+{
+    __Frame_Main_NavigatingTarget.Target = content;
+    Frame_Main.Navigate(content, extraData, infoOverride);
+}
+```
+
+Then change your navigation code to use the new **NavigateTo()** method:
+
+```csharp
+private void Button_NavigateToPage1_Click(object sender, RoutedEventArgs e)
+{
+    // Don't use `Frame_Main.Navigate(Page_1) any more, it won't work.`
+# highlight-next-line
+    NavigateTo(Page_1);
+}
+
+private void Button_NavigateToPage2_Click(object sender, RoutedEventArgs e)
+{
+# highlight-next-line
+    NavigateTo(Page_2);
+}
+```
+
+Then try to use the keyboard to navigate through the pages, you'll find out that it's not working any more.
+
+## Members
+
+Here're the commonly used members of the Frame control. For a complete list of members, please check the [API definition](COMING_SOON).
+
+### Navigate
+
+The **Navigate()** method navigates to the specified content. There are a few overloads that allow you to pass a transition style.
+
+These are the extra overloads which we added for the Frame control:
+
+```csharp
+/// <summary>
+/// Causes the Frame to load content represented by the specified Page.
+/// </summary>
+/// <param name="sourcePageType">The page to navigate to, specified as a type reference to its partial class type.</param>
+/// <returns>true if navigation is not canceled; otherwise, false.</returns>
+public bool Navigate(Type sourcePageType);
+
+/// <summary>
+/// Causes the Frame to load content represented by the specified Page, also passing
+/// a parameter to be interpreted by the target of the navigation.
+/// </summary>
+/// <param name="sourcePageType">The page to navigate to, specified as a type reference to its partial class type.</param>
+/// <param name="parameter">The navigation parameter to pass to the target page.</param>
+/// <returns>true if navigation is not canceled; otherwise, false.</returns>
+public bool Navigate(Type sourcePageType, object parameter);
+
+/// <summary>
+/// Causes the Frame to load content represented by the specified Page -derived data
+/// type, also passing a parameter to be interpreted by the target of the navigation,
+/// and a value indicating the animated transition to use.
+/// </summary>
+/// <param name="sourcePageType">The page to navigate to, specified as a type reference to its partial class type.</param>
+/// <param name="parameter">The navigation parameter to pass to the target page.</param>
+/// <param name="infoOverride">Info about the animated transition.</param>
+/// <returns>true if navigation is not canceled; otherwise, false.</returns>
+public bool Navigate(Type sourcePageType, object parameter, NavigationTransitionInfo infoOverride);
+
+/// <summary>
+/// Navigates asynchronously to content that is contained by an object.
+/// </summary>
+/// <param name="content">An System.Object that contains the content to navigate to.</param>
+/// <param name="infoOverride">Info about the animated transition.</param>
+/// <returns>true if navigation is not canceled; otherwise, false.</returns>
+public bool Navigate(object content, NavigationTransitionInfo infoOverride);
+
+/// <summary>
+/// Navigates asynchronously to content that is contained by an object, and passes
+/// an object that contains data to be used for processing during navigation.
+/// </summary>
+/// <param name="content">An System.Object that contains the content to navigate to.</param>
+/// <param name="extraData">A System.Object that contains data to be used for processing during navigation.</param>
+/// <param name="infoOverride">Info about the animated transition.</param>
+/// <returns>true if navigation is not canceled; otherwise, false.</returns>
+public bool Navigate(object content, object extraData, NavigationTransitionInfo infoOverride);
+
+/// <summary>
+/// Navigates asynchronously to source content located at a uniform resource identifier
+/// (URI), and passes an object that contains data to be used for processing during
+/// navigation, and a value indicating the animated transition to use.
+/// </summary>
+/// <param name="source">A System.Uri object initialized with the URI for the desired content.</param>
+/// <param name="extraData">A System.Object that contains data to be used for processing during navigation.</param>
+/// <param name="infoOverride">Info about the animated transition.</param>
+/// <returns>true if navigation is not canceled; otherwise, false.</returns>
+public bool Navigate(Uri source, object extraData, NavigationTransitionInfo infoOverride);
+```
+
+There're also many overloads presented in the original **Frame.Navigate** method, [click here](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.frame.navigate) to learn more.
+
+### GoBack
+
+The GoBack() method navigates to the most recent item in back navigation history, if a Frame manages its own navigation history.
+
+```csharp
+/// <summary>
+/// Navigates to the most recent item in back navigation history, if a Frame manages
+/// its own navigation history, and specifies the animated transition to use.
+/// </summary>
+/// <param name="transitionInfoOverride">Info about the animated transition to use.</param>
+public void GoBack(NavigationTransitionInfo transitionInfoOverride);
+```
+
+You can call the **GoBack** method with or without the transition info like this:
+
+```csharp
+// Without transitionInfoOverride, default transition will be used.
+Frame_Main.GoBack();
+```
+
+or this:
+
+```csharp
+// With transitionInfoOverride, specified transition will be used.
+Frame_Main.GoBack(new DrillInNavigationTransitionInfo());
+```
+
+## Remarks
+
+### Transitions
+
+Page transitions provide visual feedback about the relationship between pages.
+
+#### Entrance
+
+Page refresh is a combination of a slide up animation and a fade in animation for the incoming content. Use page refresh when the user is taken to the top of a navigational stack, such as navigating between tabs or left-nav items.
+
+The desired feeling is that the user has started over.
+
+![Page refresh](page-refresh.gif)
+
+The page refresh animation is represented by the EntranceNavigationTransitionInfo class.
+
+```csharp
+// Explicitly play the page refresh animation
+myFrame.Navigate(Page_2, null, new EntranceNavigationTransitionInfo());
+```
+
+:::note
+
+A Frame automatically uses NavigationThemeTransition to animate navigation between two pages. By default, the animation is page refresh.
+
+:::
+
+#### Drill
+
+Use drill when users navigate deeper into an app, such as displaying more information after selecting an item.
+
+The desired feeling is that the user has gone deeper into the app.
+
+![Drill](drill.gif)
+
+The drill animation is represented by the DrillInNavigationTransitionInfo class.
+
+```csharp
+// Play the drill in animation
+myFrame.Navigate(Page_2, null, new DrillInNavigationTransitionInfo());
+```
+
+#### Slide
+
+Use slide transition to show that sibling pages appear next to each other. The NavigationView control automatically uses this animation for top nav, but if you are building your own horizontal navigation experience, then you can implement horizontal slide with SlideNavigationTransitionInfo.
+
+The desired feeling is that the user is navigating between pages that are next to each other.
+
+```csharp
+// Navigate to the right, ie. from LeftPage to RightPage
+myFrame.Navigate(RightPage, null, new SlideNavigationTransitionInfo() { Effect = SlideNavigationTransitionEffect.FromRight });
+
+// Navigate to the left, ie. from RightPage to LeftPage
+myFrame.Navigate(LeftPage, null, new SlideNavigationTransitionInfo() { Effect = SlideNavigationTransitionEffect.FromLeft });
+
+// Navigate to the bottom, ie. from TopPage to BottomPage
+myFrame.Navigate(BottomPage, null, new SlideNavigationTransitionInfo() { Effect = SlideNavigationTransitionEffect.FromBottom });
+```
+
+#### Suppress
+
+To avoid playing any animation during navigation, use SuppressNavigationTransitionInfo in the place of other NavigationTransitionInfo subtypes.
+
+```csharp
+// Suppress the default animation
+myFrame.Navigate(Page2, null, new SuppressNavigationTransitionInfo());
+```
+
+Suppressing the animation is useful when implicit show/hide animations is used.
+
+## See also
+
+## Related controls
+
+- [Components / NavigationView](./navigation-view)
+
+- [Components / TabControl](./tab-control)
+
+### Microsoft Learn
+
+- [Navigation Overview - WPF](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/app-development/navigation-overview)
+
+- [Frame - WPF](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/controls/frame)
+
+- [Page transitions - Windows Apps](https://learn.microsoft.com/en-us/windows/apps/design/motion/page-transitions)
+
+- [Frame Class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.frame)
+
+- [Frame Class (WinRT)](https://learn.microsoft.com/en-us/uwp/api/windows.ui.xaml.controls.frame)
diff --git a/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.en-US.mdx b/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.en-US.mdx
index f2df062..9d0b64d 100644
--- a/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.en-US.mdx	
@@ -8,7 +8,7 @@ The navigation view control provides a common vertical layout for top-level area
 
 - **Class**: [iNKORE.UI.WPF.Modern.Controls](..)[.NavigationView](.)
 
-- **Inheritance**: [Object](https://learn.microsoft.com/en-us/dotnet/api/system.object) → (...) → [Control](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.control) → [ContentControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.contentcontrol) → [NavigationView](.)
+- **Inheritance**: [Object](https://learn.microsoft.com/en-us/dotnet/api/system.object) → (...) → [Control](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.control) → [ContentControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.contentcontrol) → [NavigationView](https://learn.microsoft.com/en-us/windows/apps/design/controls/navigationview)
 
 ## Examples
 
@@ -263,18 +263,18 @@ There are more detailed and useful information on [this page](https://learn.micr
 
 ## See also
 
-### Microsoft Learn
+### Related articles
 
-- [NavigationView - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/controls/navigationview)
+- [Components / Frame](./frame)
 
-- [NavigationView Class (WinRT)](https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview)
+- [Components / FontIcon](../media/font-icon)
 
-- [Navigation basics - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/basics/navigation-basics)
+- [Components / TabControl](./tab-control)
 
-### Related controls
+### Microsoft Learn
 
-- [Frame](./frame)
+- [NavigationView - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/controls/navigationview)
 
-- [FontIcon](../media/font-icon)
+- [NavigationView Class (WinRT)](https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview)
 
-- [TabControl](./tab-control)
\ No newline at end of file
+- [Navigation basics - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/basics/navigation-basics)
diff --git a/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.zh-CN.mdx
new file mode 100644
index 0000000..91b8a84
--- /dev/null
+++ b/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.zh-CN.mdx	
@@ -0,0 +1,280 @@
+---
+description: "通过可折叠导航菜单为应用程序的顶级区域提供常见的垂直布局。"
+---
+
+# NavigationView
+
+NavigationView 控件通过可折叠导航菜单为应用程序的顶级区域提供常见的垂直布局。它可以适应各种屏幕尺寸，并支持顶部和左侧两种导航样式。
+
+- **类**: [iNKORE.UI.WPF.Modern.Controls](..)[.NavigationView](.)
+
+- **继承**: [Object](https://learn.microsoft.com/en-us/dotnet/api/system.object) → (...) → [Control](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.control) → [ContentControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.contentcontrol) → [NavigationView](https://learn.microsoft.com/en-us/windows/apps/design/controls/navigationview)
+
+## 示例
+
+此示例演示如何创建一个简单的 NavigationView。
+
+```xml
+<ui:NavigationView IsPaneOpen="False">
+    <ui:NavigationView.MenuItems>
+        <ui:NavigationViewItem Content="Home">
+            <ui:NavigationViewItem.Icon>
+                <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Home}"/>
+            </ui:NavigationViewItem.Icon>
+        </ui:NavigationViewItem>
+        
+        <ui:NavigationViewItem Content="Apps">
+            <ui:NavigationViewItem.Icon>
+                <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.OEM}"/>
+            </ui:NavigationViewItem.Icon>
+        </ui:NavigationViewItem>
+
+        <ui:NavigationViewItem Content="Games">
+            <ui:NavigationViewItem.Icon>
+                <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Game}"/>
+            </ui:NavigationViewItem.Icon>
+        </ui:NavigationViewItem>
+
+    </ui:NavigationView.MenuItems>
+
+    <Border>
+        <TextBlock Text="Content Area" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+    </Border>
+
+</ui:NavigationView>
+```
+
+![一个基础的 NavigationView](basic-view.png)
+
+:::warning
+
+如果您使用的是左侧紧凑布局，我们建议您在 XAML 代码中将 **IsPaneOpen** 属性设置为 `false`。这样可以防止 NavigationViewItem 在启动时显示意外的标题。
+
+![LeftCompact 模式下意外的标题](unexpected-title.png)
+
+:::
+
+### 添加 FooterMenuItems
+
+您可以使用 **ui:NavigationView.FooterMenuItems** 属性来向 NavigationView 的页脚（底部部分）添加项目。
+
+```xml
+<ui:NavigationView IsPaneOpen="False">
+    <ui:NavigationView.MenuItems>
+        <ui:NavigationViewItem Content="Home">
+            <ui:NavigationViewItem.Icon>
+                <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Home}"/>
+            </ui:NavigationViewItem.Icon>
+        </ui:NavigationViewItem>
+        
+        <ui:NavigationViewItem Content="Apps">
+            <ui:NavigationViewItem.Icon>
+                <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.OEM}"/>
+            </ui:NavigationViewItem.Icon>
+        </ui:NavigationViewItem>
+
+        <ui:NavigationViewItem Content="Games">
+            <ui:NavigationViewItem.Icon>
+                <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Game}"/>
+            </ui:NavigationViewItem.Icon>
+        </ui:NavigationViewItem>
+    </ui:NavigationView.MenuItems>
+
+    <ui:NavigationView.FooterMenuItems>
+        
+        <ui:NavigationViewItem Content="Settings">
+            <ui:NavigationViewItem.Icon>
+                <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Settings}"/>
+            </ui:NavigationViewItem.Icon>
+        </ui:NavigationViewItem>
+        <ui:NavigationViewItem Content="About">
+            <ui:NavigationViewItem.Icon>
+                <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Info}"/>
+            </ui:NavigationViewItem.Icon>
+        </ui:NavigationViewItem>
+
+    </ui:NavigationView.FooterMenuItems>
+
+    <Border>
+        <TextBlock Text="Content Area" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+    </Border>
+
+</ui:NavigationView>
+```
+
+![](footer-items.png)
+
+### 清除背景
+
+根据 Fluent Design 指南，NavigationView 控件在内容区域中带有如下背景层：
+
+![](comes-with-layer-fill.jpg)
+
+在某些情况下，您可能希望背景是透明的，不带任何颜色和填充。您可以向 **FrameworkElement.Resources** 添加一些资源：
+
+```xml
+<SolidColorBrush x:Key="{x:Static ui:ThemeKeys.NavigationViewContentBackgroundKey}" Color="Transparent"/>
+<SolidColorBrush x:Key="{x:Static ui:ThemeKeys.ExpanderHeaderBorderBrushKey}" Color="Transparent"/>
+<Thickness x:Key="NavigationViewContentGridBorderThickness">0,0,0,0</Thickness>
+```
+
+完整代码应如下所示：
+
+```xml
+<ui:NavigationView IsPaneOpen="False">
+    <FrameworkElement.Resources>
+        <SolidColorBrush x:Key="{x:Static ui:ThemeKeys.NavigationViewContentBackgroundKey}" Color="Transparent"/>
+        <SolidColorBrush x:Key="{x:Static ui:ThemeKeys.ExpanderHeaderBorderBrushKey}" Color="Transparent"/>
+        <Thickness x:Key="NavigationViewContentGridBorderThickness">0,0,0,0</Thickness>
+    </FrameworkElement.Resources>
+
+    <ui:NavigationView.MenuItems>
+        <ui:NavigationViewItem Content="Home">
+            <ui:NavigationViewItem.Icon>
+                <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Home}"/>
+            </ui:NavigationViewItem.Icon>
+        </ui:NavigationViewItem>
+
+        <ui:NavigationViewItem Content="Apps">
+            <ui:NavigationViewItem.Icon>
+                <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.OEM}"/>
+            </ui:NavigationViewItem.Icon>
+        </ui:NavigationViewItem>
+
+        <ui:NavigationViewItem Content="Games">
+            <ui:NavigationViewItem.Icon>
+                <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Game}"/>
+            </ui:NavigationViewItem.Icon>
+        </ui:NavigationViewItem>
+
+    </ui:NavigationView.MenuItems>
+
+    <ui:NavigationView.FooterMenuItems>
+
+        <ui:NavigationViewItem Content="Settings">
+            <ui:NavigationViewItem.Icon>
+                <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Settings}"/>
+            </ui:NavigationViewItem.Icon>
+        </ui:NavigationViewItem>
+        <ui:NavigationViewItem Content="About">
+            <ui:NavigationViewItem.Icon>
+                <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Info}"/>
+            </ui:NavigationViewItem.Icon>
+        </ui:NavigationViewItem>
+
+    </ui:NavigationView.FooterMenuItems>
+
+    <Border>
+        <TextBlock Text="Content Area" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+    </Border>
+</ui:NavigationView>
+```
+
+然后您应该会看到内容区域不再有填充：
+
+![](clear-background.jpg)
+
+上面的代码使用了资源覆盖功能。有关更多信息，您可以查看 [覆盖 / 覆盖资源](%BASE_NAME%/features/overrides/override-resources)。
+
+### 在页面之间导航
+
+NavigationView 通常帮助用户在不同页面之间切换。为实现这一点，需要使用一些后台代码和一个 Frame。
+
+有关更多信息，您可以查看 [示例项目 NavigationViewExample](https://github.com/iNKORE-NET/UI.WPF.Modern/tree/main/samples/NavigationViewExample)。
+
+## 备注
+
+### 这是正确的控件吗？
+
+NavigationView 是一种自适应导航控件，适用于：
+
+- 在整个应用程序中提供一致的导航体验。
+- 在较小窗口中节省屏幕空间。
+- 组织对多个导航类别的访问。
+
+### IsFooterSeparatorVisible
+
+当同时拥有 MenuItems 和 FooterMenus 且高度不足以容纳所有项目时，会出现滚动条来显示它们，并且您可能还会看到 MenuItems 和 FooterMenuItems 之间的分隔线。
+
+您可以使用 **IsFooterSeparatorVisible** 属性来控制此分隔线是否可见。您可以选择三个值：
+
+- `true`：无论高度如何，分隔线始终可见。
+
+- `false`：无论高度如何，分隔线始终不可见。
+
+- `null`：只有在空间不足以显示所有项目时，分隔线才可见。
+
+默认值为 `null`。
+
+### 显示模式
+
+您可以使用 PaneDisplayMode 属性为 NavigationView 配置不同的导航样式或显示模式。
+
+#### Top
+
+面板位于顶部。
+`PaneDisplayMode="Top"`
+
+![顶部导航示例](ms-displaymode-top.png)
+
+以下情况推荐顶部导航：
+
+- 您有 5 个或更少同等重要的顶级导航类别，并且下拉溢出菜单中的任何额外顶级导航类别都被视为不那么重要。
+- 您需要在屏幕上显示所有导航选项。
+- 您希望为应用内容留出更多空间。
+- 图标无法清晰描述应用的导航类别。
+
+#### Left
+
+面板展开并位于左侧。
+`PaneDisplayMode="Left"`
+
+![展开的左侧导航面板示例](ms-displaymode-left.png)
+
+以下情况推荐左侧导航：
+
+- 您有 5 到 10 个同等重要的顶级导航类别。
+- 您希望导航类别非常醒目，而其他应用内容的空间更少。
+
+#### LeftCompact
+
+面板在打开之前只显示图标，并位于内容左侧。打开后，面板会覆盖内容。
+`PaneDisplayMode="LeftCompact"`
+
+![紧凑左侧导航面板示例](ms-displaymode-leftcompact.png)
+
+#### LeftMinimal
+
+在打开面板之前，只显示菜单按钮。打开后，面板会覆盖内容左侧。
+`PaneDisplayMode="LeftMinimal"`
+
+![最小左侧导航面板示例](ms-displaymode-leftminimal.png)
+
+#### Auto
+
+默认情况下，PaneDisplayMode 设置为 Auto。在 Auto 模式下，当窗口变窄时，NavigationView 会从 LeftMinimal 适配到 LeftCompact，再随着窗口变宽切换到 Left。有关更多信息，请参阅自适应行为部分。
+
+![NavigationView 默认自适应行为](ms-displaymode-auto.png)
+
+### 详细信息与指南
+
+[此页面](https://learn.microsoft.com/en-us/windows/apps/design/controls/navigationview)提供了更详细且有用的信息。如果您想更好地使用 NavigationView，强烈建议阅读它。
+
+## 另请参阅
+
+### 相关文章
+
+- [组件 / Frame](./frame)
+
+- [组件 / FontIcon](../media/font-icon)
+
+- [组件 / TabControl](./tab-control)
+
+
+### Microsoft Learn
+
+- [NavigationView - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/controls/navigationview)
+
+- [NavigationView Class (WinRT)](https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview)
+
+- [Navigation basics - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/basics/navigation-basics)
diff --git a/data/docs/ui-wpf-modern/03. components/08. navigation/# tab-control/index.en-US.mdx b/data/docs/ui-wpf-modern/03. components/08. navigation/# tab-control/index.en-US.mdx
index f78a12c..76540f0 100644
--- a/data/docs/ui-wpf-modern/03. components/08. navigation/# tab-control/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/08. navigation/# tab-control/index.en-US.mdx	
@@ -244,6 +244,10 @@ There are two built-in styles for TabItem control:
 
 ## See also
 
+### Related articles
+
+- [Components / NavigationView](./navigation-view)
+
 ### Microsoft Learn
 
 - [TabControl Class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.tabcontrol)
@@ -255,7 +259,3 @@ There are two built-in styles for TabItem control:
 - [Pivot - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/controls/pivot)
 
 - [Selector bar - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/controls/selector-bar)
-
-### Related controls
-
-- [NavigationView](./navigation-view)
\ No newline at end of file

From 2097146eddca51f686a653fa55a0714ca7a102ef Mon Sep 17 00:00:00 2001
From: Dorian Zhuang <im@lxhtt.cn>
Date: Sat, 2 May 2026 21:17:29 +0800
Subject: [PATCH 05/15] refactor: documentation for FontIcon, Frame,
 NavigationView, and TabControl components

- Updated the "See also" sections in the FontIcon and Frame documentation to improve related articles visibility.
- Added a new Chinese (zh-CN) documentation file for FontIcon with comprehensive examples and usage guidelines.
- Enhanced the Frame documentation with examples for navigation and transition styles, including keyboard navigation handling.
- Introduced a new Chinese (zh-CN) documentation file for NavigationView, detailing its usage, examples, and customization options.
- Updated the NavigationView documentation to clarify inheritance and added related articles.
- Improved the TabControl documentation by adding related articles for better navigation and context.
---
 .../01. basic-input/# button/index.zh-CN.mdx  |  22 +-
 .../# check-box/index.zh-CN.mdx               |   6 +-
 .../# combo-box/index.zh-CN.mdx               |  10 +-
 .../# dropdown-button/index.zh-CN.mdx         |  10 +-
 .../# hyperlink-button/index.zh-CN.mdx        |   4 +-
 .../# toggle-switch/index.en-US.mdx           |   2 +-
 .../# toggle-switch/index.zh-CN.mdx           |  10 +-
 .../04. dialogs/# window/index.en-US.mdx      |  18 +-
 .../04. dialogs/# window/index.zh-CN.mdx      |  22 +-
 .../06. media/# font-icon/index.en-US.mdx     |  26 +-
 .../06. media/# font-icon/index.zh-CN.mdx     | 196 ++++++++
 .../08. navigation/# frame/index.en-US.mdx    |  12 +-
 .../08. navigation/# frame/index.zh-CN.mdx    | 444 ++++++++++++++++++
 .../# navigation-view/index.en-US.mdx         |  18 +-
 .../# navigation-view/index.zh-CN.mdx         | 280 +++++++++++
 .../# tab-control/index.en-US.mdx             |   8 +-
 16 files changed, 1002 insertions(+), 86 deletions(-)
 create mode 100644 data/docs/ui-wpf-modern/03. components/06. media/# font-icon/index.zh-CN.mdx
 create mode 100644 data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.zh-CN.mdx
 create mode 100644 data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.zh-CN.mdx

diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# button/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# button/index.zh-CN.mdx
index a6b39f1..6552d65 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# button/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# button/index.zh-CN.mdx	
@@ -114,24 +114,24 @@ Button 控件有两个内置样式：
 
 ## 另请参阅
 
-### Microsoft Learn
+### 相关文章
 
-- [Button Class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.button)
+- [组件 / DropDownButton](%BASE_NAME%/components/basic-input/dropdown-button)
 
-- [Button Class (WinRT)](https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.button)
+- [组件 / ToggleButton](%BASE_NAME%/components/basic-input/toggle-button)
 
-- [Button - WPF](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/controls/button)
+- [组件 / SplitButton](%BASE_NAME%/components/basic-input/split-button)
 
-- [Buttons - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/controls/buttons)
+- [组件 / HyperlinkButton](%BASE_NAME%/components/basic-input/hyperlink-button)
 
-### 相关文章
+- [组件 / RepeatButton](%BASE_NAME%/components/basic-input/repeat-button)
 
-- [Components / DropDownButton](%BASE_NAME%/components/basic-input/dropdown-button)
+### Microsoft Learn
 
-- [Components / ToggleButton](%BASE_NAME%/components/basic-input/toggle-button)
+- [Button Class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.button)
 
-- [Components / SplitButton](%BASE_NAME%/components/basic-input/split-button)
+- [Button Class (WinRT)](https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.button)
 
-- [Components / HyperlinkButton](%BASE_NAME%/components/basic-input/hyperlink-button)
+- [Button - WPF](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/controls/button)
 
-- [Components / RepeatButton](%BASE_NAME%/components/basic-input/repeat-button)
\ No newline at end of file
+- [Buttons - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/controls/buttons)
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# check-box/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# check-box/index.zh-CN.mdx
index 6609cc7..e7f0ce5 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# check-box/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# check-box/index.zh-CN.mdx	
@@ -118,11 +118,11 @@ CheckBox 控件有一个内置样式：
 
 ### 相关文章
 
-- [Components / ToggleButton](%BASE_NAME%/components/basic-input/toggle-button)
+- [组件 / ToggleButton](%BASE_NAME%/components/basic-input/toggle-button)
 
-- [Components / ToggleSwitch](%BASE_NAME%/components/basic-input/toggle-switch)
+- [组件 / ToggleSwitch](%BASE_NAME%/components/basic-input/toggle-switch)
 
-- [Components / RadioButton](%BASE_NAME%/components/basic-input/radio-button)
+- [组件 / RadioButton](%BASE_NAME%/components/basic-input/radio-button)
 
 ### Microsoft Learn
 
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx
index 2a4312e..460f489 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx	
@@ -94,15 +94,15 @@ ComboBox 控件默认带有Elevation 效果。您可以使用 `ui:ElevationBorde
 
 ### 相关文章
 
-- [Components / DropDownButton](./dropdown-button)
+- [组件 / DropDownButton](./dropdown-button)
 
-- [Components / ToggleButton](./toggle-button)
+- [组件 / ToggleButton](./toggle-button)
 
-- [Components / SplitButton](./split-button)
+- [组件 / SplitButton](./split-button)
 
-- [Components / HyperlinkButton](./hyperlink-button)
+- [组件 / HyperlinkButton](./hyperlink-button)
 
-- [Components / RepeatButton](./repeat-button)
+- [组件 / RepeatButton](./repeat-button)
 
 ### Microsoft Learn
 
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.zh-CN.mdx
index 4da4063..4dc89fb 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.zh-CN.mdx	
@@ -106,15 +106,15 @@ DropDownButton 控件有一个内置样式。由于这是来自 `iNKORE.UI.WPF.M
 
 ### 相关文章
 
-- [Definitions / DropDownButton Class](%BASE_NAME%/definitions/controls/dropdown-button)
+- [定义 / DropDownButton Class](%BASE_NAME%/definitions/controls/dropdown-button)
 
-- [Components / AppBarButton](../menu-and-toolbars/appbar-button)
+- [组件 / AppBarButton](../menu-and-toolbars/appbar-button)
 
-- [Components / Flyout](../dialogs/flyout)
+- [组件 / Flyout](../dialogs/flyout)
 
-- [Components / MenuFlyout](../menu-and-toolbars/menu-flyout)
+- [组件 / MenuFlyout](../menu-and-toolbars/menu-flyout)
 
-- [Components / SplitButton](./split-button)
+- [组件 / SplitButton](./split-button)
 
 ### Microsoft Learn
 
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# hyperlink-button/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# hyperlink-button/index.zh-CN.mdx
index 9bafcae..35c18d1 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# hyperlink-button/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# hyperlink-button/index.zh-CN.mdx	
@@ -83,9 +83,9 @@ HyperlinkButton 控件有一个内置样式。由于这是来自 `iNKORE.UI.WPF.
 
 ### 相关文章
 
-- [Definitions / HyperlinkButton Class](%BASE_NAME%/definitions/controls/hyperlink-button)
+- [定义 / HyperlinkButton Class](%BASE_NAME%/definitions/controls/hyperlink-button)
 
-- [Components / Button](./button)
+- [组件 / Button](./button)
 
 ### Microsoft Learn
 
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# toggle-switch/index.en-US.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# toggle-switch/index.en-US.mdx
index ffaa549..4796171 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# toggle-switch/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# toggle-switch/index.en-US.mdx	
@@ -88,7 +88,7 @@ For some actions, either a toggle switch or a check box might work. To decide wh
 
 ### Compact Sizing
 
-If you are using ToggleSwitch in a compact layout, you might find out that even if the check box has no content, it takes an amount of space. This is because the **MinWidth** property is set in the default style. 
+If you are using ToggleSwitch in a compact layout, you might find out that even if the toggle switch has no content, it takes an amount of space. This is because the **MinWidth** property is set in the default style. 
 
 ![](still-taking-space.png)
 
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# toggle-switch/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# toggle-switch/index.zh-CN.mdx
index 144c357..d46b64f 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# toggle-switch/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# toggle-switch/index.zh-CN.mdx	
@@ -88,7 +88,7 @@ Button 控件有一个内置样式：
 
 ### 紧凑尺寸
 
-如果您在紧凑布局中使用 ToggleSwitch，您可能会发现即使复选框没有内容，它也会占用一些空间。这是因为在默认样式中设置了 **MinWidth** 属性。
+如果您在紧凑布局中使用 ToggleSwitch，您可能会发现即使 ToggleSwitch 没有内容，它也会占用一些空间。这是因为在默认样式中设置了 **MinWidth** 属性。
 
 ![](still-taking-space.png)
 
@@ -104,13 +104,13 @@ Button 控件有一个内置样式：
 
 ### 相关文章
 
-- [Definitions / ToggleSwitch Class](%BASE_NAME%/definitions/controls/toggle-switch)
+- [定义 / ToggleSwitch Class](%BASE_NAME%/definitions/controls/toggle-switch)
 
-- [Components / CheckBox](./check-box)
+- [组件 / CheckBox](./check-box)
 
-- [Components / ToggleButton](./toggle-button)
+- [组件 / ToggleButton](./toggle-button)
 
-- [Components / RadioButton](./radio-button)
+- [组件 / RadioButton](./radio-button)
 
 ### Microsoft Learn
 
diff --git a/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.en-US.mdx b/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.en-US.mdx
index 8049595..b0bcbe1 100644
--- a/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.en-US.mdx	
@@ -174,19 +174,13 @@ Use the following classes to customize the window control along with the title b
 
 ## See also
 
-### Microsoft Learn
-
-- [Window Class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.window)
-
-### Related controls
+### Related articles
 
-- [Flyout](./flyout)
+- [Components / Flyout](./flyout)
 
-- [ContentDialog](./content-dialog)
+- [Components / ContentDialog](./content-dialog)
 
-- [MessageBox](./message-box)
-
-### Related articles
+- [Components / MessageBox](./message-box)
 
 - [Definitions / WindowHelper](%BASE_NAME%/definitions/controls/helpers/window-helper)
 
@@ -195,3 +189,7 @@ Use the following classes to customize the window control along with the title b
 - [Definitions / WindowCornerStyle](%BASE_NAME%/definitions/helpers/styles/window-corner-style)
 
 - [Definitions / BackdropType](%BASE_NAME%/definitions/helpers/styles/backdrop-type)
+
+### Microsoft Learn
+
+- [Window Class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.window)
diff --git a/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.zh-CN.mdx
index 1ffbcbb..a372213 100644
--- a/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.zh-CN.mdx	
@@ -175,24 +175,22 @@ ui:WindowHelper.FixMaximizedWindow="False"
 
 ## 另请参阅
 
-### Microsoft Learn
+### 相关文章
 
-- [Window Class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.window)
+- [组件 / Flyout](./flyout)
 
-### 相关控件
+- [组件 / ContentDialog](./content-dialog)
 
-- [Flyout](./flyout)
+- [组件 / MessageBox](./message-box)
 
-- [ContentDialog](./content-dialog)
+- [定义 / WindowHelper](%BASE_NAME%/definitions/controls/helpers/window-helper)
 
-- [MessageBox](./message-box)
+- [定义 / TitleBar](%BASE_NAME%/definitions/controls/primitives/titlebar)
 
-### 相关文章
+- [定义 / WindowCornerStyle](%BASE_NAME%/definitions/helpers/styles/window-corner-style)
 
-- [Definitions / WindowHelper](%BASE_NAME%/definitions/controls/helpers/window-helper)
+- [定义 / BackdropType](%BASE_NAME%/definitions/helpers/styles/backdrop-type)
 
-- [Definitions / TitleBar](%BASE_NAME%/definitions/controls/primitives/titlebar)
-
-- [Definitions / WindowCornerStyle](%BASE_NAME%/definitions/helpers/styles/window-corner-style)
+### Microsoft Learn
 
-- [Definitions / BackdropType](%BASE_NAME%/definitions/helpers/styles/backdrop-type)
+- [Window Class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.window)
diff --git a/data/docs/ui-wpf-modern/03. components/06. media/# font-icon/index.en-US.mdx b/data/docs/ui-wpf-modern/03. components/06. media/# font-icon/index.en-US.mdx
index b6bd6fc..9b439ee 100644
--- a/data/docs/ui-wpf-modern/03. components/06. media/# font-icon/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/06. media/# font-icon/index.en-US.mdx	
@@ -169,28 +169,28 @@ If you're using the pre-bundled icon sets from Microsoft, please pay attention t
 
 ## See also
 
-### Microsoft Learn
+### Related articles
 
-- [Segoe Fluent Icons - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/style/segoe-fluent-icons-font)
+- [Components / ImageIcon](./image-icon)
 
-- [Segoe MDL2 Assets icons - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/style/segoe-ui-symbol-font)
+- [Components / SymbolIcon](./symbol-icon)
 
-- [Design toolkits and samples for Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/downloads#fonts)
+- [Components / PathIcon](./path-icon)
 
-- [Iconography in Windows 11](https://learn.microsoft.com/en-us/windows/apps/design/signature-experiences/iconography)
+- [Components / IconAndText](./icon-and-text)
 
-- [FontIcon Class (WinRT)](https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.fonticon)
+- [Components / Button](../basic-input/button)
 
-### Related controls
+- [Components / AppBarButton](../menu-and-toolbars/appbar-button)
 
-- [ImageIcon](./image-icon)
+### Microsoft Learn
 
-- [SymbolIcon](./symbol-icon)
+- [Segoe Fluent Icons - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/style/segoe-fluent-icons-font)
 
-- [PathIcon](./path-icon)
+- [Segoe MDL2 Assets icons - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/style/segoe-ui-symbol-font)
 
-- [IconAndText](./icon-and-text)
+- [Design toolkits and samples for Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/downloads#fonts)
 
-- [Button](../basic-input/button)
+- [Iconography in Windows 11](https://learn.microsoft.com/en-us/windows/apps/design/signature-experiences/iconography)
 
-- [AppBarButton](../menu-and-toolbars/appbar-button)
\ No newline at end of file
+- [FontIcon Class (WinRT)](https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.fonticon)
diff --git a/data/docs/ui-wpf-modern/03. components/06. media/# font-icon/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/06. media/# font-icon/index.zh-CN.mdx
new file mode 100644
index 0000000..a0f6634
--- /dev/null
+++ b/data/docs/ui-wpf-modern/03. components/06. media/# font-icon/index.zh-CN.mdx	
@@ -0,0 +1,196 @@
+---
+description: "Represents an icon that uses a glyph from the specified font."
+---
+
+# FontIcon
+
+FontIcon is a control that displays an icon from a specified font. It is a lightweight alternative to ImageIcon and can be used to display icons in a variety of contexts. The FontIcon is the best choice to use when you have a huge amount of icons that you want to display in your application.
+
+- **Class**: [iNKORE.UI.WPF.Modern.Controls](..)[.FontIcon](.)
+
+- **Inheritance**: [Object](https://learn.microsoft.com/en-us/dotnet/api/system.object) → (...) → [FrameworkElement](https://learn.microsoft.com/en-us/dotnet/api/system.windows.frameworkelement) → [IconElement](.) → [FontIcon](.)
+
+## Examples
+
+### Icon from the icon sets
+
+If an icon set is present, you can use the Icon property to pass the icon data to the component like this:
+
+```xml
+<ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Home}"/>
+```
+
+![Home icon from Segoe Fluent Icons](home-from-segoe-fluent.png)
+
+Under the `iNKORE.UI.WPF.Modern.Common.IconKeys` namespace, there are a few sets that you can use made by Microsoft (and they meet the Fluent Design specifications):
+
+- `SegoeFluentIcons`: [Segoe Fluent Icons Family](https://learn.microsoft.com/en-us/windows/apps/design/style/segoe-fluent-icons-font) from Microsoft;
+
+- `FluentSystemIcons`: [Fluent System Icons Family](https://github.com/microsoft/fluentui-system-icons) from Microsoft.
+
+You can also create your own icon set by creating static `iNKORE.UI.WPF.Modern.Common.IconKeys.FontIconData` instances and pass them to the XAML with **x:Static**. For more details, [click here](COMING_SOON).
+
+:::danger IMPORTANT
+
+**Segoe Fluent Icons** are part of Microsoft's Segoe UI font family. These icons are primarily intended for use in Microsoft products and services. While they can be used in personal projects, commercial use may require adherence to Microsoft's licensing terms, as they are proprietary assets owned by Microsoft.
+
+
+**Fluent System Icons** are open-source icons developed by Microsoft as part of the Fluent Design System. These icons are available under the MIT License, allowing for both personal and commercial use without restriction. Users are free to include these icons in their projects, modify them, and distribute them as needed, provided they include the original license and copyright notice.
+
+We strongly recommend you take **Fluent System Icons** as your primary choice.
+
+:::
+
+Here's a few examples of using Fluent System Icons:
+
+```xml
+<ui:SimpleStackPanel Spacing="2" Orientation="Horizontal">
+    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_16_Regular}"/>
+    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_20_Regular}" FontSize="20"/>
+    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_24_Regular}" FontSize="24"/>
+    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_32_Regular}" FontSize="32"/>
+    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_48_Regular}" FontSize="48"/>
+</ui:SimpleStackPanel>
+<ui:SimpleStackPanel Spacing="2" Orientation="Horizontal">
+    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_16_Filled}"/>
+    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_20_Filled}" FontSize="20"/>
+    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_24_Filled}" FontSize="24"/>
+    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_32_Filled}" FontSize="32"/>
+    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_48_Filled}" FontSize="48"/>
+</ui:SimpleStackPanel>
+```
+
+![Different sizes of Fluent System Icons](different-sizes-of-fluent-system.png)
+
+For icon sets with a specified size, such as Fluent System Icons, you need to specify the size in the component as well using **FontSize** property. 
+
+:::info
+
+The **FontSize** property is `16` by default. If the icon set is designed for 16px size (like Segoe Fluent Icons), you don't need to specify the **FontSize** property. 
+
+Some icon sets have different sizes of icon that are packed together (like Fluent System Icons), it's important to specify the FontSize property.
+
+If the element's FontSize doesn't match the designed size of the icon, the pixel-perfect might be gone and the element might look weird.
+
+:::
+
+### Icon without an icon set
+
+You can pass a `string` to the **Glyph** property to set the icon when icon set is not suitable. However you may have to specify the **FontFamily** property as well, the default value is `Segoe Fluent Icons`.
+
+For example, the following code:
+
+```xml
+<ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_16_Regular}"/>
+```
+
+equals to:
+
+```xml
+<ui:FontIcon Glyph="&#xF102;" FontFamily="Fluent System Icons"/>
+```
+
+:::warning
+
+We strongly discourage this as it increases the coupling and complexity of the code, and is difficult to maintain at a later stage.
+
+We recommend that you use an existing Fluent Design-compliant icon library (above) or wrap your own icon library with FontIconData ([tutorial here](COMING_SOON)). Don't use Glyph attributes as a last resort.
+
+:::
+
+### Layering and mirroring
+
+Some icons (like Segoe Fluent Icons) may have the same fixed width with a consistent height and left origin point, so layering and colorization effects can be achieved by drawing glyphs directly on top of each other. This example show a black outline drawn on top of the zero-width red heart.
+
+```xml
+<Grid>
+    <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.HeartFill}" Foreground="#C72335" />
+    <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Heart}" />
+</Grid>
+```
+
+![A layered heart icon](layered-heart-icon.png)
+
+### Going with a text element
+
+When you're using a FontIcon with a TextBlock, you may do the following code:
+
+```xml
+<ui:SimpleStackPanel Spacing="4" Orientation="Horizontal">
+    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Home_16_Regular}" VerticalAlignment="Center"/>
+    <TextBlock Text="Back to home" VerticalAlignment="Center"/>
+</ui:SimpleStackPanel>
+```
+
+However there's a better way to do this. Using the **IconAndText** component will simplify your code and make it more readable:
+
+```xml
+<ui:IconAndText Icon="{x:Static ui:FluentSystemIcons.Home_16_Regular}" Content="Back to home"/>
+```
+
+![The IconAndText component](icon-and-text-component.png)
+
+For more info about IconAndText component, please [click here](./icon-and-text).
+
+## Remarks
+
+### Icon availability
+
+#### Third-party icon sets
+
+If you're using your own created icon set, make sure that all the icons are available in the specified font family. If the license allowed, the best way is to put the font file directly into the project as an resource and set the FontFamily to the font file path.
+
+If you're using a third-party icon set, make sure that the license allows you to use it in your project.
+
+#### Pre-bundled icon sets
+
+If you're using the pre-bundled icon sets from Microsoft mentioned above, please pay attention to the icon availability. 
+
+- For **Segoe Fluent Icons**, the FontIcon will use the font from your computer. In other words, they may be rendered correctly only in Windows 11 or higher versions. In Windows 10, there's a fallback to **Segoe MDL Assets 2**, which adapts the old design, and in Windows 7, none of the icons will be rendered. However, some icons might be missing on Segoe MDL Assets 2 and are only available when Segoe Fluent Icons font is installed on the user's computer.
+
+    :::info Why we don't embed Segoe Icons?
+
+    According to Microsoft, it's forbidden to ship this font anywhere than Windows 10 and Windows 11, and we don't think we should risk.
+
+    Using the open and free icon set **Fluent System Icons** is strongly recommended. Not only does it supports multi-sizes, regular and filled variant are both available as well.
+
+    If you intend to use Segoe Fluent Icons and want you app to work in Windows 7, the best way to fix this is check if Segoe Fluent Icons is installed on the computer. If not, then download the Font from Microsft (https://aka.ms/SegoeFluentIcons) and then install it.
+    After installation you app needs to be restarted in order that WPF loads the new font correctly.
+
+    :::
+
+- For **Fluent System Icons**, the font files are embedded in the library, so no worries, they are always available.
+
+### Licensces and copyright
+
+As mentioned above, using the protected icon sets may lead to copyright disputes. If you're using your own icon set, make sure that the license allows you to use it in your project.
+
+If you're using the pre-bundled icon sets from Microsoft, please pay attention to the license and copyright.
+
+## See also
+
+### Related controls
+
+- [Components / ImageIcon](./image-icon)
+
+- [Components / SymbolIcon](./symbol-icon)
+
+- [Components / PathIcon](./path-icon)
+
+- [Components / IconAndText](./icon-and-text)
+
+- [Components / Button](../basic-input/button)
+
+- [Components / AppBarButton](../menu-and-toolbars/appbar-button)
+
+### Microsoft Learn
+
+- [Segoe Fluent Icons - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/style/segoe-fluent-icons-font)
+
+- [Segoe MDL2 Assets icons - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/style/segoe-ui-symbol-font)
+
+- [Design toolkits and samples for Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/downloads#fonts)
+
+- [Iconography in Windows 11](https://learn.microsoft.com/en-us/windows/apps/design/signature-experiences/iconography)
+
+- [FontIcon Class (WinRT)](https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.fonticon)
diff --git a/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.en-US.mdx b/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.en-US.mdx
index 408b77a..1826a3c 100644
--- a/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.en-US.mdx	
@@ -425,6 +425,12 @@ Suppressing the animation is useful when implicit show/hide animations is used.
 
 ## See also
 
+## Related articles
+
+- [Components / NavigationView](./navigation-view)
+
+- [Components / TabControl](./tab-control)
+
 ### Microsoft Learn
 
 - [Navigation Overview - WPF](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/app-development/navigation-overview)
@@ -436,9 +442,3 @@ Suppressing the animation is useful when implicit show/hide animations is used.
 - [Frame Class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.frame)
 
 - [Frame Class (WinRT)](https://learn.microsoft.com/en-us/uwp/api/windows.ui.xaml.controls.frame)
-
-## Related controls
-
-- [NavigationView](./navigation-view)
-
-- [TabControl](./tab-control)
\ No newline at end of file
diff --git a/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.zh-CN.mdx
new file mode 100644
index 0000000..474c198
--- /dev/null
+++ b/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.zh-CN.mdx	
@@ -0,0 +1,444 @@
+---
+description: "Frame is a content control that supports navigation."
+---
+
+# Frame
+
+The Frame control from WPF supports content navigation within content. Frame can be hosted by a root element like Window, NavigationWindow, Page, UserControl, FlowDocument, or as an island within a content tree that belongs to a root element.
+
+Using our extended Frame control, you can navigate with Fluent animations, better performance and more.
+
+- **Class**: [iNKORE.UI.WPF.Modern.Controls](..)[.Frame](.)
+
+- **Inheritance**: [Object](https://learn.microsoft.com/en-us/dotnet/api/system.object) → (...) → [Control](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.control) → [ContentControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.contentcontrol) → [Frame](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.frame) → [Frame](.)
+
+## Examples
+
+### Navigate through pages
+
+The following example shows how to create a simple Frame control to navigate through a set of pages.
+
+First, create two pages called `Page1.xaml` and `Page2.xaml`. Create a folder named `Pages`, right click the folder, and select **Add** → **New Item**. Select **WPF / Page** and name it `Page1.xaml`. Repeat the process to create `Page2.xaml`.
+
+![Add a file to the project](add-a-fiile-to-project.png)
+
+![Add a new page](add-a-new-page.png)
+
+Add the namespace declaration to the root:
+
+```ini
+xmlns:ui="http://schemas.inkore.net/lib/ui/wpf/modern"
+```
+
+Change the root class from Page to `ui:Page`. Go to the code-behind *(e.g. Page1.xaml.cs)*, and change the base class from Page to `iNKORE.UI.WPF.Modern.Controls.Page`.
+
+Then add some content to the pages. For example, add a `TextBlock` to each page to display the page name.
+
+Your **Page1** should look like this:
+
+```xml title="Page1.xaml"
+# highlight-next-line
+<ui:Page x:Class="WpfApp1.Pages.Page1"
+         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
+         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
+# highlight-next-line
+         xmlns:ui="http://schemas.inkore.net/lib/ui/wpf/modern"
+         mc:Ignorable="d" 
+         d:DesignHeight="360" d:DesignWidth="640"
+         Foreground="CornflowerBlue"
+         Title="Page 1">
+
+    <Grid>
+        <Rectangle Margin="10" Stroke="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=ui:Page}, Path=Foreground}" StrokeThickness="2"
+                RadiusX="8" RadiusY="8" StrokeDashArray="4 2"/>
+        <TextBlock Text="Page 1" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="24"/>
+    </Grid>
+# highlight-next-line
+</ui:Page>
+
+```
+
+```csharp title="Page1.xaml.cs"
+using iNKORE.UI.WPF.Modern.Controls;
+# highlight-next-line
+using Page = iNKORE.UI.WPF.Modern.Controls.Page;
+
+namespace WpfApp1.Pages
+{
+    public partial class Page1 : Page
+    {
+        public Page1()
+        {
+            InitializeComponent();
+        }
+    }
+}
+```
+
+And your **Page2** should look like this:
+
+```xml title="Page2.xaml"
+# highlight-next-line
+<ui:Page x:Class="ExamplePhotoTaker.Pages.Page2"
+         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
+         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
+         xmlns:local="clr-namespace:ExamplePhotoTaker.Pages"
+# highlight-next-line
+         xmlns:ui="http://schemas.inkore.net/lib/ui/wpf/modern"
+         mc:Ignorable="d" 
+         d:DesignHeight="360" d:DesignWidth="640"
+         Foreground="SeaGreen"
+         Title="Page 2">
+
+    <Grid>
+        <Rectangle Margin="10" Stroke="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=ui:Page}, Path=Foreground}" StrokeThickness="2"
+                RadiusX="8" RadiusY="8" StrokeDashArray="4 2"/>
+        <TextBlock Text="Page 2" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="24"/>
+    </Grid>
+# highlight-next-line
+</ui:Page>
+```
+
+```csharp title="Page2.xaml.cs"
+using iNKORE.UI.WPF.Modern.Controls;
+# highlight-next-line
+using Page = iNKORE.UI.WPF.Modern.Controls.Page;
+
+namespace WpfApp1.Pages
+{
+    public partial class Page2 : Page
+    {
+        public Page2()
+        {
+            InitializeComponent();
+        }
+    }
+}
+```
+
+Now, create a new window and add a Frame control to it. Add a few buttons to navigate between the pages. Use the **Navigate()** method to pass Page to the Frame control.
+
+```xml
+<Grid>
+    <Grid.RowDefinitions>
+        <RowDefinition Height="Auto"/>
+        <RowDefinition/>
+    </Grid.RowDefinitions>
+
+    <ui:SimpleStackPanel Orientation="Horizontal" Spacing="10" HorizontalAlignment="Center">
+        <Button x:Name="Button_NavigateToPage1" Content="To Page 1" Click="Button_NavigateToPage1_Click"/>
+        <Button x:Name="Button_NavigateToPage2" Content="To Page 2" Click="Button_NavigateToPage2_Click"/>
+    </ui:SimpleStackPanel>
+
+# highlight-next-line
+    <ui:Frame x:Name="Frame_Main" Margin="10" Grid.Row="1" 
+              BorderBrush="Gray" BorderThickness="2,2,2,2"/>
+</Grid>
+```
+
+```csharp
+Page1 Page_1 = new Page1();
+Page2 Page_2 = new Page2();
+
+private void Button_NavigateToPage1_Click(object sender, RoutedEventArgs e)
+{
+    Frame_Main.Navigate(Page_1);
+}
+
+private void Button_NavigateToPage2_Click(object sender, RoutedEventArgs e)
+{
+    Frame_Main.Navigate(Page_2);
+}
+```
+
+Clicking the buttons will navigate to the corresponding pages like this:
+
+![Navigated to Page 1](navigated-to-page-1.png)
+
+:::warning
+
+We strongly **NOT** recommend you to use the `Navigate(Type sourcePageType)` method to navigate between pages, it's not recommended to use it in the modern UI development. Instead, we recommend you to use the `Navigate(object content)` method which we provided in the Frame control.
+
+For example, we may change the code from this:
+
+```csharp
+private void Button_NavigateToPage1_Click(object sender, RoutedEventArgs e)
+{
+    Frame_Main.Navigate(typeof(Page1));
+}
+```
+
+to this:
+
+```csharp
+private void Button_NavigateToPage1_Click(object sender, RoutedEventArgs e)
+{
+    Frame_Main.Navigate(new Page1());
+}
+```
+
+or this, which is even better:
+
+```csharp
+Page1 Page_1 = new Page1();
+
+private void Button_NavigateToPage1_Click(object sender, RoutedEventArgs e)
+{
+    Frame_Main.Navigate(Page1);
+}
+```
+
+:::
+
+### Change transition style
+
+On the **Navigate()** method, there are a few overloads that allow you to pass a transition style. The following example shows how to apply the Drill-in transition style.
+
+```csharp
+using iNKORE.UI.WPF.Modern.Media.Animation;
+
+private void Button_NavigateToPage1_Click(object sender, RoutedEventArgs e)
+{
+# highlight-next-line
+    Frame_Main.Navigate(Page_1, new DrillInNavigationTransitionInfo());
+}
+```
+
+### Disable keyboard navigation
+
+Since the Frame has a built-in keyboard navigation, you may found out that you can use `Backspace`, `Page Down` and `Page Up` keys to navigate through the pages without your code control. Mostly this is not expected since the user would misact and back to another page that you're not expected, so we recommend you use the following way to disable it.
+
+First add a handler to the `Navigating` event of the Frame control:
+
+```xml
+<ui:Frame x:Name="Frame_Main" Navigating="Frame_Main_Navigating"/>
+```
+
+Create your own Navigate method and block the navigation if it's not expected like this:
+
+```csharp
+WeakReference __Frame_Main_NavigatingTarget = new WeakReference(null);
+private void Frame_Main_Navigating(object sender, NavigatingCancelEventArgs e)
+{
+    if (e.Content != __Frame_Main_NavigatingTarget.Target)
+    {
+        e.Cancel = true;
+    }
+}
+
+public void NavigateTo(object content, object? extraData = null, NavigationTransitionInfo? infoOverride = null)
+{
+    __Frame_Main_NavigatingTarget.Target = content;
+    Frame_Main.Navigate(content, extraData, infoOverride);
+}
+```
+
+Then change your navigation code to use the new **NavigateTo()** method:
+
+```csharp
+private void Button_NavigateToPage1_Click(object sender, RoutedEventArgs e)
+{
+    // Don't use `Frame_Main.Navigate(Page_1) any more, it won't work.`
+# highlight-next-line
+    NavigateTo(Page_1);
+}
+
+private void Button_NavigateToPage2_Click(object sender, RoutedEventArgs e)
+{
+# highlight-next-line
+    NavigateTo(Page_2);
+}
+```
+
+Then try to use the keyboard to navigate through the pages, you'll find out that it's not working any more.
+
+## Members
+
+Here're the commonly used members of the Frame control. For a complete list of members, please check the [API definition](COMING_SOON).
+
+### Navigate
+
+The **Navigate()** method navigates to the specified content. There are a few overloads that allow you to pass a transition style.
+
+These are the extra overloads which we added for the Frame control:
+
+```csharp
+/// <summary>
+/// Causes the Frame to load content represented by the specified Page.
+/// </summary>
+/// <param name="sourcePageType">The page to navigate to, specified as a type reference to its partial class type.</param>
+/// <returns>true if navigation is not canceled; otherwise, false.</returns>
+public bool Navigate(Type sourcePageType);
+
+/// <summary>
+/// Causes the Frame to load content represented by the specified Page, also passing
+/// a parameter to be interpreted by the target of the navigation.
+/// </summary>
+/// <param name="sourcePageType">The page to navigate to, specified as a type reference to its partial class type.</param>
+/// <param name="parameter">The navigation parameter to pass to the target page.</param>
+/// <returns>true if navigation is not canceled; otherwise, false.</returns>
+public bool Navigate(Type sourcePageType, object parameter);
+
+/// <summary>
+/// Causes the Frame to load content represented by the specified Page -derived data
+/// type, also passing a parameter to be interpreted by the target of the navigation,
+/// and a value indicating the animated transition to use.
+/// </summary>
+/// <param name="sourcePageType">The page to navigate to, specified as a type reference to its partial class type.</param>
+/// <param name="parameter">The navigation parameter to pass to the target page.</param>
+/// <param name="infoOverride">Info about the animated transition.</param>
+/// <returns>true if navigation is not canceled; otherwise, false.</returns>
+public bool Navigate(Type sourcePageType, object parameter, NavigationTransitionInfo infoOverride);
+
+/// <summary>
+/// Navigates asynchronously to content that is contained by an object.
+/// </summary>
+/// <param name="content">An System.Object that contains the content to navigate to.</param>
+/// <param name="infoOverride">Info about the animated transition.</param>
+/// <returns>true if navigation is not canceled; otherwise, false.</returns>
+public bool Navigate(object content, NavigationTransitionInfo infoOverride);
+
+/// <summary>
+/// Navigates asynchronously to content that is contained by an object, and passes
+/// an object that contains data to be used for processing during navigation.
+/// </summary>
+/// <param name="content">An System.Object that contains the content to navigate to.</param>
+/// <param name="extraData">A System.Object that contains data to be used for processing during navigation.</param>
+/// <param name="infoOverride">Info about the animated transition.</param>
+/// <returns>true if navigation is not canceled; otherwise, false.</returns>
+public bool Navigate(object content, object extraData, NavigationTransitionInfo infoOverride);
+
+/// <summary>
+/// Navigates asynchronously to source content located at a uniform resource identifier
+/// (URI), and passes an object that contains data to be used for processing during
+/// navigation, and a value indicating the animated transition to use.
+/// </summary>
+/// <param name="source">A System.Uri object initialized with the URI for the desired content.</param>
+/// <param name="extraData">A System.Object that contains data to be used for processing during navigation.</param>
+/// <param name="infoOverride">Info about the animated transition.</param>
+/// <returns>true if navigation is not canceled; otherwise, false.</returns>
+public bool Navigate(Uri source, object extraData, NavigationTransitionInfo infoOverride);
+```
+
+There're also many overloads presented in the original **Frame.Navigate** method, [click here](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.frame.navigate) to learn more.
+
+### GoBack
+
+The GoBack() method navigates to the most recent item in back navigation history, if a Frame manages its own navigation history.
+
+```csharp
+/// <summary>
+/// Navigates to the most recent item in back navigation history, if a Frame manages
+/// its own navigation history, and specifies the animated transition to use.
+/// </summary>
+/// <param name="transitionInfoOverride">Info about the animated transition to use.</param>
+public void GoBack(NavigationTransitionInfo transitionInfoOverride);
+```
+
+You can call the **GoBack** method with or without the transition info like this:
+
+```csharp
+// Without transitionInfoOverride, default transition will be used.
+Frame_Main.GoBack();
+```
+
+or this:
+
+```csharp
+// With transitionInfoOverride, specified transition will be used.
+Frame_Main.GoBack(new DrillInNavigationTransitionInfo());
+```
+
+## Remarks
+
+### Transitions
+
+Page transitions provide visual feedback about the relationship between pages.
+
+#### Entrance
+
+Page refresh is a combination of a slide up animation and a fade in animation for the incoming content. Use page refresh when the user is taken to the top of a navigational stack, such as navigating between tabs or left-nav items.
+
+The desired feeling is that the user has started over.
+
+![Page refresh](page-refresh.gif)
+
+The page refresh animation is represented by the EntranceNavigationTransitionInfo class.
+
+```csharp
+// Explicitly play the page refresh animation
+myFrame.Navigate(Page_2, null, new EntranceNavigationTransitionInfo());
+```
+
+:::note
+
+A Frame automatically uses NavigationThemeTransition to animate navigation between two pages. By default, the animation is page refresh.
+
+:::
+
+#### Drill
+
+Use drill when users navigate deeper into an app, such as displaying more information after selecting an item.
+
+The desired feeling is that the user has gone deeper into the app.
+
+![Drill](drill.gif)
+
+The drill animation is represented by the DrillInNavigationTransitionInfo class.
+
+```csharp
+// Play the drill in animation
+myFrame.Navigate(Page_2, null, new DrillInNavigationTransitionInfo());
+```
+
+#### Slide
+
+Use slide transition to show that sibling pages appear next to each other. The NavigationView control automatically uses this animation for top nav, but if you are building your own horizontal navigation experience, then you can implement horizontal slide with SlideNavigationTransitionInfo.
+
+The desired feeling is that the user is navigating between pages that are next to each other.
+
+```csharp
+// Navigate to the right, ie. from LeftPage to RightPage
+myFrame.Navigate(RightPage, null, new SlideNavigationTransitionInfo() { Effect = SlideNavigationTransitionEffect.FromRight });
+
+// Navigate to the left, ie. from RightPage to LeftPage
+myFrame.Navigate(LeftPage, null, new SlideNavigationTransitionInfo() { Effect = SlideNavigationTransitionEffect.FromLeft });
+
+// Navigate to the bottom, ie. from TopPage to BottomPage
+myFrame.Navigate(BottomPage, null, new SlideNavigationTransitionInfo() { Effect = SlideNavigationTransitionEffect.FromBottom });
+```
+
+#### Suppress
+
+To avoid playing any animation during navigation, use SuppressNavigationTransitionInfo in the place of other NavigationTransitionInfo subtypes.
+
+```csharp
+// Suppress the default animation
+myFrame.Navigate(Page2, null, new SuppressNavigationTransitionInfo());
+```
+
+Suppressing the animation is useful when implicit show/hide animations is used.
+
+## See also
+
+## Related controls
+
+- [Components / NavigationView](./navigation-view)
+
+- [Components / TabControl](./tab-control)
+
+### Microsoft Learn
+
+- [Navigation Overview - WPF](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/app-development/navigation-overview)
+
+- [Frame - WPF](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/controls/frame)
+
+- [Page transitions - Windows Apps](https://learn.microsoft.com/en-us/windows/apps/design/motion/page-transitions)
+
+- [Frame Class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.frame)
+
+- [Frame Class (WinRT)](https://learn.microsoft.com/en-us/uwp/api/windows.ui.xaml.controls.frame)
diff --git a/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.en-US.mdx b/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.en-US.mdx
index f2df062..9d0b64d 100644
--- a/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.en-US.mdx	
@@ -8,7 +8,7 @@ The navigation view control provides a common vertical layout for top-level area
 
 - **Class**: [iNKORE.UI.WPF.Modern.Controls](..)[.NavigationView](.)
 
-- **Inheritance**: [Object](https://learn.microsoft.com/en-us/dotnet/api/system.object) → (...) → [Control](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.control) → [ContentControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.contentcontrol) → [NavigationView](.)
+- **Inheritance**: [Object](https://learn.microsoft.com/en-us/dotnet/api/system.object) → (...) → [Control](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.control) → [ContentControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.contentcontrol) → [NavigationView](https://learn.microsoft.com/en-us/windows/apps/design/controls/navigationview)
 
 ## Examples
 
@@ -263,18 +263,18 @@ There are more detailed and useful information on [this page](https://learn.micr
 
 ## See also
 
-### Microsoft Learn
+### Related articles
 
-- [NavigationView - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/controls/navigationview)
+- [Components / Frame](./frame)
 
-- [NavigationView Class (WinRT)](https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview)
+- [Components / FontIcon](../media/font-icon)
 
-- [Navigation basics - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/basics/navigation-basics)
+- [Components / TabControl](./tab-control)
 
-### Related controls
+### Microsoft Learn
 
-- [Frame](./frame)
+- [NavigationView - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/controls/navigationview)
 
-- [FontIcon](../media/font-icon)
+- [NavigationView Class (WinRT)](https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview)
 
-- [TabControl](./tab-control)
\ No newline at end of file
+- [Navigation basics - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/basics/navigation-basics)
diff --git a/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.zh-CN.mdx
new file mode 100644
index 0000000..91b8a84
--- /dev/null
+++ b/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.zh-CN.mdx	
@@ -0,0 +1,280 @@
+---
+description: "通过可折叠导航菜单为应用程序的顶级区域提供常见的垂直布局。"
+---
+
+# NavigationView
+
+NavigationView 控件通过可折叠导航菜单为应用程序的顶级区域提供常见的垂直布局。它可以适应各种屏幕尺寸，并支持顶部和左侧两种导航样式。
+
+- **类**: [iNKORE.UI.WPF.Modern.Controls](..)[.NavigationView](.)
+
+- **继承**: [Object](https://learn.microsoft.com/en-us/dotnet/api/system.object) → (...) → [Control](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.control) → [ContentControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.contentcontrol) → [NavigationView](https://learn.microsoft.com/en-us/windows/apps/design/controls/navigationview)
+
+## 示例
+
+此示例演示如何创建一个简单的 NavigationView。
+
+```xml
+<ui:NavigationView IsPaneOpen="False">
+    <ui:NavigationView.MenuItems>
+        <ui:NavigationViewItem Content="Home">
+            <ui:NavigationViewItem.Icon>
+                <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Home}"/>
+            </ui:NavigationViewItem.Icon>
+        </ui:NavigationViewItem>
+        
+        <ui:NavigationViewItem Content="Apps">
+            <ui:NavigationViewItem.Icon>
+                <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.OEM}"/>
+            </ui:NavigationViewItem.Icon>
+        </ui:NavigationViewItem>
+
+        <ui:NavigationViewItem Content="Games">
+            <ui:NavigationViewItem.Icon>
+                <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Game}"/>
+            </ui:NavigationViewItem.Icon>
+        </ui:NavigationViewItem>
+
+    </ui:NavigationView.MenuItems>
+
+    <Border>
+        <TextBlock Text="Content Area" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+    </Border>
+
+</ui:NavigationView>
+```
+
+![一个基础的 NavigationView](basic-view.png)
+
+:::warning
+
+如果您使用的是左侧紧凑布局，我们建议您在 XAML 代码中将 **IsPaneOpen** 属性设置为 `false`。这样可以防止 NavigationViewItem 在启动时显示意外的标题。
+
+![LeftCompact 模式下意外的标题](unexpected-title.png)
+
+:::
+
+### 添加 FooterMenuItems
+
+您可以使用 **ui:NavigationView.FooterMenuItems** 属性来向 NavigationView 的页脚（底部部分）添加项目。
+
+```xml
+<ui:NavigationView IsPaneOpen="False">
+    <ui:NavigationView.MenuItems>
+        <ui:NavigationViewItem Content="Home">
+            <ui:NavigationViewItem.Icon>
+                <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Home}"/>
+            </ui:NavigationViewItem.Icon>
+        </ui:NavigationViewItem>
+        
+        <ui:NavigationViewItem Content="Apps">
+            <ui:NavigationViewItem.Icon>
+                <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.OEM}"/>
+            </ui:NavigationViewItem.Icon>
+        </ui:NavigationViewItem>
+
+        <ui:NavigationViewItem Content="Games">
+            <ui:NavigationViewItem.Icon>
+                <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Game}"/>
+            </ui:NavigationViewItem.Icon>
+        </ui:NavigationViewItem>
+    </ui:NavigationView.MenuItems>
+
+    <ui:NavigationView.FooterMenuItems>
+        
+        <ui:NavigationViewItem Content="Settings">
+            <ui:NavigationViewItem.Icon>
+                <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Settings}"/>
+            </ui:NavigationViewItem.Icon>
+        </ui:NavigationViewItem>
+        <ui:NavigationViewItem Content="About">
+            <ui:NavigationViewItem.Icon>
+                <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Info}"/>
+            </ui:NavigationViewItem.Icon>
+        </ui:NavigationViewItem>
+
+    </ui:NavigationView.FooterMenuItems>
+
+    <Border>
+        <TextBlock Text="Content Area" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+    </Border>
+
+</ui:NavigationView>
+```
+
+![](footer-items.png)
+
+### 清除背景
+
+根据 Fluent Design 指南，NavigationView 控件在内容区域中带有如下背景层：
+
+![](comes-with-layer-fill.jpg)
+
+在某些情况下，您可能希望背景是透明的，不带任何颜色和填充。您可以向 **FrameworkElement.Resources** 添加一些资源：
+
+```xml
+<SolidColorBrush x:Key="{x:Static ui:ThemeKeys.NavigationViewContentBackgroundKey}" Color="Transparent"/>
+<SolidColorBrush x:Key="{x:Static ui:ThemeKeys.ExpanderHeaderBorderBrushKey}" Color="Transparent"/>
+<Thickness x:Key="NavigationViewContentGridBorderThickness">0,0,0,0</Thickness>
+```
+
+完整代码应如下所示：
+
+```xml
+<ui:NavigationView IsPaneOpen="False">
+    <FrameworkElement.Resources>
+        <SolidColorBrush x:Key="{x:Static ui:ThemeKeys.NavigationViewContentBackgroundKey}" Color="Transparent"/>
+        <SolidColorBrush x:Key="{x:Static ui:ThemeKeys.ExpanderHeaderBorderBrushKey}" Color="Transparent"/>
+        <Thickness x:Key="NavigationViewContentGridBorderThickness">0,0,0,0</Thickness>
+    </FrameworkElement.Resources>
+
+    <ui:NavigationView.MenuItems>
+        <ui:NavigationViewItem Content="Home">
+            <ui:NavigationViewItem.Icon>
+                <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Home}"/>
+            </ui:NavigationViewItem.Icon>
+        </ui:NavigationViewItem>
+
+        <ui:NavigationViewItem Content="Apps">
+            <ui:NavigationViewItem.Icon>
+                <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.OEM}"/>
+            </ui:NavigationViewItem.Icon>
+        </ui:NavigationViewItem>
+
+        <ui:NavigationViewItem Content="Games">
+            <ui:NavigationViewItem.Icon>
+                <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Game}"/>
+            </ui:NavigationViewItem.Icon>
+        </ui:NavigationViewItem>
+
+    </ui:NavigationView.MenuItems>
+
+    <ui:NavigationView.FooterMenuItems>
+
+        <ui:NavigationViewItem Content="Settings">
+            <ui:NavigationViewItem.Icon>
+                <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Settings}"/>
+            </ui:NavigationViewItem.Icon>
+        </ui:NavigationViewItem>
+        <ui:NavigationViewItem Content="About">
+            <ui:NavigationViewItem.Icon>
+                <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Info}"/>
+            </ui:NavigationViewItem.Icon>
+        </ui:NavigationViewItem>
+
+    </ui:NavigationView.FooterMenuItems>
+
+    <Border>
+        <TextBlock Text="Content Area" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+    </Border>
+</ui:NavigationView>
+```
+
+然后您应该会看到内容区域不再有填充：
+
+![](clear-background.jpg)
+
+上面的代码使用了资源覆盖功能。有关更多信息，您可以查看 [覆盖 / 覆盖资源](%BASE_NAME%/features/overrides/override-resources)。
+
+### 在页面之间导航
+
+NavigationView 通常帮助用户在不同页面之间切换。为实现这一点，需要使用一些后台代码和一个 Frame。
+
+有关更多信息，您可以查看 [示例项目 NavigationViewExample](https://github.com/iNKORE-NET/UI.WPF.Modern/tree/main/samples/NavigationViewExample)。
+
+## 备注
+
+### 这是正确的控件吗？
+
+NavigationView 是一种自适应导航控件，适用于：
+
+- 在整个应用程序中提供一致的导航体验。
+- 在较小窗口中节省屏幕空间。
+- 组织对多个导航类别的访问。
+
+### IsFooterSeparatorVisible
+
+当同时拥有 MenuItems 和 FooterMenus 且高度不足以容纳所有项目时，会出现滚动条来显示它们，并且您可能还会看到 MenuItems 和 FooterMenuItems 之间的分隔线。
+
+您可以使用 **IsFooterSeparatorVisible** 属性来控制此分隔线是否可见。您可以选择三个值：
+
+- `true`：无论高度如何，分隔线始终可见。
+
+- `false`：无论高度如何，分隔线始终不可见。
+
+- `null`：只有在空间不足以显示所有项目时，分隔线才可见。
+
+默认值为 `null`。
+
+### 显示模式
+
+您可以使用 PaneDisplayMode 属性为 NavigationView 配置不同的导航样式或显示模式。
+
+#### Top
+
+面板位于顶部。
+`PaneDisplayMode="Top"`
+
+![顶部导航示例](ms-displaymode-top.png)
+
+以下情况推荐顶部导航：
+
+- 您有 5 个或更少同等重要的顶级导航类别，并且下拉溢出菜单中的任何额外顶级导航类别都被视为不那么重要。
+- 您需要在屏幕上显示所有导航选项。
+- 您希望为应用内容留出更多空间。
+- 图标无法清晰描述应用的导航类别。
+
+#### Left
+
+面板展开并位于左侧。
+`PaneDisplayMode="Left"`
+
+![展开的左侧导航面板示例](ms-displaymode-left.png)
+
+以下情况推荐左侧导航：
+
+- 您有 5 到 10 个同等重要的顶级导航类别。
+- 您希望导航类别非常醒目，而其他应用内容的空间更少。
+
+#### LeftCompact
+
+面板在打开之前只显示图标，并位于内容左侧。打开后，面板会覆盖内容。
+`PaneDisplayMode="LeftCompact"`
+
+![紧凑左侧导航面板示例](ms-displaymode-leftcompact.png)
+
+#### LeftMinimal
+
+在打开面板之前，只显示菜单按钮。打开后，面板会覆盖内容左侧。
+`PaneDisplayMode="LeftMinimal"`
+
+![最小左侧导航面板示例](ms-displaymode-leftminimal.png)
+
+#### Auto
+
+默认情况下，PaneDisplayMode 设置为 Auto。在 Auto 模式下，当窗口变窄时，NavigationView 会从 LeftMinimal 适配到 LeftCompact，再随着窗口变宽切换到 Left。有关更多信息，请参阅自适应行为部分。
+
+![NavigationView 默认自适应行为](ms-displaymode-auto.png)
+
+### 详细信息与指南
+
+[此页面](https://learn.microsoft.com/en-us/windows/apps/design/controls/navigationview)提供了更详细且有用的信息。如果您想更好地使用 NavigationView，强烈建议阅读它。
+
+## 另请参阅
+
+### 相关文章
+
+- [组件 / Frame](./frame)
+
+- [组件 / FontIcon](../media/font-icon)
+
+- [组件 / TabControl](./tab-control)
+
+
+### Microsoft Learn
+
+- [NavigationView - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/controls/navigationview)
+
+- [NavigationView Class (WinRT)](https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview)
+
+- [Navigation basics - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/basics/navigation-basics)
diff --git a/data/docs/ui-wpf-modern/03. components/08. navigation/# tab-control/index.en-US.mdx b/data/docs/ui-wpf-modern/03. components/08. navigation/# tab-control/index.en-US.mdx
index f78a12c..76540f0 100644
--- a/data/docs/ui-wpf-modern/03. components/08. navigation/# tab-control/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/08. navigation/# tab-control/index.en-US.mdx	
@@ -244,6 +244,10 @@ There are two built-in styles for TabItem control:
 
 ## See also
 
+### Related articles
+
+- [Components / NavigationView](./navigation-view)
+
 ### Microsoft Learn
 
 - [TabControl Class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.tabcontrol)
@@ -255,7 +259,3 @@ There are two built-in styles for TabItem control:
 - [Pivot - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/controls/pivot)
 
 - [Selector bar - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/controls/selector-bar)
-
-### Related controls
-
-- [NavigationView](./navigation-view)
\ No newline at end of file

From a9aed378e0db749763b9109e2fd3fc867b261a9e Mon Sep 17 00:00:00 2001
From: Wilson Wu <cvmcaesr@163.com>
Date: Sat, 2 May 2026 21:18:30 +0800
Subject: [PATCH 06/15] Fix Chinese docs: wording, code fences, examples
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Polish several Chinese documentation pages: standardize code fences to XML, correct wording and punctuation (e.g. capitalize “Issue”, change phrasing to “以极少的努力”), and improve translations (e.g. Elevation → 层级) and links to theming docs. Update DropDownButton example: replace bitmap-saving snippet with a MenuItem handler that sets TextBox text alignment. Rework ToggleSwitch section to clarify usage and styles and add the DefaultToggleSwitchStyleKey reference. Miscellaneous small copy edits and typo fixes across multiple component and window docs.
---
 .../01.# introduction/index.zh-CN.mdx         |  4 +--
 .../02.# onboarding/index.zh-CN.mdx           |  8 ++---
 .../01. basic-input/# button/index.zh-CN.mdx  |  2 +-
 .../# combo-box/index.zh-CN.mdx               |  6 ++--
 .../# dropdown-button/index.zh-CN.mdx         | 29 ++++++++-----------
 .../# hyperlink-button/index.zh-CN.mdx        |  2 +-
 .../04. dialogs/# window/index.zh-CN.mdx      | 14 ++++-----
 7 files changed, 30 insertions(+), 35 deletions(-)

diff --git a/data/docs/ui-wpf-modern/01.# introduction/index.zh-CN.mdx b/data/docs/ui-wpf-modern/01.# introduction/index.zh-CN.mdx
index 07a82c1..b2b1ff1 100644
--- a/data/docs/ui-wpf-modern/01.# introduction/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/01.# introduction/index.zh-CN.mdx	
@@ -48,8 +48,8 @@ iNKORE.UI.WPF.Modern 是一个创新的 Windows Presentation Foundation (WPF) 
 
 ## 文档有缺失吗？
 
-如果您发现文档有问题或对如何改进文档或项目有建议，请为我们[提交 issue](https://github.com/iNKORE-NET/UI.WPF.Modern/issues/new/choose)，或[通过社交媒体联系我们](https://inkore.net/about#social)。
+如果您发现文档有问题或对如何改进文档或项目有建议，请为我们[提交 Issue](https://github.com/iNKORE-NET/UI.WPF.Modern/issues/new/choose)，或[通过社交媒体联系我们](https://inkore.net/about#social)。
 
 ## 结语
 
-iNKORE.UI.WPF.Modern 不仅仅是一个 UI 库。它是一个工具，可以改变开发人员构建应用程序的方式，使他们能够以最小的努力实现现代、用户友好的界面。它是增强 WPF 应用程序的完美选择，同时保持广泛的兼容性和易用性。
+iNKORE.UI.WPF.Modern 不仅仅是一个 UI 库。它是一个工具，可以改变开发人员构建应用程序的方式，使他们能够以极少的努力实现现代、用户友好的界面。它是增强 WPF 应用程序的完美选择，同时保持广泛的兼容性和易用性。
diff --git a/data/docs/ui-wpf-modern/02.# onboarding/index.zh-CN.mdx b/data/docs/ui-wpf-modern/02.# onboarding/index.zh-CN.mdx
index 51c1b40..552fe1f 100644
--- a/data/docs/ui-wpf-modern/02.# onboarding/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/02.# onboarding/index.zh-CN.mdx	
@@ -112,7 +112,7 @@
 
 打开根目录中的 `App.xaml` 文件，并添加命名空间声明：
 
-```ini
+```xml
 xmlns:ui="http://schemas.inkore.net/lib/ui/wpf/modern"
 ```
 
@@ -153,13 +153,13 @@ xmlns:ui="http://schemas.inkore.net/lib/ui/wpf/modern"
 
 让我们将现代样式应用到主窗口。转到 `MainWindow.xaml`，首先添加命名空间声明：
 
-```ini
+```xml
 xmlns:ui="http://schemas.inkore.net/lib/ui/wpf/modern"
 ```
 
 然后通过应用此附加属性让窗口使用现代样式：
 
-```ini
+```xml
 ui:WindowHelper.UseModernWindowStyle="True"
 ```
 
@@ -171,7 +171,7 @@ ui:WindowHelper.UseModernWindowStyle="True"
 
 现在，如果您运行该应用，您可以看到窗口具有现代风格的框架。您还可以使用 `ui:WindowHelper.SystemBackdropType` 属性向窗口添加材质：
 
-```ini
+```xml
 ui:WindowHelper.SystemBackdropType="Mica"
 ```
 
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# button/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# button/index.zh-CN.mdx
index 6552d65..93852c3 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# button/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# button/index.zh-CN.mdx	
@@ -80,7 +80,7 @@ private void Button_Click(object sender, RoutedEventArgs e)
 
 强调按钮属于高强调级别，通过使用层级和填充进行区分。它们包含对你的应用程序最重要的操作。
 
-要将按钮应用为强调样式，需要将 Style 属性设置为 `{StaticResource {x:Static ui:ThemeKeys.AccentButtonStyleKey}}`。
+要为按钮应用强调样式，需要将 Style 属性设置为 `{StaticResource {x:Static ui:ThemeKeys.AccentButtonStyleKey}}`。
 
 ```xml
 <Button Style="{StaticResource {x:Static ui:ThemeKeys.AccentButtonStyleKey}}"/>
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx
index 460f489..984bb19 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx	
@@ -78,11 +78,11 @@ ComboBox 允许用户从下拉列表中选择一个项目，或者可以选择
 
 - **TextBoxStyle**: 获取 ComboBox 可编辑时 ComboBox 中 TextBox 的样式。
 
-### Elevation 
+### 层级
 
-ComboBox 控件默认带有Elevation 效果。您可以使用 `ui:ElevationBorder` 来自定义其立体效果。
+ComboBox 控件默认带有层级边框效果。您可以使用 `ui:ElevationBorder` 来自定义其层级效果。
 
-查看更多: ____
+更多信息请参见 [Theming / Elevations](%BASE_NAME%/features/theming/elevations)。
 
 ### 样式
 
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.zh-CN.mdx
index 4dc89fb..dbeeb8f 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.zh-CN.mdx	
@@ -63,26 +63,21 @@ DropDownButton 是一个按钮，显示一个 Chevron 图标作为视觉指示
 <TextBox x:Name="TextBox_Text" Text="Text!" Width="200" Padding="10,6,6,6"/>
 ```
 ```csharp
-private void Button_SaveScreenshot_Click(object sender, RoutedEventArgs e)
+private void MenuItem_Click(object sender, RoutedEventArgs e)
 {
-    RenderTargetBitmap targetBitmap = new RenderTargetBitmap(
-        (int)Viewbox_Viewport.ActualWidth,
-        (int)Viewbox_Viewport.ActualHeight,
-        96d,
-        96d,
-        PixelFormats.Default);
-
-    targetBitmap.Render(Viewbox_Viewport);
-
-
-    if (saveFileDialog.ShowDialog() == true)
+    if (sender is MenuItem menuItem && menuItem.Tag is string alignment)
     {
-        BmpBitmapEncoder encoder = new BmpBitmapEncoder();
-        encoder.Frames.Add(BitmapFrame.Create(targetBitmap));
-        // 将文件保存到磁盘
-        using (FileStream fs = File.Open(saveFileDialog.FileName, FileMode.OpenOrCreate))
+        switch (alignment)
         {
-            encoder.Save(fs);
+            case "left":
+                TextBox_Text.TextAlignment = TextAlignment.Left;
+                break;
+            case "center":
+                TextBox_Text.TextAlignment = TextAlignment.Center;
+                break;
+            case "right":
+                TextBox_Text.TextAlignment = TextAlignment.Right;
+                break;
         }
     }
 }
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# hyperlink-button/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# hyperlink-button/index.zh-CN.mdx
index 35c18d1..aa0b247 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# hyperlink-button/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# hyperlink-button/index.zh-CN.mdx	
@@ -71,7 +71,7 @@ private void HyperlinkButton_Click(object sender, RoutedEventArgs e)
 - 仅将超链接用于导航；不要将其用于其他操作。
 - 对于基于文本的超链接，使用类型坡道中的 Body 样式。阅读有关字体和 Windows 类型坡道的信息。
 - 保持离散超链接之间的距离足够远，以便用户可以区分它们并轻松选择每一个。
-为超链接添加工具提示，指示用户将被导向的位置。如果用户将被导向外部网站，请在工具提示中包含顶级域名，并使用辅助字体颜色设置文本样式。
+- 为超链接添加工具提示，指示用户将被导向的位置。如果用户将被导向外部网站，请在工具提示中包含顶级域名，并使用辅助字体颜色设置文本样式。
 
 :::
 
diff --git a/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.zh-CN.mdx
index a372213..b440ede 100644
--- a/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.zh-CN.mdx	
@@ -57,7 +57,7 @@ myWindow.Show();
 
 自 Windows 10 以来，有一些系统级窗口材质可以应用于窗口。您可以使用 **ui:WindowHelper.SystemBackdropType** 属性来应用材质。例如，您可以使用以下代码应用 Mica 效果：
 
-```ini
+```xml
 ui:WindowHelper.SystemBackdropType="Mica"
 ```
 
@@ -69,7 +69,7 @@ ui:WindowHelper.SystemBackdropType="Mica"
 
 首先，确保在窗口中启用了返回按钮功能：
 
-```ini
+```xml
 ui:TitleBar.IsBackButtonVisible="True"
 ui:TitleBar.IsBackEnabled="True"
 ```
@@ -141,19 +141,19 @@ public partial class MainWindow : Window
 
 :::danger 永远不要直接修改它们
 
-如果您修改了上述属性，现代样式和窗口材质可能会損坏，窗口可能永远不会是预期的样子或甚至会崩溃。
+如果您修改了上述属性，现代样式和窗口材质可能会损坏，窗口可能永远不会是预期的样子或甚至会崩溃。
 
 :::
 
 ### 修复窗口的最大化行为
 
-由于我们完全自定义了窗口以应用现代样式，窗口的默认最大化行为可能不会按预期工作。但请不需要担心，我们有一种方法来解决此问题，使窗口按预期最大化。但是，此修复可能会产生下列异常：
+由于我们完全自定义了窗口以应用现代样式，窗口的默认最大化行为可能不会按预期工作。但不必担心，我们有一种方法来解决此问题，使窗口按预期最大化。但是，此修复可能会产生下列异常：
 
 > **托管调试助手**: 对 PInvoke 函数 'iNKORE.UI.WPF.Modern!iNKORE.UI.WPF.Modern.Controls.Primitives.MaximizedWindowFixer::GetWindowPlacement' 的调用导致堆栈不对称. 原因可能是托管的 PInvoke 签名与非托管的目标签名不匹配。请检查 PInvoke 签名的调用约定和参数与非托管的目标签名是否匹配。
 
-此个异常是 **无害的，可以忽略**。如果您想消除此例外，您可以将此属性设置为 **False**（不推荐，因为它会破坏最大化功能）。
+此异常是**无害的，可以忽略**。如果您想消除此异常，您可以将此属性设置为 **False**（不推荐，因为它会破坏最大化功能）。
 
-```ini
+```xml
 ui:WindowHelper.FixMaximizedWindow="False"
 ```
 
@@ -161,7 +161,7 @@ ui:WindowHelper.FixMaximizedWindow="False"
 
 ![Don't break when PInvoke exception is thrown](dont-break-when-pinvoke-exception.png)
 
-或者当此个异常出现时，您可以简单地取消勾选 **Break when this exception type is thrown** 或勾选 **(Except when throw from) iNKORE.UI.WPF.Modern.dll**，这也会忽略此个异常。
+或者当此异常出现时，您可以简单地取消勾选 **Break when this exception type is thrown** 或勾选 **(Except when throw from) iNKORE.UI.WPF.Modern.dll**，这也会忽略此异常。
 
 ![Except when throw from](except-when-throw-from.png)
 

From 2782a4fdb4a94267f94a38a69652afce2b752271 Mon Sep 17 00:00:00 2001
From: Dorian Zhuang <im@lxhtt.cn>
Date: Sat, 2 May 2026 21:24:41 +0800
Subject: [PATCH 07/15] refactor: documentation for FontIcon and Navigation

---
 .../06. media/# font-icon/index.zh-CN.mdx     | 392 ++++----
 .../08. navigation/# frame/index.zh-CN.mdx    | 888 +++++++++---------
 2 files changed, 640 insertions(+), 640 deletions(-)

diff --git a/data/docs/ui-wpf-modern/03. components/06. media/# font-icon/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/06. media/# font-icon/index.zh-CN.mdx
index a0f6634..493032b 100644
--- a/data/docs/ui-wpf-modern/03. components/06. media/# font-icon/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/06. media/# font-icon/index.zh-CN.mdx	
@@ -1,196 +1,196 @@
----
-description: "Represents an icon that uses a glyph from the specified font."
----
-
-# FontIcon
-
-FontIcon is a control that displays an icon from a specified font. It is a lightweight alternative to ImageIcon and can be used to display icons in a variety of contexts. The FontIcon is the best choice to use when you have a huge amount of icons that you want to display in your application.
-
-- **Class**: [iNKORE.UI.WPF.Modern.Controls](..)[.FontIcon](.)
-
-- **Inheritance**: [Object](https://learn.microsoft.com/en-us/dotnet/api/system.object) → (...) → [FrameworkElement](https://learn.microsoft.com/en-us/dotnet/api/system.windows.frameworkelement) → [IconElement](.) → [FontIcon](.)
-
-## Examples
-
-### Icon from the icon sets
-
-If an icon set is present, you can use the Icon property to pass the icon data to the component like this:
-
-```xml
-<ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Home}"/>
-```
-
-![Home icon from Segoe Fluent Icons](home-from-segoe-fluent.png)
-
-Under the `iNKORE.UI.WPF.Modern.Common.IconKeys` namespace, there are a few sets that you can use made by Microsoft (and they meet the Fluent Design specifications):
-
-- `SegoeFluentIcons`: [Segoe Fluent Icons Family](https://learn.microsoft.com/en-us/windows/apps/design/style/segoe-fluent-icons-font) from Microsoft;
-
-- `FluentSystemIcons`: [Fluent System Icons Family](https://github.com/microsoft/fluentui-system-icons) from Microsoft.
-
-You can also create your own icon set by creating static `iNKORE.UI.WPF.Modern.Common.IconKeys.FontIconData` instances and pass them to the XAML with **x:Static**. For more details, [click here](COMING_SOON).
-
-:::danger IMPORTANT
-
-**Segoe Fluent Icons** are part of Microsoft's Segoe UI font family. These icons are primarily intended for use in Microsoft products and services. While they can be used in personal projects, commercial use may require adherence to Microsoft's licensing terms, as they are proprietary assets owned by Microsoft.
-
-
-**Fluent System Icons** are open-source icons developed by Microsoft as part of the Fluent Design System. These icons are available under the MIT License, allowing for both personal and commercial use without restriction. Users are free to include these icons in their projects, modify them, and distribute them as needed, provided they include the original license and copyright notice.
-
-We strongly recommend you take **Fluent System Icons** as your primary choice.
-
-:::
-
-Here's a few examples of using Fluent System Icons:
-
-```xml
-<ui:SimpleStackPanel Spacing="2" Orientation="Horizontal">
-    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_16_Regular}"/>
-    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_20_Regular}" FontSize="20"/>
-    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_24_Regular}" FontSize="24"/>
-    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_32_Regular}" FontSize="32"/>
-    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_48_Regular}" FontSize="48"/>
-</ui:SimpleStackPanel>
-<ui:SimpleStackPanel Spacing="2" Orientation="Horizontal">
-    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_16_Filled}"/>
-    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_20_Filled}" FontSize="20"/>
-    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_24_Filled}" FontSize="24"/>
-    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_32_Filled}" FontSize="32"/>
-    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_48_Filled}" FontSize="48"/>
-</ui:SimpleStackPanel>
-```
-
-![Different sizes of Fluent System Icons](different-sizes-of-fluent-system.png)
-
-For icon sets with a specified size, such as Fluent System Icons, you need to specify the size in the component as well using **FontSize** property. 
-
-:::info
-
-The **FontSize** property is `16` by default. If the icon set is designed for 16px size (like Segoe Fluent Icons), you don't need to specify the **FontSize** property. 
-
-Some icon sets have different sizes of icon that are packed together (like Fluent System Icons), it's important to specify the FontSize property.
-
-If the element's FontSize doesn't match the designed size of the icon, the pixel-perfect might be gone and the element might look weird.
-
-:::
-
-### Icon without an icon set
-
-You can pass a `string` to the **Glyph** property to set the icon when icon set is not suitable. However you may have to specify the **FontFamily** property as well, the default value is `Segoe Fluent Icons`.
-
-For example, the following code:
-
-```xml
-<ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_16_Regular}"/>
-```
-
-equals to:
-
-```xml
-<ui:FontIcon Glyph="&#xF102;" FontFamily="Fluent System Icons"/>
-```
-
-:::warning
-
-We strongly discourage this as it increases the coupling and complexity of the code, and is difficult to maintain at a later stage.
-
-We recommend that you use an existing Fluent Design-compliant icon library (above) or wrap your own icon library with FontIconData ([tutorial here](COMING_SOON)). Don't use Glyph attributes as a last resort.
-
-:::
-
-### Layering and mirroring
-
-Some icons (like Segoe Fluent Icons) may have the same fixed width with a consistent height and left origin point, so layering and colorization effects can be achieved by drawing glyphs directly on top of each other. This example show a black outline drawn on top of the zero-width red heart.
-
-```xml
-<Grid>
-    <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.HeartFill}" Foreground="#C72335" />
-    <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Heart}" />
-</Grid>
-```
-
-![A layered heart icon](layered-heart-icon.png)
-
-### Going with a text element
-
-When you're using a FontIcon with a TextBlock, you may do the following code:
-
-```xml
-<ui:SimpleStackPanel Spacing="4" Orientation="Horizontal">
-    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Home_16_Regular}" VerticalAlignment="Center"/>
-    <TextBlock Text="Back to home" VerticalAlignment="Center"/>
-</ui:SimpleStackPanel>
-```
-
-However there's a better way to do this. Using the **IconAndText** component will simplify your code and make it more readable:
-
-```xml
-<ui:IconAndText Icon="{x:Static ui:FluentSystemIcons.Home_16_Regular}" Content="Back to home"/>
-```
-
-![The IconAndText component](icon-and-text-component.png)
-
-For more info about IconAndText component, please [click here](./icon-and-text).
-
-## Remarks
-
-### Icon availability
-
-#### Third-party icon sets
-
-If you're using your own created icon set, make sure that all the icons are available in the specified font family. If the license allowed, the best way is to put the font file directly into the project as an resource and set the FontFamily to the font file path.
-
-If you're using a third-party icon set, make sure that the license allows you to use it in your project.
-
-#### Pre-bundled icon sets
-
-If you're using the pre-bundled icon sets from Microsoft mentioned above, please pay attention to the icon availability. 
-
-- For **Segoe Fluent Icons**, the FontIcon will use the font from your computer. In other words, they may be rendered correctly only in Windows 11 or higher versions. In Windows 10, there's a fallback to **Segoe MDL Assets 2**, which adapts the old design, and in Windows 7, none of the icons will be rendered. However, some icons might be missing on Segoe MDL Assets 2 and are only available when Segoe Fluent Icons font is installed on the user's computer.
-
-    :::info Why we don't embed Segoe Icons?
-
-    According to Microsoft, it's forbidden to ship this font anywhere than Windows 10 and Windows 11, and we don't think we should risk.
-
-    Using the open and free icon set **Fluent System Icons** is strongly recommended. Not only does it supports multi-sizes, regular and filled variant are both available as well.
-
-    If you intend to use Segoe Fluent Icons and want you app to work in Windows 7, the best way to fix this is check if Segoe Fluent Icons is installed on the computer. If not, then download the Font from Microsft (https://aka.ms/SegoeFluentIcons) and then install it.
-    After installation you app needs to be restarted in order that WPF loads the new font correctly.
-
-    :::
-
-- For **Fluent System Icons**, the font files are embedded in the library, so no worries, they are always available.
-
-### Licensces and copyright
-
-As mentioned above, using the protected icon sets may lead to copyright disputes. If you're using your own icon set, make sure that the license allows you to use it in your project.
-
-If you're using the pre-bundled icon sets from Microsoft, please pay attention to the license and copyright.
-
-## See also
-
-### Related controls
-
-- [Components / ImageIcon](./image-icon)
-
-- [Components / SymbolIcon](./symbol-icon)
-
-- [Components / PathIcon](./path-icon)
-
-- [Components / IconAndText](./icon-and-text)
-
-- [Components / Button](../basic-input/button)
-
-- [Components / AppBarButton](../menu-and-toolbars/appbar-button)
-
-### Microsoft Learn
-
-- [Segoe Fluent Icons - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/style/segoe-fluent-icons-font)
-
-- [Segoe MDL2 Assets icons - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/style/segoe-ui-symbol-font)
-
-- [Design toolkits and samples for Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/downloads#fonts)
-
-- [Iconography in Windows 11](https://learn.microsoft.com/en-us/windows/apps/design/signature-experiences/iconography)
-
-- [FontIcon Class (WinRT)](https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.fonticon)
+---
+description: "表示一个使用指定字体字形的图标。"
+---
+
+# FontIcon
+
+FontIcon 是一个用于显示指定字体中图标字形的控件。它是 ImageIcon 的轻量替代方案，适用于多种场景下的图标显示。当您的应用需要展示大量图标时，FontIcon 是非常合适的选择。
+
+- **类**: [iNKORE.UI.WPF.Modern.Controls](..)[.FontIcon](.)
+
+- **继承**: [Object](https://learn.microsoft.com/en-us/dotnet/api/system.object) → (...) → [FrameworkElement](https://learn.microsoft.com/en-us/dotnet/api/system.windows.frameworkelement) → [IconElement](.) → [FontIcon](.)
+
+## 示例
+
+### 使用图标集中的图标
+
+如果存在可用图标集，您可以使用 Icon 属性将图标数据传给组件：
+
+```xml
+<ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Home}"/>
+```
+
+![Home icon from Segoe Fluent Icons](home-from-segoe-fluent.png)
+
+在 `iNKORE.UI.WPF.Modern.Common.IconKeys` 命名空间下，提供了几个由 Microsoft 制作且符合 Fluent Design 规范的图标集：
+
+- `SegoeFluentIcons`：来自 Microsoft 的 [Segoe Fluent Icons Family](https://learn.microsoft.com/en-us/windows/apps/design/style/segoe-fluent-icons-font)；
+
+- `FluentSystemIcons`：来自 Microsoft 的 [Fluent System Icons Family](https://github.com/microsoft/fluentui-system-icons)。
+
+您也可以通过创建静态 `iNKORE.UI.WPF.Modern.Common.IconKeys.FontIconData` 实例来构建自己的图标集，并通过 **x:Static** 传入 XAML。更多细节请 [点击这里](COMING_SOON)。
+
+:::danger IMPORTANT
+
+**Segoe Fluent Icons** 属于 Microsoft 的 Segoe UI 字体家族。这些图标主要用于 Microsoft 产品与服务。虽然可以用于个人项目，但商业用途可能需要遵守 Microsoft 的许可条款，因为它们是 Microsoft 拥有的专有资源。
+
+
+**Fluent System Icons** 是 Microsoft 作为 Fluent Design System 一部分推出的开源图标。这些图标基于 MIT 许可证发布，可在个人和商业场景中自由使用。您可以在项目中使用、修改并分发这些图标，但需保留原始许可证和版权声明。
+
+我们强烈建议您将 **Fluent System Icons** 作为首选。
+
+:::
+
+以下是几个使用 Fluent System Icons 的示例：
+
+```xml
+<ui:SimpleStackPanel Spacing="2" Orientation="Horizontal">
+    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_16_Regular}"/>
+    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_20_Regular}" FontSize="20"/>
+    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_24_Regular}" FontSize="24"/>
+    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_32_Regular}" FontSize="32"/>
+    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_48_Regular}" FontSize="48"/>
+</ui:SimpleStackPanel>
+<ui:SimpleStackPanel Spacing="2" Orientation="Horizontal">
+    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_16_Filled}"/>
+    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_20_Filled}" FontSize="20"/>
+    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_24_Filled}" FontSize="24"/>
+    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_32_Filled}" FontSize="32"/>
+    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_48_Filled}" FontSize="48"/>
+</ui:SimpleStackPanel>
+```
+
+![Different sizes of Fluent System Icons](different-sizes-of-fluent-system.png)
+
+对于带有指定尺寸的图标集（例如 Fluent System Icons），您还需要在组件中通过 **FontSize** 属性指定匹配尺寸。
+
+:::info
+
+**FontSize** 属性的默认值是 `16`。如果图标集本身就是为 16px 设计（例如 Segoe Fluent Icons），通常不需要额外指定 **FontSize**。
+
+某些图标集会打包多个尺寸的图标（例如 Fluent System Icons），这时正确设置 FontSize 非常重要。
+
+如果元素的 FontSize 与图标设计尺寸不匹配，像素级对齐效果可能会丢失，图标看起来也可能不自然。
+
+:::
+
+### 不使用图标集
+
+当图标集不适用时，您可以通过 **Glyph** 属性传入 `string` 来设置图标。不过通常还需要指定 **FontFamily** 属性，其默认值是 `Segoe Fluent Icons`。
+
+例如，以下代码：
+
+```xml
+<ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Accessibility_16_Regular}"/>
+```
+
+等价于：
+
+```xml
+<ui:FontIcon Glyph="&#xF102;" FontFamily="Fluent System Icons"/>
+```
+
+:::warning
+
+我们强烈不建议这样做，因为这会提高代码耦合度和复杂度，后期维护成本也更高。
+
+建议优先使用现成的、符合 Fluent Design 的图标库（见上文），或将您自己的图标库封装为 FontIconData（[教程在此](COMING_SOON)）。不要把 Glyph 属性作为常规方案。
+
+:::
+
+### 分层与镜像
+
+某些图标（例如 Segoe Fluent Icons）具有相同固定宽度、统一高度和一致的左侧起点，因此可以通过将字形直接叠加来实现分层和着色效果。下例展示了在零宽红色爱心上绘制黑色轮廓。
+
+```xml
+<Grid>
+    <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.HeartFill}" Foreground="#C72335" />
+    <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Heart}" />
+</Grid>
+```
+
+![A layered heart icon](layered-heart-icon.png)
+
+### 搭配文本元素使用
+
+当您将 FontIcon 与 TextBlock 一起使用时，可能会写出如下代码：
+
+```xml
+<ui:SimpleStackPanel Spacing="4" Orientation="Horizontal">
+    <ui:FontIcon Icon="{x:Static ui:FluentSystemIcons.Home_16_Regular}" VerticalAlignment="Center"/>
+    <TextBlock Text="Back to home" VerticalAlignment="Center"/>
+</ui:SimpleStackPanel>
+```
+
+不过还有更好的方式。使用 **IconAndText** 组件可以简化代码并提升可读性：
+
+```xml
+<ui:IconAndText Icon="{x:Static ui:FluentSystemIcons.Home_16_Regular}" Content="Back to home"/>
+```
+
+![The IconAndText component](icon-and-text-component.png)
+
+关于 IconAndText 组件的更多信息，请 [点击这里](./icon-and-text)。
+
+## 备注
+
+### 图标可用性
+
+#### 第三方图标集
+
+如果您使用自建图标集，请确保指定字体族中包含所有需要的图标。如果许可允许，最佳做法是将字体文件作为资源直接放入项目，并把 FontFamily 设置为对应字体文件路径。
+
+如果您使用第三方图标集，请确认其许可证允许在您的项目中使用。
+
+#### 预置图标集
+
+如果您使用上文提到的 Microsoft 预置图标集，请注意图标可用性。
+
+- 对于 **Segoe Fluent Icons**，FontIcon 会使用系统中的字体。换言之，它们通常仅能在 Windows 11 或更高版本中正确渲染。在 Windows 10 上会回退到 **Segoe MDL Assets 2**（旧设计），在 Windows 7 上则不会渲染这些图标。另外，某些图标在 Segoe MDL Assets 2 中可能缺失，只有用户机器安装了 Segoe Fluent Icons 字体后才可用。
+
+    :::info 为什么不内置 Segoe Icons？
+
+    按照 Microsoft 的要求，这个字体不允许在 Windows 10 与 Windows 11 之外分发，因此我们不建议冒险使用。
+
+    强烈建议使用开放且免费的 **Fluent System Icons**。它不仅支持多尺寸，还同时提供 regular 与 filled 两种变体。
+
+    如果您确实要使用 Segoe Fluent Icons 并希望应用兼容 Windows 7，最佳做法是先检测用户设备是否安装了 Segoe Fluent Icons。若未安装，可引导用户从 Microsoft 下载字体（https://aka.ms/SegoeFluentIcons）并安装。
+    安装后需要重启应用，WPF 才能正确加载新字体。
+
+    :::
+
+- 对于 **Fluent System Icons**，字体文件已内置在库中，因此始终可用。
+
+### 许可与版权
+
+如上所述，使用受保护图标集可能引发版权争议。如果您使用自定义图标集，请确保许可证允许在项目中使用。
+
+如果您使用 Microsoft 预置图标集，请特别留意其许可和版权条款。
+
+## 另请参阅
+
+### 相关文章
+
+- [Components / ImageIcon](./image-icon)
+
+- [Components / SymbolIcon](./symbol-icon)
+
+- [Components / PathIcon](./path-icon)
+
+- [Components / IconAndText](./icon-and-text)
+
+- [Components / Button](../basic-input/button)
+
+- [Components / AppBarButton](../menu-and-toolbars/appbar-button)
+
+### Microsoft Learn
+
+- [Segoe Fluent Icons - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/style/segoe-fluent-icons-font)
+
+- [Segoe MDL2 Assets icons - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/style/segoe-ui-symbol-font)
+
+- [Design toolkits and samples for Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/downloads#fonts)
+
+- [Iconography in Windows 11](https://learn.microsoft.com/en-us/windows/apps/design/signature-experiences/iconography)
+
+- [FontIcon Class (WinRT)](https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.fonticon)
diff --git a/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.zh-CN.mdx
index 474c198..5949ebe 100644
--- a/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.zh-CN.mdx	
@@ -1,444 +1,444 @@
----
-description: "Frame is a content control that supports navigation."
----
-
-# Frame
-
-The Frame control from WPF supports content navigation within content. Frame can be hosted by a root element like Window, NavigationWindow, Page, UserControl, FlowDocument, or as an island within a content tree that belongs to a root element.
-
-Using our extended Frame control, you can navigate with Fluent animations, better performance and more.
-
-- **Class**: [iNKORE.UI.WPF.Modern.Controls](..)[.Frame](.)
-
-- **Inheritance**: [Object](https://learn.microsoft.com/en-us/dotnet/api/system.object) → (...) → [Control](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.control) → [ContentControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.contentcontrol) → [Frame](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.frame) → [Frame](.)
-
-## Examples
-
-### Navigate through pages
-
-The following example shows how to create a simple Frame control to navigate through a set of pages.
-
-First, create two pages called `Page1.xaml` and `Page2.xaml`. Create a folder named `Pages`, right click the folder, and select **Add** → **New Item**. Select **WPF / Page** and name it `Page1.xaml`. Repeat the process to create `Page2.xaml`.
-
-![Add a file to the project](add-a-fiile-to-project.png)
-
-![Add a new page](add-a-new-page.png)
-
-Add the namespace declaration to the root:
-
-```ini
-xmlns:ui="http://schemas.inkore.net/lib/ui/wpf/modern"
-```
-
-Change the root class from Page to `ui:Page`. Go to the code-behind *(e.g. Page1.xaml.cs)*, and change the base class from Page to `iNKORE.UI.WPF.Modern.Controls.Page`.
-
-Then add some content to the pages. For example, add a `TextBlock` to each page to display the page name.
-
-Your **Page1** should look like this:
-
-```xml title="Page1.xaml"
-# highlight-next-line
-<ui:Page x:Class="WpfApp1.Pages.Page1"
-         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
-         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
-         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
-# highlight-next-line
-         xmlns:ui="http://schemas.inkore.net/lib/ui/wpf/modern"
-         mc:Ignorable="d" 
-         d:DesignHeight="360" d:DesignWidth="640"
-         Foreground="CornflowerBlue"
-         Title="Page 1">
-
-    <Grid>
-        <Rectangle Margin="10" Stroke="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=ui:Page}, Path=Foreground}" StrokeThickness="2"
-                RadiusX="8" RadiusY="8" StrokeDashArray="4 2"/>
-        <TextBlock Text="Page 1" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="24"/>
-    </Grid>
-# highlight-next-line
-</ui:Page>
-
-```
-
-```csharp title="Page1.xaml.cs"
-using iNKORE.UI.WPF.Modern.Controls;
-# highlight-next-line
-using Page = iNKORE.UI.WPF.Modern.Controls.Page;
-
-namespace WpfApp1.Pages
-{
-    public partial class Page1 : Page
-    {
-        public Page1()
-        {
-            InitializeComponent();
-        }
-    }
-}
-```
-
-And your **Page2** should look like this:
-
-```xml title="Page2.xaml"
-# highlight-next-line
-<ui:Page x:Class="ExamplePhotoTaker.Pages.Page2"
-         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
-         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
-         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
-         xmlns:local="clr-namespace:ExamplePhotoTaker.Pages"
-# highlight-next-line
-         xmlns:ui="http://schemas.inkore.net/lib/ui/wpf/modern"
-         mc:Ignorable="d" 
-         d:DesignHeight="360" d:DesignWidth="640"
-         Foreground="SeaGreen"
-         Title="Page 2">
-
-    <Grid>
-        <Rectangle Margin="10" Stroke="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=ui:Page}, Path=Foreground}" StrokeThickness="2"
-                RadiusX="8" RadiusY="8" StrokeDashArray="4 2"/>
-        <TextBlock Text="Page 2" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="24"/>
-    </Grid>
-# highlight-next-line
-</ui:Page>
-```
-
-```csharp title="Page2.xaml.cs"
-using iNKORE.UI.WPF.Modern.Controls;
-# highlight-next-line
-using Page = iNKORE.UI.WPF.Modern.Controls.Page;
-
-namespace WpfApp1.Pages
-{
-    public partial class Page2 : Page
-    {
-        public Page2()
-        {
-            InitializeComponent();
-        }
-    }
-}
-```
-
-Now, create a new window and add a Frame control to it. Add a few buttons to navigate between the pages. Use the **Navigate()** method to pass Page to the Frame control.
-
-```xml
-<Grid>
-    <Grid.RowDefinitions>
-        <RowDefinition Height="Auto"/>
-        <RowDefinition/>
-    </Grid.RowDefinitions>
-
-    <ui:SimpleStackPanel Orientation="Horizontal" Spacing="10" HorizontalAlignment="Center">
-        <Button x:Name="Button_NavigateToPage1" Content="To Page 1" Click="Button_NavigateToPage1_Click"/>
-        <Button x:Name="Button_NavigateToPage2" Content="To Page 2" Click="Button_NavigateToPage2_Click"/>
-    </ui:SimpleStackPanel>
-
-# highlight-next-line
-    <ui:Frame x:Name="Frame_Main" Margin="10" Grid.Row="1" 
-              BorderBrush="Gray" BorderThickness="2,2,2,2"/>
-</Grid>
-```
-
-```csharp
-Page1 Page_1 = new Page1();
-Page2 Page_2 = new Page2();
-
-private void Button_NavigateToPage1_Click(object sender, RoutedEventArgs e)
-{
-    Frame_Main.Navigate(Page_1);
-}
-
-private void Button_NavigateToPage2_Click(object sender, RoutedEventArgs e)
-{
-    Frame_Main.Navigate(Page_2);
-}
-```
-
-Clicking the buttons will navigate to the corresponding pages like this:
-
-![Navigated to Page 1](navigated-to-page-1.png)
-
-:::warning
-
-We strongly **NOT** recommend you to use the `Navigate(Type sourcePageType)` method to navigate between pages, it's not recommended to use it in the modern UI development. Instead, we recommend you to use the `Navigate(object content)` method which we provided in the Frame control.
-
-For example, we may change the code from this:
-
-```csharp
-private void Button_NavigateToPage1_Click(object sender, RoutedEventArgs e)
-{
-    Frame_Main.Navigate(typeof(Page1));
-}
-```
-
-to this:
-
-```csharp
-private void Button_NavigateToPage1_Click(object sender, RoutedEventArgs e)
-{
-    Frame_Main.Navigate(new Page1());
-}
-```
-
-or this, which is even better:
-
-```csharp
-Page1 Page_1 = new Page1();
-
-private void Button_NavigateToPage1_Click(object sender, RoutedEventArgs e)
-{
-    Frame_Main.Navigate(Page1);
-}
-```
-
-:::
-
-### Change transition style
-
-On the **Navigate()** method, there are a few overloads that allow you to pass a transition style. The following example shows how to apply the Drill-in transition style.
-
-```csharp
-using iNKORE.UI.WPF.Modern.Media.Animation;
-
-private void Button_NavigateToPage1_Click(object sender, RoutedEventArgs e)
-{
-# highlight-next-line
-    Frame_Main.Navigate(Page_1, new DrillInNavigationTransitionInfo());
-}
-```
-
-### Disable keyboard navigation
-
-Since the Frame has a built-in keyboard navigation, you may found out that you can use `Backspace`, `Page Down` and `Page Up` keys to navigate through the pages without your code control. Mostly this is not expected since the user would misact and back to another page that you're not expected, so we recommend you use the following way to disable it.
-
-First add a handler to the `Navigating` event of the Frame control:
-
-```xml
-<ui:Frame x:Name="Frame_Main" Navigating="Frame_Main_Navigating"/>
-```
-
-Create your own Navigate method and block the navigation if it's not expected like this:
-
-```csharp
-WeakReference __Frame_Main_NavigatingTarget = new WeakReference(null);
-private void Frame_Main_Navigating(object sender, NavigatingCancelEventArgs e)
-{
-    if (e.Content != __Frame_Main_NavigatingTarget.Target)
-    {
-        e.Cancel = true;
-    }
-}
-
-public void NavigateTo(object content, object? extraData = null, NavigationTransitionInfo? infoOverride = null)
-{
-    __Frame_Main_NavigatingTarget.Target = content;
-    Frame_Main.Navigate(content, extraData, infoOverride);
-}
-```
-
-Then change your navigation code to use the new **NavigateTo()** method:
-
-```csharp
-private void Button_NavigateToPage1_Click(object sender, RoutedEventArgs e)
-{
-    // Don't use `Frame_Main.Navigate(Page_1) any more, it won't work.`
-# highlight-next-line
-    NavigateTo(Page_1);
-}
-
-private void Button_NavigateToPage2_Click(object sender, RoutedEventArgs e)
-{
-# highlight-next-line
-    NavigateTo(Page_2);
-}
-```
-
-Then try to use the keyboard to navigate through the pages, you'll find out that it's not working any more.
-
-## Members
-
-Here're the commonly used members of the Frame control. For a complete list of members, please check the [API definition](COMING_SOON).
-
-### Navigate
-
-The **Navigate()** method navigates to the specified content. There are a few overloads that allow you to pass a transition style.
-
-These are the extra overloads which we added for the Frame control:
-
-```csharp
-/// <summary>
-/// Causes the Frame to load content represented by the specified Page.
-/// </summary>
-/// <param name="sourcePageType">The page to navigate to, specified as a type reference to its partial class type.</param>
-/// <returns>true if navigation is not canceled; otherwise, false.</returns>
-public bool Navigate(Type sourcePageType);
-
-/// <summary>
-/// Causes the Frame to load content represented by the specified Page, also passing
-/// a parameter to be interpreted by the target of the navigation.
-/// </summary>
-/// <param name="sourcePageType">The page to navigate to, specified as a type reference to its partial class type.</param>
-/// <param name="parameter">The navigation parameter to pass to the target page.</param>
-/// <returns>true if navigation is not canceled; otherwise, false.</returns>
-public bool Navigate(Type sourcePageType, object parameter);
-
-/// <summary>
-/// Causes the Frame to load content represented by the specified Page -derived data
-/// type, also passing a parameter to be interpreted by the target of the navigation,
-/// and a value indicating the animated transition to use.
-/// </summary>
-/// <param name="sourcePageType">The page to navigate to, specified as a type reference to its partial class type.</param>
-/// <param name="parameter">The navigation parameter to pass to the target page.</param>
-/// <param name="infoOverride">Info about the animated transition.</param>
-/// <returns>true if navigation is not canceled; otherwise, false.</returns>
-public bool Navigate(Type sourcePageType, object parameter, NavigationTransitionInfo infoOverride);
-
-/// <summary>
-/// Navigates asynchronously to content that is contained by an object.
-/// </summary>
-/// <param name="content">An System.Object that contains the content to navigate to.</param>
-/// <param name="infoOverride">Info about the animated transition.</param>
-/// <returns>true if navigation is not canceled; otherwise, false.</returns>
-public bool Navigate(object content, NavigationTransitionInfo infoOverride);
-
-/// <summary>
-/// Navigates asynchronously to content that is contained by an object, and passes
-/// an object that contains data to be used for processing during navigation.
-/// </summary>
-/// <param name="content">An System.Object that contains the content to navigate to.</param>
-/// <param name="extraData">A System.Object that contains data to be used for processing during navigation.</param>
-/// <param name="infoOverride">Info about the animated transition.</param>
-/// <returns>true if navigation is not canceled; otherwise, false.</returns>
-public bool Navigate(object content, object extraData, NavigationTransitionInfo infoOverride);
-
-/// <summary>
-/// Navigates asynchronously to source content located at a uniform resource identifier
-/// (URI), and passes an object that contains data to be used for processing during
-/// navigation, and a value indicating the animated transition to use.
-/// </summary>
-/// <param name="source">A System.Uri object initialized with the URI for the desired content.</param>
-/// <param name="extraData">A System.Object that contains data to be used for processing during navigation.</param>
-/// <param name="infoOverride">Info about the animated transition.</param>
-/// <returns>true if navigation is not canceled; otherwise, false.</returns>
-public bool Navigate(Uri source, object extraData, NavigationTransitionInfo infoOverride);
-```
-
-There're also many overloads presented in the original **Frame.Navigate** method, [click here](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.frame.navigate) to learn more.
-
-### GoBack
-
-The GoBack() method navigates to the most recent item in back navigation history, if a Frame manages its own navigation history.
-
-```csharp
-/// <summary>
-/// Navigates to the most recent item in back navigation history, if a Frame manages
-/// its own navigation history, and specifies the animated transition to use.
-/// </summary>
-/// <param name="transitionInfoOverride">Info about the animated transition to use.</param>
-public void GoBack(NavigationTransitionInfo transitionInfoOverride);
-```
-
-You can call the **GoBack** method with or without the transition info like this:
-
-```csharp
-// Without transitionInfoOverride, default transition will be used.
-Frame_Main.GoBack();
-```
-
-or this:
-
-```csharp
-// With transitionInfoOverride, specified transition will be used.
-Frame_Main.GoBack(new DrillInNavigationTransitionInfo());
-```
-
-## Remarks
-
-### Transitions
-
-Page transitions provide visual feedback about the relationship between pages.
-
-#### Entrance
-
-Page refresh is a combination of a slide up animation and a fade in animation for the incoming content. Use page refresh when the user is taken to the top of a navigational stack, such as navigating between tabs or left-nav items.
-
-The desired feeling is that the user has started over.
-
-![Page refresh](page-refresh.gif)
-
-The page refresh animation is represented by the EntranceNavigationTransitionInfo class.
-
-```csharp
-// Explicitly play the page refresh animation
-myFrame.Navigate(Page_2, null, new EntranceNavigationTransitionInfo());
-```
-
-:::note
-
-A Frame automatically uses NavigationThemeTransition to animate navigation between two pages. By default, the animation is page refresh.
-
-:::
-
-#### Drill
-
-Use drill when users navigate deeper into an app, such as displaying more information after selecting an item.
-
-The desired feeling is that the user has gone deeper into the app.
-
-![Drill](drill.gif)
-
-The drill animation is represented by the DrillInNavigationTransitionInfo class.
-
-```csharp
-// Play the drill in animation
-myFrame.Navigate(Page_2, null, new DrillInNavigationTransitionInfo());
-```
-
-#### Slide
-
-Use slide transition to show that sibling pages appear next to each other. The NavigationView control automatically uses this animation for top nav, but if you are building your own horizontal navigation experience, then you can implement horizontal slide with SlideNavigationTransitionInfo.
-
-The desired feeling is that the user is navigating between pages that are next to each other.
-
-```csharp
-// Navigate to the right, ie. from LeftPage to RightPage
-myFrame.Navigate(RightPage, null, new SlideNavigationTransitionInfo() { Effect = SlideNavigationTransitionEffect.FromRight });
-
-// Navigate to the left, ie. from RightPage to LeftPage
-myFrame.Navigate(LeftPage, null, new SlideNavigationTransitionInfo() { Effect = SlideNavigationTransitionEffect.FromLeft });
-
-// Navigate to the bottom, ie. from TopPage to BottomPage
-myFrame.Navigate(BottomPage, null, new SlideNavigationTransitionInfo() { Effect = SlideNavigationTransitionEffect.FromBottom });
-```
-
-#### Suppress
-
-To avoid playing any animation during navigation, use SuppressNavigationTransitionInfo in the place of other NavigationTransitionInfo subtypes.
-
-```csharp
-// Suppress the default animation
-myFrame.Navigate(Page2, null, new SuppressNavigationTransitionInfo());
-```
-
-Suppressing the animation is useful when implicit show/hide animations is used.
-
-## See also
-
-## Related controls
-
-- [Components / NavigationView](./navigation-view)
-
-- [Components / TabControl](./tab-control)
-
-### Microsoft Learn
-
-- [Navigation Overview - WPF](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/app-development/navigation-overview)
-
-- [Frame - WPF](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/controls/frame)
-
-- [Page transitions - Windows Apps](https://learn.microsoft.com/en-us/windows/apps/design/motion/page-transitions)
-
-- [Frame Class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.frame)
-
-- [Frame Class (WinRT)](https://learn.microsoft.com/en-us/uwp/api/windows.ui.xaml.controls.frame)
+---
+description: "Frame 是一个支持导航的内容控件。"
+---
+
+# Frame
+
+WPF 的 Frame 控件支持在内容之间进行导航。Frame 可以由 Window、NavigationWindow、Page、UserControl、FlowDocument 等根元素承载，也可以作为属于某个根元素的内容树中的独立区域存在。
+
+使用我们扩展后的 Frame 控件，您可以获得 Fluent 风格动画、更好的性能等能力。
+
+- **类**: [iNKORE.UI.WPF.Modern.Controls](..)[.Frame](.)
+
+- **继承**: [Object](https://learn.microsoft.com/en-us/dotnet/api/system.object) → (...) → [Control](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.control) → [ContentControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.contentcontrol) → [Frame](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.frame) → [Frame](.)
+
+## 示例
+
+### 在页面间导航
+
+以下示例展示如何创建一个简单的 Frame 控件，并在一组页面之间导航。
+
+首先，创建两个页面，分别命名为 `Page1.xaml` 和 `Page2.xaml`。新建一个名为 `Pages` 的文件夹，右键该文件夹并选择 **Add** → **New Item**。选择 **WPF / Page** 并命名为 `Page1.xaml`。重复同样步骤创建 `Page2.xaml`。
+
+![Add a file to the project](add-a-fiile-to-project.png)
+
+![Add a new page](add-a-new-page.png)
+
+在根元素中添加命名空间声明：
+
+```ini
+xmlns:ui="http://schemas.inkore.net/lib/ui/wpf/modern"
+```
+
+将根类从 Page 改为 `ui:Page`。然后进入代码隐藏文件（例如 `Page1.xaml.cs`），把基类从 Page 改为 `iNKORE.UI.WPF.Modern.Controls.Page`。
+
+接着向页面中添加一些内容。例如，为每个页面添加一个 `TextBlock` 来显示页面名称。
+
+您的 **Page1** 应该如下所示：
+
+```xml title="Page1.xaml"
+# highlight-next-line
+<ui:Page x:Class="WpfApp1.Pages.Page1"
+         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
+         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
+# highlight-next-line
+         xmlns:ui="http://schemas.inkore.net/lib/ui/wpf/modern"
+         mc:Ignorable="d" 
+         d:DesignHeight="360" d:DesignWidth="640"
+         Foreground="CornflowerBlue"
+         Title="Page 1">
+
+    <Grid>
+        <Rectangle Margin="10" Stroke="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=ui:Page}, Path=Foreground}" StrokeThickness="2"
+                RadiusX="8" RadiusY="8" StrokeDashArray="4 2"/>
+        <TextBlock Text="Page 1" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="24"/>
+    </Grid>
+# highlight-next-line
+</ui:Page>
+
+```
+
+```csharp title="Page1.xaml.cs"
+using iNKORE.UI.WPF.Modern.Controls;
+# highlight-next-line
+using Page = iNKORE.UI.WPF.Modern.Controls.Page;
+
+namespace WpfApp1.Pages
+{
+    public partial class Page1 : Page
+    {
+        public Page1()
+        {
+            InitializeComponent();
+        }
+    }
+}
+```
+
+您的 **Page2** 应该如下所示：
+
+```xml title="Page2.xaml"
+# highlight-next-line
+<ui:Page x:Class="ExamplePhotoTaker.Pages.Page2"
+         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
+         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
+         xmlns:local="clr-namespace:ExamplePhotoTaker.Pages"
+# highlight-next-line
+         xmlns:ui="http://schemas.inkore.net/lib/ui/wpf/modern"
+         mc:Ignorable="d" 
+         d:DesignHeight="360" d:DesignWidth="640"
+         Foreground="SeaGreen"
+         Title="Page 2">
+
+    <Grid>
+        <Rectangle Margin="10" Stroke="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=ui:Page}, Path=Foreground}" StrokeThickness="2"
+                RadiusX="8" RadiusY="8" StrokeDashArray="4 2"/>
+        <TextBlock Text="Page 2" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="24"/>
+    </Grid>
+# highlight-next-line
+</ui:Page>
+```
+
+```csharp title="Page2.xaml.cs"
+using iNKORE.UI.WPF.Modern.Controls;
+# highlight-next-line
+using Page = iNKORE.UI.WPF.Modern.Controls.Page;
+
+namespace WpfApp1.Pages
+{
+    public partial class Page2 : Page
+    {
+        public Page2()
+        {
+            InitializeComponent();
+        }
+    }
+}
+```
+
+现在，创建一个新窗口并在其中添加 Frame 控件。再添加几个按钮用于页面切换。使用 **Navigate()** 方法将 Page 传递给 Frame 控件。
+
+```xml
+<Grid>
+    <Grid.RowDefinitions>
+        <RowDefinition Height="Auto"/>
+        <RowDefinition/>
+    </Grid.RowDefinitions>
+
+    <ui:SimpleStackPanel Orientation="Horizontal" Spacing="10" HorizontalAlignment="Center">
+        <Button x:Name="Button_NavigateToPage1" Content="To Page 1" Click="Button_NavigateToPage1_Click"/>
+        <Button x:Name="Button_NavigateToPage2" Content="To Page 2" Click="Button_NavigateToPage2_Click"/>
+    </ui:SimpleStackPanel>
+
+# highlight-next-line
+    <ui:Frame x:Name="Frame_Main" Margin="10" Grid.Row="1" 
+              BorderBrush="Gray" BorderThickness="2,2,2,2"/>
+</Grid>
+```
+
+```csharp
+Page1 Page_1 = new Page1();
+Page2 Page_2 = new Page2();
+
+private void Button_NavigateToPage1_Click(object sender, RoutedEventArgs e)
+{
+    Frame_Main.Navigate(Page_1);
+}
+
+private void Button_NavigateToPage2_Click(object sender, RoutedEventArgs e)
+{
+    Frame_Main.Navigate(Page_2);
+}
+```
+
+点击按钮后，会导航到对应页面，如下所示：
+
+![Navigated to Page 1](navigated-to-page-1.png)
+
+:::warning
+
+我们**强烈不建议**您使用 `Navigate(Type sourcePageType)` 方法在页面之间导航。在现代 UI 开发中，不建议继续使用此方式。相反，我们建议使用 Frame 控件提供的 `Navigate(object content)` 方法。
+
+例如，可以把代码从这样：
+
+```csharp
+private void Button_NavigateToPage1_Click(object sender, RoutedEventArgs e)
+{
+    Frame_Main.Navigate(typeof(Page1));
+}
+```
+
+改为这样：
+
+```csharp
+private void Button_NavigateToPage1_Click(object sender, RoutedEventArgs e)
+{
+    Frame_Main.Navigate(new Page1());
+}
+```
+
+或者这样（更推荐）：
+
+```csharp
+Page1 Page_1 = new Page1();
+
+private void Button_NavigateToPage1_Click(object sender, RoutedEventArgs e)
+{
+    Frame_Main.Navigate(Page1);
+}
+```
+
+:::
+
+### 切换过渡样式
+
+在 **Navigate()** 方法中，有一些重载允许您传入过渡动画样式。以下示例演示如何使用 Drill-in 过渡样式。
+
+```csharp
+using iNKORE.UI.WPF.Modern.Media.Animation;
+
+private void Button_NavigateToPage1_Click(object sender, RoutedEventArgs e)
+{
+# highlight-next-line
+    Frame_Main.Navigate(Page_1, new DrillInNavigationTransitionInfo());
+}
+```
+
+### 禁用键盘导航
+
+由于 Frame 内置了键盘导航，您可能会发现即使没有代码控制，也可以通过 `Backspace`、`Page Down` 和 `Page Up` 在页面间导航。多数情况下这并不符合预期，因为用户可能误操作返回到不希望跳转的页面，因此建议通过以下方式禁用。
+
+首先，为 Frame 控件的 `Navigating` 事件添加处理器：
+
+```xml
+<ui:Frame x:Name="Frame_Main" Navigating="Frame_Main_Navigating"/>
+```
+
+创建您自己的 Navigate 方法，并在非预期导航时进行拦截：
+
+```csharp
+WeakReference __Frame_Main_NavigatingTarget = new WeakReference(null);
+private void Frame_Main_Navigating(object sender, NavigatingCancelEventArgs e)
+{
+    if (e.Content != __Frame_Main_NavigatingTarget.Target)
+    {
+        e.Cancel = true;
+    }
+}
+
+public void NavigateTo(object content, object? extraData = null, NavigationTransitionInfo? infoOverride = null)
+{
+    __Frame_Main_NavigatingTarget.Target = content;
+    Frame_Main.Navigate(content, extraData, infoOverride);
+}
+```
+
+然后将您的导航代码改为使用新的 **NavigateTo()** 方法：
+
+```csharp
+private void Button_NavigateToPage1_Click(object sender, RoutedEventArgs e)
+{
+    // Don't use `Frame_Main.Navigate(Page_1) any more, it won't work.`
+# highlight-next-line
+    NavigateTo(Page_1);
+}
+
+private void Button_NavigateToPage2_Click(object sender, RoutedEventArgs e)
+{
+# highlight-next-line
+    NavigateTo(Page_2);
+}
+```
+
+然后尝试使用键盘在页面间导航，您会发现它不再生效。
+
+## Members
+
+以下是 Frame 控件常用 Members。完整 Members 列表请查看 [API definition](COMING_SOON)。
+
+### Navigate
+
+**Navigate()** 方法用于导航到指定内容。它有多个重载，可以让您传入过渡样式。
+
+以下是我们为 Frame 控件新增的重载：
+
+```csharp
+/// <summary>
+/// Causes the Frame to load content represented by the specified Page.
+/// </summary>
+/// <param name="sourcePageType">The page to navigate to, specified as a type reference to its partial class type.</param>
+/// <returns>true if navigation is not canceled; otherwise, false.</returns>
+public bool Navigate(Type sourcePageType);
+
+/// <summary>
+/// Causes the Frame to load content represented by the specified Page, also passing
+/// a parameter to be interpreted by the target of the navigation.
+/// </summary>
+/// <param name="sourcePageType">The page to navigate to, specified as a type reference to its partial class type.</param>
+/// <param name="parameter">The navigation parameter to pass to the target page.</param>
+/// <returns>true if navigation is not canceled; otherwise, false.</returns>
+public bool Navigate(Type sourcePageType, object parameter);
+
+/// <summary>
+/// Causes the Frame to load content represented by the specified Page -derived data
+/// type, also passing a parameter to be interpreted by the target of the navigation,
+/// and a value indicating the animated transition to use.
+/// </summary>
+/// <param name="sourcePageType">The page to navigate to, specified as a type reference to its partial class type.</param>
+/// <param name="parameter">The navigation parameter to pass to the target page.</param>
+/// <param name="infoOverride">Info about the animated transition.</param>
+/// <returns>true if navigation is not canceled; otherwise, false.</returns>
+public bool Navigate(Type sourcePageType, object parameter, NavigationTransitionInfo infoOverride);
+
+/// <summary>
+/// Navigates asynchronously to content that is contained by an object.
+/// </summary>
+/// <param name="content">An System.Object that contains the content to navigate to.</param>
+/// <param name="infoOverride">Info about the animated transition.</param>
+/// <returns>true if navigation is not canceled; otherwise, false.</returns>
+public bool Navigate(object content, NavigationTransitionInfo infoOverride);
+
+/// <summary>
+/// Navigates asynchronously to content that is contained by an object, and passes
+/// an object that contains data to be used for processing during navigation.
+/// </summary>
+/// <param name="content">An System.Object that contains the content to navigate to.</param>
+/// <param name="extraData">A System.Object that contains data to be used for processing during navigation.</param>
+/// <param name="infoOverride">Info about the animated transition.</param>
+/// <returns>true if navigation is not canceled; otherwise, false.</returns>
+public bool Navigate(object content, object extraData, NavigationTransitionInfo infoOverride);
+
+/// <summary>
+/// Navigates asynchronously to source content located at a uniform resource identifier
+/// (URI), and passes an object that contains data to be used for processing during
+/// navigation, and a value indicating the animated transition to use.
+/// </summary>
+/// <param name="source">A System.Uri object initialized with the URI for the desired content.</param>
+/// <param name="extraData">A System.Object that contains data to be used for processing during navigation.</param>
+/// <param name="infoOverride">Info about the animated transition.</param>
+/// <returns>true if navigation is not canceled; otherwise, false.</returns>
+public bool Navigate(Uri source, object extraData, NavigationTransitionInfo infoOverride);
+```
+
+原始 **Frame.Navigate** 方法还提供了更多重载，详情请 [点击这里](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.frame.navigate)。
+
+### GoBack
+
+GoBack() 方法用于导航到返回历史中的最近一项（前提是 Frame 管理自己的导航历史）。
+
+```csharp
+/// <summary>
+/// Navigates to the most recent item in back navigation history, if a Frame manages
+/// its own navigation history, and specifies the animated transition to use.
+/// </summary>
+/// <param name="transitionInfoOverride">Info about the animated transition to use.</param>
+public void GoBack(NavigationTransitionInfo transitionInfoOverride);
+```
+
+您可以在有或没有过渡信息的情况下调用 **GoBack**，例如：
+
+```csharp
+// Without transitionInfoOverride, default transition will be used.
+Frame_Main.GoBack();
+```
+
+或者：
+
+```csharp
+// With transitionInfoOverride, specified transition will be used.
+Frame_Main.GoBack(new DrillInNavigationTransitionInfo());
+```
+
+## 备注
+
+### 过渡动画
+
+页面过渡用于提供页面关系的视觉反馈。
+
+#### Entrance
+
+Page refresh 是进入内容时“向上滑动 + 淡入”的组合动画。当用户回到导航栈顶部时（例如在标签页或左侧导航项之间切换），适合使用该动画。
+
+期望带给用户的感受是：重新开始。
+
+![Page refresh](page-refresh.gif)
+
+该动画由 EntranceNavigationTransitionInfo 类表示。
+
+```csharp
+// Explicitly play the page refresh animation
+myFrame.Navigate(Page_2, null, new EntranceNavigationTransitionInfo());
+```
+
+:::note
+
+Frame 会自动使用 NavigationThemeTransition 为两个页面间的导航添加动画。默认动画为 page refresh。
+
+:::
+
+#### Drill
+
+当用户在应用中进入更深层级（例如选择项目后查看更详细信息）时，使用 drill 动画。
+
+期望带给用户的感受是：正在深入应用。
+
+![Drill](drill.gif)
+
+该动画由 DrillInNavigationTransitionInfo 类表示。
+
+```csharp
+// Play the drill in animation
+myFrame.Navigate(Page_2, null, new DrillInNavigationTransitionInfo());
+```
+
+#### Slide
+
+使用 slide 过渡可表达同级页面彼此相邻。NavigationView 控件在顶部导航时会自动使用这种动画；如果您在构建自己的水平导航体验，也可以用 SlideNavigationTransitionInfo 来实现横向滑动。
+
+期望带给用户的感受是：正在相邻页面之间切换。
+
+```csharp
+// Navigate to the right, ie. from LeftPage to RightPage
+myFrame.Navigate(RightPage, null, new SlideNavigationTransitionInfo() { Effect = SlideNavigationTransitionEffect.FromRight });
+
+// Navigate to the left, ie. from RightPage to LeftPage
+myFrame.Navigate(LeftPage, null, new SlideNavigationTransitionInfo() { Effect = SlideNavigationTransitionEffect.FromLeft });
+
+// Navigate to the bottom, ie. from TopPage to BottomPage
+myFrame.Navigate(BottomPage, null, new SlideNavigationTransitionInfo() { Effect = SlideNavigationTransitionEffect.FromBottom });
+```
+
+#### Suppress
+
+如果希望导航过程中不播放任何动画，可使用 SuppressNavigationTransitionInfo 来替代其他 NavigationTransitionInfo 子类型。
+
+```csharp
+// Suppress the default animation
+myFrame.Navigate(Page2, null, new SuppressNavigationTransitionInfo());
+```
+
+当您使用隐式显示/隐藏动画时，禁用导航动画会很有用。
+
+## 另请参阅
+
+### 相关文章
+
+- [Components / NavigationView](./navigation-view)
+
+- [Components / TabControl](./tab-control)
+
+### Microsoft Learn
+
+- [Navigation Overview - WPF](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/app-development/navigation-overview)
+
+- [Frame - WPF](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/controls/frame)
+
+- [Page transitions - Windows Apps](https://learn.microsoft.com/en-us/windows/apps/design/motion/page-transitions)
+
+- [Frame Class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.frame)
+
+- [Frame Class (WinRT)](https://learn.microsoft.com/en-us/uwp/api/windows.ui.xaml.controls.frame)

From f242490b7ed149fe75a9077cd8b4c48dadbbaa5b Mon Sep 17 00:00:00 2001
From: Dorian Zhuang <im@lxhtt.cn>
Date: Sat, 2 May 2026 21:38:14 +0800
Subject: [PATCH 08/15] refactor: update code snippets in Chinese and English
 documentation for consistency

---
 .../02.# onboarding/index.zh-CN.mdx           |  8 ++---
 .../01. basic-input/# button/index.zh-CN.mdx  |  6 ++--
 .../# combo-box/index.en-US.mdx               |  2 +-
 .../# dropdown-button/index.zh-CN.mdx         | 29 +++++++++++--------
 .../# hyperlink-button/index.en-US.mdx        |  2 +-
 .../04. dialogs/# window/index.zh-CN.mdx      |  4 +--
 6 files changed, 28 insertions(+), 23 deletions(-)

diff --git a/data/docs/ui-wpf-modern/02.# onboarding/index.zh-CN.mdx b/data/docs/ui-wpf-modern/02.# onboarding/index.zh-CN.mdx
index 552fe1f..51c1b40 100644
--- a/data/docs/ui-wpf-modern/02.# onboarding/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/02.# onboarding/index.zh-CN.mdx	
@@ -112,7 +112,7 @@
 
 打开根目录中的 `App.xaml` 文件，并添加命名空间声明：
 
-```xml
+```ini
 xmlns:ui="http://schemas.inkore.net/lib/ui/wpf/modern"
 ```
 
@@ -153,13 +153,13 @@ xmlns:ui="http://schemas.inkore.net/lib/ui/wpf/modern"
 
 让我们将现代样式应用到主窗口。转到 `MainWindow.xaml`，首先添加命名空间声明：
 
-```xml
+```ini
 xmlns:ui="http://schemas.inkore.net/lib/ui/wpf/modern"
 ```
 
 然后通过应用此附加属性让窗口使用现代样式：
 
-```xml
+```ini
 ui:WindowHelper.UseModernWindowStyle="True"
 ```
 
@@ -171,7 +171,7 @@ ui:WindowHelper.UseModernWindowStyle="True"
 
 现在，如果您运行该应用，您可以看到窗口具有现代风格的框架。您还可以使用 `ui:WindowHelper.SystemBackdropType` 属性向窗口添加材质：
 
-```xml
+```ini
 ui:WindowHelper.SystemBackdropType="Mica"
 ```
 
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# button/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# button/index.zh-CN.mdx
index 93852c3..fd62ed3 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# button/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# button/index.zh-CN.mdx	
@@ -100,7 +100,7 @@ private void Button_Click(object sender, RoutedEventArgs e)
 
 ### 层级
 
-按钮控件默认带有层级边框效果。你可以使用 `ui:ElevationBorder` 来自定义其层级效果。
+Button 控件默认带有层级边框效果。你可以使用 `ui:ElevationBorder` 来自定义其层级效果。
 
 更多信息请参见 [Theming / Elevations](%BASE_NAME%/features/theming/elevations)。
 
@@ -108,9 +108,9 @@ private void Button_Click(object sender, RoutedEventArgs e)
 
 Button 控件有两个内置样式：
 
-- DefaultButtonStyle：按钮的默认样式，可通过 `ui:ThemeKeys.DefaultButtonStyleKey` 访问。
+- DefaultButtonStyle：Button 的默认样式，可通过 `ui:ThemeKeys.DefaultButtonStyleKey` 访问。
 
-- AccentButtonStyle：按钮的强调样式，可通过 `ui:ThemeKeys.AccentButtonStyleKey` 访问。
+- AccentButtonStyle：Button 的强调样式，可通过 `ui:ThemeKeys.AccentButtonStyleKey` 访问。
 
 ## 另请参阅
 
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.en-US.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.en-US.mdx
index 7a38d34..58a3b88 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.en-US.mdx	
@@ -82,7 +82,7 @@ You can use the attached properties from `ui:ComboBox` to customize your ComboBo
 
 The ComboBox control comes with an elevation border effect by default. You can use the `ui:ElevationBorder` to customize its elevation.
 
-See more at: ____
+See more at: [Theming / Elevations](%BASE_NAME%/features/theming/elevations).
 
 ### Styles
 
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.zh-CN.mdx
index dbeeb8f..4dc89fb 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.zh-CN.mdx	
@@ -63,21 +63,26 @@ DropDownButton 是一个按钮，显示一个 Chevron 图标作为视觉指示
 <TextBox x:Name="TextBox_Text" Text="Text!" Width="200" Padding="10,6,6,6"/>
 ```
 ```csharp
-private void MenuItem_Click(object sender, RoutedEventArgs e)
+private void Button_SaveScreenshot_Click(object sender, RoutedEventArgs e)
 {
-    if (sender is MenuItem menuItem && menuItem.Tag is string alignment)
+    RenderTargetBitmap targetBitmap = new RenderTargetBitmap(
+        (int)Viewbox_Viewport.ActualWidth,
+        (int)Viewbox_Viewport.ActualHeight,
+        96d,
+        96d,
+        PixelFormats.Default);
+
+    targetBitmap.Render(Viewbox_Viewport);
+
+
+    if (saveFileDialog.ShowDialog() == true)
     {
-        switch (alignment)
+        BmpBitmapEncoder encoder = new BmpBitmapEncoder();
+        encoder.Frames.Add(BitmapFrame.Create(targetBitmap));
+        // 将文件保存到磁盘
+        using (FileStream fs = File.Open(saveFileDialog.FileName, FileMode.OpenOrCreate))
         {
-            case "left":
-                TextBox_Text.TextAlignment = TextAlignment.Left;
-                break;
-            case "center":
-                TextBox_Text.TextAlignment = TextAlignment.Center;
-                break;
-            case "right":
-                TextBox_Text.TextAlignment = TextAlignment.Right;
-                break;
+            encoder.Save(fs);
         }
     }
 }
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# hyperlink-button/index.en-US.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# hyperlink-button/index.en-US.mdx
index d2e042f..4c2f48c 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# hyperlink-button/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# hyperlink-button/index.en-US.mdx	
@@ -71,7 +71,7 @@ When **RaiseHyperlinkClicks** is set to `false`, NavigateUri will be ignored and
 - Only use hyperlinks for navigation; don't use them for other actions.
 - Use the Body style from the type ramp for text-based hyperlinks. Read about fonts and the Windows type ramp.
 - Keep discrete hyperlinks far enough apart so that the user can differentiate between them and has an easy time selecting each one.
-Add tooltips to hyperlinks that indicate to where the user will be directed. If the user will be directed to an external site, include the top-level domain name inside the tooltip, and style the text with a secondary font color.
+- Add tooltips to hyperlinks that indicate to where the user will be directed. If the user will be directed to an external site, include the top-level domain name inside the tooltip, and style the text with a secondary font color.
 
 :::
 
diff --git a/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.zh-CN.mdx
index b440ede..0368d2d 100644
--- a/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.zh-CN.mdx	
@@ -57,7 +57,7 @@ myWindow.Show();
 
 自 Windows 10 以来，有一些系统级窗口材质可以应用于窗口。您可以使用 **ui:WindowHelper.SystemBackdropType** 属性来应用材质。例如，您可以使用以下代码应用 Mica 效果：
 
-```xml
+```ini
 ui:WindowHelper.SystemBackdropType="Mica"
 ```
 
@@ -69,7 +69,7 @@ ui:WindowHelper.SystemBackdropType="Mica"
 
 首先，确保在窗口中启用了返回按钮功能：
 
-```xml
+```ini
 ui:TitleBar.IsBackButtonVisible="True"
 ui:TitleBar.IsBackEnabled="True"
 ```

From 22dae48f6606edf79bb9f9612fcfaa0cdcb2bfc6 Mon Sep 17 00:00:00 2001
From: Dorian Zhuang <im@lxhtt.cn>
Date: Sat, 2 May 2026 22:28:48 +0800
Subject: [PATCH 09/15] refactor: documentation for UI components and improve
 clarity

- Updated DropDownButton documentation in Chinese for better readability.
- Removed unnecessary style information from ToggleSwitch documentation in English.
- Enhanced ToggleSwitch documentation in Chinese for consistency and clarity.
- Clarified MessageBox reference in Window documentation in English.
- Improved phrasing in Window documentation in Chinese for better understanding.
- Adjusted FontIcon documentation in Chinese for consistent punctuation and clarity.
- Enhanced Frame navigation documentation in English and Chinese for better understanding of navigation transitions.
- Updated NavigationView documentation in English and Chinese for consistency in layout terminology.
- Added TabControl documentation in Chinese to provide comprehensive examples and usage guidelines.
- Improved system awareness documentation for clarity on platform dependencies and synchronization features.

Co-authored-by: Copilot <copilot@github.com>
---
 CONTRIBUTING.en-US.md                         |   2 +-
 CONTRIBUTING.zh-CN.md                         |  16 +-
 .../index.zh-CN.mdx                           |   2 +-
 .../01. basic-input/# button/index.zh-CN.mdx  |  26 +-
 .../# check-box/index.zh-CN.mdx               |  28 +-
 .../# combo-box/index.en-US.mdx               |  12 +-
 .../# combo-box/index.zh-CN.mdx               |  14 +-
 .../# dropdown-button/index.en-US.mdx         |   4 +-
 .../# dropdown-button/index.zh-CN.mdx         |   2 +-
 .../# toggle-switch/index.en-US.mdx           |   4 -
 .../# toggle-switch/index.zh-CN.mdx           |  12 +-
 .../04. dialogs/# window/index.en-US.mdx      |   2 +-
 .../04. dialogs/# window/index.zh-CN.mdx      |   2 +-
 .../06. media/# font-icon/index.zh-CN.mdx     |  26 +-
 .../08. navigation/# frame/index.en-US.mdx    |   6 +-
 .../08. navigation/# frame/index.zh-CN.mdx    | 108 +++----
 .../# navigation-view/index.en-US.mdx         |   6 +-
 .../# navigation-view/index.zh-CN.mdx         |   4 +-
 .../# tab-control/index.en-US.mdx             |   2 -
 .../# tab-control/index.zh-CN.mdx             | 269 ++++++++++++++++++
 .../05.# system-awareness/index.en-US.mdx     |   2 +-
 21 files changed, 404 insertions(+), 145 deletions(-)
 create mode 100644 data/docs/ui-wpf-modern/03. components/08. navigation/# tab-control/index.zh-CN.mdx

diff --git a/CONTRIBUTING.en-US.md b/CONTRIBUTING.en-US.md
index e8dc3ee..d9e8d57 100644
--- a/CONTRIBUTING.en-US.md
+++ b/CONTRIBUTING.en-US.md
@@ -121,7 +121,7 @@ For example, avoid writing like this:
 
 ```md
 2024.5.2 4:08 | 2nd May 2024 | 2024年5月2日下午4点8分
-我买了34个苹果（是红的）和1只鸡【不知道是公鸡 / 还是 / 母鸡】。
+我买了34个苹果 (是红的) 和1只鸡【不知道是公鸡 / 还是 / 母鸡】。
 ```
 
 Instead, write like this for better readability:
diff --git a/CONTRIBUTING.zh-CN.md b/CONTRIBUTING.zh-CN.md
index 4c8de88..3c1307c 100644
--- a/CONTRIBUTING.zh-CN.md
+++ b/CONTRIBUTING.zh-CN.md
@@ -40,7 +40,7 @@
 
 MDX 的强大功能可以将内容与其独特功能相结合。使用 Markdown 清晰地重建您的想法，并使用 Markdown 格式强调重要元素，以引导读者更加层次分明地了解信息。
 
-我们鼓励您在正确的地方使用**告示 (Admonitions)** (一种由 Docusaurus 提供的 MDX 特性），以提供清晰舒适的外观。您可以转到 [admonitions](https://docusaurus.io/zh-CN/docs/markdown-features/admonitions) 来了解更多.
+我们鼓励您在正确的地方使用**告示 (Admonitions)** (一种由 Docusaurus 提供的 MDX 特性) ，以提供清晰舒适的外观。您可以转到 [admonitions](https://docusaurus.io/zh-CN/docs/markdown-features/admonitions) 来了解更多.
 
 请记住，请为步骤和其他方案使用正确的标题结构。例如，这看起来不太好：
 
@@ -121,7 +121,7 @@ launcher-home/
 
 ```
 2024.5.2 4:08 | 2nd May 2024 | 2024年5月2日下午4点8分
-我买了34个苹果（是红的）和1只鸡【不知道是公鸡 / 还是 / 母鸡】。
+我买了34个苹果 (是红的) 和1只鸡【不知道是公鸡 / 还是 / 母鸡】。
 ```
 
 相反，为了更好的可读性，请这样写：
@@ -155,17 +155,17 @@ launcher-home/
 > 如果是文章：02.# article-name
 > 前面的数字是显示在侧边栏的序号，接下来有.作为分隔符。
 >
-> 如果这个文件夹是分类（里面有其他文章），那个就在点后面加空格并写分类的slug（采用kebab命名格式） ，
-> 分类文件夹下应该有_category_.json，_category_.en-US.json，等，他们包含了这一分组的元数据。对于不同语言公用的元数据（比如此分类是否默认展开），就会在_category_.json中；对于语言特定的元数据（比如显示名称，描述），就在_category_.{语言代码}.json中。
+> 如果这个文件夹是分类 (里面有其他文章) ，那个就在点后面加空格并写分类的slug (采用kebab命名格式)  ，
+> 分类文件夹下应该有_category_.json，_category_.en-US.json，等，他们包含了这一分组的元数据。对于不同语言公用的元数据 (比如此分类是否默认展开) ，就会在_category_.json中；对于语言特定的元数据 (比如显示名称，描述) ，就在_category_.{语言代码}.json中。
 > 这个文件中可以写的内容请详见：https://docusaurus.io/zh-CN/docs/sidebar/autogenerated#category-item-metadata
 >
-> 如果这个文件夹是单个文章，那么文件名在序号和点之后应该有一个#号，并且#和slug之间有空格。对于单个文章的文件夹，里面应该有index.meta.yml（单篇文章共用元数据），和内容index.{语言代号}.mdx（如index.en-US.mdx和index.zh-CN.mdx）。对于不同语言公用的元数据，就会在index.meta.yml中以yaml格式存储；队医单个语言特定的元数据，则存储在index.{语言代号}.mdx的front matter中。关于元数据请参见：https://docusaurus.io/zh-CN/docs/markdown-features#front-matter 和 https://docusaurus.io/docs/api/plugins/@docusaurus/plugin-content-docs#markdown-front-matter。
+> 如果这个文件夹是单个文章，那么文件名在序号和点之后应该有一个#号，并且#和slug之间有空格。对于单个文章的文件夹，里面应该有index.meta.yml (单篇文章共用元数据) ，和内容index.{语言代号}.mdx (如index.en-US.mdx和index.zh-CN.mdx) 。对于不同语言公用的元数据，就会在index.meta.yml中以yaml格式存储；队医单个语言特定的元数据，则存储在index.{语言代号}.mdx的front matter中。关于元数据请参见：https://docusaurus.io/zh-CN/docs/markdown-features#front-matter 和 https://docusaurus.io/docs/api/plugins/@docusaurus/plugin-content-docs#markdown-front-matter。
 > 文章中的图片应当和index.{..}.mdx存在同一目录内，并且以简短的kebab形式命名，比如 create-a-new-project.png。对于屏幕截图和其他较小的图片，请使用png格式，对于较大的图片，请使用jpg格式。
 >
-> 文章内采用mdx格式进行编写，建议积极使用MDX的特殊功能，如告示（https://docusaurus.io/zh-CN/docs/markdown-features/admonitions）。
+> 文章内采用mdx格式进行编写，建议积极使用MDX的特殊功能，如告示 (https://docusaurus.io/zh-CN/docs/markdown-features/admonitions) 。
 > 请严格按照markdown的1-3级标题规划文章结构，并在合适的位置使用****，``，**，等markdown格式，这样能让读者更好地分清重点。
 >
-> 在编写中文文章时，请一定要注意在 [中文] 和 [英文/字母/数字/半角符号] 中使用空格。所有括号请使用半角符号，并在括号的外侧各添加一个空格。（斜线可以不加空格）
-> 比如错误示范：2024年5月2日，我买了34个苹果（是红的）和1只鸡【不知道是公鸡 / 还是 / 母鸡】。
+> 在编写中文文章时，请一定要注意在 [中文] 和 [英文/字母/数字/半角符号] 中使用空格。所有括号请使用半角符号，并在括号的外侧各添加一个空格。 (斜线可以不加空格) 
+> 比如错误示范：2024年5月2日，我买了34个苹果 (是红的) 和1只鸡【不知道是公鸡 / 还是 / 母鸡】。
 > 正确示范：2024 年 5 月 2 日，我买了 34 个苹果 (是红的) 和 1 只鸡 [不知道是公鸡/还是/母鸡]。
 > ```
diff --git a/data/blogs/blog/2024-09-17-reflection-interest-in-opensource-community/index.zh-CN.mdx b/data/blogs/blog/2024-09-17-reflection-interest-in-opensource-community/index.zh-CN.mdx
index ee4f1f1..3ec2d43 100644
--- a/data/blogs/blog/2024-09-17-reflection-interest-in-opensource-community/index.zh-CN.mdx
+++ b/data/blogs/blog/2024-09-17-reflection-interest-in-opensource-community/index.zh-CN.mdx
@@ -10,7 +10,7 @@ tags: ["开源", "利益", "回顾与反思", "社区", "iNKORE.UI.WPF.Modern"]
 
 :::note
 
-**极限省流版 (表达并不准确也不够中立，有时间和心情的话最好看下文)：** 开放源代码社区里，我们借鉴了别人的代码 (根据 MIT 许可证完全合法合理吗，除了我们疏忽未将原作者名字进行标注) 做了个衍生作品，我们做得比原作者好（用的人比原作多，收藏数量是原作的十多倍），原作者急眼了，到处去群里爆我们阴阳我们。虽然我们没有按照许可证要求标明原作者，但是我们在事情发生之后第一时间找到了原作者，可是他变本加厉，继续阴阳...
+**极限省流版 (表达并不准确也不够中立，有时间和心情的话最好看下文)：** 开放源代码社区里，我们借鉴了别人的代码 (根据 MIT 许可证完全合法合理吗，除了我们疏忽未将原作者名字进行标注) 做了个衍生作品，我们做得比原作者好 (用的人比原作多，收藏数量是原作的十多倍) ，原作者急眼了，到处去群里爆我们阴阳我们。虽然我们没有按照许可证要求标明原作者，但是我们在事情发生之后第一时间找到了原作者，可是他变本加厉，继续阴阳...
 
 :::
 
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# button/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# button/index.zh-CN.mdx
index fd62ed3..f53cd26 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# button/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# button/index.zh-CN.mdx	
@@ -4,7 +4,7 @@ description: "一种响应用户输入并引发 Click 事件的控件。"
 
 # Button
 
-按钮允许用户通过一次点击来执行操作并做出选择。它会响应来自鼠标、键盘、触控笔或其他输入设备的输入，并引发 Click 事件。
+Button 允许用户通过一次点击来执行操作并做出选择。它会响应来自鼠标、键盘、触控笔或其他输入设备的输入，并引发 Click 事件。
 
 - **类**: [System.Windows.Controls](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls)[.Button](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.button)
 
@@ -18,9 +18,9 @@ Button 的主要用途是在用户单击它时触发某些操作。实现这一
 
 以下示例展示了 Button 控件的常见用法。
 
-### 一个基础按钮
+### 一个基础 Button
 
-通过使用 Button 类，你可以创建一个按钮。可以使用 Content 属性添加内容，并使用 Click 事件处理其被单击时的逻辑。
+通过使用 Button 类，你可以创建一个 Button。可以使用 Content 属性添加内容，并使用 Click 事件处理其被单击时的逻辑。
 
 ```xml
 <Button Content="Click me" Click="Button_Click"/>
@@ -29,17 +29,17 @@ Button 的主要用途是在用户单击它时触发某些操作。实现这一
 ```csharp
 private void Button_Click(object sender, RoutedEventArgs e)
 {
-    // 在按钮被单击时执行操作！
+    // 在 Button 被单击时执行操作！
 }
 ```
 
-然后你就可以看到一个带文本的普通按钮，并尝试单击它！
+然后你就可以看到一个带文本的普通 Button，并尝试单击它！
 
-![一个基础按钮](a-basic-button.png)
+![一个基础 Button](a-basic-button.png)
 
-### 带图标的按钮
+### 带图标的 Button
 
-按钮通常只包含简单的字符串内容，但你可以使用任何对象作为内容。使用以下代码，你会得到一个仅包含图标和工具提示的按钮：
+Button 通常只包含简单的字符串内容，但你可以使用任何对象作为内容。使用以下代码，你会得到一个仅包含图标和工具提示的 Button：
 
 ```xml
 <Button ToolTip="Save my documents">
@@ -47,11 +47,11 @@ private void Button_Click(object sender, RoutedEventArgs e)
 </Button>
 ```
 
-![仅带图标的按钮](button-with-icon-only.png)
+![仅带图标的 Button](button-with-icon-only.png)
 
 有关 *ui:FontIcon* 的更多信息，请[点击这里](%BASE_NAME%/components/media/font-icon)
 
-### 带图标和文本的按钮
+### 带图标和文本的 Button
 
 如果你想同时显示图标和文本，最好的方式是使用 ui:IconAndText 组件。它将图标和文本组合在一起：
 
@@ -65,7 +65,7 @@ private void Button_Click(object sender, RoutedEventArgs e)
 
 有关 IconAndText 的更多信息，请[点击这里](%BASE_NAME%/components/media/icon-and-text)
 
-如果你不想使用 FontIcon，或者你想完全自定义子组件（不推荐这样做，因为这可能会增加复杂性并使维护更困难），可以尝试以下代码：
+如果你不想使用 FontIcon，或者你想完全自定义子组件 (不推荐这样做，因为这可能会增加复杂性并使维护更困难) ，可以尝试以下代码：
 
 ```xml
 <Button>
@@ -76,11 +76,11 @@ private void Button_Click(object sender, RoutedEventArgs e)
 </Button>
 ```
 
-### 强调按钮
+### 强调按钮 (Accent Button)
 
 强调按钮属于高强调级别，通过使用层级和填充进行区分。它们包含对你的应用程序最重要的操作。
 
-要为按钮应用强调样式，需要将 Style 属性设置为 `{StaticResource {x:Static ui:ThemeKeys.AccentButtonStyleKey}}`。
+要为 Button 应用强调样式，需要将 Style 属性设置为 `{StaticResource {x:Static ui:ThemeKeys.AccentButtonStyleKey}}`。
 
 ```xml
 <Button Style="{StaticResource {x:Static ui:ThemeKeys.AccentButtonStyleKey}}"/>
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# check-box/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# check-box/index.zh-CN.mdx
index e7f0ce5..8a9a7b2 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# check-box/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# check-box/index.zh-CN.mdx	
@@ -4,7 +4,7 @@ description: "用户可以选中或清除的控件。"
 
 # CheckBox
 
-您可以在应用程序的用户界面 (UI) 中使用 CheckBox 来表示用户可以选中或清除的选项。您可以使用单个复选框，也可以将两个或多个复选框分组使用。
+您可以在应用程序的用户界面 (UI) 中使用 CheckBox 来表示用户可以选中或清除的选项。您可以使用单个 CheckBox，也可以将两个或多个 CheckBox 分组使用。
 
 - **类**: [System.Windows.Controls](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls)[.CheckBox](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.checkbox)
 
@@ -64,33 +64,33 @@ Indeterminate:
 
 ## 备注
 
-CheckBox 控件继承自 [ToggleButton](%BASE_NAME%/components/basic-input/toggle-button)，并且可以具有三种状态：已选中（selected）、未选中（cleared）和不确定。
+CheckBox 控件继承自 [ToggleButton](%BASE_NAME%/components/basic-input/toggle-button)，并且可以具有三种状态：已选中 (selected) 、未选中 (cleared) 和不确定。
 
-CheckBox 是一个 ContentControl，这意味着它可以包含任意类型的单个对象（例如字符串、图像或面板）。有关详细信息，请参阅 [ContentControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.contentcontrol) 类。
+CheckBox 是一个 ContentControl，这意味着它可以包含任意类型的单个对象 (例如字符串、图像或面板) 。有关详细信息，请参阅 [ContentControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.contentcontrol) 类。
 
 ### 这是正确的控件吗？
 
-对于二元的“是/否”选择，请使用单个复选框，例如“记住我？”登录场景或服务条款同意场景。
+对于二元的“是/否”选择，请使用单个 CheckBox，例如“记住我？”登录场景或服务条款同意场景。
 
-![用于单个选择的复选框](single-check-box.png)
+![用于单个选择的CheckBox](single-check-box.png)
 
-对于二元选择，复选框与 [ToggleSwitch](%BASE_NAME%/components/basic-input/toggle-switch) 的主要区别在于，复选框用于状态，切换开关用于操作。您可以延迟提交复选框交互（例如作为表单提交的一部分），而切换开关交互应立即提交。另外，只有复选框支持多选。
+对于二元选择，CheckBox 与 [ToggleSwitch](%BASE_NAME%/components/basic-input/toggle-switch) 的主要区别在于，CheckBox 用于状态，ToggleSwitch 用于操作。您可以延迟提交 CheckBox 交互 (例如作为表单提交的一部分) ，而 ToggleSwitch 交互应立即提交。另外，只有 CheckBox 支持多选。
 
-对于用户从一组非互斥选项中选择一个或多个项目的多选场景，请使用**多个复选框**。
+对于用户从一组非互斥选项中选择一个或多个项目的多选场景，请使用**多个 CheckBox**。
 
-当用户可以选择任意组合的选项时，请创建一组复选框。
+当用户可以选择任意组合的选项时，请创建一组 CheckBox。
 
-![使用复选框选择多个选项](multiple-options.png)
+![使用 CheckBox 选择多个选项](multiple-options.png)
 
-当选项可以分组时，您可以使用不确定状态的复选框来表示整个组。当用户选择了组中的部分子项但不是全部子项时，请使用复选框的不确定状态。
+当选项可以分组时，您可以使用 Indeterminate 状态的 CheckBox 来表示整个组。当用户选择了组中的部分子项但不是全部子项时，请使用 CheckBox 的Indeterminate 状态。
 
-![用于显示混合选择的复选框](tree-check-boxes.png)
+![用于显示混合选择的 CheckBox](tree-check-boxes.png)
 
-复选框和单选按钮都允许用户从一组选项中进行选择。复选框允许用户选择多个选项的组合；而单选按钮允许用户在互斥选项中做出单一选择。当有多个选项但只能选择其中一个时，请改用 [RadioButton](%BASE_NAME%/components/basic-input/radio-button)。
+CheckBox 和 RadioButton 都允许用户从一组选项中进行选择。CheckBox 允许用户选择多个选项的组合；而 RadioButton 允许用户在互斥选项中做出单一选择。当有多个选项但只能选择其中一个时，请改用 [RadioButton](%BASE_NAME%/components/basic-input/radio-button)。
 
 :::tip
 
-如果列表中有多个选项，您可以使用复选框而不是开/关切换开关来节省空间。如果只有一个选项，请避免使用复选框，而应使用开/关切换开关。
+如果列表中有多个选项，您可以使用 CheckBox 而不是开/关 ToggleSwitch 来节省空间。如果只有一个选项，请避免使用 CheckBox，而应使用开/关 ToggleSwitch。
 
 :::
 
@@ -102,7 +102,7 @@ CheckBox 控件有一个内置样式：
 
 ### 紧凑尺寸
 
-如果您在紧凑布局中使用 CheckBox，可能会发现即使复选框没有内容，它也会占用一定空间。这是因为默认样式中设置了 **MinWidth** 属性。
+如果您在紧凑布局中使用 CheckBox，可能会发现即使 CheckBox 没有内容，它也会占用一定空间。这是因为默认样式中设置了 **MinWidth** 属性。
 
 ![](still-taking-space.png)
 
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.en-US.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.en-US.mdx
index 58a3b88..8a3804c 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.en-US.mdx	
@@ -4,7 +4,7 @@ description: "A drop-down list of items a user can select from."
 
 # ComboBox
 
-Use a combo box (also known as a drop-down list) to present a list of items that a user can select from. A combo box starts in a compact state and expands to show a list of selectable items. A list box is similar to a combo box, but is not collapsible/does not have a compact state. You can learn more about list boxes at the end of this article.
+Use a ComboBox (also known as a drop-down list) to present a list of items that a user can select from. A ComboBox starts in a compact state and expands to show a list of selectable items. A list box is similar to a ComboBox, but is not collapsible/does not have a compact state. You can learn more about list boxes at the end of this article.
 
 - **Class**: [System.Windows.Controls](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls)[.ComboBox](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.combobox); 
 
@@ -55,16 +55,16 @@ Then you can choose a city from the ComboBox.
 
 Use a drop-down list to let users select a single value from a set of items that can be adequately represented with single lines of text.
 
-Use a list or grid view instead of a combo box to display items that contain multiple lines of text or images.
+Use a ListView or GridView instead of a ComboBox to display items that contain multiple lines of text or images.
 
-When there are fewer than five items, consider using radio buttons (if only one item can be selected) or check boxes (if multiple items can be selected).
+When there are fewer than five items, consider using RadioButton (if only one item can be selected) or CheckBox (if multiple items can be selected).
 
-Use a combo box when the selection items are of secondary importance in the flow of your app. If the default option is recommended for most users in most situations, showing all the items by using a list view might draw more attention to the options than necessary. You can save space and minimize distraction by using a combo box.
+Use a ComboBox when the selection items are of secondary importance in the flow of your app. If the default option is recommended for most users in most situations, showing all the items by using a ListView might draw more attention to the options than necessary. You can save space and minimize distraction by using a ComboBox.
 
 :::tip Recommendations
 
-Limit the text content of combo box items to a single line.
-Sort items in a combo box in the most logical order. Group together related options and place the most common options at the top. Sort names in alphabetical order, numbers in numerical order, and dates in chronological order.
+Limit the text content of ComboBox items to a single line.
+Sort items in a ComboBox in the most logical order. Group together related options and place the most common options at the top. Sort names in alphabetical order, numbers in numerical order, and dates in chronological order.
 
 :::
 
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx
index 984bb19..81fcc07 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx	
@@ -4,7 +4,7 @@ description: "一个用户可以从中选择项目的下拉列表。"
 
 # ComboBox
 
-使用组合框（也称为下拉列表）呈现用户可以选择的项目列表。组合框以紧凑状态开始，然后展开以显示可选项目的列表。列表框类似于组合框，但不可折叠/没有紧凑状态。您可以在本文末尾了解有关列表框的更多信息。
+使用组合框 (也称为下拉列表) 呈现用户可以选择的项目列表。组合框以紧凑状态开始，然后展开以显示可选项目的列表。列表框类似于组合框，但不可折叠/没有紧凑状态。您可以在本文末尾了解有关列表框的更多信息。
 
 - **类**: [System.Windows.Controls](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls)[.ComboBox](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.combobox); 
 
@@ -55,22 +55,22 @@ class VacationSpots : ObservableCollection<string>
 
 使用下拉列表允许用户从可以用单行文本充分表示的一组项目中选择单个值。
 
-使用列表或网格视图而不是组合框来显示包含多行文本或图像的项目。
+使用列表或网格视图而不是 ComboBox 来显示包含多行文本或图像的项目。
 
-当项目少于五个时，考虑使用单选按钮（如果只能选择一项）或复选框（如果可以选择多项）。
+当项目少于五个时，考虑使用单选按钮 (如果只能选择一项) 或ComboBox (如果可以选择多项) 。
 
-当选择项目在您的应用程序流中的重要性不高时，使用组合框。如果在大多数情况下建议使用默认选项，那么使用列表视图显示所有项目可能会比必要的给予选项更多关注。您可以使用组合框节省空间并最大程度地减少干扰。
+当选择项目在您的应用程序流中的重要性不高时，使用 ComboBox。如果在大多数情况下建议使用默认选项，那么使用列表视图显示所有项目可能会比必要的给予选项更多关注。您可以使用 ComboBox 节省空间并最大程度地减少干扰。
 
 :::tip 建议
 
-将组合框项目的文本内容限制为单行。
-以最合理的顺序对组合框中的项目进行排序。将相关选项组合在一起，并将最常见的选项放在顶部。按字母顺序对名称排序，按数值顺序对数字排序，按时间顺序对日期排序。
+将 ComboBox 项目的文本内容限制为单行。
+以最合理的顺序对 ComboBox 中的项目进行排序。将相关选项组合在一起，并将最常见的选项放在顶部。按字母顺序对名称排序，按数值顺序对数字排序，按时间顺序对日期排序。
 
 :::
 
 ## ItemsControl
 
-ComboBox 允许用户从下拉列表中选择一个项目，或者可以选择在控件的文本框中输入新文本。ComboBox 是一个 ItemsControl，这意味着它可以包含任何类型的对象集合（例如字符串、图像或面板）。有关更多信息，请参阅 [ItemsControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.itemscontrol) 类。
+ComboBox 允许用户从其中选择一个项目，或者可以选择在控件的文本框中输入新文本。ComboBox 是一个 ItemsControl，这意味着它可以包含任何类型的对象集合 (例如字符串、图像或面板) 。有关更多信息，请参阅 [ItemsControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.itemscontrol) 类。
 
 ### 扩展属性
 
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.en-US.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.en-US.mdx
index 471a642..050f267 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.en-US.mdx	
@@ -8,7 +8,7 @@ A DropDownButton is a button that shows a chevron as a visual indicator that it
 
 - **Class**: [iNKORE.UI.WPF.Modern.Controls.DropDownButton](%BASE_NAME%/definitions/controls/dropdown-button)
 
-The drop down button inherits the Click event, but you typically don't use it. Instead, you use the Flyout property to attach a flyout and invoke actions by using menu options in the flyout. The flyout opens automatically when the button is clicked. Be sure to specify the Placement property of your flyout to ensure the desired placement in relation to the button. The default placement algorithm might not produce the intended placement in all situations. For more info about flyouts, see **Flyout** and **MenuFlyout**.
+The DropDownButton inherits the Click event, but you typically don't use it. Instead, you use the Flyout property to attach a flyout and invoke actions by using menu options in the flyout. The flyout opens automatically when the button is clicked. Be sure to specify the Placement property of your flyout to ensure the desired placement in relation to the button. The default placement algorithm might not produce the intended placement in all situations. For more info about flyouts, see **Flyout** and **MenuFlyout**.
 
 ## Examples
 
@@ -30,7 +30,7 @@ This code makes a DropDownButton that has a flyout which opens when the button i
 
 ### With MenuFlyout
 
-This example shows how to create a drop down button with a MenuFlyout that contains commands for paragraph alignment in a TextBox.
+This example shows how to create a DropDownButton with a MenuFlyout that contains commands for paragraph alignment in a TextBox.
 
 ```xml
 <ui:DropDownButton x:Name="DropDownButton_Align">
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.zh-CN.mdx
index 4dc89fb..b4e28cb 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.zh-CN.mdx	
@@ -8,7 +8,7 @@ DropDownButton 是一个按钮，显示一个 Chevron 图标作为视觉指示
 
 - **类**: [iNKORE.UI.WPF.Modern.Controls.DropDownButton](%BASE_NAME%/definitions/controls/dropdown-button)
 
-下拉按钮继承了 Click 事件，但您通常不会使用它。相反，您应使用 Flyout 属性来附加浮出菜单，并通过浮出菜单中的菜单选项来调用操作。当按下按钮时，浮出菜单会自动打开。请确保指定浮出菜单的 Placement 属性，以确保相对于按钮的所需位置。默认的放置算法可能不会在所有情况下产生预期的放置。有关浮出菜单的更多信息，请参阅**浮出菜单**和**菜单浮出菜单**。
+DropDownButton 继承了 Click 事件，但您通常不会使用它。相反，您应使用 Flyout 属性来附加浮出菜单，并通过浮出菜单中的菜单选项来调用操作。当按下按钮时，浮出菜单会自动打开。请确保指定浮出菜单的 Placement 属性，以确保相对于按钮的所需位置。默认的放置算法可能不会在所有情况下产生预期的放置。有关浮出菜单的更多信息，请参阅**浮出菜单**和**菜单浮出菜单**。
 
 ## 示例
 
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# toggle-switch/index.en-US.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# toggle-switch/index.en-US.mdx
index 4796171..cd93c28 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# toggle-switch/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# toggle-switch/index.en-US.mdx	
@@ -54,10 +54,6 @@ Use a toggle switch for binary operations that take effect right after the user
 
 ### Styles
 
-There is one built-in style for Button control:
-
-- **DefaultCheckBoxStyle**: The default style for CheckBox, you can access it with `ui:ThemeKeys.DefaultCheckBoxStyleKey`.
-
 Think of the toggle switch as a physical power switch for a device: you flip it on or off when you want to enable or disable the action performed by the device.
 
 To make the toggle switch easy to understand, label it with one or two words, preferably nouns, that describe the functionality it controls. For example, "WiFi" or "Kitchen lights."
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# toggle-switch/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# toggle-switch/index.zh-CN.mdx
index d46b64f..d5db416 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# toggle-switch/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# toggle-switch/index.zh-CN.mdx	
@@ -4,7 +4,7 @@ description: "一个可以在 2 种状态之间切换的开关。"
 
 # ToggleSwitch
 
-使用 ToggleSwitch 控件向用户呈现恰好两个相互排斥的选项（如开/关），选择一个选项会立即提交。切换开关应该有一个标签。
+使用 ToggleSwitch 控件向用户呈现恰好两个相互排斥的选项 (如开/关) ，选择一个选项会立即提交。ToggleSwitch 应该有一个标签。
 
 - **类**: [iNKORE.UI.WPF.Modern.Controls](..)[.ToggleSwitch](.)
 
@@ -54,25 +54,21 @@ private void ToggleSwitch_MainLight_Toggled(object sender, RoutedEventArgs e)
 
 ### 样式
 
-Button 控件有一个内置样式：
-
-- **DefaultCheckBoxStyle**: CheckBox 的默认样式，您可以使用 `ui:ThemeKeys.DefaultCheckBoxStyleKey` 访问它。
-
 将 ToggleSwitch 想象为设备的物理电源开关：当您想启用或禁用设备执行的操作时，您将其打开或关闭。
 
-为了使 ToggleSwitch 易于理解，用一或两个词（最好是名词）标记它，以描述它控制的功能。例如，"WiFi" 或 "厨房灯"。
+为了使 ToggleSwitch 易于理解，用一或两个词 (最好是名词) 标记它，以描述它控制的功能。例如，"WiFi" 或 "厨房灯"。
 
 ### 在 ToggleSwitch 和 CheckBox 之间选择
 
 对于某些操作，ToggleSwitch 或 CheckBox 可能都适用。为了决定哪个控件更好，请遵循以下提示：
 
-- 对于二元设置，当用户更改后立即生效时，使用切换开关。
+- 对于二元设置，当用户更改后立即生效时，使用 ToggleSwitch。
 
    ![](switch-vs-checkbox.png)
 
    在此示例中，使用 ToggleSwitch 可以清楚地看到厨房灯已设置为 "打开"。但对于 CheckBox，用户需要思考灯现在是否亮着，或者他们是否需要勾选框来打开灯。
 
-- 对于可选（"锦上添花"）项目，使用 CheckBox。
+- 对于可选 ("锦上添花") 项目，使用 CheckBox。
 
 - 当用户必须执行额外步骤才能使更改生效时，使用 CheckBox。例如，如果用户必须单击 "提交" 或 "下一步" 按钮来应用更改，请使用 CheckBox。
 
diff --git a/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.en-US.mdx b/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.en-US.mdx
index b0bcbe1..c3edf32 100644
--- a/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.en-US.mdx	
@@ -122,7 +122,7 @@ public partial class MainWindow : Window
 }
 ```
 
-When clicking the back button, you may see the expected message box coming up. You can replace the message box with your own logic to navigate back to the previous window or page.
+When clicking the back button, you may see the expected MessageBox coming up. You can replace the MessageBox with your own logic to navigate back to the previous window or page.
 
 ![Window with back button](window-with-back-button.png)
 
diff --git a/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.zh-CN.mdx
index 0368d2d..30c46a3 100644
--- a/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.zh-CN.mdx	
@@ -151,7 +151,7 @@ public partial class MainWindow : Window
 
 > **托管调试助手**: 对 PInvoke 函数 'iNKORE.UI.WPF.Modern!iNKORE.UI.WPF.Modern.Controls.Primitives.MaximizedWindowFixer::GetWindowPlacement' 的调用导致堆栈不对称. 原因可能是托管的 PInvoke 签名与非托管的目标签名不匹配。请检查 PInvoke 签名的调用约定和参数与非托管的目标签名是否匹配。
 
-此异常是**无害的，可以忽略**。如果您想消除此异常，您可以将此属性设置为 **False**（不推荐，因为它会破坏最大化功能）。
+此异常是**无害的，可以忽略**。如果您想消除此异常，您可以将此属性设置为 **False** (不推荐，因为它会破坏最大化功能) 。
 
 ```xml
 ui:WindowHelper.FixMaximizedWindow="False"
diff --git a/data/docs/ui-wpf-modern/03. components/06. media/# font-icon/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/06. media/# font-icon/index.zh-CN.mdx
index 493032b..796b6c8 100644
--- a/data/docs/ui-wpf-modern/03. components/06. media/# font-icon/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/06. media/# font-icon/index.zh-CN.mdx	
@@ -62,13 +62,13 @@ FontIcon 是一个用于显示指定字体中图标字形的控件。它是 Imag
 
 ![Different sizes of Fluent System Icons](different-sizes-of-fluent-system.png)
 
-对于带有指定尺寸的图标集（例如 Fluent System Icons），您还需要在组件中通过 **FontSize** 属性指定匹配尺寸。
+对于带有指定尺寸的图标集 (例如 Fluent System Icons) ，您还需要在组件中通过 **FontSize** 属性指定匹配尺寸。
 
 :::info
 
-**FontSize** 属性的默认值是 `16`。如果图标集本身就是为 16px 设计（例如 Segoe Fluent Icons），通常不需要额外指定 **FontSize**。
+**FontSize** 属性的默认值是 `16`。如果图标集本身就是为 16px 设计 (例如 Segoe Fluent Icons) ，通常不需要额外指定 **FontSize**。
 
-某些图标集会打包多个尺寸的图标（例如 Fluent System Icons），这时正确设置 FontSize 非常重要。
+某些图标集会打包多个尺寸的图标 (例如 Fluent System Icons) ，这时正确设置 FontSize 非常重要。
 
 如果元素的 FontSize 与图标设计尺寸不匹配，像素级对齐效果可能会丢失，图标看起来也可能不自然。
 
@@ -94,13 +94,13 @@ FontIcon 是一个用于显示指定字体中图标字形的控件。它是 Imag
 
 我们强烈不建议这样做，因为这会提高代码耦合度和复杂度，后期维护成本也更高。
 
-建议优先使用现成的、符合 Fluent Design 的图标库（见上文），或将您自己的图标库封装为 FontIconData（[教程在此](COMING_SOON)）。不要把 Glyph 属性作为常规方案。
+建议优先使用现成的、符合 Fluent Design 的图标库 (见上文) ，或将您自己的图标库封装为 FontIconData ([教程在此](COMING_SOON)) 。不要把 Glyph 属性作为常规方案。
 
 :::
 
 ### 分层与镜像
 
-某些图标（例如 Segoe Fluent Icons）具有相同固定宽度、统一高度和一致的左侧起点，因此可以通过将字形直接叠加来实现分层和着色效果。下例展示了在零宽红色爱心上绘制黑色轮廓。
+某些图标 (例如 Segoe Fluent Icons) 具有相同固定宽度、统一高度和一致的左侧起点，因此可以通过将字形直接叠加来实现分层和着色效果。下例展示了在零宽红色爱心上绘制黑色轮廓。
 
 ```xml
 <Grid>
@@ -146,7 +146,7 @@ FontIcon 是一个用于显示指定字体中图标字形的控件。它是 Imag
 
 如果您使用上文提到的 Microsoft 预置图标集，请注意图标可用性。
 
-- 对于 **Segoe Fluent Icons**，FontIcon 会使用系统中的字体。换言之，它们通常仅能在 Windows 11 或更高版本中正确渲染。在 Windows 10 上会回退到 **Segoe MDL Assets 2**（旧设计），在 Windows 7 上则不会渲染这些图标。另外，某些图标在 Segoe MDL Assets 2 中可能缺失，只有用户机器安装了 Segoe Fluent Icons 字体后才可用。
+- 对于 **Segoe Fluent Icons**，FontIcon 会使用系统中的字体。换言之，它们通常仅能在 Windows 11 或更高版本中正确渲染。在 Windows 10 上会回退到 **Segoe MDL Assets 2** (旧设计) ，在 Windows 7 上则不会渲染这些图标。另外，某些图标在 Segoe MDL Assets 2 中可能缺失，只有用户机器安装了 Segoe Fluent Icons 字体后才可用。
 
     :::info 为什么不内置 Segoe Icons？
 
@@ -154,7 +154,7 @@ FontIcon 是一个用于显示指定字体中图标字形的控件。它是 Imag
 
     强烈建议使用开放且免费的 **Fluent System Icons**。它不仅支持多尺寸，还同时提供 regular 与 filled 两种变体。
 
-    如果您确实要使用 Segoe Fluent Icons 并希望应用兼容 Windows 7，最佳做法是先检测用户设备是否安装了 Segoe Fluent Icons。若未安装，可引导用户从 Microsoft 下载字体（https://aka.ms/SegoeFluentIcons）并安装。
+    如果您确实要使用 Segoe Fluent Icons 并希望应用兼容 Windows 7，最佳做法是先检测用户设备是否安装了 Segoe Fluent Icons。若未安装，可引导用户从 Microsoft 下载字体 (https://aka.ms/SegoeFluentIcons) 并安装。
     安装后需要重启应用，WPF 才能正确加载新字体。
 
     :::
@@ -171,17 +171,17 @@ FontIcon 是一个用于显示指定字体中图标字形的控件。它是 Imag
 
 ### 相关文章
 
-- [Components / ImageIcon](./image-icon)
+- [组件 / ImageIcon](./image-icon)
 
-- [Components / SymbolIcon](./symbol-icon)
+- [组件 / SymbolIcon](./symbol-icon)
 
-- [Components / PathIcon](./path-icon)
+- [组件 / PathIcon](./path-icon)
 
-- [Components / IconAndText](./icon-and-text)
+- [组件 / IconAndText](./icon-and-text)
 
-- [Components / Button](../basic-input/button)
+- [组件 / Button](../basic-input/button)
 
-- [Components / AppBarButton](../menu-and-toolbars/appbar-button)
+- [组件 / AppBarButton](../menu-and-toolbars/appbar-button)
 
 ### Microsoft Learn
 
diff --git a/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.en-US.mdx b/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.en-US.mdx
index 1826a3c..ddbea96 100644
--- a/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.en-US.mdx	
@@ -382,16 +382,16 @@ A Frame automatically uses NavigationThemeTransition to animate navigation betwe
 
 #### Drill
 
-Use drill when users navigate deeper into an app, such as displaying more information after selecting an item.
+Use Drill when users navigate deeper into an app, such as displaying more information after selecting an item.
 
 The desired feeling is that the user has gone deeper into the app.
 
 ![Drill](drill.gif)
 
-The drill animation is represented by the DrillInNavigationTransitionInfo class.
+The Drill animation is represented by the DrillInNavigationTransitionInfo class.
 
 ```csharp
-// Play the drill in animation
+// Play the Drill-in animation
 myFrame.Navigate(Page_2, null, new DrillInNavigationTransitionInfo());
 ```
 
diff --git a/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.zh-CN.mdx
index 5949ebe..7235c39 100644
--- a/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.zh-CN.mdx	
@@ -18,7 +18,7 @@ WPF 的 Frame 控件支持在内容之间进行导航。Frame 可以由 Window
 
 以下示例展示如何创建一个简单的 Frame 控件，并在一组页面之间导航。
 
-首先，创建两个页面，分别命名为 `Page1.xaml` 和 `Page2.xaml`。新建一个名为 `Pages` 的文件夹，右键该文件夹并选择 **Add** → **New Item**。选择 **WPF / Page** 并命名为 `Page1.xaml`。重复同样步骤创建 `Page2.xaml`。
+首先，创建两个页面，分别命名为 `Page1.xaml` 和 `Page2.xaml`。新建一个名为 `Pages` 的文件夹，右键该文件夹并选择 **添加** → **新建项**。选择 **页 (WPF) ** 并命名为 `Page1.xaml`。重复同样步骤创建 `Page2.xaml`。
 
 ![Add a file to the project](add-a-fiile-to-project.png)
 
@@ -30,7 +30,7 @@ WPF 的 Frame 控件支持在内容之间进行导航。Frame 可以由 Window
 xmlns:ui="http://schemas.inkore.net/lib/ui/wpf/modern"
 ```
 
-将根类从 Page 改为 `ui:Page`。然后进入代码隐藏文件（例如 `Page1.xaml.cs`），把基类从 Page 改为 `iNKORE.UI.WPF.Modern.Controls.Page`。
+将根类从 Page 改为 `ui:Page`。然后进入代码隐藏文件 (例如 `Page1.xaml.cs`) ，把基类从 Page 改为 `iNKORE.UI.WPF.Modern.Controls.Page`。
 
 接着向页面中添加一些内容。例如，为每个页面添加一个 `TextBlock` 来显示页面名称。
 
@@ -181,7 +181,7 @@ private void Button_NavigateToPage1_Click(object sender, RoutedEventArgs e)
 }
 ```
 
-或者这样（更推荐）：
+或者这样 (更推荐) ：
 
 ```csharp
 Page1 Page_1 = new Page1();
@@ -242,7 +242,7 @@ public void NavigateTo(object content, object? extraData = null, NavigationTrans
 ```csharp
 private void Button_NavigateToPage1_Click(object sender, RoutedEventArgs e)
 {
-    // Don't use `Frame_Main.Navigate(Page_1) any more, it won't work.`
+    // 不要再使用 `Frame_Main.Navigate(Page_1)` 了，这不会生效。
 # highlight-next-line
     NavigateTo(Page_1);
 }
@@ -268,59 +268,59 @@ private void Button_NavigateToPage2_Click(object sender, RoutedEventArgs e)
 
 ```csharp
 /// <summary>
-/// Causes the Frame to load content represented by the specified Page.
+/// 使 Frame 加载由指定 Page 表示的内容。
 /// </summary>
-/// <param name="sourcePageType">The page to navigate to, specified as a type reference to its partial class type.</param>
-/// <returns>true if navigation is not canceled; otherwise, false.</returns>
+/// <param name="sourcePageType">要导航到的页面，以其部分类类型的类型引用指定。</param>
+/// <returns>如果导航未被取消，则为 true；否则为 false。</returns>
 public bool Navigate(Type sourcePageType);
 
 /// <summary>
-/// Causes the Frame to load content represented by the specified Page, also passing
-/// a parameter to be interpreted by the target of the navigation.
+/// 使 Frame 加载由指定 Page 表示的内容，并同时传递一个参数，
+/// 供导航目标解释。
 /// </summary>
-/// <param name="sourcePageType">The page to navigate to, specified as a type reference to its partial class type.</param>
-/// <param name="parameter">The navigation parameter to pass to the target page.</param>
-/// <returns>true if navigation is not canceled; otherwise, false.</returns>
+/// <param name="sourcePageType">要导航到的页面，以其部分类类型的类型引用指定。</param>
+/// <param name="parameter">传递给目标页面的导航参数。</param>
+/// <returns>如果导航未被取消，则为 true；否则为 false。</returns>
 public bool Navigate(Type sourcePageType, object parameter);
 
 /// <summary>
-/// Causes the Frame to load content represented by the specified Page -derived data
-/// type, also passing a parameter to be interpreted by the target of the navigation,
-/// and a value indicating the animated transition to use.
+/// 使 Frame 加载由指定 Page 派生数据类型表示的内容，
+/// 同时传递一个供导航目标解释的参数，
+/// 以及一个指示要使用的动画过渡效果的值。
 /// </summary>
-/// <param name="sourcePageType">The page to navigate to, specified as a type reference to its partial class type.</param>
-/// <param name="parameter">The navigation parameter to pass to the target page.</param>
-/// <param name="infoOverride">Info about the animated transition.</param>
-/// <returns>true if navigation is not canceled; otherwise, false.</returns>
+/// <param name="sourcePageType">要导航到的页面，以其部分类类型的类型引用指定。</param>
+/// <param name="parameter">传递给目标页面的导航参数。</param>
+/// <param name="infoOverride">有关动画过渡的信息。</param>
+/// <returns>如果导航未被取消，则为 true；否则为 false。</returns>
 public bool Navigate(Type sourcePageType, object parameter, NavigationTransitionInfo infoOverride);
 
 /// <summary>
-/// Navigates asynchronously to content that is contained by an object.
+/// 异步导航到由对象包含的内容。
 /// </summary>
-/// <param name="content">An System.Object that contains the content to navigate to.</param>
-/// <param name="infoOverride">Info about the animated transition.</param>
-/// <returns>true if navigation is not canceled; otherwise, false.</returns>
+/// <param name="content">包含要导航到的内容的 System.Object。</param>
+/// <param name="infoOverride">有关动画过渡的信息。</param>
+/// <returns>如果导航未被取消，则为 true；否则为 false。</returns>
 public bool Navigate(object content, NavigationTransitionInfo infoOverride);
 
 /// <summary>
-/// Navigates asynchronously to content that is contained by an object, and passes
-/// an object that contains data to be used for processing during navigation.
+/// 异步导航到由对象包含的内容，并传递一个对象，
+/// 其中包含用于导航过程中处理的数据。
 /// </summary>
-/// <param name="content">An System.Object that contains the content to navigate to.</param>
-/// <param name="extraData">A System.Object that contains data to be used for processing during navigation.</param>
-/// <param name="infoOverride">Info about the animated transition.</param>
-/// <returns>true if navigation is not canceled; otherwise, false.</returns>
+/// <param name="content">包含要导航到的内容的 System.Object。</param>
+/// <param name="extraData">包含用于导航过程中处理的数据的 System.Object。</param>
+/// <param name="infoOverride">有关动画过渡的信息。</param>
+/// <returns>如果导航未被取消，则为 true；否则为 false。</returns>
 public bool Navigate(object content, object extraData, NavigationTransitionInfo infoOverride);
 
 /// <summary>
-/// Navigates asynchronously to source content located at a uniform resource identifier
-/// (URI), and passes an object that contains data to be used for processing during
-/// navigation, and a value indicating the animated transition to use.
+/// 异步导航到位于统一资源标识符
+/// (URI) 的源内容，并传递一个包含用于导航过程中处理的数据的对象，
+/// 以及一个指示要使用的动画过渡效果的值。
 /// </summary>
-/// <param name="source">A System.Uri object initialized with the URI for the desired content.</param>
-/// <param name="extraData">A System.Object that contains data to be used for processing during navigation.</param>
-/// <param name="infoOverride">Info about the animated transition.</param>
-/// <returns>true if navigation is not canceled; otherwise, false.</returns>
+/// <param name="source">使用所需内容的 URI 初始化的 System.Uri 对象。</param>
+/// <param name="extraData">包含用于导航过程中处理的数据的 System.Object。</param>
+/// <param name="infoOverride">有关动画过渡的信息。</param>
+/// <returns>如果导航未被取消，则为 true；否则为 false。</returns>
 public bool Navigate(Uri source, object extraData, NavigationTransitionInfo infoOverride);
 ```
 
@@ -328,28 +328,28 @@ public bool Navigate(Uri source, object extraData, NavigationTransitionInfo info
 
 ### GoBack
 
-GoBack() 方法用于导航到返回历史中的最近一项（前提是 Frame 管理自己的导航历史）。
+GoBack() 方法用于导航到返回历史中的最近一项 (前提是 Frame 管理自己的导航历史) 。
 
 ```csharp
 /// <summary>
-/// Navigates to the most recent item in back navigation history, if a Frame manages
-/// its own navigation history, and specifies the animated transition to use.
+/// 如果 Frame 管理自己的导航历史，则导航到返回导航历史中的最近一项，
+/// 并指定要使用的动画过渡效果。
 /// </summary>
-/// <param name="transitionInfoOverride">Info about the animated transition to use.</param>
+/// <param name="transitionInfoOverride">要使用的动画过渡信息。</param>
 public void GoBack(NavigationTransitionInfo transitionInfoOverride);
 ```
 
 您可以在有或没有过渡信息的情况下调用 **GoBack**，例如：
 
 ```csharp
-// Without transitionInfoOverride, default transition will be used.
+// 不传入 transitionInfoOverride 时，将使用默认过渡效果。
 Frame_Main.GoBack();
 ```
 
 或者：
 
 ```csharp
-// With transitionInfoOverride, specified transition will be used.
+// 传入 transitionInfoOverride 时，将使用指定的过渡效果。
 Frame_Main.GoBack(new DrillInNavigationTransitionInfo());
 ```
 
@@ -361,7 +361,7 @@ Frame_Main.GoBack(new DrillInNavigationTransitionInfo());
 
 #### Entrance
 
-Page refresh 是进入内容时“向上滑动 + 淡入”的组合动画。当用户回到导航栈顶部时（例如在标签页或左侧导航项之间切换），适合使用该动画。
+页面刷新是进入内容时“向上滑动 + 淡入”的组合动画。当用户回到导航顶部时 (例如在标签页或左侧导航项之间切换) ，适合使用该动画。
 
 期望带给用户的感受是：重新开始。
 
@@ -370,19 +370,19 @@ Page refresh 是进入内容时“向上滑动 + 淡入”的组合动画。当
 该动画由 EntranceNavigationTransitionInfo 类表示。
 
 ```csharp
-// Explicitly play the page refresh animation
+// 显式播放页面刷新动画
 myFrame.Navigate(Page_2, null, new EntranceNavigationTransitionInfo());
 ```
 
 :::note
 
-Frame 会自动使用 NavigationThemeTransition 为两个页面间的导航添加动画。默认动画为 page refresh。
+Frame 会自动使用 NavigationThemeTransition 为两个页面间的导航添加动画。默认动画为 Page refresh。
 
 :::
 
 #### Drill
 
-当用户在应用中进入更深层级（例如选择项目后查看更详细信息）时，使用 drill 动画。
+当用户在应用中进入更深层级 (例如选择项目后查看更详细信息) 时，使用 Drill 动画。
 
 期望带给用户的感受是：正在深入应用。
 
@@ -391,24 +391,24 @@ Frame 会自动使用 NavigationThemeTransition 为两个页面间的导航添
 该动画由 DrillInNavigationTransitionInfo 类表示。
 
 ```csharp
-// Play the drill in animation
+// 播放 Drill-in 动画
 myFrame.Navigate(Page_2, null, new DrillInNavigationTransitionInfo());
 ```
 
 #### Slide
 
-使用 slide 过渡可表达同级页面彼此相邻。NavigationView 控件在顶部导航时会自动使用这种动画；如果您在构建自己的水平导航体验，也可以用 SlideNavigationTransitionInfo 来实现横向滑动。
+使用 Slide 过渡可表达同级页面彼此相邻。NavigationView 控件在顶部导航时会自动使用这种动画；如果您在构建自己的水平导航体验，也可以用 SlideNavigationTransitionInfo 来实现横向滑动。
 
 期望带给用户的感受是：正在相邻页面之间切换。
 
 ```csharp
-// Navigate to the right, ie. from LeftPage to RightPage
+// 向右导航，即从 LeftPage 到 RightPage
 myFrame.Navigate(RightPage, null, new SlideNavigationTransitionInfo() { Effect = SlideNavigationTransitionEffect.FromRight });
 
-// Navigate to the left, ie. from RightPage to LeftPage
+// 向左导航，即从 RightPage 到 LeftPage
 myFrame.Navigate(LeftPage, null, new SlideNavigationTransitionInfo() { Effect = SlideNavigationTransitionEffect.FromLeft });
 
-// Navigate to the bottom, ie. from TopPage to BottomPage
+// 向下导航，即从 TopPage 到 BottomPage
 myFrame.Navigate(BottomPage, null, new SlideNavigationTransitionInfo() { Effect = SlideNavigationTransitionEffect.FromBottom });
 ```
 
@@ -417,7 +417,7 @@ myFrame.Navigate(BottomPage, null, new SlideNavigationTransitionInfo() { Effect
 如果希望导航过程中不播放任何动画，可使用 SuppressNavigationTransitionInfo 来替代其他 NavigationTransitionInfo 子类型。
 
 ```csharp
-// Suppress the default animation
+// 禁用默认动画
 myFrame.Navigate(Page2, null, new SuppressNavigationTransitionInfo());
 ```
 
@@ -427,9 +427,9 @@ myFrame.Navigate(Page2, null, new SuppressNavigationTransitionInfo());
 
 ### 相关文章
 
-- [Components / NavigationView](./navigation-view)
+- [组件 / NavigationView](./navigation-view)
 
-- [Components / TabControl](./tab-control)
+- [组件 / TabControl](./tab-control)
 
 ### Microsoft Learn
 
diff --git a/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.en-US.mdx b/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.en-US.mdx
index 9d0b64d..7056b59 100644
--- a/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.en-US.mdx	
@@ -4,7 +4,7 @@ description: "Common vertical layout for top-level areas of your app via a colla
 
 # NavigationView
 
-The navigation view control provides a common vertical layout for top-level areas of your app via a collapsible navigation menu. It adapts to a variety of screen sizes and supports both top and left navigation styles.
+The NavigationView control provides a common vertical layout for top-level areas of your app via a collapsible navigation menu. It adapts to a variety of screen sizes and supports both top and left navigation styles.
 
 - **Class**: [iNKORE.UI.WPF.Modern.Controls](..)[.NavigationView](.)
 
@@ -12,7 +12,7 @@ The navigation view control provides a common vertical layout for top-level area
 
 ## Examples
 
-This example shows how to create a simple navigation view.
+This example shows how to create a simple NavigationView.
 
 ```xml
 <ui:NavigationView IsPaneOpen="False">
@@ -48,7 +48,7 @@ This example shows how to create a simple navigation view.
 
 :::warning
 
-If you're using left compact layout, we recommend you set the property **IsPaneOpen** to `false` in the XAML code. This prevents from the NavigationViewItem shows unexpected title when startup.
+If you're using LeftCompact layout, we recommend you set the property **IsPaneOpen** to `false` in the XAML code. This prevents from the NavigationViewItem shows unexpected title when startup.
 
 ![Unexpected title in LeftCompact mode](unexpected-title.png)
 
diff --git a/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.zh-CN.mdx
index 91b8a84..9ad9fdb 100644
--- a/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.zh-CN.mdx	
@@ -48,7 +48,7 @@ NavigationView 控件通过可折叠导航菜单为应用程序的顶级区域
 
 :::warning
 
-如果您使用的是左侧紧凑布局，我们建议您在 XAML 代码中将 **IsPaneOpen** 属性设置为 `false`。这样可以防止 NavigationViewItem 在启动时显示意外的标题。
+如果您使用的是 LeftCompact 布局，我们建议您在 XAML 代码中将 **IsPaneOpen** 属性设置为 `false`。这样可以防止 NavigationViewItem 在启动时显示意外的标题。
 
 ![LeftCompact 模式下意外的标题](unexpected-title.png)
 
@@ -56,7 +56,7 @@ NavigationView 控件通过可折叠导航菜单为应用程序的顶级区域
 
 ### 添加 FooterMenuItems
 
-您可以使用 **ui:NavigationView.FooterMenuItems** 属性来向 NavigationView 的页脚（底部部分）添加项目。
+您可以使用 **ui:NavigationView.FooterMenuItems** 属性来向 NavigationView 的页脚 (底部部分) 添加项目。
 
 ```xml
 <ui:NavigationView IsPaneOpen="False">
diff --git a/data/docs/ui-wpf-modern/03. components/08. navigation/# tab-control/index.en-US.mdx b/data/docs/ui-wpf-modern/03. components/08. navigation/# tab-control/index.en-US.mdx
index 76540f0..fc1ff19 100644
--- a/data/docs/ui-wpf-modern/03. components/08. navigation/# tab-control/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/08. navigation/# tab-control/index.en-US.mdx	
@@ -209,8 +209,6 @@ You can add icons for a Pivot tab item using **ui:TabItemHelper.Icon** as well.
 
 This feature is only available for version **0.9.28** or higher. If you have set the **ui:TabItemHelper.Icon** property and find out the icon not appearing, please consider upgrading the library version.
 
-If you can't see the version 0.9.28 in the Nuget Package Manager, this means this version has't released yet. Please wait for the release or compile the library yourself.
-
 :::
 
 ## Remarks
diff --git a/data/docs/ui-wpf-modern/03. components/08. navigation/# tab-control/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/08. navigation/# tab-control/index.zh-CN.mdx
new file mode 100644
index 0000000..68f88e5
--- /dev/null
+++ b/data/docs/ui-wpf-modern/03. components/08. navigation/# tab-control/index.zh-CN.mdx	
@@ -0,0 +1,269 @@
+---
+description: "一个通过选择相应选项卡来访问离散页面并显示内容的控件。"
+---
+
+# TabControl
+
+选项卡 (Tabs) 用于组织相关内容组，并允许在同一层级的内容页面之间进行导航。
+
+- **Class**: [System.Windows.Controls](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls)[.TabControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.tabcontrol)
+
+- **Inheritance**: [Object](https://learn.microsoft.com/en-us/dotnet/api/system.object) → (...) → [Control](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.control) → [ItemsControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.itemscontrol) → [Selector](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.primitives.selector) → [TabControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.tabcontrol)
+
+
+## 示例
+
+### 基本的 TabControl
+
+下面的示例创建了一个包含 3 个选项卡的简单 TabControl。
+
+```xml
+<TabControl>
+
+    <TabItem Header="TabItem 1">
+        <TextBlock Text="Content 1" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+    </TabItem>
+
+    <TabItem Header="TabItem 2">
+        <TextBlock Text="Content 2" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+    </TabItem>
+
+    <TabItem Header="TabItem 3">
+        <TextBlock Text="Content 3" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+    </TabItem>
+
+</TabControl>
+```
+
+![一个基本的 TabControl](basic-tab-control.png)
+
+
+### 带图标的 TabItem
+
+你可以使用 **ui:TabItemHelper.Icon** 属性为每个 `TabItem` 添加图标。
+
+```xml
+<TabControl>
+
+    <TabItem Header="TabItem 1">
+        <ui:TabItemHelper.Icon>
+            <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.ActionCenter}"/>
+        </ui:TabItemHelper.Icon>
+        
+        <TextBlock Text="Content 1" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+    </TabItem>
+
+    <TabItem Header="TabItem 2">
+        <ui:TabItemHelper.Icon>
+            <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Settings}"/>
+        </ui:TabItemHelper.Icon>
+        
+        <TextBlock Text="Content 2" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+    </TabItem>
+
+    <TabItem Header="TabItem 3">
+        <ui:TabItemHelper.Icon>
+            <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Home}"/>
+        </ui:TabItemHelper.Icon>
+
+        <TextBlock Text="Content 3" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+    </TabItem>
+
+</TabControl>
+```
+
+![TabItem with icons](tab-item-with-icon.png)
+
+
+### 处理命令按钮
+
+TabControl 的默认样式带有关闭按钮，可用于移除或关闭选项卡。你可以使用 **ui:TabItemHelper.CloseTabButtonCommand** 来处理关闭按钮的点击事件。
+
+此外还有一个“添加选项卡”按钮，可用于创建新选项卡。你可以使用 **ui:TabControlHelper.AddTabButtonCommand** 来处理添加按钮的点击事件。
+
+如果你想为整个 TabControl 删除这些按钮，可以在 TabControl 上设置 **ui:TabControlHelper.IsAddTabButtonVisible** 为 `False`，这会同时移除关闭按钮和添加选项卡按钮。
+
+```xml
+<TabControl ui:TabControlHelper.IsAddTabButtonVisible="False">
+
+    <TabItem Header="TabItem 1">
+        <TextBlock Text="Content 1" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+    </TabItem>
+
+    <TabItem Header="TabItem 2">
+        <TextBlock Text="Content 2" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+    </TabItem>
+
+    <TabItem Header="TabItem 3">
+        <TextBlock Text="Content 3" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+    </TabItem>
+
+</TabControl>
+```
+
+![All close buttons are removed](remove-all-close-buttons.png)
+
+
+### 添加页眉和页脚
+
+你也可以使用 **ui:TabControlHelper.TabStripHeader** 和 **ui:TabControlHelper.TabStripFooter** 属性来为选项卡条添加页眉和页脚。
+
+由于这两个属性接受 `object` 值，你可以在页眉和页脚中放置任意内容，例如文本、控件、图标等。
+
+```xml
+<TabControl>
+    <ui:TabControlHelper.TabStripHeader>
+        <Border MinWidth="48" Background="Red">
+            <TextBlock Text="Header" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="5"/>
+        </Border>
+    </ui:TabControlHelper.TabStripHeader>
+    <ui:TabControlHelper.TabStripFooter>
+        <Border MinWidth="48" Background="CornflowerBlue">
+            <TextBlock Text="Footer" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="5"/>
+        </Border>
+    </ui:TabControlHelper.TabStripFooter>
+
+
+    <TabItem Header="TabItem 1">
+        <TextBlock Text="Content 1" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+    </TabItem>
+
+    <TabItem Header="TabItem 2">
+        <TextBlock Text="Content 2" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+    </TabItem>
+
+    <TabItem Header="TabItem 3">
+        <TextBlock Text="Content 3" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+    </TabItem>
+
+</TabControl>
+```
+
+![带有自定义页眉和页脚的 TabControl](with-header-and-footer.png)
+
+
+### Pivot 样式
+
+Pivot 样式支持在一组内容节之间通过触控滑动进行切换。要创建 Pivot 控件，只需将 Pivot 样式应用到 `TabControl` 即可。
+
+```xml
+<TabControl Style="{StaticResource {x:Static ui:ThemeKeys.TabControlPivotStyleKey}}">
+
+    <TabItem Header="TabItem 1">
+        <TextBlock Text="Content 1" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+    </TabItem>
+
+    <TabItem Header="TabItem 2">
+        <TextBlock Text="Content 2" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+    </TabItem>
+
+    <TabItem Header="TabItem 3">
+        <TextBlock Text="Content 3" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+    </TabItem>
+
+</TabControl>
+```
+
+![一个基本的 Pivot 样式](basic-pivot-style.png)
+
+
+:::warning
+
+一旦将 TabControl 应用为 Pivot 样式，`TabStripPlacement` 属性将不可用。Pivot 只能在顶部显示选项卡。
+
+这主要是因为我们尚未为其他放置场景完善代码；如果你有兴趣，可以在 [Pivot.xaml](https://github.com/iNKORE-NET/UI.WPF.Modern/blob/main/source/iNKORE.UI.WPF.Modern/Themes/Styles/Pivot.xaml) 中添加该功能，欢迎提交 PR！
+
+另外，如果你想为 Pivot 样式的 TabControl 添加页眉，请不要使用 `ui:TabControlHelper`，而应使用 `ui:PivotHelper`，例如：
+
+- `ui:TabControlHelper.TabStripHeader` → `ui:PivotHelper.LeftHeader`
+
+- `ui:TabControlHelper.TabStripFooter` → `ui:PivotHelper.RightHeader`
+
+:::
+
+
+### 带图标的 Pivot
+
+你也可以使用 **ui:TabItemHelper.Icon** 为 Pivot 的选项卡添加图标。但建议调整图标大小，因为 Pivot 的头部更大，推荐使用 `20` 或 `24` 的字体大小。
+
+```xml
+<TabControl Style="{StaticResource {x:Static ui:ThemeKeys.TabControlPivotStyleKey}}" >
+
+    <TabItem Header="TabItem 1">
+        <ui:TabItemHelper.Icon>
+            <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Shop}" FontSize="20"/>
+        </ui:TabItemHelper.Icon>
+        <TextBlock Text="Content 1" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+    </TabItem>
+
+    <TabItem Header="TabItem 2">
+        <ui:TabItemHelper.Icon>
+            <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Settings}" FontSize="20"/>
+        </ui:TabItemHelper.Icon>
+        <TextBlock Text="Content 2" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+    </TabItem>
+
+    <TabItem Header="TabItem 3">
+        <TextBlock Text="Content 3" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+    </TabItem>
+
+</TabControl>
+```
+
+![一个带图标的 Pivot](pivot-with-icon.png)
+
+
+:::warning
+
+此功能仅在 **0.9.28** 或更高版本可用。如果你已设置 **ui:TabItemHelper.Icon** 却未看到图标，请考虑升级库版本。
+
+:::
+
+
+## 备注
+
+### 这是合适的控件吗？
+
+如果要创建一个显示选项卡集合的控件 (用于展示多个文档，并支持添加、关闭或移动) ，请使用带有默认样式的 `TabControl`。
+
+若要实现常见的顶部导航模式，我们建议使用 `NavigationView` 或带有 Pivot 样式的 `TabControl`。
+
+下面列出 `NavigationView` 与 `Pivot` 的一些关键差异：
+
+- Pivot 支持通过触控滑动在项之间切换。
+- Pivot 使用轮播 (Carousel) 处理溢出项，而 NavigationView 使用菜单下拉的方式展示溢出项，便于用户查看所有项。
+- Pivot 适合处理内容节之间的切换，而 NavigationView 在导航行为上提供更多控制能力。
+
+
+### 样式
+
+`TabControl` 内置了两种样式：
+
+- `DefaultTabControlStyle`：`TabControl` 的默认样式，可通过 `ui:ThemeKeys.DefaultTabControlStyleKey` 访问。
+
+- `TabControlPivotStyle`：`TabControl` 的 Pivot 样式，可通过 `ui:ThemeKeys.TabControlPivotStyleKey` 访问。
+
+`TabItem` 也内置了两种样式：
+
+- `DefaultTabItemStyle`：`TabItem` 的默认样式，可通过 `ui:ThemeKeys.DefaultTabItemStyleKey` 访问。
+
+- `TabItemPivotStyle`：`TabItem` 的 Pivot 样式，可通过 `ui:ThemeKeys.TabItemPivotStyleKey` 访问。
+
+
+## 另请参阅
+
+### 相关文章
+
+- [组件 / NavigationView](./navigation-view)
+
+### Microsoft Learn
+
+- [TabControl Class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.tabcontrol)
+
+- [TabControl - WPF](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/controls/tabcontrol)
+
+- [Tab View - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/controls/tab-view)
+
+- [Pivot - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/controls/pivot)
+
+- [Selector bar - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/controls/selector-bar)
diff --git a/data/docs/ui-wpf-modern/04. features/01. theming/05.# system-awareness/index.en-US.mdx b/data/docs/ui-wpf-modern/04. features/01. theming/05.# system-awareness/index.en-US.mdx
index 4c68ad7..c74b66c 100644
--- a/data/docs/ui-wpf-modern/04. features/01. theming/05.# system-awareness/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/04. features/01. theming/05.# system-awareness/index.en-US.mdx	
@@ -1,4 +1,4 @@
-{/* 此库默认与系统的这几个设置保持同步：Theme scheme，accent color，自动隐藏滚动条。其中 自动隐藏滚动条 需要 win11，其他的至少要 win10。.net framework 应用无需任何处理即可保持同步；对于 .net 应用，需要将目标平台设置为 10.0.18362.0 以上才可以使用此功能。请注意，将目标平台设置为 10.0.18362.0 以上会导致你的应用生成目录下多出两个 dll（约 25mb）的依赖（删掉后程序无法启动）；而将目标平台设置为 7.0 不会有这两个 dll，但是 1. 同步功能无法运作，2. 项目错误列表中会出现一个警告，这个警告是无害的，忽略即可。<这里说明多出来的两个 dll 是微软 .net 的设计缺陷，因为要和 winrt 交互，撇清关系，我们不背这个锅>  另外即使满足自动同步的条件，你也可以手动指定这些设置。 */}
+{/* 此库默认与系统的这几个设置保持同步：Theme scheme，accent color，自动隐藏滚动条。其中 自动隐藏滚动条 需要 win11，其他的至少要 win10。.net framework 应用无需任何处理即可保持同步；对于 .net 应用，需要将目标平台设置为 10.0.18362.0 以上才可以使用此功能。请注意，将目标平台设置为 10.0.18362.0 以上会导致你的应用生成目录下多出两个 dll (约 25mb) 的依赖 (删掉后程序无法启动) ；而将目标平台设置为 7.0 不会有这两个 dll，但是 1. 同步功能无法运作，2. 项目错误列表中会出现一个警告，这个警告是无害的，忽略即可。<这里说明多出来的两个 dll 是微软 .net 的设计缺陷，因为要和 winrt 交互，撇清关系，我们不背这个锅>  另外即使满足自动同步的条件，你也可以手动指定这些设置。 */}
 
 # System Settings Awareness
 

From 5f291595e125f6f4b0f5f9079b9a4e4f5cc1e029 Mon Sep 17 00:00:00 2001
From: Dorian Zhuang <im@lxhtt.cn>
Date: Sat, 2 May 2026 22:53:13 +0800
Subject: [PATCH 10/15] refactor: update zh-CN document, correct the terms and
 add relevant content on new topics

Co-authored-by: Copilot <copilot@github.com>
---
 .../# navigation-view/index.zh-CN.mdx         |   2 +-
 .../01.# theme-schemes/index.zh-CN.mdx        | 167 ++++++++++++
 .../02.# accent-color/index.zh-CN.mdx         | 115 ++++++++
 .../04.# elevations/index.zh-CN.mdx           |  59 +++++
 .../01.# override-resources/index.en-US.mdx   |   2 +-
 .../01.# override-resources/index.zh-CN.mdx   | 248 ++++++++++++++++++
 6 files changed, 591 insertions(+), 2 deletions(-)
 create mode 100644 data/docs/ui-wpf-modern/04. features/01. theming/01.# theme-schemes/index.zh-CN.mdx
 create mode 100644 data/docs/ui-wpf-modern/04. features/01. theming/02.# accent-color/index.zh-CN.mdx
 create mode 100644 data/docs/ui-wpf-modern/04. features/01. theming/04.# elevations/index.zh-CN.mdx
 create mode 100644 data/docs/ui-wpf-modern/04. features/02. overrides/01.# override-resources/index.zh-CN.mdx

diff --git a/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.zh-CN.mdx
index 9ad9fdb..6dbe6c4 100644
--- a/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.zh-CN.mdx	
@@ -174,7 +174,7 @@ NavigationView 控件通过可折叠导航菜单为应用程序的顶级区域
 
 ![](clear-background.jpg)
 
-上面的代码使用了资源覆盖功能。有关更多信息，您可以查看 [覆盖 / 覆盖资源](%BASE_NAME%/features/overrides/override-resources)。
+上面的代码使用了资源重写功能。有关更多信息，您可以查看 [Overrides / Override Resources](%BASE_NAME%/features/overrides/override-resources)。
 
 ### 在页面之间导航
 
diff --git a/data/docs/ui-wpf-modern/04. features/01. theming/01.# theme-schemes/index.zh-CN.mdx b/data/docs/ui-wpf-modern/04. features/01. theming/01.# theme-schemes/index.zh-CN.mdx
new file mode 100644
index 0000000..f4b2397
--- /dev/null
+++ b/data/docs/ui-wpf-modern/04. features/01. theming/01.# theme-schemes/index.zh-CN.mdx	
@@ -0,0 +1,167 @@
+---
+description: "Windows apps can use a light or dark application theme. The theme affects the colors of the app's background, text, icons, and common controls."
+title: "Theme Schemes"
+---
+
+
+# 主题方案 (亦称主题模式) 
+
+Windows 应用可以使用浅色或深色的应用主题。主题会影响应用的背景、文本、图标以及常用控件的配色。
+
+:::note
+
+本文讨论的是主题方案 (浅色/深色) 。如果你想了解强调色 (又称主色) ，请参见 [Theming / Accent Color](./accent-color)。
+
+:::
+
+## 可用方案
+
+所有控件都提供两种调色模式：浅色 (默认) 和深色。
+
+### 浅色
+
+浅色主题为默认主题模式，常用于大多数应用，设计上以护眼为目标，提供背景与前景之间良好的对比度。浅色主题适用于光线充足的环境，且推荐在对比度要求较高或有视力障碍的场景中使用。
+
+![Button Page in light mode](gallery-button-light.png)
+
+### 深色
+
+深色主题适用于光线较暗的环境，提供背景与前景之间更高的对比度，便于在夜间或昏暗房间中阅读文本和识别图标。
+
+![Button Page in dark mode](gallery-button-dark.png)
+
+## 更改主题值
+
+默认情况下，应用的主题遵循用户在 Windows 设置中的偏好或设备的默认主题。你也可以为你的应用单独设置主题。
+
+### 使用 ThemeResources (静态且全局) 
+
+当你使用全局的 **ThemeResources** 时，可以通过 `RequestedTheme` 属性在 XAML 中设置应用的默认主题模式。示例 `App.xaml` 如下：
+
+```ini
+RequestedTheme="Dark"
+```
+
+```xml title="App.xaml"
+<Application x:Class="WpfApp1.App"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:local="clr-namespace:WpfApp1" 
+             xmlns:ui="http://schemas.inkore.net/lib/ui/wpf/modern"
+             StartupUri="MainWindow.xaml">
+    <Application.Resources>
+        <ResourceDictionary>
+            <ResourceDictionary.MergedDictionaries>
+                <ui:ThemeResources RequestedTheme="Dark"/>
+                <ui:XamlControlsResources/>
+            </ResourceDictionary.MergedDictionaries>
+        </ResourceDictionary>
+    </Application.Resources>
+</Application>
+```
+
+若希望遵循系统设置，可将其设置为空值：
+
+```ini
+RequestedTheme="{x:Null}"
+```
+
+### 使用 ThemeManager.Current (动态且全局) 
+
+若需在运行时动态切换主题，可以使用 **ThemeManager.Current.ApplicationTheme**：
+
+```csharp
+ThemeManager.Current.ApplicationTheme = ApplicationTheme.Dark;
+```
+
+例如，一个主题切换按钮的实现如下：
+
+```xml
+<Button x:Name="Button_ToggleTheme" Content="Toggle Theme" Click="Button_ToggleTheme_Click"/>
+```
+
+```csharp
+private void Button_ToggleTheme_Click(object sender, RoutedEventArgs e)
+{
+    if (ThemeManager.Current.ApplicationTheme == ApplicationTheme.Dark)
+    {
+        ThemeManager.Current.ApplicationTheme = ApplicationTheme.Light;
+    }
+    else
+    {
+        ThemeManager.Current.ApplicationTheme = ApplicationTheme.Dark;
+    }
+}
+```
+
+若希望遵循系统设置，可将其设置为 `null`：
+
+```csharp
+ThemeManager.Current.ApplicationTheme = null;
+```
+
+### 使用 ThemeManager 附加属性 (局部) 
+
+若只想为某个控件局部切换主题，可使用 **ThemeManager.Theme** 附加属性，例如：
+
+```ini
+ui:ThemeManager.RequestedTheme="Dark"
+```
+
+示例：
+
+```xml
+<ui:SimpleStackPanel Orientation="Horizontal" Spacing="10">
+    <Border ui:ThemeManager.RequestedTheme="Light">
+        <ui:SimpleStackPanel Margin="10" Spacing="10">
+            <Button Content="Normal controls"/>
+            <CheckBox Content="in light mode!"/>
+        </ui:SimpleStackPanel>
+    </Border>
+    <Border ui:ThemeManager.RequestedTheme="Dark" Grid.Column="1"
+        Background="{DynamicResource {x:Static ui:ThemeKeys.ApplicationPageBackgroundThemeBrushKey}}">
+        <ui:SimpleStackPanel Margin="10" Spacing="10">
+            <Button Content="Dark controls"/>
+            <CheckBox Content="in light mode!"/>
+        </ui:SimpleStackPanel>
+    </Border>
+</ui:SimpleStackPanel>
+```
+
+![Dark controls in light mode](dark-in-light-mode.png)
+
+若希望遵循系统设置，可将其设置为默认：
+
+```ini
+ui:ThemeManager.RequestedTheme="Default"
+```
+
+## 备注
+
+### 默认值
+
+如果未指定主题或使用默认值，应用将遵循系统设置。
+
+:::warning 有时例外
+
+在某些情况下，应用可能无法遵循系统设置，通常是因为 WinRT 设置读取器不可用，例如：
+
+- 应用运行在 Windows 7/8/8.1 或较旧的 Windows 10 版本；
+- 项目设置中的目标操作系统版本低于 `windows10.0.18362.0`。
+
+:::
+
+## 另请参阅
+
+### 相关文章
+
+- [Theming / Accent color](./accent-color)
+
+### Microsoft Learn
+
+- [Color in Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/style/color)
+
+- [Color in Windows 11](https://learn.microsoft.com/en-us/windows/apps/design/signature-experiences/color)
+
+- [Layering and elevation in Windows 11](https://learn.microsoft.com/en-us/windows/apps/design/signature-experiences/layering)
+
diff --git a/data/docs/ui-wpf-modern/04. features/01. theming/02.# accent-color/index.zh-CN.mdx b/data/docs/ui-wpf-modern/04. features/01. theming/02.# accent-color/index.zh-CN.mdx
new file mode 100644
index 0000000..c9bc661
--- /dev/null
+++ b/data/docs/ui-wpf-modern/04. features/01. theming/02.# accent-color/index.zh-CN.mdx	
@@ -0,0 +1,115 @@
+---
+description: "Windows apps can use a light or dark application theme. The theme affects the colors of the app's background, text, icons, and common controls."
+---
+
+
+# 强调色 (Accent color) 
+
+:::note
+
+本文讨论的是强调色 (又称主色) 。若需了解主题方案 (浅色/深色) ，请参见 [Theming / Theme schemes](./theme-schemes)。
+
+:::
+
+强调色用于突出界面中的重要元素，并指示交互对象或控件的状态。强调色会自动生成一组浅/深色变体，并针对浅色与深色模式优化对比度。强调色应谨慎使用，用于高亮重要元素并传达交互状态信息。
+
+## 选择强调色
+
+如果为应用选择自定义强调色，请确保使用该强调色的文本与背景之间具有足够的对比度以保证可读性。你可以使用 Windows 设置中的取色器，或使用这些 [在线对比度工具](https://www.w3.org/TR/WCAG20-TECHS/G18.html#G18-resources) 进行测试。
+
+![取色器](color-picker.svg)
+
+## 强调色调色板
+
+Windows Shell 中的强调色算法会生成该强调色的一组浅色与深色变体。
+
+![Accent Color Palette](accent-color-palette.svg)
+
+这些变体可以作为主题资源访问：
+
+- `SystemAccentColorLight3`
+
+- `SystemAccentColorLight2`
+
+- `SystemAccentColorLight1`
+
+- `SystemAccentColorDark1`
+
+- `SystemAccentColorDark2`
+
+- `SystemAccentColorDark3`
+
+你也可以通过 `FrameworkElement.FindResource` 或 **ThemeKeys** 编程访问强调色调色板。
+
+在有色背景上使用有色文本时，请确保文本与背景之间有足够的对比度。默认情况下，超链接或高亮文本会使用强调色。如果你对背景应用了强调色的变体，建议对文本使用原始强调色的相应变体，以优化有色背景上的文本对比度。
+
+下图示例展示了强调色在不同浅/深变体上的应用，以及有色文本在有色背景上的效果。
+
+![Color on Color](color-on-color.png)
+
+## 重写强调色
+
+常用控件会使用强调色来传达状态信息。默认情况下，强调色为系统设置中用户选定的 `SystemAccentColor`。你也可以自定义应用的强调色以体现品牌风格。
+
+当使用全局 **ThemeResources** 时，可通过 `AccentColor` 属性在 XAML 中设置应用的强调色，例如：
+
+```xml
+<ui:ThemeResources AccentColor="Green"/>
+```
+
+示例 `App.xaml` 应该如下所示：
+
+```xml title="App.xaml"
+<Application x:Class="WpfApp1.App"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:local="clr-namespace:WpfApp1"
+             xmlns:ui="http://schemas.inkore.net/lib/ui/wpf/modern"
+             StartupUri="MainWindow.xaml">
+    <Application.Resources>
+        <ResourceDictionary>
+            <ResourceDictionary.MergedDictionaries>
+                <ui:ThemeResources AccentColor="Green"/>
+                <ui:XamlControlsResources/>
+            </ResourceDictionary.MergedDictionaries>
+        </ResourceDictionary>
+    </Application.Resources>
+</Application>
+```
+
+添加一些控件进行测试：
+
+```xml
+<ui:SimpleStackPanel Orientation="Horizontal" Spacing="10" Margin="0,0,5,0">
+    <Border BorderBrush="{DynamicResource {x:Static ui:ThemeKeys.SystemControlBackgroundAccentBrushKey}}"
+            BorderThickness="2" CornerRadius="4">
+        <ui:SimpleStackPanel Margin="10" Spacing="10">
+            <Button Content="Normal Button"/>
+            <CheckBox Content="Uncheked"/>
+        </ui:SimpleStackPanel>
+    </Border>
+    <Border  Grid.Column="1">
+        <ui:SimpleStackPanel Margin="12" Spacing="10">
+            <Button Content="Accent Button" Style="{StaticResource {x:Static ui:ThemeKeys.AccentButtonStyleKey}}"/>
+            <CheckBox Content="Checked" IsChecked="True"/>
+        </ui:SimpleStackPanel>
+    </Border>
+</ui:SimpleStackPanel>
+```
+
+![Custom accent color](custom-accent-color.png)
+
+## 另请参阅
+
+### 相关文章
+
+- [Theming / Theme scheme](./theme-schemes)
+
+### Microsoft Learn
+
+- [Color in Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/style/color)
+
+- [Color in Windows 11](https://learn.microsoft.com/en-us/windows/apps/design/signature-experiences/color)
+
+- [Layering and elevation in Windows 11](https://learn.microsoft.com/en-us/windows/apps/design/signature-experiences/layering)
+
diff --git a/data/docs/ui-wpf-modern/04. features/01. theming/04.# elevations/index.zh-CN.mdx b/data/docs/ui-wpf-modern/04. features/01. theming/04.# elevations/index.zh-CN.mdx
new file mode 100644
index 0000000..908acc8
--- /dev/null
+++ b/data/docs/ui-wpf-modern/04. features/01. theming/04.# elevations/index.zh-CN.mdx	
@@ -0,0 +1,59 @@
+# 层级 (Elevation) 
+
+层级表示表面与另一表面在桌面上位置关系的深度分量。当两个或多个对象占据屏幕上的同一位置时，只有层级最高的对象会在该位置被渲染。
+
+在控件和表面上使用阴影与轮廓 (边缘) 可以微妙地传达对象的层级，并在交互过程中帮助引导焦点。Windows 11 使用阴影与轮廓来表达层级感以及相关的数值与效果。
+
+## 轮廓层级 (Contour elevation) 
+
+以 `Button` 控件为例，其边框底部带有高亮以产生深度感。下面是带有层级与不带层级的 `Button` 对比：
+
+![Button with and without elevation](button-with-and-without-elevation.png)
+
+### 适用控件
+
+- [Button](%BASE_NAME%/components/basic-input/button)、[ToggleButton](%BASE_NAME%/components/basic-input/toggle-button)、[RepeatButton](%BASE_NAME%/components/basic-input/repeat-button)、[DropDownButton](%BASE_NAME%/components/basic-input/dropdown-button)、[SplitButton](%BASE_NAME%/components/basic-input/split-button)、[ToggleSplitButton](%BASE_NAME%/components/basic-input/toggle-split-button)
+
+- [TextBox](%BASE_NAME%/components/text/text-box)、[RichTextBox](%BASE_NAME%/components/text/richtext-box)、[PasswordBox](%BASE_NAME%/components/text/password-box)、[NumberBox](%BASE_NAME%/components/text/number-box)、[AutoSuggestBox](%BASE_NAME%/components/text/autosuggest-box)
+
+### 应用方式
+
+可以使用 `ElevationBorder` 控件在任意位置添加层级效果。
+
+更多信息请参见 [ElevationBorder Control](%BASE_NAME%/components/media/elevation-border)。
+
+### 自定义
+
+可以使用 `ui:ElevationBorder` 的附加属性来自定义控件的层级。例如，下面的代码会移除 `Button` 的层级效果：
+
+```xml
+<Button Content="No Elevation" ui:ElevationBorder.IsElevationEnabled="False"/>
+```
+
+你还可以指定颜色、不透明度、阴影方向等更多参数。详情请参见 [ElevationBorder Class](%BASE_NAME%/definitions/controls/elevation-border)。
+
+## 阴影层级 (Shadow elevation) 
+
+阴影层级通过为元素添加细腻的阴影效果来实现，从而产生该元素抬升或悬浮于表面之上的视觉错觉。这一技术常用于增强界面元素之间的视觉深度与分离感。
+
+![Layering elevation hero](layering_elevation_hero.jpg)
+
+在 Windows 11 的 Fluent Design 体系中，阴影层级是重要组成部分，旨在营造更沉浸和吸引人的用户体验。Windows 11 所使用的阴影层级数值经过精心设计，以便在不同 UI 组件间保持一致且美观的外观。
+
+通过对卡片、面板和对话框等元素应用阴影层级，可以提升它们的视觉层次，使其从背景中突出，帮助用户快速识别可交互元素并理解界面结构。
+
+### 适用控件
+
+所有表示对话框、弹出 (包括菜单) 或卡片的控件都应具有阴影层级。
+
+### 应用方式
+
+可以使用 `DropShadowPanel` 控件为窗口中的控件添加阴影层级。更多信息请参见 [DropShadowPanel Control](%BASE_NAME%/components/media/dropshadow-panel)。
+
+系统会自动为所有对话框、弹出和菜单 (均视作窗口) 应用阴影层级。
+
+## 另请参阅
+
+### Microsoft Learn
+
+- [Layering and elevation in Windows 11](https://learn.microsoft.com/en-us/windows/apps/design/signature-experiences/layering)
\ No newline at end of file
diff --git a/data/docs/ui-wpf-modern/04. features/02. overrides/01.# override-resources/index.en-US.mdx b/data/docs/ui-wpf-modern/04. features/02. overrides/01.# override-resources/index.en-US.mdx
index b4f2608..96d8bd6 100644
--- a/data/docs/ui-wpf-modern/04. features/02. overrides/01.# override-resources/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/04. features/02. overrides/01.# override-resources/index.en-US.mdx	
@@ -164,7 +164,7 @@ You can use `ui:StaticResource` in anywhere you want to forward the resource ove
 
 ## Examples
 
-### Remove background andf border of a TextBox
+### Remove background and border of a TextBox
 
 By default, the TextBox control comes with a border and background. However, in some cases, you may want to remove them. You can do this by overriding the `TextBoxBackground` and `TextBoxBorderBrush` resources like this:
 
diff --git a/data/docs/ui-wpf-modern/04. features/02. overrides/01.# override-resources/index.zh-CN.mdx b/data/docs/ui-wpf-modern/04. features/02. overrides/01.# override-resources/index.zh-CN.mdx
new file mode 100644
index 0000000..8c946c2
--- /dev/null
+++ b/data/docs/ui-wpf-modern/04. features/02. overrides/01.# override-resources/index.zh-CN.mdx	
@@ -0,0 +1,248 @@
+# 重写资源
+
+本文介绍了一种自定义应用外观和行为的方法：重写资源 (Override Resources) 。
+
+## 为什么要重写资源
+
+例如，你希望将 `Button` 的背景颜色改为红色。通常你可以直接设置 `Background` 属性：
+
+```xml
+<Button Content="I'm trying to be hot!"
+    Background="Red" BorderBrush="DarkRed"/>
+```
+
+乍一看这似乎没问题，但当将鼠标移动到按钮上时会出现问题：默认样式的触发器会重写你设置的颜色。为了解决这个问题，你可能会想到同时指定悬停 (hover) 和按下 (pressed) 时的颜色。
+
+![Directly use Background property](directly-specify-property-value.gif)
+
+看下 `Button.xaml` 的 **ControlTemplate.Triggers** 部分 (位于项目源代码中) ：
+
+```xml title="Button.xaml"
+<Style x:Key="DefaultButtonStyle" TargetType="Button">
+    <Setter Property="OverridesDefaultStyle" Value="True" />
+    <Setter Property="Background" Value="{DynamicResource ButtonBackground}" />
+    <Setter Property="Foreground" Value="{DynamicResource ButtonForeground}" />
+    <Setter Property="BorderBrush" Value="{DynamicResource ButtonBorderBrush}" />
+    <Setter Property="BorderThickness" Value="{DynamicResource ButtonBorderThemeThickness}" />
+    <Setter Property="Padding" Value="{DynamicResource ButtonPadding}" />
+    <Setter Property="HorizontalAlignment" Value="Left" />
+    <Setter Property="VerticalAlignment" Value="Center" />
+    <Setter Property="HorizontalContentAlignment" Value="Center" />
+    <Setter Property="VerticalContentAlignment" Value="Center" />
+    <Setter Property="FontFamily" Value="{DynamicResource ContentControlThemeFontFamily}" />
+    <Setter Property="FontWeight" Value="Normal" />
+    <Setter Property="FontSize" Value="{DynamicResource ControlContentThemeFontSize}" />
+    <Setter Property="FocusVisualStyle" Value="{DynamicResource {x:Static SystemParameters.FocusVisualStyleKey}}" />
+    <Setter Property="chelper:FocusVisualHelper.UseSystemFocusVisuals" Value="{DynamicResource UseSystemFocusVisuals}" />
+    <Setter Property="chelper:FocusVisualHelper.FocusVisualMargin" Value="-3" />
+    <Setter Property="chelper:ControlHelper.CornerRadius" Value="{DynamicResource ControlCornerRadius}" />
+    <Setter Property="Stylus.IsPressAndHoldEnabled" Value="False" />
+    <Setter Property="Template">
+        <Setter.Value>
+            <ControlTemplate TargetType="Button">
+                ...
+                <ControlTemplate.Triggers>
+                    <Trigger Property="IsMouseOver" Value="True">
+                        <Setter TargetName="Background" Property="Background" Value="{DynamicResource ButtonBackgroundPointerOver}" />
+                        <Setter TargetName="Background" Property="BorderBrush" Value="{DynamicResource ButtonBorderBrushPointerOver}" />
+                        <Setter Property="Foreground" Value="{DynamicResource ButtonForegroundPointerOver}" />
+                    </Trigger>
+                    <Trigger Property="IsPressed" Value="True">
+                        <Setter TargetName="Background" Property="Background" Value="{DynamicResource ButtonBackgroundPressed}" />
+                        <Setter TargetName="Background" Property="BorderBrush" Value="{DynamicResource ButtonBorderBrushPressed}" />
+                        <Setter Property="Foreground" Value="{DynamicResource ButtonForegroundPressed}" />
+                    </Trigger>
+                    <Trigger Property="IsEnabled" Value="False">
+                        <Setter TargetName="Background" Property="Background" Value="{DynamicResource ButtonBackgroundDisabled}" />
+                        <Setter TargetName="Background" Property="BorderBrush" Value="{DynamicResource ButtonBorderBrushDisabled}" />
+                        <Setter Property="Foreground" Value="{DynamicResource ButtonForegroundDisabled}" />
+                    </Trigger>
+                </ControlTemplate.Triggers>
+            </ControlTemplate>
+        </Setter.Value>
+    </Setter>
+</Style>
+```
+
+这些颜色并非硬编码，而是通过 `DynamicResource` 标记扩展设置的。`DynamicResource` 允许你通过重写资源键来定制样式，这就是为什么模板使用 `DynamicResource` 而非硬编码颜色值的原因。
+
+## 如何重写资源
+
+### 重写单个资源
+
+在 `FrameworkElement` 类中有一个 `Resources` 属性，它是一个字典，包含该元素及其子元素可使用的资源。要重写某个资源，只需在对应字典中添加相同键的新资源。获取键的推荐方式是使用 `ui:ThemeKeys` 类结合 `x:Static`。
+
+例如，下面示例在鼠标悬停时将按钮背景改为绿色：
+
+```xml
+<Button Content="I'm trying to be hot!"
+        Background="Red" BorderBrush="DarkRed">
+# highlight-start
+    <FrameworkElement.Resources>
+        <SolidColorBrush x:Key="{x:Static ui:ThemeKeys.ButtonBackgroundPointerOverKey}" Color="Green"/>
+    </FrameworkElement.Resources>
+# highlight-end
+</Button>
+```
+
+这样当鼠标移动到按钮上时，背景颜色就会变为绿色。以此方法，你可以重写任意未被硬编码的资源 (颜色、画刷、厚度、Double、动画等) 。
+
+![](make-hover-green.gif)
+
+:::info 小许缺憾
+
+在 Visual Studio 中，`x:Static` 用于 `x:Key` 时 IntelliSense 有时体验不佳，但这只是编辑器的问题，运行时代码仍然有效。
+
+:::
+
+### 重写多个资源
+
+你可以在某个容器上一次性重写多项资源，从而影响该容器及其子元素。例如，可以让所有按钮在悬停时变绿、按下时变蓝：
+
+```xml
+<ikw:SimpleStackPanel HorizontalAlignment="Center" VerticalAlignment="Center"
+    Spacing="10" Orientation="Horizontal">
+# highlight-start    
+    <FrameworkElement.Resources>
+
+        <SolidColorBrush x:Key="{x:Static ui:ThemeKeys.ButtonBackgroundPointerOverKey}" Color="Green"/>
+        <SolidColorBrush x:Key="{x:Static ui:ThemeKeys.ButtonBackgroundPressedKey}" Color="Blue"/>
+    </FrameworkElement.Resources>
+# highlight-end
+
+    <Button Content="Once"/>
+    <Button Content="Upon"/>
+    <Button Content="A"/>
+    <Button Content="Time"/>
+</ikw:SimpleStackPanel>
+```
+
+![](hover-green-pressed-blue.gif)
+
+### 全局重写资源
+
+也可以在应用级别重写资源，只需将资源添加到 `Application.Resources`，使其对整个应用生效：
+
+```xml title="App.xaml"
+<Application x:Class="MyWpfTest.App"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:ui="http://schemas.inkore.net/lib/ui/wpf/modern"
+             StartupUri="MainWindow.xaml">
+    <Application.Resources>
+        <ResourceDictionary>
+            <ResourceDictionary.MergedDictionaries>
+                <ui:ThemeResources/>
+                <ui:XamlControlsResources/>
+            </ResourceDictionary.MergedDictionaries>
+
+# highlight-start
+            <SolidColorBrush x:Key="{x:Static ui:ThemeKeys.ButtonBackgroundPointerOverKey}" Color="Green"/>
+            <SolidColorBrush x:Key="{x:Static ui:ThemeKeys.ButtonBackgroundPressedKey}" Color="Blue"/>
+# highlight-end
+        </ResourceDictionary>
+    </Application.Resources>
+</Application>
+```
+
+上述代码与前述示例功能相同，但作用域为整个应用。
+
+### 转发资源重写
+
+有时你希望将一个资源指向另一个资源，而不是复制值。为此可以使用 `ui:StaticResource` 标记扩展：
+
+```xml
+<ui:StaticResource x:Key="{x:Static ui:ThemeKeys.ButtonBackgroundPointerOverKey}" ResourceKey="{x:Static ui:ThemeKeys.SubtleFillColorSecondaryBrushKey}" />
+<ui:StaticResource x:Key="{x:Static ui:ThemeKeys.ButtonBackgroundPressedKey}" ResourceKey="{x:Static ui:ThemeKeys.SubtleFillColorTertiaryBrushKey}" />
+```
+
+上述代码将 `ButtonBackgroundPointerOver` 指向 `SubtleFillColorSecondaryBrush`，将 `ButtonBackgroundPressed` 指向 `SubtleFillColorTertiaryBrush`，无需复制具体值，有利于可维护性。
+
+你可以在任何需要转发资源的地方使用 `ui:StaticResource`，正如上文所示。
+
+## 示例
+
+### 移除 TextBox 的背景与边框
+
+默认情况下，`TextBox` 带有边框与背景，但在某些场景下你可能想移除它们。可以通过重写相应资源来实现：
+
+```xml
+<TextBox Text="I'm trapped in a border!"/>
+
+<TextBox Text="Without borders now i feel much better!">
+    <FrameworkElement.Resources>
+# highlight-start
+        <SolidColorBrush x:Key="{x:Static ui:ThemeKeys.TextControlBackgroundKey}" Color="Transparent"/>
+        <SolidColorBrush x:Key="{x:Static ui:ThemeKeys.TextControlBackgroundPointerOverKey}" Color="Transparent"/>
+        <SolidColorBrush x:Key="{x:Static ui:ThemeKeys.TextControlBackgroundFocusedKey}" Color="Transparent"/>
+
+        <SolidColorBrush x:Key="{x:Static ui:ThemeKeys.TextControlBorderBrushKey}" Color="Transparent"/>
+        <SolidColorBrush x:Key="{x:Static ui:ThemeKeys.TextControlBorderBrushPointerOverKey}" Color="Transparent"/>
+        <SolidColorBrush x:Key="{x:Static ui:ThemeKeys.TextControlBorderBrushFocusedKey}" Color="Transparent"/>
+# highlight-end
+    </FrameworkElement.Resources>
+</TextBox>
+```
+
+![TextBox with and without border and background](textbox-with-and-without-borders.png)
+
+另外，也可以通过设置 **BorderThickness** 控制边框：
+
+```xml
+<Thickness x:Key="{x:Static ui:ThemeKeys.TextControlBorderThemeThicknessKey}">0</Thickness>
+<Thickness x:Key="{x:Static ui:ThemeKeys.TextControlBorderThemeThicknessFocusedKey}">0</Thickness>
+```
+
+两种方法效果相近，但原理不同：第一种通过设置颜色为透明来“隐藏”边框，第二种通过将厚度设为 0 来移除边框。
+
+:::tip
+
+同样适用于 `RichTextBox`、`PasswordBox` 及其它继承自 `TextBox` 的控件。
+
+:::
+
+### 移除 NavigationView 的色调
+
+`NavigationView` 默认带有一层色调，你可以通过重写资源移除它。详细内容见 [NavigationView](%BASE_NAME%/components/navigation/navigation-view#clear-background) 页面。
+
+### 将按钮设置为任意颜色
+
+在某些场景 (例如“删除文件”确认对话框) ，你可能希望将按钮设置为非默认或非强调色，例如红色。可以通过重写按钮的颜色资源实现：
+
+```xml
+<Button Content="Confirm Deletion">
+    <FrameworkElement.Resources>
+        <SolidColorBrush x:Key="{x:Static ui:ThemeKeys.ButtonBackgroundKey}" Color="#FFD80000"/>
+        <SolidColorBrush x:Key="{x:Static ui:ThemeKeys.ButtonBorderBrushKey}" Color="#FF960000"/>
+
+        <SolidColorBrush x:Key="{x:Static ui:ThemeKeys.ButtonBackgroundPointerOverKey}" Color="#FFE90000"/>
+        <SolidColorBrush x:Key="{x:Static ui:ThemeKeys.ButtonBorderBrushPointerOverKey}" Color="#FFC00000"/>
+
+        <SolidColorBrush x:Key="{x:Static ui:ThemeKeys.ButtonBackgroundPressedKey}" Color="#FF860000"/>
+        <ui:StaticResource x:Key="{x:Static ui:ThemeKeys.ButtonBorderBrushPressedKey}" ResourceKey="{x:Static ui:ThemeKeys.ButtonBackgroundPressedKey}"/>
+
+        <ui:StaticResource x:Key="{x:Static ui:ThemeKeys.ButtonForegroundKey}" ResourceKey="{x:Static ui:ThemeKeys.AccentButtonForegroundKey}"/>
+        <ui:StaticResource x:Key="{x:Static ui:ThemeKeys.ButtonForegroundPointerOverKey}" ResourceKey="{x:Static ui:ThemeKeys.ButtonForegroundKey}"/>
+        <ui:StaticResource x:Key="{x:Static ui:ThemeKeys.ButtonForegroundPressedKey}" ResourceKey="{x:Static ui:ThemeKeys.ButtonForegroundKey}"/>
+
+    </FrameworkElement.Resources>
+</Button>
+```
+
+![Red button](red-button.png)
+
+## 另请参阅
+
+### 相关文章
+
+- [Theming / Theme Resources](%BASE_NAME%/features/theming/theme-resources)
+
+- [Definitions / StaticResourceExtension Class](%BASE_NAME%/definitions/markup/static-resource-extension)
+
+### Microsoft Learn
+
+- [ResourceDictionary Class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.resourcedictionary)
+
+- [Application Resource, Content, and Data Files - WPF](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/app-development/wpf-application-resource-content-and-data-files)
+
+- [Merged resource dictionaries (WPF .NET)](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/systems/xaml-resources-merged-dictionaries)
\ No newline at end of file

From 75da1d14e8c1101586fbcbdd8736072609cbc5b9 Mon Sep 17 00:00:00 2001
From: Dorian Zhuang <im@lxhtt.cn>
Date: Sat, 2 May 2026 23:22:51 +0800
Subject: [PATCH 11/15] chore: Update Chinese documentation

- Updated links and descriptions in the Window, FontIcon, Frame, NavigationView, TabControl, and theming sections to use simplified Chinese.
- Added new sections for WindowHelper, ToggleSwitch, BackdropType, and WindowCornerStyle with detailed descriptions and examples.
- Improved consistency in terminology and formatting across various documentation files.
- Added new JSON category files for theming and overrides sections to enhance navigation.

Co-authored-by: Copilot <copilot@github.com>
---
 .../02.# onboarding/index.zh-CN.mdx           |   2 +-
 .../01. basic-input/# button/index.zh-CN.mdx  |  12 +-
 .../# check-box/index.zh-CN.mdx               |  12 +-
 .../# combo-box/index.zh-CN.mdx               |  14 +-
 .../# dropdown-button/index.zh-CN.mdx         |   4 +-
 .../# hyperlink-button/index.zh-CN.mdx        |   8 +-
 .../# toggle-switch/index.zh-CN.mdx           |   4 +-
 .../04. dialogs/# window/index.zh-CN.mdx      |   8 +-
 .../06. media/# font-icon/index.zh-CN.mdx     |  14 +-
 .../08. navigation/# frame/index.zh-CN.mdx    |  14 +-
 .../# navigation-view/index.zh-CN.mdx         |  12 +-
 .../# tab-control/index.zh-CN.mdx             |  14 +-
 .../01.# theme-schemes/index.zh-CN.mdx        |  12 +-
 .../02.# accent-color/index.zh-CN.mdx         |  11 +-
 .../04.# elevations/index.zh-CN.mdx           |   6 +-
 .../01. theming/category.zh-CN.json           |   8 +
 .../01.# override-resources/index.zh-CN.mdx   |  10 +-
 .../02. overrides/category.zh-CN.json         |   8 +
 .../# window-helper/index.zh-CN.mdx           | 165 ++++++++++++++++++
 .../01.# toggle-switch/index.zh-CN.mdx        | 113 ++++++++++++
 .../# backdrop-type/index.zh-CN.mdx           | 134 ++++++++++++++
 .../# window-corner-style/index.zh-CN.mdx     |  81 +++++++++
 22 files changed, 588 insertions(+), 78 deletions(-)
 create mode 100644 data/docs/ui-wpf-modern/04. features/01. theming/category.zh-CN.json
 create mode 100644 data/docs/ui-wpf-modern/04. features/02. overrides/category.zh-CN.json
 create mode 100644 data/docs/ui-wpf-modern/05. definitions/00. controls/00. helpers/# window-helper/index.zh-CN.mdx
 create mode 100644 data/docs/ui-wpf-modern/05. definitions/00. controls/01.# toggle-switch/index.zh-CN.mdx
 create mode 100644 data/docs/ui-wpf-modern/05. definitions/00. helpers/00. styles/# backdrop-type/index.zh-CN.mdx
 create mode 100644 data/docs/ui-wpf-modern/05. definitions/00. helpers/00. styles/# window-corner-style/index.zh-CN.mdx

diff --git a/data/docs/ui-wpf-modern/02.# onboarding/index.zh-CN.mdx b/data/docs/ui-wpf-modern/02.# onboarding/index.zh-CN.mdx
index 51c1b40..ce1b048 100644
--- a/data/docs/ui-wpf-modern/02.# onboarding/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/02.# onboarding/index.zh-CN.mdx	
@@ -17,7 +17,7 @@
 
 :::info 提醒
 
-我们强烈建议您将 csproj 文件转换为[SDK 风格](https://learn.microsoft.com/en-us/dotnet/core/project-sdk/overview)，它提供更多功能和更好的体验。有关更多信息，请查看 Microsoft 的文档。
+我们强烈建议您将 csproj 文件转换为[SDK 风格](https://learn.microsoft.com/zh-cn/dotnet/core/project-sdk/overview)，它提供更多功能和更好的体验。有关更多信息，请查看 Microsoft 的文档。
 
 :::
 
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# button/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# button/index.zh-CN.mdx
index f53cd26..a40dea9 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# button/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# button/index.zh-CN.mdx	
@@ -6,7 +6,7 @@ description: "一种响应用户输入并引发 Click 事件的控件。"
 
 Button 允许用户通过一次点击来执行操作并做出选择。它会响应来自鼠标、键盘、触控笔或其他输入设备的输入，并引发 Click 事件。
 
-- **类**: [System.Windows.Controls](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls)[.Button](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.button)
+- **类**: [System.Windows.Controls](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.controls)[.Button](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.controls.button)
 
 Button 的主要用途是在用户单击它时触发某些操作。实现这一点有两种方式：
 
@@ -102,7 +102,7 @@ Button 通常只包含简单的字符串内容，但你可以使用任何对象
 
 Button 控件默认带有层级边框效果。你可以使用 `ui:ElevationBorder` 来自定义其层级效果。
 
-更多信息请参见 [Theming / Elevations](%BASE_NAME%/features/theming/elevations)。
+更多信息请参见 [主题 / 层级](%BASE_NAME%/features/theming/elevations)。
 
 ### 样式
 
@@ -128,10 +128,10 @@ Button 控件有两个内置样式：
 
 ### Microsoft Learn
 
-- [Button Class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.button)
+- [Button Class (WPF)](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.controls.button)
 
-- [Button Class (WinRT)](https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.button)
+- [Button Class (WinRT)](https://learn.microsoft.com/zh-cn/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.button)
 
-- [Button - WPF](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/controls/button)
+- [Button - WPF](https://learn.microsoft.com/zh-cn/dotnet/desktop/wpf/controls/button)
 
-- [Buttons - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/controls/buttons)
+- [Buttons - Windows apps](https://learn.microsoft.com/zh-cn/windows/apps/design/controls/buttons)
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# check-box/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# check-box/index.zh-CN.mdx
index 8a9a7b2..5230da5 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# check-box/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# check-box/index.zh-CN.mdx	
@@ -6,7 +6,7 @@ description: "用户可以选中或清除的控件。"
 
 您可以在应用程序的用户界面 (UI) 中使用 CheckBox 来表示用户可以选中或清除的选项。您可以使用单个 CheckBox，也可以将两个或多个 CheckBox 分组使用。
 
-- **类**: [System.Windows.Controls](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls)[.CheckBox](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.checkbox)
+- **类**: [System.Windows.Controls](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.controls)[.CheckBox](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.controls.checkbox)
 
 ## 示例
 
@@ -66,7 +66,7 @@ Indeterminate:
 
 CheckBox 控件继承自 [ToggleButton](%BASE_NAME%/components/basic-input/toggle-button)，并且可以具有三种状态：已选中 (selected) 、未选中 (cleared) 和不确定。
 
-CheckBox 是一个 ContentControl，这意味着它可以包含任意类型的单个对象 (例如字符串、图像或面板) 。有关详细信息，请参阅 [ContentControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.contentcontrol) 类。
+CheckBox 是一个 ContentControl，这意味着它可以包含任意类型的单个对象 (例如字符串、图像或面板) 。有关详细信息，请参阅 [ContentControl](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.controls.contentcontrol) 类。
 
 ### 这是正确的控件吗？
 
@@ -126,11 +126,11 @@ CheckBox 控件有一个内置样式：
 
 ### Microsoft Learn
 
-- [CheckBox Class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.checkbox)
+- [CheckBox Class (WPF)](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.controls.checkbox)
 
-- [CheckBox Class (WinRT)](https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.checkbox)
+- [CheckBox Class (WinRT)](https://learn.microsoft.com/zh-cn/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.checkbox)
 
-- [CheckBox - WPF](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/controls/checkbox)
+- [CheckBox - WPF](https://learn.microsoft.com/zh-cn/dotnet/desktop/wpf/controls/checkbox)
 
-- [CheckBox - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/controls/checkbox)
+- [CheckBox - Windows apps](https://learn.microsoft.com/zh-cn/windows/apps/design/controls/checkbox)
 
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx
index 81fcc07..9a76cbd 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx	
@@ -6,7 +6,7 @@ description: "一个用户可以从中选择项目的下拉列表。"
 
 使用组合框 (也称为下拉列表) 呈现用户可以选择的项目列表。组合框以紧凑状态开始，然后展开以显示可选项目的列表。列表框类似于组合框，但不可折叠/没有紧凑状态。您可以在本文末尾了解有关列表框的更多信息。
 
-- **类**: [System.Windows.Controls](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls)[.ComboBox](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.combobox); 
+- **类**: [System.Windows.Controls](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.controls)[.ComboBox](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.controls.combobox); 
 
 ## 示例
 
@@ -70,7 +70,7 @@ class VacationSpots : ObservableCollection<string>
 
 ## ItemsControl
 
-ComboBox 允许用户从其中选择一个项目，或者可以选择在控件的文本框中输入新文本。ComboBox 是一个 ItemsControl，这意味着它可以包含任何类型的对象集合 (例如字符串、图像或面板) 。有关更多信息，请参阅 [ItemsControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.itemscontrol) 类。
+ComboBox 允许用户从其中选择一个项目，或者可以选择在控件的文本框中输入新文本。ComboBox 是一个 ItemsControl，这意味着它可以包含任何类型的对象集合 (例如字符串、图像或面板) 。有关更多信息，请参阅 [ItemsControl](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.controls.itemscontrol) 类。
 
 ### 扩展属性
 
@@ -82,7 +82,7 @@ ComboBox 允许用户从其中选择一个项目，或者可以选择在控件
 
 ComboBox 控件默认带有层级边框效果。您可以使用 `ui:ElevationBorder` 来自定义其层级效果。
 
-更多信息请参见 [Theming / Elevations](%BASE_NAME%/features/theming/elevations)。
+更多信息请参见 [主题 / 层级](%BASE_NAME%/features/theming/elevations)。
 
 ### 样式
 
@@ -106,11 +106,11 @@ ComboBox 控件默认带有层级边框效果。您可以使用 `ui:ElevationBor
 
 ### Microsoft Learn
 
-- [ComboBox Class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.combobox)
+- [ComboBox Class (WPF)](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.controls.combobox)
 
-- [ComboBox Class (WinRT)](https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.combobox)
+- [ComboBox Class (WinRT)](https://learn.microsoft.com/zh-cn/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.combobox)
 
-- [ComboBox - WPF](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/controls/combobox)
+- [ComboBox - WPF](https://learn.microsoft.com/zh-cn/dotnet/desktop/wpf/controls/combobox)
 
-- [Combo box and list box - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/controls/combo-box)
+- [Combo box and list box - Windows apps](https://learn.microsoft.com/zh-cn/windows/apps/design/controls/combo-box)
 
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.zh-CN.mdx
index b4e28cb..a08b14a 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# dropdown-button/index.zh-CN.mdx	
@@ -118,6 +118,6 @@ DropDownButton 控件有一个内置样式。由于这是来自 `iNKORE.UI.WPF.M
 
 ### Microsoft Learn
 
-- [DropDownButton class (WinRT)](https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.dropdownbutton)
+- [DropDownButton class (WinRT)](https://learn.microsoft.com/zh-cn/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.dropdownbutton)
 
-- [Buttons # Drop down button - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/controls/buttons#example---drop-down-button)
+- [Buttons # Drop down button - Windows apps](https://learn.microsoft.com/zh-cn/windows/apps/design/controls/buttons#example---drop-down-button)
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# hyperlink-button/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# hyperlink-button/index.zh-CN.mdx
index aa0b247..05e463e 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# hyperlink-button/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# hyperlink-button/index.zh-CN.mdx	
@@ -54,7 +54,7 @@ private void HyperlinkButton_Click(object sender, RoutedEventArgs e)
 
 根据您的需要选择合适的超链接类型：
 
-- 使用文本控件内的内联 [Hyperlink](https://learn.microsoft.com/en-us/dotnet/api/system.windows.documents.hyperlink) 文本元素。Hyperlink 元素与其他文本元素一起流动，您可以在任何 InlineCollection 中使用它。如果您需要自动文本换行且不一定需要大的点击目标，请使用文本超链接。超链接文本可能很小且难以定位，特别是对于触摸。
+- 使用文本控件内的内联 [Hyperlink](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.documents.hyperlink) 文本元素。Hyperlink 元素与其他文本元素一起流动，您可以在任何 InlineCollection 中使用它。如果您需要自动文本换行且不一定需要大的点击目标，请使用文本超链接。超链接文本可能很小且难以定位，特别是对于触摸。
 
 - 对于独立超链接，使用 HyperlinkButton。HyperlinkButton 是一个专业化的 Button 控件，您可以在任何使用 Button 的地方使用它。
 
@@ -89,9 +89,9 @@ HyperlinkButton 控件有一个内置样式。由于这是来自 `iNKORE.UI.WPF.
 
 ### Microsoft Learn
 
-- [HyperlinkButton class (WinRT)](https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.hyperlinkbutton)
+- [HyperlinkButton class (WinRT)](https://learn.microsoft.com/zh-cn/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.hyperlinkbutton)
 
-- [Hyperlink class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.documents.hyperlink)
+- [Hyperlink class (WPF)](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.documents.hyperlink)
 
-- [Hyperlinks - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/controls/hyperlinks#create-a-hyperlinkbutton)
+- [Hyperlinks - Windows apps](https://learn.microsoft.com/zh-cn/windows/apps/design/controls/hyperlinks#create-a-hyperlinkbutton)
 
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# toggle-switch/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# toggle-switch/index.zh-CN.mdx
index d5db416..a6b1755 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# toggle-switch/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# toggle-switch/index.zh-CN.mdx	
@@ -110,6 +110,6 @@ private void ToggleSwitch_MainLight_Toggled(object sender, RoutedEventArgs e)
 
 ### Microsoft Learn
 
-- [Guidelines for toggle switch](https://learn.microsoft.com/en-us/windows/apps/design/controls/toggles)
+- [Guidelines for toggle switch](https://learn.microsoft.com/zh-cn/windows/apps/design/controls/toggles)
 
-- [ToggleSwitch Class (WinRT)](https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.toggleswitch)
\ No newline at end of file
+- [ToggleSwitch Class (WinRT)](https://learn.microsoft.com/zh-cn/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.toggleswitch)
\ No newline at end of file
diff --git a/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.zh-CN.mdx
index 30c46a3..baeb760 100644
--- a/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.zh-CN.mdx	
@@ -6,9 +6,9 @@ description: "提供了创建、配置、显示并管理窗口和对话框的生
 
 Window 类代表 Windows 应用程序中的一个窗口。它提供了一套丰富的功能来管理和与窗口互动，例如处理其内容、外观和行为。本文档涵盖了 Window 类的基本方面，及其属性、方法和事件。
 
-- **类**: [System.Windows](https://learn.microsoft.com/en-us/dotnet/api/system.windows)[.Window](https://learn.microsoft.com/en-us/dotnet/api/system.windows.window)
+- **类**: [System.Windows](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows)[.Window](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.window)
 
-- **继承**: [Object](https://learn.microsoft.com/en-us/dotnet/api/system.object) → (...) → [Control](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.control) → [ContentControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.contentcontrol) → [Window](https://learn.microsoft.com/en-us/dotnet/api/system.windows.window)
+- **继承**: [Object](https://learn.microsoft.com/zh-cn/dotnet/api/system.object) → (...) → [Control](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.controls.control) → [ContentControl](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.controls.contentcontrol) → [Window](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.window)
 
 ## 示例
 
@@ -74,7 +74,7 @@ ui:TitleBar.IsBackButtonVisible="True"
 ui:TitleBar.IsBackEnabled="True"
 ```
 
-然后当您运行时，您可能会看到标题栏中有一个返回按钮。接下来，您可以使用 **ui:TitleBar.BackButtonCommand** 处理返回按钮的点击事件。有关命令的更多信息，请 [点击此处](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/advanced/commanding-overview)。
+然后当您运行时，您可能会看到标题栏中有一个返回按钮。接下来，您可以使用 **ui:TitleBar.BackButtonCommand** 处理返回按钮的点击事件。有关命令的更多信息，请 [点击此处](https://learn.microsoft.com/zh-cn/dotnet/desktop/wpf/advanced/commanding-overview)。
 
 完整的代码应该像这样：
 
@@ -193,4 +193,4 @@ ui:WindowHelper.FixMaximizedWindow="False"
 
 ### Microsoft Learn
 
-- [Window Class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.window)
+- [Window Class (WPF)](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.window)
diff --git a/data/docs/ui-wpf-modern/03. components/06. media/# font-icon/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/06. media/# font-icon/index.zh-CN.mdx
index 796b6c8..f236ebf 100644
--- a/data/docs/ui-wpf-modern/03. components/06. media/# font-icon/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/06. media/# font-icon/index.zh-CN.mdx	
@@ -8,7 +8,7 @@ FontIcon 是一个用于显示指定字体中图标字形的控件。它是 Imag
 
 - **类**: [iNKORE.UI.WPF.Modern.Controls](..)[.FontIcon](.)
 
-- **继承**: [Object](https://learn.microsoft.com/en-us/dotnet/api/system.object) → (...) → [FrameworkElement](https://learn.microsoft.com/en-us/dotnet/api/system.windows.frameworkelement) → [IconElement](.) → [FontIcon](.)
+- **继承**: [Object](https://learn.microsoft.com/zh-cn/dotnet/api/system.object) → (...) → [FrameworkElement](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.frameworkelement) → [IconElement](.) → [FontIcon](.)
 
 ## 示例
 
@@ -24,7 +24,7 @@ FontIcon 是一个用于显示指定字体中图标字形的控件。它是 Imag
 
 在 `iNKORE.UI.WPF.Modern.Common.IconKeys` 命名空间下，提供了几个由 Microsoft 制作且符合 Fluent Design 规范的图标集：
 
-- `SegoeFluentIcons`：来自 Microsoft 的 [Segoe Fluent Icons Family](https://learn.microsoft.com/en-us/windows/apps/design/style/segoe-fluent-icons-font)；
+- `SegoeFluentIcons`：来自 Microsoft 的 [Segoe Fluent Icons Family](https://learn.microsoft.com/zh-cn/windows/apps/design/style/segoe-fluent-icons-font)；
 
 - `FluentSystemIcons`：来自 Microsoft 的 [Fluent System Icons Family](https://github.com/microsoft/fluentui-system-icons)。
 
@@ -185,12 +185,12 @@ FontIcon 是一个用于显示指定字体中图标字形的控件。它是 Imag
 
 ### Microsoft Learn
 
-- [Segoe Fluent Icons - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/style/segoe-fluent-icons-font)
+- [Segoe Fluent Icons - Windows apps](https://learn.microsoft.com/zh-cn/windows/apps/design/style/segoe-fluent-icons-font)
 
-- [Segoe MDL2 Assets icons - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/style/segoe-ui-symbol-font)
+- [Segoe MDL2 Assets icons - Windows apps](https://learn.microsoft.com/zh-cn/windows/apps/design/style/segoe-ui-symbol-font)
 
-- [Design toolkits and samples for Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/downloads#fonts)
+- [Design toolkits and samples for Windows apps](https://learn.microsoft.com/zh-cn/windows/apps/design/downloads#fonts)
 
-- [Iconography in Windows 11](https://learn.microsoft.com/en-us/windows/apps/design/signature-experiences/iconography)
+- [Iconography in Windows 11](https://learn.microsoft.com/zh-cn/windows/apps/design/signature-experiences/iconography)
 
-- [FontIcon Class (WinRT)](https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.fonticon)
+- [FontIcon Class (WinRT)](https://learn.microsoft.com/zh-cn/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.fonticon)
diff --git a/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.zh-CN.mdx
index 7235c39..b49b738 100644
--- a/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.zh-CN.mdx	
@@ -10,7 +10,7 @@ WPF 的 Frame 控件支持在内容之间进行导航。Frame 可以由 Window
 
 - **类**: [iNKORE.UI.WPF.Modern.Controls](..)[.Frame](.)
 
-- **继承**: [Object](https://learn.microsoft.com/en-us/dotnet/api/system.object) → (...) → [Control](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.control) → [ContentControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.contentcontrol) → [Frame](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.frame) → [Frame](.)
+- **继承**: [Object](https://learn.microsoft.com/zh-cn/dotnet/api/system.object) → (...) → [Control](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.controls.control) → [ContentControl](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.controls.contentcontrol) → [Frame](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.controls.frame) → [Frame](.)
 
 ## 示例
 
@@ -324,7 +324,7 @@ public bool Navigate(object content, object extraData, NavigationTransitionInfo
 public bool Navigate(Uri source, object extraData, NavigationTransitionInfo infoOverride);
 ```
 
-原始 **Frame.Navigate** 方法还提供了更多重载，详情请 [点击这里](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.frame.navigate)。
+原始 **Frame.Navigate** 方法还提供了更多重载，详情请 [点击这里](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.controls.frame.navigate)。
 
 ### GoBack
 
@@ -433,12 +433,12 @@ myFrame.Navigate(Page2, null, new SuppressNavigationTransitionInfo());
 
 ### Microsoft Learn
 
-- [Navigation Overview - WPF](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/app-development/navigation-overview)
+- [Navigation Overview - WPF](https://learn.microsoft.com/zh-cn/dotnet/desktop/wpf/app-development/navigation-overview)
 
-- [Frame - WPF](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/controls/frame)
+- [Frame - WPF](https://learn.microsoft.com/zh-cn/dotnet/desktop/wpf/controls/frame)
 
-- [Page transitions - Windows Apps](https://learn.microsoft.com/en-us/windows/apps/design/motion/page-transitions)
+- [Page transitions - Windows Apps](https://learn.microsoft.com/zh-cn/windows/apps/design/motion/page-transitions)
 
-- [Frame Class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.frame)
+- [Frame Class (WPF)](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.controls.frame)
 
-- [Frame Class (WinRT)](https://learn.microsoft.com/en-us/uwp/api/windows.ui.xaml.controls.frame)
+- [Frame Class (WinRT)](https://learn.microsoft.com/zh-cn/uwp/api/windows.ui.xaml.controls.frame)
diff --git a/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.zh-CN.mdx
index 6dbe6c4..72be83a 100644
--- a/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.zh-CN.mdx	
@@ -8,7 +8,7 @@ NavigationView 控件通过可折叠导航菜单为应用程序的顶级区域
 
 - **类**: [iNKORE.UI.WPF.Modern.Controls](..)[.NavigationView](.)
 
-- **继承**: [Object](https://learn.microsoft.com/en-us/dotnet/api/system.object) → (...) → [Control](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.control) → [ContentControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.contentcontrol) → [NavigationView](https://learn.microsoft.com/en-us/windows/apps/design/controls/navigationview)
+- **继承**: [Object](https://learn.microsoft.com/zh-cn/dotnet/api/system.object) → (...) → [Control](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.controls.control) → [ContentControl](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.controls.contentcontrol) → [NavigationView](https://learn.microsoft.com/zh-cn/windows/apps/design/controls/navigationview)
 
 ## 示例
 
@@ -174,7 +174,7 @@ NavigationView 控件通过可折叠导航菜单为应用程序的顶级区域
 
 ![](clear-background.jpg)
 
-上面的代码使用了资源重写功能。有关更多信息，您可以查看 [Overrides / Override Resources](%BASE_NAME%/features/overrides/override-resources)。
+上面的代码使用了资源重写功能。有关更多信息，您可以查看 [重写 / 重写资源](%BASE_NAME%/features/overrides/override-resources)。
 
 ### 在页面之间导航
 
@@ -258,7 +258,7 @@ NavigationView 是一种自适应导航控件，适用于：
 
 ### 详细信息与指南
 
-[此页面](https://learn.microsoft.com/en-us/windows/apps/design/controls/navigationview)提供了更详细且有用的信息。如果您想更好地使用 NavigationView，强烈建议阅读它。
+[此页面](https://learn.microsoft.com/zh-cn/windows/apps/design/controls/navigationview)提供了更详细且有用的信息。如果您想更好地使用 NavigationView，强烈建议阅读它。
 
 ## 另请参阅
 
@@ -273,8 +273,8 @@ NavigationView 是一种自适应导航控件，适用于：
 
 ### Microsoft Learn
 
-- [NavigationView - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/controls/navigationview)
+- [NavigationView - Windows apps](https://learn.microsoft.com/zh-cn/windows/apps/design/controls/navigationview)
 
-- [NavigationView Class (WinRT)](https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview)
+- [NavigationView Class (WinRT)](https://learn.microsoft.com/zh-cn/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.navigationview)
 
-- [Navigation basics - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/basics/navigation-basics)
+- [Navigation basics - Windows apps](https://learn.microsoft.com/zh-cn/windows/apps/design/basics/navigation-basics)
diff --git a/data/docs/ui-wpf-modern/03. components/08. navigation/# tab-control/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/08. navigation/# tab-control/index.zh-CN.mdx
index 68f88e5..ea84df2 100644
--- a/data/docs/ui-wpf-modern/03. components/08. navigation/# tab-control/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/08. navigation/# tab-control/index.zh-CN.mdx	
@@ -6,9 +6,9 @@ description: "一个通过选择相应选项卡来访问离散页面并显示内
 
 选项卡 (Tabs) 用于组织相关内容组，并允许在同一层级的内容页面之间进行导航。
 
-- **Class**: [System.Windows.Controls](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls)[.TabControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.tabcontrol)
+- **Class**: [System.Windows.Controls](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.controls)[.TabControl](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.controls.tabcontrol)
 
-- **Inheritance**: [Object](https://learn.microsoft.com/en-us/dotnet/api/system.object) → (...) → [Control](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.control) → [ItemsControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.itemscontrol) → [Selector](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.primitives.selector) → [TabControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.tabcontrol)
+- **Inheritance**: [Object](https://learn.microsoft.com/zh-cn/dotnet/api/system.object) → (...) → [Control](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.controls.control) → [ItemsControl](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.controls.itemscontrol) → [Selector](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.controls.primitives.selector) → [TabControl](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.controls.tabcontrol)
 
 
 ## 示例
@@ -258,12 +258,12 @@ Pivot 样式支持在一组内容节之间通过触控滑动进行切换。要
 
 ### Microsoft Learn
 
-- [TabControl Class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.tabcontrol)
+- [TabControl Class (WPF)](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.controls.tabcontrol)
 
-- [TabControl - WPF](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/controls/tabcontrol)
+- [TabControl - WPF](https://learn.microsoft.com/zh-cn/dotnet/desktop/wpf/controls/tabcontrol)
 
-- [Tab View - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/controls/tab-view)
+- [Tab View - Windows apps](https://learn.microsoft.com/zh-cn/windows/apps/design/controls/tab-view)
 
-- [Pivot - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/controls/pivot)
+- [Pivot - Windows apps](https://learn.microsoft.com/zh-cn/windows/apps/design/controls/pivot)
 
-- [Selector bar - Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/controls/selector-bar)
+- [Selector bar - Windows apps](https://learn.microsoft.com/zh-cn/windows/apps/design/controls/selector-bar)
diff --git a/data/docs/ui-wpf-modern/04. features/01. theming/01.# theme-schemes/index.zh-CN.mdx b/data/docs/ui-wpf-modern/04. features/01. theming/01.# theme-schemes/index.zh-CN.mdx
index f4b2397..5d9f1f3 100644
--- a/data/docs/ui-wpf-modern/04. features/01. theming/01.# theme-schemes/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/04. features/01. theming/01.# theme-schemes/index.zh-CN.mdx	
@@ -1,6 +1,6 @@
 ---
 description: "Windows apps can use a light or dark application theme. The theme affects the colors of the app's background, text, icons, and common controls."
-title: "Theme Schemes"
+title: "主题方案"
 ---
 
 
@@ -10,7 +10,7 @@ Windows 应用可以使用浅色或深色的应用主题。主题会影响应用
 
 :::note
 
-本文讨论的是主题方案 (浅色/深色) 。如果你想了解强调色 (又称主色) ，请参见 [Theming / Accent Color](./accent-color)。
+本文讨论的是主题方案 (浅色/深色) 。如果你想了解强调色 (又称主色) ，请参见 [主题 / 强调色](./accent-color)。
 
 :::
 
@@ -155,13 +155,13 @@ ui:ThemeManager.RequestedTheme="Default"
 
 ### 相关文章
 
-- [Theming / Accent color](./accent-color)
+- [主题 / 强调色](./accent-color)
 
 ### Microsoft Learn
 
-- [Color in Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/style/color)
+- [Color in Windows apps](https://learn.microsoft.com/zh-cn/windows/apps/design/style/color)
 
-- [Color in Windows 11](https://learn.microsoft.com/en-us/windows/apps/design/signature-experiences/color)
+- [Color in Windows 11](https://learn.microsoft.com/zh-cn/windows/apps/design/signature-experiences/color)
 
-- [Layering and elevation in Windows 11](https://learn.microsoft.com/en-us/windows/apps/design/signature-experiences/layering)
+- [Layering and elevation in Windows 11](https://learn.microsoft.com/zh-cn/windows/apps/design/signature-experiences/layering)
 
diff --git a/data/docs/ui-wpf-modern/04. features/01. theming/02.# accent-color/index.zh-CN.mdx b/data/docs/ui-wpf-modern/04. features/01. theming/02.# accent-color/index.zh-CN.mdx
index c9bc661..ee1f07f 100644
--- a/data/docs/ui-wpf-modern/04. features/01. theming/02.# accent-color/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/04. features/01. theming/02.# accent-color/index.zh-CN.mdx	
@@ -1,5 +1,6 @@
 ---
 description: "Windows apps can use a light or dark application theme. The theme affects the colors of the app's background, text, icons, and common controls."
+title: "强调色"
 ---
 
 
@@ -7,7 +8,7 @@ description: "Windows apps can use a light or dark application theme. The theme
 
 :::note
 
-本文讨论的是强调色 (又称主色) 。若需了解主题方案 (浅色/深色) ，请参见 [Theming / Theme schemes](./theme-schemes)。
+本文讨论的是强调色 (又称主色) 。若需了解主题方案 (浅色/深色) ，请参见 [主题 / 主题方案](./theme-schemes)。
 
 :::
 
@@ -103,13 +104,13 @@ Windows Shell 中的强调色算法会生成该强调色的一组浅色与深色
 
 ### 相关文章
 
-- [Theming / Theme scheme](./theme-schemes)
+- [主题 / 主题方案](./theme-schemes)
 
 ### Microsoft Learn
 
-- [Color in Windows apps](https://learn.microsoft.com/en-us/windows/apps/design/style/color)
+- [Color in Windows apps](https://learn.microsoft.com/zh-cn/windows/apps/design/style/color)
 
-- [Color in Windows 11](https://learn.microsoft.com/en-us/windows/apps/design/signature-experiences/color)
+- [Color in Windows 11](https://learn.microsoft.com/zh-cn/windows/apps/design/signature-experiences/color)
 
-- [Layering and elevation in Windows 11](https://learn.microsoft.com/en-us/windows/apps/design/signature-experiences/layering)
+- [Layering and elevation in Windows 11](https://learn.microsoft.com/zh-cn/windows/apps/design/signature-experiences/layering)
 
diff --git a/data/docs/ui-wpf-modern/04. features/01. theming/04.# elevations/index.zh-CN.mdx b/data/docs/ui-wpf-modern/04. features/01. theming/04.# elevations/index.zh-CN.mdx
index 908acc8..af35986 100644
--- a/data/docs/ui-wpf-modern/04. features/01. theming/04.# elevations/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/04. features/01. theming/04.# elevations/index.zh-CN.mdx	
@@ -1,10 +1,10 @@
-# 层级 (Elevation) 
+# 层级
 
 层级表示表面与另一表面在桌面上位置关系的深度分量。当两个或多个对象占据屏幕上的同一位置时，只有层级最高的对象会在该位置被渲染。
 
 在控件和表面上使用阴影与轮廓 (边缘) 可以微妙地传达对象的层级，并在交互过程中帮助引导焦点。Windows 11 使用阴影与轮廓来表达层级感以及相关的数值与效果。
 
-## 轮廓层级 (Contour elevation) 
+## 轮廓层级
 
 以 `Button` 控件为例，其边框底部带有高亮以产生深度感。下面是带有层级与不带层级的 `Button` 对比：
 
@@ -56,4 +56,4 @@
 
 ### Microsoft Learn
 
-- [Layering and elevation in Windows 11](https://learn.microsoft.com/en-us/windows/apps/design/signature-experiences/layering)
\ No newline at end of file
+- [Layering and elevation in Windows 11](https://learn.microsoft.com/zh-cn/windows/apps/design/signature-experiences/layering)
\ No newline at end of file
diff --git a/data/docs/ui-wpf-modern/04. features/01. theming/category.zh-CN.json b/data/docs/ui-wpf-modern/04. features/01. theming/category.zh-CN.json
new file mode 100644
index 0000000..9e9ba06
--- /dev/null
+++ b/data/docs/ui-wpf-modern/04. features/01. theming/category.zh-CN.json	
@@ -0,0 +1,8 @@
+{
+  "label": "主题",
+  "link": 
+    {
+        "type": "generated-index",
+        "description": "主题指定了组件的颜色、表面的深浅、阴影的程度、墨迹元素的适当不透明度等。"
+    }
+}
diff --git a/data/docs/ui-wpf-modern/04. features/02. overrides/01.# override-resources/index.zh-CN.mdx b/data/docs/ui-wpf-modern/04. features/02. overrides/01.# override-resources/index.zh-CN.mdx
index 8c946c2..6cbff24 100644
--- a/data/docs/ui-wpf-modern/04. features/02. overrides/01.# override-resources/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/04. features/02. overrides/01.# override-resources/index.zh-CN.mdx	
@@ -235,14 +235,14 @@
 
 ### 相关文章
 
-- [Theming / Theme Resources](%BASE_NAME%/features/theming/theme-resources)
+- [主题 / 主题资源](%BASE_NAME%/features/theming/theme-resources)
 
-- [Definitions / StaticResourceExtension Class](%BASE_NAME%/definitions/markup/static-resource-extension)
+- [定义 / StaticResourceExtension Class](%BASE_NAME%/definitions/markup/static-resource-extension)
 
 ### Microsoft Learn
 
-- [ResourceDictionary Class (WPF)](https://learn.microsoft.com/en-us/dotnet/api/system.windows.resourcedictionary)
+- [ResourceDictionary Class (WPF)](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.resourcedictionary)
 
-- [Application Resource, Content, and Data Files - WPF](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/app-development/wpf-application-resource-content-and-data-files)
+- [Application Resource, Content, and Data Files - WPF](https://learn.microsoft.com/zh-cn/dotnet/desktop/wpf/app-development/wpf-application-resource-content-and-data-files)
 
-- [Merged resource dictionaries (WPF .NET)](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/systems/xaml-resources-merged-dictionaries)
\ No newline at end of file
+- [Merged resource dictionaries (WPF .NET)](https://learn.microsoft.com/zh-cn/dotnet/desktop/wpf/systems/xaml-resources-merged-dictionaries)
\ No newline at end of file
diff --git a/data/docs/ui-wpf-modern/04. features/02. overrides/category.zh-CN.json b/data/docs/ui-wpf-modern/04. features/02. overrides/category.zh-CN.json
new file mode 100644
index 0000000..2c0c98f
--- /dev/null
+++ b/data/docs/ui-wpf-modern/04. features/02. overrides/category.zh-CN.json	
@@ -0,0 +1,8 @@
+{
+  "label": "重写",
+  "link": 
+    {
+        "type": "generated-index",
+        "description": "重写功能使您能够高度自定义组件的外观。"
+    }
+}
diff --git a/data/docs/ui-wpf-modern/05. definitions/00. controls/00. helpers/# window-helper/index.zh-CN.mdx b/data/docs/ui-wpf-modern/05. definitions/00. controls/00. helpers/# window-helper/index.zh-CN.mdx
new file mode 100644
index 0000000..6f3c238
--- /dev/null
+++ b/data/docs/ui-wpf-modern/05. definitions/00. controls/00. helpers/# window-helper/index.zh-CN.mdx	
@@ -0,0 +1,165 @@
+---
+description: 提供窗口组件的附加属性和样式管理。
+---
+
+
+# WindowHelper 类
+
+提供用于窗口组件的附加属性与样式管理。
+
+## 定义
+
+- 命名空间： [iNKORE.UI.WPF.Modern.Controls.Helpers](.)
+- 程序集： iNKORE.UI.WPF.Modern.dll
+
+```csharp
+public static class WindowHelper {...}
+```
+
+静态类，无继承关系。
+
+## 依赖属性
+
+### UseModernWindowStyle
+
+获取或设置是否对窗口应用现代窗口样式。现代窗口样式为窗口提供现代外观与交互体验。
+
+仅当将此值设为 `true` 时，下列属性才会生效。
+
+- 属性：附加属性
+- 类型：`bool`
+- 默认值：`false`
+
+### SystemBackdropType
+
+获取或设置窗口材质类型。可从 [BackdropType 枚举](%BASE_NAME%/definitions/helpers/styles/backdrop-type) 中选择。
+
+:::warning 系统兼容性
+
+上文列出了 Acrylic 背景的可用性。Mica 与 Tabbed 背景仅在 Windows 11 可用；在较旧的 Windows 版本上，这些窗口材质将不会生效。
+
+选项 **Acrylic** 会根据系统版本自动选择合适的 API：在 Windows 11 上使用 Acrylic11，在 Windows 10 上使用 Acrylic10，但这可能会引发一些不期望的行为。
+
+:::
+
+- 属性：附加属性
+- 类型：[BackdropType](%BASE_NAME%/definitions/helpers/styles/backdrop-type)
+- 默认值：`BackdropType.None`
+
+### Acrylic10Color
+
+获取或设置 Acrylic10 背景的颜色。仅在 **SystemBackdropType** 为 `Acrylic10` 或在 Windows 10 上以 `Acrylic` 运行时生效。你可以通过设置 **Color** 值来自定义 Acrylic10 背景颜色。
+
+:::warning 使用 Color 值而非 Brush
+
+该属性仅接受 **Color** 值，若传入 **Brush** 值将抛出异常。如需从 **Brush** 转为 **Color**，可使用 **iNKORE.UI.WPF.Converters.ColorToBrushConverter** (需逆向转换) 。
+
+:::
+
+- 属性：附加属性
+- 类型：`Color`
+- 默认值：`Color.FromArgb(0x99, 0x00, 0x00, 0x00)`
+
+### ApplyBackground
+
+决定是否将 `Background` 属性应用于窗口。若将此属性设为 `False`，窗口将忽略 `Background` 并不渲染背景。通常我们会根据所用的窗口材质自动设置此属性，你也可手动控制，但该操作并不常见。
+
+- 属性：附加属性
+- 类型：`bool`
+- 默认值：`true` (当 **SystemBackdropType** 为 `None` 时为 `True`，否则为 `False`) 
+
+### ApplyNoise
+
+决定是否为窗口启用噪点效果。噪点是一种细微的纹理效果，可让窗口看起来更自然、不那么平面。默认值为 `False`，因为在使用 acrylic 背景时系统会覆盖噪点效果，故通常无需重复渲染。
+
+你也可以手动将其设为 `True` 以启用额外噪点效果。
+
+- 属性：附加属性
+- 类型：`bool`
+- 默认值：`false`
+
+### CornerStyle
+
+通过此属性设置窗口的圆角样式。可从 [WindowCornerStyle 枚举](../../definitions/helpers/styles/window-corner-style) 中选择。
+
+:::warning 系统兼容性
+
+圆角样式仅在 Windows 11 可用；在较旧系统上该设置不会生效。
+
+:::
+
+- 属性：附加属性
+- 类型：[WindowCornerStyle](../../helpers/styles/window-corner-style)
+- 默认值：`WindowCornerStyle.None`
+
+### FixMaximizedWindow
+
+决定是否对窗口应用额外的最大化修复器 (maximize fixer) 。该修复器用于修正默认窗口样式导致的最大化尺寸错误问题。
+
+该修复有时可能触发一些异常；通常这些异常是无害的，不会影响窗口的正常使用。
+
+更多信息见 [Window / Maximize fixer](%BASE_NAME%/components/dialogs/window#maximize-fixer)。
+
+- 属性：附加属性
+- 类型：`bool`
+- 默认值：`true`
+
+### ShouldDisplayManualBorder
+
+决定是否显示手动绘制的边框。手动边框由窗口绘制，遵循窗口的 `BorderBrush` 与 `BorderThickness`，从而允许自定义窗口边框样式。
+
+该属性为只读，由系统版本决定：在 Windows 11 及更高版本，DWM 会自动绘制边框；在 Windows 10 或更低版本，将显示手动边框。
+
+- 属性：附加属性 | 只读
+- 类型：`bool`
+- 默认值：`false` (在 Windows 10 或更低版本为 `True`，否则为 `False`) 
+
+### ~~UseAeroBackdrop~~
+
+已废弃，请使用 **SystemBackdropType**。
+
+### ~~UseAcrylicBackdrop~~
+
+已废弃，请使用 **SystemBackdropType**。
+
+## 字段
+
+###  (依赖属性) 
+
+上述依赖属性各自对应一个 `DependencyProperty` 字段。
+
+## 方法
+
+###  (依赖属性) 
+
+对可写的附加依赖属性，类提供对应的 `Get` 与 `Set` 方法；对只读附加依赖属性，仅提供 `Get` 方法。
+
+### UpdateWindowChrome
+
+当需要更新 `WindowChrome` 时，该方法会被自动调用；你也可以手动调用以在异常情况发生后触发更新。
+
+```csharp
+public static WindowChrome UpdateWindowChrome(this Window window);
+```
+
+## 备注
+
+### 组件
+
+该类用于自定义 [Window](%BASE_NAME%/components/dialogs/window) 组件。
+
+## 另请参阅
+
+### 相关文章
+
+- [组件 / Window](%BASE_NAME%/components/dialogs/window)
+
+### Microsoft Learn
+
+- [Window Class (WPF)](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.window?view=windowsdesktop-8.0#properties)
+
+- [Materials in Windows 11](https://learn.microsoft.com/zh-cn/windows/apps/design/signature-experiences/materials)
+
+### 源代码
+
+- [GitHub | WindowHelper.cs](https://github.com/iNKORE-NET/UI.WPF.Modern/blob/main/source/iNKORE.UI.WPF.Modern/Controls/Helpers/WindowHelper.cs)
\ No newline at end of file
diff --git a/data/docs/ui-wpf-modern/05. definitions/00. controls/01.# toggle-switch/index.zh-CN.mdx b/data/docs/ui-wpf-modern/05. definitions/00. controls/01.# toggle-switch/index.zh-CN.mdx
new file mode 100644
index 0000000..8f1e635
--- /dev/null
+++ b/data/docs/ui-wpf-modern/05. definitions/00. controls/01.# toggle-switch/index.zh-CN.mdx	
@@ -0,0 +1,113 @@
+# ToggleSwitch 类
+
+表示一个可在两种状态之间切换的开关控件。
+
+更多信息、设计指引与代码示例，请参阅 [Toggle switches](%BASE_NAME%/components/basic-input/toggle-switch)。
+
+## 定义
+
+- 命名空间： [iNKORE.UI.WPF.Modern.Controls](.)
+
+- 程序集： iNKORE.UI.WPF.Modern.dll
+
+- 继承： [Object](https://learn.microsoft.com/zh-cn/dotnet/api/system.object) → (...) → [Control](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.controls.control) → ToggleSwitch
+
+```csharp
+[ContentProperty(nameof(Header))]
+[TemplatePart(Name = nameof(HeaderContentPresenter), Type = typeof(ContentPresenter))]
+[TemplatePart(Name = nameof(SwitchKnobBounds), Type = typeof(FrameworkElement))]
+[TemplatePart(Name = nameof(SwitchKnob), Type = typeof(FrameworkElement))]
+[TemplatePart(Name = nameof(KnobTranslateTransform), Type = typeof(TranslateTransform))]
+[TemplatePart(Name = nameof(SwitchThumb), Type = typeof(Thumb))]
+[TemplateVisualState(GroupName = VisualStates.GroupCommon, Name = VisualStates.StateNormal)]
+[TemplateVisualState(GroupName = VisualStates.GroupCommon, Name = VisualStates.StateMouseOver)]
+[TemplateVisualState(GroupName = VisualStates.GroupCommon, Name = VisualStates.StatePressed)]
+[TemplateVisualState(GroupName = VisualStates.GroupCommon, Name = VisualStates.StateDisabled)]
+[TemplateVisualState(GroupName = ContentStatesGroup, Name = OffContentState)]
+[TemplateVisualState(GroupName = ContentStatesGroup, Name = OnContentState)]
+[TemplateVisualState(GroupName = ToggleStatesGroup, Name = DraggingOnState)]
+[TemplateVisualState(GroupName = ToggleStatesGroup, Name = DraggingOffState)]
+[TemplateVisualState(GroupName = ToggleStatesGroup, Name = OffState)]
+[TemplateVisualState(GroupName = ToggleStatesGroup, Name = OnState)]
+public class ToggleSwitch : Control { ... }
+```
+
+## 构造函数
+
+### ToggleSwitch()
+
+初始化 `ToggleSwitch` 的新实例。
+
+## 属性
+
+### IsOn
+
+获取或设置 `ToggleSwitch` 的开关状态 (开/关) 。
+
+- 属性：依赖属性
+
+- 类型：`bool`
+
+- 默认值：`false`
+
+### [On/Off]-[Content/ContentTemplate]
+
+默认情况下，`ToggleSwitch` 包含自动本地化的 On/Off 标签。你可以通过设置 `OnContent` 与 `OffContent` 来替换这些标签。
+
+下面示例将 On/Off 标签替换为 Show/Hide：
+
+```xml
+<ToggleSwitch x:Name="imageToggle" Header="Show images" OffContent="Show" OnContent="Hide"
+    Toggled="ToggleSwitch_Toggled"/>
+```
+
+下面示例移除了标签：
+
+```xml
+<ToggleSwitch OffContent="" OnContent="" Toggled="ToggleSwitch_Toggled"/>
+```
+
+你也可以通过设置 `OnContentTemplate` 与 `OffContentTemplate` 来使用更复杂的内容。
+
+###  (继承) 
+
+该类继承自基类 `Control` 的属性。
+
+## 事件
+
+### Toggled
+
+当 `IsOn` 属性值更改时触发该事件。
+
+- 事件类型：Routed
+
+- 委托类型：`RoutedEventHandler`
+
+###  (继承) 
+
+该类继承自基类 `Control` 的事件。
+
+## 方法
+
+###  (继承) 
+
+该类继承自基类 `Control` 的方法。
+
+
+## 另请参阅
+
+### 相关文章
+
+- [组件 / ToggleSwitch](%BASE_NAME%/components/basic-input/toggle-switch)
+
+### Microsoft Learn
+
+- [Toggle switches - Windows apps](https://learn.microsoft.com/zh-cn/windows/apps/design/controls/toggles)
+
+- [ToggleSwitch class (WinRT)](https://learn.microsoft.com/zh-cn/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.toggleswitch)
+
+### 源代码
+
+- [GitHub | ToggleSwitch.cs](https://github.com/iNKORE-NET/UI.WPF.Modern/blob/main/source/iNKORE.UI.WPF.Modern.Controls/Controls/Windows/ToggleSwitch/ToggleSwitch.cs)
+
+
diff --git a/data/docs/ui-wpf-modern/05. definitions/00. helpers/00. styles/# backdrop-type/index.zh-CN.mdx b/data/docs/ui-wpf-modern/05. definitions/00. helpers/00. styles/# backdrop-type/index.zh-CN.mdx
new file mode 100644
index 0000000..a80ff1b
--- /dev/null
+++ b/data/docs/ui-wpf-modern/05. definitions/00. helpers/00. styles/# backdrop-type/index.zh-CN.mdx	
@@ -0,0 +1,134 @@
+---
+description: 指定窗口材质类型。由 `WindowHelper.SystemBackdropType` 属性使用。
+---
+
+# BackdropType 枚举
+
+指定窗口材质类型。由 `WindowHelper.SystemBackdropType` 属性使用。
+
+## 定义
+
+- 命名空间： [iNKORE.UI.WPF.Modern.Helpers.Styles](.)
+- 程序集： iNKORE.UI.WPF.Modern.dll
+
+```csharp
+public enum BackdropType {...}
+```
+
+继承： [Object](https://learn.microsoft.com/zh-cn/dotnet/api/system.object) → [ValueType](https://learn.microsoft.com/zh-cn/dotnet/api/system.valuetype?view=windowsdesktop-8.0) → [Enum](https://learn.microsoft.com/zh-cn/dotnet/api/system.enum?view=windowsdesktop-8.0) → BackdropType
+
+## 枚举值
+
+### None
+
+不应用任何窗口材质，窗口保持实色。
+
+**值**：1
+
+### Mica
+
+窗口将使用 Mica 效果，表现为对桌面背景进行模糊与半透明处理的材质。
+
+**值**：2
+
+Mica 是 Windows 11 引入的一种新型不透明材质，表面会根据用户桌面背景色做细微着色。
+
+Mica 支持浅色/深色模式，并内置了针对窗口聚焦 (活动/非活动) 的状态差异。
+
+![](materials_mica_hero_1880.jpg)
+
+### Acrylic
+
+窗口将使用 Acrylic 效果，所用的具体 API 由系统版本决定，表现为模糊背景之上的半透明材质。
+
+**值**：3
+
+Acrylic 是一种半透明材质，模拟磨砂玻璃效果。在 Windows 11 中，Acrylic 更明亮、更透明，以便与背后的视觉内容建立更强的语境关系。Acrylic 通常用于临时、轻度消失的表面，例如弹出菜单与上下文菜单。
+
+Acrylic 支持浅色/深色模式。
+
+![](materials_acrylic_hero_1880.jpg)
+
+### Tabbed
+
+窗口将使用类似 Mica 的 Tabbed (Mica Alt) 效果，但色彩更深，通常用于窗口具有根 `TabControl` 的场景 (例如资源管理器) 。
+
+**值**：4
+
+Mica Alt (又称 Tabbed) 是 Mica 的一个变体，对用户桌面背景色做更强的着色。针对带有选项卡的标题栏应用 Mica Alt，可以提供比 Mica 更深的视觉层级。Mica Alt 在使用 Windows App SDK 1.1 及更高版本且运行于 Windows 11 版本 22000 或更高时可用。
+
+![](mica-alt-tabs.png)
+
+### Acrylic10
+
+使用较旧 API 实现的 Acrylic 效果。
+
+**值**：5
+
+### Acrylic11
+
+使用较新 API 实现的 Acrylic 效果。
+
+**值**：6
+
+## 备注
+
+### Acrylic10 与 Acrylic11
+
+尽管 Acrylic10 与 Acrylic11 在视觉效果上相似，但它们使用不同的 API，存在一些差异：
+
+|                   | Acrylic10                                                            | Acrylic11                                                                           |
+|-------------------|----------------------------------------------------------------------|-------------------------------------------------------------------------------------|
+| 可用性            | <font color="seagreen">Windows 10 与 11 (Windows 10.0.17063+) </font> | Windows 11 (Windows 10.0.22523+)                                                    |
+| 性能              | 调整窗口大小时可能有卡顿                                               | <font color="seagreen">调整窗口大小时表现良好</font>                                                      |
+| 可定制性          | <font color="seagreen">可定制色调 (使用 ui:WindowHelper.Acrylic10Color 属性) </font> | 不支持                                                                                |
+| 过渡              | 无                                                                   | <font color="seagreen">在切换浅/深色及聚焦/失焦时会显示过渡动画</font>                                   |
+| 失去焦点时        | <font color="seagreen">Acrylic 效果仍然保留</font>                                      | Acrylic 效果会被临时禁用                                                              |
+
+如上所示，两个 Acrylic 效果各有优缺点，可根据需求选择。
+
+### Mica 与 Tabbed
+
+Mica 与 Tabbed 在外观上相似，但用途不同：Mica 适用于一般窗口，Tabbed 适用于带根 `TabControl` 的窗口。
+
+下面图片展示了带选项卡的标题栏中 Mica 与 Mica Alt (Tabbed) 的差异。
+
+![](mica-tabs.png)
+
+![](mica-alt-tabs.png)
+
+### 系统级特性
+
+窗口材质由系统提供并由系统管理，这意味着我们并不自行实现背景效果或对其有完全控制权。我们所能做的是请求系统对窗口应用相应的背景效果。
+
+:::danger 注意
+
+请不要要求我们做超出我们控制范围的操作。例如：提升 Acrylic10 的性能、强制对某个控件应用材质、或更改 Acrylic11 的颜色。我们无法实现这些功能。如遇窗口材质问题，请向 Microsoft 报告。
+
+如果你的想法在其他 Win32 应用中不可行，在我们的库中也不会可行。我们使用的是其他 Win32 应用同样的 API。在提出请求前，请先确认该行为在其他 Win32 应用中是否可行。
+
+:::
+
+## 另请参阅
+
+### 相关文章
+
+- [组件 / Window](%BASE_NAME%/components/dialogs/window#system-backdrops)
+
+- [定义 / WindowHelper Class](%BASE_NAME%/definitions/controls/helpers/window-helper#systembackdroptype)
+
+- [定义 / Acrylic10Helper Class](%BASE_NAME%/definitions/controls/helpers/acrylic10-helper)
+
+- [定义 / BackdropHelper Class](%BASE_NAME%/definitions/controls/helpers/backdrop-helper)
+
+### Microsoft Learn
+
+- [Mica material - Windows Apps](https://learn.microsoft.com/zh-cn/windows/apps/design/style/mica)
+
+- [Acrylic material - Windows Apps](https://learn.microsoft.com/zh-cn/windows/apps/design/style/acrylic)
+
+- [Materials in Windows 11](https://learn.microsoft.com/zh-cn/windows/apps/design/signature-experiences/materials)
+
+### 源代码
+
+- [GitHub | BackdropHelper.cs](https://github.com/iNKORE-NET/UI.WPF.Modern/blob/main/source/iNKORE.UI.WPF.Modern/Helpers/Styles/BackdropHelper.cs#L18)
diff --git a/data/docs/ui-wpf-modern/05. definitions/00. helpers/00. styles/# window-corner-style/index.zh-CN.mdx b/data/docs/ui-wpf-modern/05. definitions/00. helpers/00. styles/# window-corner-style/index.zh-CN.mdx
new file mode 100644
index 0000000..4f03730
--- /dev/null
+++ b/data/docs/ui-wpf-modern/05. definitions/00. helpers/00. styles/# window-corner-style/index.zh-CN.mdx	
@@ -0,0 +1,81 @@
+---
+description: 指定窗口的圆角样式。由 `WindowHelper.CornerStyle` 属性使用。
+---
+
+# WindowCornerStyle 枚举
+
+指定窗口的圆角样式。由 `WindowHelper.CornerStyle` 属性使用。
+
+## 定义
+
+- 命名空间： [iNKORE.UI.WPF.Modern.Helpers.Styles](.)
+
+- 程序集： iNKORE.UI.WPF.Modern.dll
+
+```csharp
+public enum WindowCornerStyle : uint {...}
+```
+
+继承： [Object](https://learn.microsoft.com/zh-cn/dotnet/api/system.object) → [ValueType](https://learn.microsoft.com/zh-cn/dotnet/api/system.valuetype?view=windowsdesktop-8.0) → [Enum](https://learn.microsoft.com/zh-cn/dotnet/api/system.enum?view=windowsdesktop-8.0) → WindowCornerStyle
+
+## 枚举值
+
+### Default
+
+让系统决定是否应用窗口圆角。
+
+*等价于 DWMWCP_DEFAULT*
+
+**值**：0
+
+### DoNotRound
+
+从不应用窗口圆角。
+
+*等价于 DWMWCP_DONOTROUND*
+
+**值**：1
+
+### Round
+
+在适当情况下应用窗口圆角。
+
+*等价于 DWMWCP_ROUND*
+
+**值**：2
+
+### RoundSmall
+
+在适当情况下应用小一些的窗口圆角。
+
+*等价于 DWMWCP_ROUNDSMALL*
+
+**值**：3
+
+## 备注
+
+要使用 Windows 11 引入的圆角特性，请查看该功能的官方说明。
+
+ (本文档日期为 2020/10/02，但实际提交于 2021/07/17。) 
+
+关键常量的底层值 (例如 DWMWA_WINDOW_CORNER_PREFERENCE 及 DWM_WINDOW_CORNER_PREFERENCE 枚举) 可在包含于 Windows Insider Preview SDK 的 dwmapi.h 中找到。
+
+当窗口应用圆角时，系统会自动添加一条灰色轮廓。
+
+在版本 10.0.22000.100 中，圆角未应用抗锯齿处理，边缘会显得较为锯齿 (标准标题栏除外) 。
+
+## 另请参阅
+
+### 相关文章
+
+- [组件 / Window](%BASE_NAME%/components/dialogs/window)
+
+- [定义 / WindowHelper Class](%BASE_NAME%/definitions/controls/helpers/window-helper#cornerstyle)
+
+### Microsoft Learn
+
+- [Apply rounded corners in desktop apps for Windows 11](https://docs.microsoft.com/en-us/windows/apps/desktop/modernize/apply-rounded-corners)
+
+### 源代码
+
+- [GitHub | CornerHelper.cs#L309](https://github.com/iNKORE-NET/UI.WPF.Modern/blob/main/source/iNKORE.UI.WPF.Modern/Helpers/Styles/CornerHelper.cs#L309)

From d41ecc8fe152639ced38f90395fd71d632cb2a22 Mon Sep 17 00:00:00 2001
From: Dorian Zhuang <im@lxhtt.cn>
Date: Sun, 3 May 2026 00:07:41 +0800
Subject: [PATCH 12/15] refactor: Updating the English and Chinese
 documentation to standardize terminology and enhance content consistency.

---
 CONTRIBUTING.en-US.md                                  |  4 ++--
 CONTRIBUTING.zh-CN.md                                  |  6 +++---
 .../01. basic-input/# combo-box/index.zh-CN.mdx        |  4 ++--
 .../04. dialogs/# window/index.en-US.mdx               |  2 +-
 .../08. navigation/# frame/index.en-US.mdx             |  4 ++--
 .../08. navigation/# frame/index.zh-CN.mdx             |  2 +-
 .../08. navigation/# navigation-view/index.en-US.mdx   |  2 +-
 .../00. helpers/# window-helper/index.en-US.mdx        |  2 +-
 .../00. helpers/# window-helper/index.zh-CN.mdx        |  2 +-
 .../00. styles/# backdrop-type/index.en-US.mdx         | 10 +++++-----
 .../00. styles/# window-corner-style/index.en-US.mdx   |  2 +-
 .../00. styles/# window-corner-style/index.zh-CN.mdx   |  2 +-
 12 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/CONTRIBUTING.en-US.md b/CONTRIBUTING.en-US.md
index d9e8d57..03f9fdd 100644
--- a/CONTRIBUTING.en-US.md
+++ b/CONTRIBUTING.en-US.md
@@ -101,7 +101,7 @@ launcher-home/
 
 ### Space between latin and other characters
 
-For some language-specified documents (e.g. Chinese), it's essential to use spaces between [Chinese] and [English/letters/numbers/minor-symbols]. 
+For some language-specified documents (e.g. Chinese), it's essential to use spaces between [Chinese] and [English/letters/numbers/minor-symbols].
 
 ### Always use English symbols (with exceptions)
 
@@ -113,7 +113,7 @@ For short date, please use `MM/dd/yyyy` format (e.g `05/02/2024`). for long date
 
 For time, always follow `HH:mm` or `HH:mm:ss` rule (e.g. `16:20`, `08:06:45`). **The military time** (24-hour clock) will always be used.
 
-The rules above applies to all documents and all locales, no matter what language the document is. 
+The rules above applies to all documents and all locales, no matter what language the document is.
 
 ### Example
 
diff --git a/CONTRIBUTING.zh-CN.md b/CONTRIBUTING.zh-CN.md
index 3c1307c..1a0c9a9 100644
--- a/CONTRIBUTING.zh-CN.md
+++ b/CONTRIBUTING.zh-CN.md
@@ -22,13 +22,13 @@
 
 每篇文章都有其指定的文件夹，由一个两位数的数字表示 + "." (如果你想手动排序)，一个 # 号加空格，再加上 kebab 格式的 slug ~~以及烤肉串盒中的蛞蝓~~组成。举个例子，一篇关于按钮设计的文章会嵌套在文件夹中，如下所示：`02.# button-design`。在列举控件和 API 的时候，我们更倾向于让其根据字母自动排序，就可以写：`# button-design`。
 
--   **文章元数据和内容文件**：在这些文件夹中，`index.meta.yml` 包含以 YAML 格式跨语言共享的元数据。在名为`index.{language_code}.mdx`，每个都包含特定于该语言的前 Front matter 数据。
+- **文章元数据和内容文件**：在这些文件夹中，`index.meta.yml` 包含以 YAML 格式跨语言共享的元数据。在名为`index.{language_code}.mdx`，每个都包含特定于该语言的前 Front matter 数据。
 
     关于 Font matter 的更多信息，请参见： [markdown-features#front-matter](https://docusaurus.io/zh-CN/docs/markdown-features#front-matter) 和 [plugin-content-docs#markdown-front-matter](https://docusaurus.io/zh-CN/docs/api/plugins/@docusaurus/plugin-content-docs#markdown-front-matter)。
 
 示例：`index.en-US.mdx`，`index.zh-CN.mdx`
 
--   **图像命名**：文章中的图片应当和 **index.{语言代号}.mdx** 存在同一目录内，并且以简短的 kebab 形式命名，比如 `create-a-new-project.png`。对于屏幕截图和其他较小的图片，请使用 PNG 格式，对于较大的图片，请使用 JPG 或 JPEG 格式。
+- **图像命名**：文章中的图片应当和 **index.{语言代号}.mdx** 存在同一目录内，并且以简短的 kebab 形式命名，比如 `create-a-new-project.png`。对于屏幕截图和其他较小的图片，请使用 PNG 格式，对于较大的图片，请使用 JPG 或 JPEG 格式。
 
     示例：`create-new-project.png`，`mountain-view.jpg`
 
@@ -159,7 +159,7 @@ launcher-home/
 > 分类文件夹下应该有_category_.json，_category_.en-US.json，等，他们包含了这一分组的元数据。对于不同语言公用的元数据 (比如此分类是否默认展开) ，就会在_category_.json中；对于语言特定的元数据 (比如显示名称，描述) ，就在_category_.{语言代码}.json中。
 > 这个文件中可以写的内容请详见：https://docusaurus.io/zh-CN/docs/sidebar/autogenerated#category-item-metadata
 >
-> 如果这个文件夹是单个文章，那么文件名在序号和点之后应该有一个#号，并且#和slug之间有空格。对于单个文章的文件夹，里面应该有index.meta.yml (单篇文章共用元数据) ，和内容index.{语言代号}.mdx (如index.en-US.mdx和index.zh-CN.mdx) 。对于不同语言公用的元数据，就会在index.meta.yml中以yaml格式存储；队医单个语言特定的元数据，则存储在index.{语言代号}.mdx的front matter中。关于元数据请参见：https://docusaurus.io/zh-CN/docs/markdown-features#front-matter 和 https://docusaurus.io/docs/api/plugins/@docusaurus/plugin-content-docs#markdown-front-matter。
+> 如果这个文件夹是单个文章，那么文件名在序号和点之后应该有一个#号，并且#和slug之间有空格。对于单个文章的文件夹，里面应该有index.meta.yml (单篇文章共用元数据) ，和内容index.{语言代号}.mdx (如index.en-US.mdx和index.zh-CN.mdx) 。对于不同语言公用的元数据，就会在index.meta.yml中以yaml格式存储；对于单个语言特定的元数据，则存储在index.{语言代号}.mdx的front matter中。关于元数据请参见：https://docusaurus.io/zh-CN/docs/markdown-features#front-matter 和 https://docusaurus.io/docs/api/plugins/@docusaurus/plugin-content-docs#markdown-front-matter。
 > 文章中的图片应当和index.{..}.mdx存在同一目录内，并且以简短的kebab形式命名，比如 create-a-new-project.png。对于屏幕截图和其他较小的图片，请使用png格式，对于较大的图片，请使用jpg格式。
 >
 > 文章内采用mdx格式进行编写，建议积极使用MDX的特殊功能，如告示 (https://docusaurus.io/zh-CN/docs/markdown-features/admonitions) 。
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx
index 9a76cbd..f112fd9 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx	
@@ -55,9 +55,9 @@ class VacationSpots : ObservableCollection<string>
 
 使用下拉列表允许用户从可以用单行文本充分表示的一组项目中选择单个值。
 
-使用列表或网格视图而不是 ComboBox 来显示包含多行文本或图像的项目。
+使用 ListView 或 GridView 而不是 ComboBox 来显示包含多行文本或图像的项目。
 
-当项目少于五个时，考虑使用单选按钮 (如果只能选择一项) 或ComboBox (如果可以选择多项) 。
+当项目少于五个时，考虑使用 RadioButton (如果只能选择一项) 或 CheckBox (如果可以选择多项) 。
 
 当选择项目在您的应用程序流中的重要性不高时，使用 ComboBox。如果在大多数情况下建议使用默认选项，那么使用列表视图显示所有项目可能会比必要的给予选项更多关注。您可以使用 ComboBox 节省空间并最大程度地减少干扰。
 
diff --git a/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.en-US.mdx b/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.en-US.mdx
index c3edf32..5429310 100644
--- a/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/04. dialogs/# window/index.en-US.mdx	
@@ -6,7 +6,7 @@ description: "Provides the ability to create, configure, show, and manage the li
 
 The Window class in represents a window in a Windows application. It provides a rich set of features to manage and interact with the window, such as handling its content, appearance, and behavior. This document covers the essential aspects of the Window class, including its properties, methods, and events.
 
-- **Class**: [System.Windows](https://learn.microsoft.com/en-us/dotnet/api/system.windows)[.Window](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.button)
+- **Class**: [System.Windows](https://learn.microsoft.com/en-us/dotnet/api/system.windows)[.Window](https://learn.microsoft.com/en-us/dotnet/api/system.windows.window)
 
 - **Inheritance**: [Object](https://learn.microsoft.com/en-us/dotnet/api/system.object) → (...) → [Control](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.control) → [ContentControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.contentcontrol) → [Window](https://learn.microsoft.com/en-us/dotnet/api/system.windows.window)
 
diff --git a/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.en-US.mdx b/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.en-US.mdx
index ddbea96..2966f04 100644
--- a/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.en-US.mdx	
@@ -188,7 +188,7 @@ Page1 Page_1 = new Page1();
 
 private void Button_NavigateToPage1_Click(object sender, RoutedEventArgs e)
 {
-    Frame_Main.Navigate(Page1);
+    Frame_Main.Navigate(Page_1);
 }
 ```
 
@@ -425,7 +425,7 @@ Suppressing the animation is useful when implicit show/hide animations is used.
 
 ## See also
 
-## Related articles
+### Related articles
 
 - [Components / NavigationView](./navigation-view)
 
diff --git a/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.zh-CN.mdx
index b49b738..a147274 100644
--- a/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/08. navigation/# frame/index.zh-CN.mdx	
@@ -188,7 +188,7 @@ Page1 Page_1 = new Page1();
 
 private void Button_NavigateToPage1_Click(object sender, RoutedEventArgs e)
 {
-    Frame_Main.Navigate(Page1);
+    Frame_Main.Navigate(Page_1);
 }
 ```
 
diff --git a/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.en-US.mdx b/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.en-US.mdx
index 7056b59..6f6161e 100644
--- a/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/08. navigation/# navigation-view/index.en-US.mdx	
@@ -8,7 +8,7 @@ The NavigationView control provides a common vertical layout for top-level areas
 
 - **Class**: [iNKORE.UI.WPF.Modern.Controls](..)[.NavigationView](.)
 
-- **Inheritance**: [Object](https://learn.microsoft.com/en-us/dotnet/api/system.object) → (...) → [Control](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.control) → [ContentControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.contentcontrol) → [NavigationView](https://learn.microsoft.com/en-us/windows/apps/design/controls/navigationview)
+- **Inheritance**: [Object](https://learn.microsoft.com/en-us/dotnet/api/system.object) → (...) → [Control](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.control) → [ContentControl](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.contentcontrol) → [NavigationView](.)
 
 ## Examples
 
diff --git a/data/docs/ui-wpf-modern/05. definitions/00. controls/00. helpers/# window-helper/index.en-US.mdx b/data/docs/ui-wpf-modern/05. definitions/00. controls/00. helpers/# window-helper/index.en-US.mdx
index 27b97dc..ec98574 100644
--- a/data/docs/ui-wpf-modern/05. definitions/00. controls/00. helpers/# window-helper/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/05. definitions/00. controls/00. helpers/# window-helper/index.en-US.mdx	
@@ -78,7 +78,7 @@ This property decides whether the **Background** property will be applied to the
 
 ### ApplyNoise
 
-This property decides whether the noise effect will be applied to the window. If you set this property to **False**, the noise effect will not be rendered. The noise effect is a subtle noise texture that makes the window look more natural and less flat. The default value is always **False** since we figured out that when you use the acrylic backdrop, the noise effect will be covered by system and it's not necessary to render the noise effect again.
+This property decides whether the noise effect will be applied to the window. If you set this property to **False**, the noise effect will not be rendered. The noise effect is a subtle noise texture that makes the window look more natural and less flat. The default value is always **False** since we figured out that when you use the Acrylic backdrop, the noise effect will be covered by system and it's not necessary to render the noise effect again.
 
 You can set this property to **True** to enable an additional noise effect manually.
 
diff --git a/data/docs/ui-wpf-modern/05. definitions/00. controls/00. helpers/# window-helper/index.zh-CN.mdx b/data/docs/ui-wpf-modern/05. definitions/00. controls/00. helpers/# window-helper/index.zh-CN.mdx
index 6f3c238..53194bb 100644
--- a/data/docs/ui-wpf-modern/05. definitions/00. controls/00. helpers/# window-helper/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/05. definitions/00. controls/00. helpers/# window-helper/index.zh-CN.mdx	
@@ -70,7 +70,7 @@ public static class WindowHelper {...}
 
 ### ApplyNoise
 
-决定是否为窗口启用噪点效果。噪点是一种细微的纹理效果，可让窗口看起来更自然、不那么平面。默认值为 `False`，因为在使用 acrylic 背景时系统会覆盖噪点效果，故通常无需重复渲染。
+决定是否为窗口启用噪点效果。噪点是一种细微的纹理效果，可让窗口看起来更自然、不那么平面。默认值为 `False`，因为在使用 Acrylic 背景时系统会覆盖噪点效果，故通常无需重复渲染。
 
 你也可以手动将其设为 `True` 以启用额外噪点效果。
 
diff --git a/data/docs/ui-wpf-modern/05. definitions/00. helpers/00. styles/# backdrop-type/index.en-US.mdx b/data/docs/ui-wpf-modern/05. definitions/00. helpers/00. styles/# backdrop-type/index.en-US.mdx
index 773e12f..c156dc3 100644
--- a/data/docs/ui-wpf-modern/05. definitions/00. helpers/00. styles/# backdrop-type/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/05. definitions/00. helpers/00. styles/# backdrop-type/index.en-US.mdx	
@@ -27,7 +27,7 @@ None of the system backdrops will be applied. The window will remain solid.
 
 ### Mica
 
-The window will have a Mica effect, which is a translucent background that blurs the desktop background it.
+The window will have a Mica effect, which is a translucent background that blurs the desktop background behind it.
 
 **Value**: 2
 
@@ -39,11 +39,11 @@ Mica is mode aware; it supports both light and dark modes. Mica also indicates w
 
 ### Acrylic
 
-The window will have an acrylic effect and determine which API will be used depending on the system version, which is a translucent background that blurs the content behind it.
+The window will have an Acrylic effect and determine which API will be used depending on the system version, which is a translucent background that blurs the content behind it.
 
 **Value**: 3
 
-Acrylic is a semi-transparent material that replicates the effect of frosted glass. In Windows 11, acrylic has been updated to be brighter and more translucent, allowing for a stronger contextual relationship with the visuals behind it. Acrylic is used only for transient, light-dismiss surfaces such as flyouts and context menus.
+Acrylic is a semi-transparent material that replicates the effect of frosted glass. In Windows 11, Acrylic has been updated to be brighter and more translucent, allowing for a stronger contextual relationship with the visuals behind it. Acrylic is used only for transient, light-dismiss surfaces such as flyouts and context menus.
 
 Acrylic is mode aware; it supports both light and dark mode.
 
@@ -51,11 +51,11 @@ Acrylic is mode aware; it supports both light and dark mode.
 
 ### Tabbed
 
-The window will have a tabbed effect, which looks like Mica but have deeper colors. This is often used when there's a root TabControl on the window (e.g. the Windows Explorer).
+The window will have a Tabbed effect, which looks like Mica but has deeper colors. This is often used when there's a root TabControl on the window (e.g. the Windows Explorer).
 
 **Value**: 4
 
-Mica Alt (aka. Tabbed) is a variant of Mica, with stronger tinting of the user's desktop background color. You can apply Mica Alt to your app's backdrop to provide a deeper visual hierarchy than Mica, especially when creating an app with a tabbed title bar. Mica Alt is available for apps that use Windows App SDK 1.1 or later, while running on Windows 11 version 22000 or later.
+Mica Alt (aka. Tabbed) is a variant of Mica, with stronger tinting of the user's desktop background color. You can apply Mica Alt to your app's backdrop to provide a deeper visual hierarchy than Mica, especially when creating an app with a Tabbed title bar. Mica Alt is available for apps that use Windows App SDK 1.1 or later, while running on Windows 11 version 22000 or later.
 
 ![](mica-alt-tabs.png)
 
diff --git a/data/docs/ui-wpf-modern/05. definitions/00. helpers/00. styles/# window-corner-style/index.en-US.mdx b/data/docs/ui-wpf-modern/05. definitions/00. helpers/00. styles/# window-corner-style/index.en-US.mdx
index c57e251..1724c4a 100644
--- a/data/docs/ui-wpf-modern/05. definitions/00. helpers/00. styles/# window-corner-style/index.en-US.mdx	
+++ b/data/docs/ui-wpf-modern/05. definitions/00. helpers/00. styles/# window-corner-style/index.en-US.mdx	
@@ -74,7 +74,7 @@ On version 10.0.22000.100, anti-aliasing is not applied to the rounded corners a
 
 ### Microsoft Learn
 
-- [Apply rounded corners in desktop apps for Windows 11](https://docs.microsoft.com/en-us/windows/apps/desktop/modernize/apply-rounded-corners)
+- [Apply rounded corners in desktop apps for Windows 11](https://learn.microsoft.com/en-us/windows/apps/desktop/modernize/ui/apply-rounded-corners)
 
 ### Source code
 
diff --git a/data/docs/ui-wpf-modern/05. definitions/00. helpers/00. styles/# window-corner-style/index.zh-CN.mdx b/data/docs/ui-wpf-modern/05. definitions/00. helpers/00. styles/# window-corner-style/index.zh-CN.mdx
index 4f03730..af23359 100644
--- a/data/docs/ui-wpf-modern/05. definitions/00. helpers/00. styles/# window-corner-style/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/05. definitions/00. helpers/00. styles/# window-corner-style/index.zh-CN.mdx	
@@ -74,7 +74,7 @@ public enum WindowCornerStyle : uint {...}
 
 ### Microsoft Learn
 
-- [Apply rounded corners in desktop apps for Windows 11](https://docs.microsoft.com/en-us/windows/apps/desktop/modernize/apply-rounded-corners)
+- [Apply rounded corners in desktop apps for Windows 11](https://learn.microsoft.com/zh-cn/windows/apps/desktop/modernize/ui/apply-rounded-corners)
 
 ### 源代码
 

From 37c61a3712a33c9f16c5c0de85976513de4ddc0c Mon Sep 17 00:00:00 2001
From: Dorian Zhuang <im@lxhtt.cn>
Date: Sun, 3 May 2026 00:10:53 +0800
Subject: [PATCH 13/15] fix: minor translation

---
 data/docs/ui-wpf-modern/01.# introduction/index.zh-CN.mdx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/data/docs/ui-wpf-modern/01.# introduction/index.zh-CN.mdx b/data/docs/ui-wpf-modern/01.# introduction/index.zh-CN.mdx
index b2b1ff1..07a82c1 100644
--- a/data/docs/ui-wpf-modern/01.# introduction/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/01.# introduction/index.zh-CN.mdx	
@@ -48,8 +48,8 @@ iNKORE.UI.WPF.Modern 是一个创新的 Windows Presentation Foundation (WPF) 
 
 ## 文档有缺失吗？
 
-如果您发现文档有问题或对如何改进文档或项目有建议，请为我们[提交 Issue](https://github.com/iNKORE-NET/UI.WPF.Modern/issues/new/choose)，或[通过社交媒体联系我们](https://inkore.net/about#social)。
+如果您发现文档有问题或对如何改进文档或项目有建议，请为我们[提交 issue](https://github.com/iNKORE-NET/UI.WPF.Modern/issues/new/choose)，或[通过社交媒体联系我们](https://inkore.net/about#social)。
 
 ## 结语
 
-iNKORE.UI.WPF.Modern 不仅仅是一个 UI 库。它是一个工具，可以改变开发人员构建应用程序的方式，使他们能够以极少的努力实现现代、用户友好的界面。它是增强 WPF 应用程序的完美选择，同时保持广泛的兼容性和易用性。
+iNKORE.UI.WPF.Modern 不仅仅是一个 UI 库。它是一个工具，可以改变开发人员构建应用程序的方式，使他们能够以最小的努力实现现代、用户友好的界面。它是增强 WPF 应用程序的完美选择，同时保持广泛的兼容性和易用性。

From 2062e238fb93b14fc72ec93cb0435ef7dc1e14a9 Mon Sep 17 00:00:00 2001
From: Wilson Wu <cvmcaesr@163.com>
Date: Mon, 4 May 2026 10:15:23 +0800
Subject: [PATCH 14/15] Update Chinese docs wording and examples
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Make small copy edits across Chinese docs: change the onboarding sample button from “你好世界！” to “Hello World！”, clarify ComboBox wording by adding “且没有紧凑状态”, and adjust the blog post summary. Note: the blog post file contains unresolved merge conflict markers (<<<<<<<, =======, >>>>>>>) and requires manual resolution.
---
 .../index.zh-CN.mdx                                           | 4 ++++
 data/docs/ui-wpf-modern/02.# onboarding/index.zh-CN.mdx       | 2 +-
 .../01. basic-input/# combo-box/index.zh-CN.mdx               | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/data/blogs/blog/2024-09-17-reflection-interest-in-opensource-community/index.zh-CN.mdx b/data/blogs/blog/2024-09-17-reflection-interest-in-opensource-community/index.zh-CN.mdx
index 3ec2d43..1d859a9 100644
--- a/data/blogs/blog/2024-09-17-reflection-interest-in-opensource-community/index.zh-CN.mdx
+++ b/data/blogs/blog/2024-09-17-reflection-interest-in-opensource-community/index.zh-CN.mdx
@@ -10,7 +10,11 @@ tags: ["开源", "利益", "回顾与反思", "社区", "iNKORE.UI.WPF.Modern"]
 
 :::note
 
+<<<<<<< Updated upstream
 **极限省流版 (表达并不准确也不够中立，有时间和心情的话最好看下文)：** 开放源代码社区里，我们借鉴了别人的代码 (根据 MIT 许可证完全合法合理吗，除了我们疏忽未将原作者名字进行标注) 做了个衍生作品，我们做得比原作者好 (用的人比原作多，收藏数量是原作的十多倍) ，原作者急眼了，到处去群里爆我们阴阳我们。虽然我们没有按照许可证要求标明原作者，但是我们在事情发生之后第一时间找到了原作者，可是他变本加厉，继续阴阳...
+=======
+**极限省流版 (表达并不准确也不够中立，有时间和心情的话最好看下文)：** 开放源代码社区里，我们借鉴了别人的代码 (根据 MIT 许可证完全合法合理，除了我们疏忽未将原作者名字进行标注) 做了个衍生作品，我们做得比原作者好（用的人比原作多，收藏数量是原作的十多倍），原作者急眼了，到处去群里爆我们阴阳我们。虽然我们没有按照许可证要求标明原作者，但是我们在事情发生之后第一时间找到了原作者，可是他变本加厉，继续阴阳...
+>>>>>>> Stashed changes
 
 :::
 
diff --git a/data/docs/ui-wpf-modern/02.# onboarding/index.zh-CN.mdx b/data/docs/ui-wpf-modern/02.# onboarding/index.zh-CN.mdx
index ce1b048..ebf5a3a 100644
--- a/data/docs/ui-wpf-modern/02.# onboarding/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/02.# onboarding/index.zh-CN.mdx	
@@ -200,7 +200,7 @@ ui:WindowHelper.SystemBackdropType="Mica"
         <TextBlock Text="Fluent Design 非常漂亮。" FontSize="24" FontWeight="Bold" TextAlignment="Center"/>
         <TextBlock Text="但是嘿，我们值得拥有它 :-)" FontSize="20" TextAlignment="Center"/>
 
-        <Button Content="你好世界！" HorizontalAlignment="Center" Margin="0,20,0,0"/>
+        <Button Content="Hello World！" HorizontalAlignment="Center" Margin="0,20,0,0"/>
     </ikw:SimpleStackPanel>
 </Window>
 ```
diff --git a/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx b/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx
index f112fd9..280dccc 100644
--- a/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx	
+++ b/data/docs/ui-wpf-modern/03. components/01. basic-input/# combo-box/index.zh-CN.mdx	
@@ -4,7 +4,7 @@ description: "一个用户可以从中选择项目的下拉列表。"
 
 # ComboBox
 
-使用组合框 (也称为下拉列表) 呈现用户可以选择的项目列表。组合框以紧凑状态开始，然后展开以显示可选项目的列表。列表框类似于组合框，但不可折叠/没有紧凑状态。您可以在本文末尾了解有关列表框的更多信息。
+使用组合框 (也称为下拉列表) 呈现用户可以选择的项目列表。组合框以紧凑状态开始，然后展开以显示可选项目的列表。列表框类似于组合框，但不可折叠且没有紧凑状态。您可以在本文末尾了解有关列表框的更多信息。
 
 - **类**: [System.Windows.Controls](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.controls)[.ComboBox](https://learn.microsoft.com/zh-cn/dotnet/api/system.windows.controls.combobox); 
 

From 8b257a9bfc5e65b2b550a8ef63986152dd9cdec8 Mon Sep 17 00:00:00 2001
From: Wilson Wu <cvmcaesr@163.com>
Date: Mon, 4 May 2026 10:17:23 +0800
Subject: [PATCH 15/15] Update index.zh-CN.mdx

---
 .../index.zh-CN.mdx                                           | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/data/blogs/blog/2024-09-17-reflection-interest-in-opensource-community/index.zh-CN.mdx b/data/blogs/blog/2024-09-17-reflection-interest-in-opensource-community/index.zh-CN.mdx
index 1d859a9..9ae528d 100644
--- a/data/blogs/blog/2024-09-17-reflection-interest-in-opensource-community/index.zh-CN.mdx
+++ b/data/blogs/blog/2024-09-17-reflection-interest-in-opensource-community/index.zh-CN.mdx
@@ -10,11 +10,7 @@ tags: ["开源", "利益", "回顾与反思", "社区", "iNKORE.UI.WPF.Modern"]
 
 :::note
 
-<<<<<<< Updated upstream
-**极限省流版 (表达并不准确也不够中立，有时间和心情的话最好看下文)：** 开放源代码社区里，我们借鉴了别人的代码 (根据 MIT 许可证完全合法合理吗，除了我们疏忽未将原作者名字进行标注) 做了个衍生作品，我们做得比原作者好 (用的人比原作多，收藏数量是原作的十多倍) ，原作者急眼了，到处去群里爆我们阴阳我们。虽然我们没有按照许可证要求标明原作者，但是我们在事情发生之后第一时间找到了原作者，可是他变本加厉，继续阴阳...
-=======
 **极限省流版 (表达并不准确也不够中立，有时间和心情的话最好看下文)：** 开放源代码社区里，我们借鉴了别人的代码 (根据 MIT 许可证完全合法合理，除了我们疏忽未将原作者名字进行标注) 做了个衍生作品，我们做得比原作者好（用的人比原作多，收藏数量是原作的十多倍），原作者急眼了，到处去群里爆我们阴阳我们。虽然我们没有按照许可证要求标明原作者，但是我们在事情发生之后第一时间找到了原作者，可是他变本加厉，继续阴阳...
->>>>>>> Stashed changes
 
 :::