From 00b8949e3ea74a7143463614adb5049723364d1c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E6=97=AD?= <blinue@outlook.com>
Date: Thu, 26 Oct 2023 14:51:41 +0800
Subject: [PATCH 1/7] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE=E9=A1=B9=E7=AE=A1=E7=90=86=E5=BC=80=E5=8F=91=E8=80=85?=
 =?UTF-8?q?=E9=80=89=E9=A1=B9=E6=98=AF=E5=90=A6=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Magpie.App/AboutPage.cpp         |  4 ++
 src/Magpie.App/AboutPage.h           |  2 +
 src/Magpie.App/AboutPage.xaml        |  3 +-
 src/Magpie.App/AppSettings.cpp       |  3 ++
 src/Magpie.App/AppSettings.h         | 10 ++++
 src/Magpie.App/SettingsPage.xaml     | 77 +++++++++++++++-------------
 src/Magpie.App/SettingsViewModel.cpp | 15 ++++++
 src/Magpie.App/SettingsViewModel.h   |  3 ++
 src/Magpie.App/SettingsViewModel.idl |  2 +
 9 files changed, 82 insertions(+), 37 deletions(-)

diff --git a/src/Magpie.App/AboutPage.cpp b/src/Magpie.App/AboutPage.cpp
index a370a1abd..03361d28c 100644
--- a/src/Magpie.App/AboutPage.cpp
+++ b/src/Magpie.App/AboutPage.cpp
@@ -7,6 +7,10 @@
 
 namespace winrt::Magpie::App::implementation {
 
+void AboutPage::VersionTextBlock_DoubleTapped(IInspectable const&, Input::DoubleTappedRoutedEventArgs const&) {
+	OutputDebugString(L"test");
+}
+
 void AboutPage::BugReportButton_Click(IInspectable const&, RoutedEventArgs const&) {
 	Win32Utils::ShellOpen(L"https://github.com/Blinue/Magpie/issues/new?assignees=&labels=bug&template=01_bug.yaml");
 }
diff --git a/src/Magpie.App/AboutPage.h b/src/Magpie.App/AboutPage.h
index 8f3e3635a..93358e8c6 100644
--- a/src/Magpie.App/AboutPage.h
+++ b/src/Magpie.App/AboutPage.h
@@ -8,6 +8,8 @@ struct AboutPage : AboutPageT<AboutPage> {
 		return _viewModel;
 	}
 
+	void VersionTextBlock_DoubleTapped(IInspectable const&, Input::DoubleTappedRoutedEventArgs const&);
+
 	void BugReportButton_Click(IInspectable const&, RoutedEventArgs const&);
 	void FeatureRequestButton_Click(IInspectable const&, RoutedEventArgs const&);
 	void DiscussionsButton_Click(IInspectable const&, RoutedEventArgs const&);
diff --git a/src/Magpie.App/AboutPage.xaml b/src/Magpie.App/AboutPage.xaml
index d830a40e7..226a44c9e 100644
--- a/src/Magpie.App/AboutPage.xaml
+++ b/src/Magpie.App/AboutPage.xaml
@@ -23,7 +23,8 @@
 					            Spacing="4">
 						<TextBlock FontSize="24"
 						           Text="Magpie" />
-						<TextBlock FontSize="{StaticResource SecondaryTextFontSize}"
+						<TextBlock DoubleTapped="VersionTextBlock_DoubleTapped"
+						           FontSize="{StaticResource SecondaryTextFontSize}"
 						           Foreground="{ThemeResource TextFillColorSecondaryBrush}"
 						           Text="{x:Bind ViewModel.Version, Mode=OneTime}" />
 					</StackPanel>
diff --git a/src/Magpie.App/AppSettings.cpp b/src/Magpie.App/AppSettings.cpp
index 9cf22ee09..ae84bbdcd 100644
--- a/src/Magpie.App/AppSettings.cpp
+++ b/src/Magpie.App/AppSettings.cpp
@@ -494,6 +494,8 @@ bool AppSettings::_Save(const _AppSettingsData& data) noexcept {
 	writer.Bool(data._isAutoRestore);
 	writer.Key("countdownSeconds");
 	writer.Uint(data._countdownSeconds);
+	writer.Key("developerMode");
+	writer.Bool(data._isDeveloperMode);
 	writer.Key("debugMode");
 	writer.Bool(data._isDebugMode);
 	writer.Key("disableEffectCache");
@@ -640,6 +642,7 @@ void AppSettings::_LoadSettings(const rapidjson::GenericObject<true, rapidjson::
 	if (_countdownSeconds == 0 || _countdownSeconds > 5) {
 		_countdownSeconds = 3;
 	}
+	JsonHelper::ReadBool(root, "developerMode", _isDeveloperMode);
 	JsonHelper::ReadBool(root, "debugMode", _isDebugMode);
 	JsonHelper::ReadBool(root, "disableEffectCache", _isDisableEffectCache);
 	JsonHelper::ReadBool(root, "disableFontCache", _isDisableFontCache);
diff --git a/src/Magpie.App/AppSettings.h b/src/Magpie.App/AppSettings.h
index a3816b93e..9a6f13e9d 100644
--- a/src/Magpie.App/AppSettings.h
+++ b/src/Magpie.App/AppSettings.h
@@ -48,6 +48,7 @@ struct _AppSettingsData {
 	
 	bool _isPortableMode = false;
 	bool _isAlwaysRunAsAdmin = false;
+	bool _isDeveloperMode = false;
 	bool _isDebugMode = false;
 	bool _isDisableEffectCache = false;
 	bool _isDisableFontCache = false;
@@ -185,6 +186,15 @@ class AppSettings : private _AppSettingsData {
 		_countdownSecondsChangedEvent.remove(token);
 	}
 
+	bool IsDeveloperMode() const noexcept {
+		return _isDeveloperMode;
+	}
+
+	void IsDeveloperMode(bool value) noexcept {
+		_isDeveloperMode = value;
+		SaveAsync();
+	}
+
 	bool IsDebugMode() const noexcept {
 		return _isDebugMode;
 	}
diff --git a/src/Magpie.App/SettingsPage.xaml b/src/Magpie.App/SettingsPage.xaml
index 4022a443a..4e297ed79 100644
--- a/src/Magpie.App/SettingsPage.xaml
+++ b/src/Magpie.App/SettingsPage.xaml
@@ -141,43 +141,48 @@
 						              IsOn="{x:Bind ViewModel.IsInlineParams, Mode=TwoWay}" />
 					</local:SettingsCard.ActionContent>
 				</local:SettingsCard>
-				<muxc:Expander HorizontalAlignment="Stretch"
-				               HorizontalContentAlignment="Stretch"
-				               Style="{StaticResource SettingExpanderStyle}">
-					<muxc:Expander.Header>
-						<local:SettingsCard x:Uid="Settings_DeveloperOptions"
-						                    Style="{StaticResource ExpanderHeaderSettingStyle}">
-							<local:SettingsCard.Icon>
-								<FontIcon Glyph="&#xEC7A;" />
-							</local:SettingsCard.Icon>
-						</local:SettingsCard>
-					</muxc:Expander.Header>
-					<muxc:Expander.Content>
-						<StackPanel>
-							<local:SettingsCard Style="{StaticResource ExpanderContentSettingStyle}">
-								<CheckBox x:Uid="Settings_DeveloperOptions_DebugMode"
-								          IsChecked="{x:Bind ViewModel.IsDebugMode, Mode=TwoWay}" />
-							</local:SettingsCard>
-							<local:SettingsCard Style="{StaticResource ExpanderContentSettingStyle}">
-								<CheckBox x:Uid="Settings_DeveloperOptions_DisableEffectCache"
-								          IsChecked="{x:Bind ViewModel.IsDisableEffectCache, Mode=TwoWay}" />
-							</local:SettingsCard>
-							<local:SettingsCard Style="{StaticResource ExpanderContentSettingStyle}">
-								<CheckBox x:Uid="Settings_DeveloperOptions_DisableFontCache"
-								          IsChecked="{x:Bind ViewModel.IsDisableFontCache, Mode=TwoWay}" />
-							</local:SettingsCard>
-							<local:SettingsCard Style="{StaticResource ExpanderContentSettingStyle}">
-								<CheckBox x:Uid="Settings_DeveloperOptions_SaveEffectSources"
-								          IsChecked="{x:Bind ViewModel.IsSaveEffectSources, Mode=TwoWay}" />
-							</local:SettingsCard>
-							<local:SettingsCard Style="{StaticResource ExpanderContentSettingStyle}">
-								<CheckBox x:Uid="Settings_DeveloperOptions_WarningsAreErrors"
-								          IsChecked="{x:Bind ViewModel.IsWarningsAreErrors, Mode=TwoWay}" />
-							</local:SettingsCard>
-						</StackPanel>
-					</muxc:Expander.Content>
-				</muxc:Expander>
 			</local:SettingsGroup>
+			<muxc:Expander Margin="0,0,0,2"
+			               HorizontalAlignment="Stretch"
+			               HorizontalContentAlignment="Stretch"
+			               Style="{StaticResource SettingExpanderStyle}"
+			               Visibility="{x:Bind ViewModel.IsDeveloperMode, Mode=OneWay}">
+				<muxc:Expander.Header>
+					<local:SettingsCard x:Uid="Settings_DeveloperOptions"
+					                    Style="{StaticResource ExpanderHeaderSettingStyle}">
+						<local:SettingsCard.Icon>
+							<FontIcon Glyph="&#xEC7A;" />
+						</local:SettingsCard.Icon>
+						<local:SettingsCard.ActionContent>
+							<ToggleSwitch IsOn="{x:Bind ViewModel.IsDeveloperMode, Mode=TwoWay}" />
+						</local:SettingsCard.ActionContent>
+					</local:SettingsCard>
+				</muxc:Expander.Header>
+				<muxc:Expander.Content>
+					<StackPanel>
+						<local:SettingsCard Style="{StaticResource ExpanderContentSettingStyle}">
+							<CheckBox x:Uid="Settings_DeveloperOptions_DebugMode"
+							          IsChecked="{x:Bind ViewModel.IsDebugMode, Mode=TwoWay}" />
+						</local:SettingsCard>
+						<local:SettingsCard Style="{StaticResource ExpanderContentSettingStyle}">
+							<CheckBox x:Uid="Settings_DeveloperOptions_DisableEffectCache"
+							          IsChecked="{x:Bind ViewModel.IsDisableEffectCache, Mode=TwoWay}" />
+						</local:SettingsCard>
+						<local:SettingsCard Style="{StaticResource ExpanderContentSettingStyle}">
+							<CheckBox x:Uid="Settings_DeveloperOptions_DisableFontCache"
+							          IsChecked="{x:Bind ViewModel.IsDisableFontCache, Mode=TwoWay}" />
+						</local:SettingsCard>
+						<local:SettingsCard Style="{StaticResource ExpanderContentSettingStyle}">
+							<CheckBox x:Uid="Settings_DeveloperOptions_SaveEffectSources"
+							          IsChecked="{x:Bind ViewModel.IsSaveEffectSources, Mode=TwoWay}" />
+						</local:SettingsCard>
+						<local:SettingsCard Style="{StaticResource ExpanderContentSettingStyle}">
+							<CheckBox x:Uid="Settings_DeveloperOptions_WarningsAreErrors"
+							          IsChecked="{x:Bind ViewModel.IsWarningsAreErrors, Mode=TwoWay}" />
+						</local:SettingsCard>
+					</StackPanel>
+				</muxc:Expander.Content>
+			</muxc:Expander>
 		</StackPanel>
 	</local:PageFrame>
 </Page>
diff --git a/src/Magpie.App/SettingsViewModel.cpp b/src/Magpie.App/SettingsViewModel.cpp
index 50b6de7f5..f753a270a 100644
--- a/src/Magpie.App/SettingsViewModel.cpp
+++ b/src/Magpie.App/SettingsViewModel.cpp
@@ -212,6 +212,21 @@ void SettingsViewModel::IsInlineParams(bool value) noexcept {
 	_propertyChangedEvent(*this, PropertyChangedEventArgs(L"IsInlineParams"));
 }
 
+bool SettingsViewModel::IsDeveloperMode() const noexcept {
+	return AppSettings::Get().IsDeveloperMode();
+}
+
+void SettingsViewModel::IsDeveloperMode(bool value) noexcept {
+	AppSettings& settings = AppSettings::Get();
+
+	if (settings.IsDeveloperMode() == value) {
+		return;
+	}
+
+	settings.IsDeveloperMode(value);
+	_propertyChangedEvent(*this, PropertyChangedEventArgs(L"IsDeveloperMode"));
+}
+
 bool SettingsViewModel::IsDebugMode() const noexcept {
 	return AppSettings::Get().IsDebugMode();
 }
diff --git a/src/Magpie.App/SettingsViewModel.h b/src/Magpie.App/SettingsViewModel.h
index a50601138..eb65a398e 100644
--- a/src/Magpie.App/SettingsViewModel.h
+++ b/src/Magpie.App/SettingsViewModel.h
@@ -53,6 +53,9 @@ struct SettingsViewModel : SettingsViewModelT<SettingsViewModel> {
 	bool IsInlineParams() const noexcept;
 	void IsInlineParams(bool value) noexcept;
 
+	bool IsDeveloperMode() const noexcept;
+	void IsDeveloperMode(bool value) noexcept;
+
 	bool IsDebugMode() const noexcept;
 	void IsDebugMode(bool value) noexcept;
 
diff --git a/src/Magpie.App/SettingsViewModel.idl b/src/Magpie.App/SettingsViewModel.idl
index 58ad3b1fa..2c8b8f7f9 100644
--- a/src/Magpie.App/SettingsViewModel.idl
+++ b/src/Magpie.App/SettingsViewModel.idl
@@ -21,6 +21,8 @@ namespace Magpie.App {
 		Boolean IsAllowScalingMaximized;
 		Boolean IsSimulateExclusiveFullscreen;
 		Boolean IsInlineParams;
+		
+		Boolean IsDeveloperMode;
 		Boolean IsDebugMode;
 		Boolean IsDisableEffectCache;
 		Boolean IsDisableFontCache;

From a30f3765ad8a5cfd0dd7e4b036a4fc13b5ec4eb8 Mon Sep 17 00:00:00 2001
From: Xu <34770031+Blinue@users.noreply.github.com>
Date: Tue, 31 Oct 2023 22:36:59 +0800
Subject: [PATCH 2/7] =?UTF-8?q?feat:=20=E5=8F=8C=E5=87=BB=E7=89=88?=
 =?UTF-8?q?=E6=9C=AC=E5=8F=B7=E6=98=BE=E7=A4=BA=E5=BC=80=E5=8F=91=E8=80=85?=
 =?UTF-8?q?=E9=80=89=E9=A1=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Magpie.App/AboutPage.cpp      |  4 +++-
 src/Magpie.App/AboutViewModel.cpp |  8 ++++++++
 src/Magpie.App/AboutViewModel.h   |  3 +++
 src/Magpie.App/AboutViewModel.idl |  2 ++
 src/Magpie.App/AppSettings.cpp    | 14 ++++++++++++++
 src/Magpie.App/AppSettings.h      |  5 +----
 src/Magpie.App/SettingsPage.xaml  |  1 +
 7 files changed, 32 insertions(+), 5 deletions(-)

diff --git a/src/Magpie.App/AboutPage.cpp b/src/Magpie.App/AboutPage.cpp
index 03361d28c..acdf2f7de 100644
--- a/src/Magpie.App/AboutPage.cpp
+++ b/src/Magpie.App/AboutPage.cpp
@@ -8,7 +8,9 @@
 namespace winrt::Magpie::App::implementation {
 
 void AboutPage::VersionTextBlock_DoubleTapped(IInspectable const&, Input::DoubleTappedRoutedEventArgs const&) {
-	OutputDebugString(L"test");
+	if (!_viewModel.IsDeveloperMode() && (GetAsyncKeyState(VK_MENU) & 0x8000)) {
+		_viewModel.IsDeveloperMode(true);
+	}
 }
 
 void AboutPage::BugReportButton_Click(IInspectable const&, RoutedEventArgs const&) {
diff --git a/src/Magpie.App/AboutViewModel.cpp b/src/Magpie.App/AboutViewModel.cpp
index 59c8fe4d0..2b892ea0f 100644
--- a/src/Magpie.App/AboutViewModel.cpp
+++ b/src/Magpie.App/AboutViewModel.cpp
@@ -81,6 +81,14 @@ hstring AboutViewModel::Version() const noexcept {
 	));
 }
 
+bool AboutViewModel::IsDeveloperMode() const noexcept {
+	return AppSettings::Get().IsDeveloperMode();
+}
+
+void AboutViewModel::IsDeveloperMode(bool value) {
+	AppSettings::Get().IsDeveloperMode(value);
+}
+
 fire_and_forget AboutViewModel::CheckForUpdates() {
 	return UpdateService::Get().CheckForUpdatesAsync(false);
 }
diff --git a/src/Magpie.App/AboutViewModel.h b/src/Magpie.App/AboutViewModel.h
index 3e71efd6b..ab8a4fe1c 100644
--- a/src/Magpie.App/AboutViewModel.h
+++ b/src/Magpie.App/AboutViewModel.h
@@ -21,6 +21,9 @@ struct AboutViewModel : AboutViewModelT<AboutViewModel> {
 
 	hstring Version() const noexcept;
 
+	bool IsDeveloperMode() const noexcept;
+	void IsDeveloperMode(bool value);
+
 	fire_and_forget CheckForUpdates();
 
 	bool IsCheckForPreviewUpdates() const noexcept;
diff --git a/src/Magpie.App/AboutViewModel.idl b/src/Magpie.App/AboutViewModel.idl
index 322f8d0e4..cadd86678 100644
--- a/src/Magpie.App/AboutViewModel.idl
+++ b/src/Magpie.App/AboutViewModel.idl
@@ -6,6 +6,8 @@ namespace Magpie.App {
 
 		String Version { get; };
 
+		Boolean IsDeveloperMode;
+
 		void CheckForUpdates();
 		Boolean IsCheckingForUpdates { get; };
 		Boolean IsCheckForUpdatesButtonEnabled { get; };
diff --git a/src/Magpie.App/AppSettings.cpp b/src/Magpie.App/AppSettings.cpp
index ae84bbdcd..5161c84af 100644
--- a/src/Magpie.App/AppSettings.cpp
+++ b/src/Magpie.App/AppSettings.cpp
@@ -397,6 +397,20 @@ void AppSettings::CountdownSeconds(uint32_t value) noexcept {
 	SaveAsync();
 }
 
+void AppSettings::IsDeveloperMode(bool value) noexcept {
+	_isDeveloperMode = value;
+	if (!value) {
+		// 关闭开发者模式则禁用所有开发者选项
+		_isDebugMode = false;
+		_isDisableEffectCache = false;
+		_isDisableFontCache = false;
+		_isSaveEffectSources = false;
+		_isWarningsAreErrors = false;
+	}
+
+	SaveAsync();
+}
+
 void AppSettings::IsAlwaysRunAsAdmin(bool value) noexcept {
 	if (_isAlwaysRunAsAdmin == value) {
 		return;
diff --git a/src/Magpie.App/AppSettings.h b/src/Magpie.App/AppSettings.h
index 9a6f13e9d..9582d0532 100644
--- a/src/Magpie.App/AppSettings.h
+++ b/src/Magpie.App/AppSettings.h
@@ -190,10 +190,7 @@ class AppSettings : private _AppSettingsData {
 		return _isDeveloperMode;
 	}
 
-	void IsDeveloperMode(bool value) noexcept {
-		_isDeveloperMode = value;
-		SaveAsync();
-	}
+	void IsDeveloperMode(bool value) noexcept;
 
 	bool IsDebugMode() const noexcept {
 		return _isDebugMode;
diff --git a/src/Magpie.App/SettingsPage.xaml b/src/Magpie.App/SettingsPage.xaml
index 4e297ed79..8a7eb79fe 100644
--- a/src/Magpie.App/SettingsPage.xaml
+++ b/src/Magpie.App/SettingsPage.xaml
@@ -145,6 +145,7 @@
 			<muxc:Expander Margin="0,0,0,2"
 			               HorizontalAlignment="Stretch"
 			               HorizontalContentAlignment="Stretch"
+			               IsExpanded="{x:Bind ViewModel.IsDeveloperMode, Mode=OneTime}"
 			               Style="{StaticResource SettingExpanderStyle}"
 			               Visibility="{x:Bind ViewModel.IsDeveloperMode, Mode=OneWay}">
 				<muxc:Expander.Header>

From 7cd795661f5b0c46472f0ef2a9222184bc004a72 Mon Sep 17 00:00:00 2001
From: Xu <34770031+Blinue@users.noreply.github.com>
Date: Wed, 1 Nov 2023 00:25:22 +0800
Subject: [PATCH 3/7] =?UTF-8?q?feat:=20=E5=90=AF=E7=94=A8=E5=BC=80?=
 =?UTF-8?q?=E5=8F=91=E8=80=85=E6=A8=A1=E5=BC=8F=E6=97=B6=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Magpie.App/AboutPage.cpp  | 1 +
 src/Magpie.App/AboutPage.xaml | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/src/Magpie.App/AboutPage.cpp b/src/Magpie.App/AboutPage.cpp
index acdf2f7de..90b4813ce 100644
--- a/src/Magpie.App/AboutPage.cpp
+++ b/src/Magpie.App/AboutPage.cpp
@@ -10,6 +10,7 @@ namespace winrt::Magpie::App::implementation {
 void AboutPage::VersionTextBlock_DoubleTapped(IInspectable const&, Input::DoubleTappedRoutedEventArgs const&) {
 	if (!_viewModel.IsDeveloperMode() && (GetAsyncKeyState(VK_MENU) & 0x8000)) {
 		_viewModel.IsDeveloperMode(true);
+		DeveloperModeTeachingTip().IsOpen(true);
 	}
 }
 
diff --git a/src/Magpie.App/AboutPage.xaml b/src/Magpie.App/AboutPage.xaml
index 226a44c9e..b8e5ca705 100644
--- a/src/Magpie.App/AboutPage.xaml
+++ b/src/Magpie.App/AboutPage.xaml
@@ -27,6 +27,9 @@
 						           FontSize="{StaticResource SecondaryTextFontSize}"
 						           Foreground="{ThemeResource TextFillColorSecondaryBrush}"
 						           Text="{x:Bind ViewModel.Version, Mode=OneTime}" />
+						<muxc:TeachingTip x:Name="DeveloperModeTeachingTip"
+						                  IsLightDismissEnabled="True"
+						                  Subtitle="开发者模式已启用" />
 					</StackPanel>
 				</StackPanel>
 				<StackPanel>

From 0d5a9d13f3d615b0eb93221c087c16a6c775b372 Mon Sep 17 00:00:00 2001
From: Xu <34770031+Blinue@users.noreply.github.com>
Date: Mon, 13 Nov 2023 21:17:14 +0800
Subject: [PATCH 4/7] =?UTF-8?q?UI:=20=E4=BC=98=E5=8C=96=E6=8F=90=E7=A4=BA?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Magpie.App/AboutPage.xaml                  | 5 +++--
 src/Magpie.App/App.xaml                        | 3 +++
 src/Magpie.App/Resources.language-en-US.resw   | 3 +++
 src/Magpie.App/Resources.language-zh-Hans.resw | 3 +++
 4 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/Magpie.App/AboutPage.xaml b/src/Magpie.App/AboutPage.xaml
index b8e5ca705..77454260e 100644
--- a/src/Magpie.App/AboutPage.xaml
+++ b/src/Magpie.App/AboutPage.xaml
@@ -28,8 +28,9 @@
 						           Foreground="{ThemeResource TextFillColorSecondaryBrush}"
 						           Text="{x:Bind ViewModel.Version, Mode=OneTime}" />
 						<muxc:TeachingTip x:Name="DeveloperModeTeachingTip"
-						                  IsLightDismissEnabled="True"
-						                  Subtitle="开发者模式已启用" />
+						                  IsLightDismissEnabled="True">
+							<TextBlock x:Uid="About_DeveloperModeEnabled" />
+						</muxc:TeachingTip>
 					</StackPanel>
 				</StackPanel>
 				<StackPanel>
diff --git a/src/Magpie.App/App.xaml b/src/Magpie.App/App.xaml
index b8c040b81..e44b313ab 100644
--- a/src/Magpie.App/App.xaml
+++ b/src/Magpie.App/App.xaml
@@ -669,6 +669,9 @@
 
 			<x:Double x:Key="StandardIconSize">14</x:Double>
 
+			<!--  TeachingTip  -->
+			<x:Double x:Key="TeachingTipMinWidth">0</x:Double>
+			
 			<!--  ComboBox  -->
 			<x:Double x:Key="SettingBoxMinWidth">220</x:Double>
 			<Style x:Key="ComboBoxSettingStyle"
diff --git a/src/Magpie.App/Resources.language-en-US.resw b/src/Magpie.App/Resources.language-en-US.resw
index b958130f8..c61a503db 100644
--- a/src/Magpie.App/Resources.language-en-US.resw
+++ b/src/Magpie.App/Resources.language-en-US.resw
@@ -847,4 +847,7 @@
   <data name="About_Version_CommitId" xml:space="preserve">
     <value>Commit</value>
   </data>
+  <data name="About_DeveloperModeEnabled.Text" xml:space="preserve">
+    <value>Developer mode is enabled.</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Magpie.App/Resources.language-zh-Hans.resw b/src/Magpie.App/Resources.language-zh-Hans.resw
index acd65f303..acb0035ab 100644
--- a/src/Magpie.App/Resources.language-zh-Hans.resw
+++ b/src/Magpie.App/Resources.language-zh-Hans.resw
@@ -847,4 +847,7 @@
   <data name="About_Version_CommitId" xml:space="preserve">
     <value>提交</value>
   </data>
+  <data name="About_DeveloperModeEnabled.Text" xml:space="preserve">
+    <value>开发者模式已启用。</value>
+  </data>
 </root>
\ No newline at end of file

From b21cae13c5c0af5b493191fe8b9e4d6e3c3f99ea Mon Sep 17 00:00:00 2001
From: Xu <34770031+Blinue@users.noreply.github.com>
Date: Tue, 14 Nov 2023 22:23:14 +0800
Subject: [PATCH 5/7] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0=20MainPage::Show?=
 =?UTF-8?q?Toast?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Magpie.App/AboutPage.cpp                  |  4 +-
 src/Magpie.App/AboutPage.xaml                 |  4 --
 src/Magpie.App/App.xaml                       |  2 +-
 src/Magpie.App/MainPage.cpp                   | 37 ++++++++++++++++++-
 src/Magpie.App/MainPage.h                     |  2 +
 src/Magpie.App/MainPage.idl                   |  2 +
 src/Magpie.App/MainPage.xaml                  |  8 ++++
 src/Magpie.App/Resources.language-en-US.resw  |  2 +-
 .../Resources.language-zh-Hans.resw           |  4 +-
 9 files changed, 55 insertions(+), 10 deletions(-)

diff --git a/src/Magpie.App/AboutPage.cpp b/src/Magpie.App/AboutPage.cpp
index 90b4813ce..835b1e501 100644
--- a/src/Magpie.App/AboutPage.cpp
+++ b/src/Magpie.App/AboutPage.cpp
@@ -10,7 +10,9 @@ namespace winrt::Magpie::App::implementation {
 void AboutPage::VersionTextBlock_DoubleTapped(IInspectable const&, Input::DoubleTappedRoutedEventArgs const&) {
 	if (!_viewModel.IsDeveloperMode() && (GetAsyncKeyState(VK_MENU) & 0x8000)) {
 		_viewModel.IsDeveloperMode(true);
-		DeveloperModeTeachingTip().IsOpen(true);
+		
+		hstring message = ResourceLoader::GetForCurrentView().GetString(L"About_DeveloperModeEnabled");
+		Application::Current().as<App>().MainPage().ShowToast(message);
 	}
 }
 
diff --git a/src/Magpie.App/AboutPage.xaml b/src/Magpie.App/AboutPage.xaml
index 77454260e..226a44c9e 100644
--- a/src/Magpie.App/AboutPage.xaml
+++ b/src/Magpie.App/AboutPage.xaml
@@ -27,10 +27,6 @@
 						           FontSize="{StaticResource SecondaryTextFontSize}"
 						           Foreground="{ThemeResource TextFillColorSecondaryBrush}"
 						           Text="{x:Bind ViewModel.Version, Mode=OneTime}" />
-						<muxc:TeachingTip x:Name="DeveloperModeTeachingTip"
-						                  IsLightDismissEnabled="True">
-							<TextBlock x:Uid="About_DeveloperModeEnabled" />
-						</muxc:TeachingTip>
 					</StackPanel>
 				</StackPanel>
 				<StackPanel>
diff --git a/src/Magpie.App/App.xaml b/src/Magpie.App/App.xaml
index e44b313ab..8a917b485 100644
--- a/src/Magpie.App/App.xaml
+++ b/src/Magpie.App/App.xaml
@@ -671,7 +671,7 @@
 
 			<!--  TeachingTip  -->
 			<x:Double x:Key="TeachingTipMinWidth">0</x:Double>
-			
+
 			<!--  ComboBox  -->
 			<x:Double x:Key="SettingBoxMinWidth">220</x:Double>
 			<Style x:Key="ComboBoxSettingStyle"
diff --git a/src/Magpie.App/MainPage.cpp b/src/Magpie.App/MainPage.cpp
index 760650edc..280b42c31 100644
--- a/src/Magpie.App/MainPage.cpp
+++ b/src/Magpie.App/MainPage.cpp
@@ -169,7 +169,7 @@ void MainPage::NavigationView_DisplayModeChanged(MUXC::NavigationView const& nv,
 		nv.IsPaneOpen(true);
 	}
 
-	// HACK!
+	// !!! HACK !!!
 	// 使导航栏的可滚动区域不会覆盖标题栏
 	FrameworkElement menuItemsScrollViewer = nv.GetTemplateChild(L"MenuItemsScrollViewer").as<FrameworkElement>();
 	menuItemsScrollViewer.Margin({ 0,isExpanded ? TitleBar().ActualHeight() : 0.0,0,0});
@@ -210,6 +210,41 @@ void MainPage::NavigateToAboutPage() {
 	nv.SelectedItem(nv.FooterMenuItems().GetAt(0));
 }
 
+fire_and_forget MainPage::ShowToast(const hstring& message) {
+	// !!! HACK !!!
+	// 重用 TeachingTip 有一个 bug：前一个 Toast 正在消失时新的 Toast 不会显示。为了
+	// 规避它，我们每次都创建新的 TeachingTip，但要保留旧对象的引用，因为播放动画时销毁
+	// 会导致崩溃。oldToastTeachingTip 的生存期可确保动画播放完毕。
+	MUXC::TeachingTip oldToastTeachingTip = ToastTeachingTip();
+	if (oldToastTeachingTip) {
+		UnloadObject(oldToastTeachingTip);
+	}
+
+	weak_ref<MUXC::TeachingTip> weakTeachingTip;
+	{
+		// 创建新的 TeachingTip
+		MUXC::TeachingTip newTeachingTip = FindName(L"ToastTeachingTip").as<MUXC::TeachingTip>();
+		ToastTextBlock().Text(message);
+		newTeachingTip.IsOpen(true);
+
+		weakTeachingTip = newTeachingTip;
+	}
+
+	auto weakThis = get_weak();
+	CoreDispatcher dispatcher = Dispatcher();
+	// 显示时长固定 2 秒
+	co_await 2s;
+	co_await dispatcher;
+
+	if (weakThis.get()) {
+		MUXC::TeachingTip curTeachingTip = ToastTeachingTip();
+		if (curTeachingTip == weakTeachingTip.get()) {
+			// 如果有新的 Toast 无需关闭，因为 newTeachingTip 已被卸载（但仍在生存期内）
+			curTeachingTip.IsOpen(false);
+		}
+	}
+}
+
 static Color Win32ColorToWinRTColor(COLORREF color) {
 	return { 255, GetRValue(color), GetGValue(color), GetBValue(color) };
 }
diff --git a/src/Magpie.App/MainPage.h b/src/Magpie.App/MainPage.h
index cc3c3ee53..8d53ddc6f 100644
--- a/src/Magpie.App/MainPage.h
+++ b/src/Magpie.App/MainPage.h
@@ -38,6 +38,8 @@ struct MainPage : MainPageT<MainPage> {
 
 	void NavigateToAboutPage();
 
+	fire_and_forget ShowToast(const hstring& message);
+
 private:
 	void _UpdateTheme(bool updateIcons = true);
 
diff --git a/src/Magpie.App/MainPage.idl b/src/Magpie.App/MainPage.idl
index a252bc721..b7d2602dc 100644
--- a/src/Magpie.App/MainPage.idl
+++ b/src/Magpie.App/MainPage.idl
@@ -8,5 +8,7 @@ namespace Magpie.App {
 		NewProfileViewModel NewProfileViewModel { get; };
 
 		void NavigateToAboutPage();
+
+		void ShowToast(String message);
 	}
 }
diff --git a/src/Magpie.App/MainPage.xaml b/src/Magpie.App/MainPage.xaml
index 1dd3d8a71..f74584877 100644
--- a/src/Magpie.App/MainPage.xaml
+++ b/src/Magpie.App/MainPage.xaml
@@ -8,8 +8,16 @@
       Loaded="Loaded"
       mc:Ignorable="d">
 	<Grid>
+		<muxc:TeachingTip x:Name="ToastTeachingTip"
+		                  x:Load="False"
+		                  IsLightDismissEnabled="True">
+			<!--  Title 属性有主题错误  -->
+			<TextBlock x:Name="ToastTextBlock" />
+		</muxc:TeachingTip>
+
 		<local:TitleBarControl x:Name="TitleBar"
 		                       Canvas.ZIndex="1" />
+
 		<muxc:NavigationView Name="RootNavigationView"
 		                     Canvas.ZIndex="0"
 		                     CompactModeThresholdWidth="0"
diff --git a/src/Magpie.App/Resources.language-en-US.resw b/src/Magpie.App/Resources.language-en-US.resw
index c61a503db..6742adb5f 100644
--- a/src/Magpie.App/Resources.language-en-US.resw
+++ b/src/Magpie.App/Resources.language-en-US.resw
@@ -847,7 +847,7 @@
   <data name="About_Version_CommitId" xml:space="preserve">
     <value>Commit</value>
   </data>
-  <data name="About_DeveloperModeEnabled.Text" xml:space="preserve">
+  <data name="About_DeveloperModeEnabled" xml:space="preserve">
     <value>Developer mode is enabled.</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/Magpie.App/Resources.language-zh-Hans.resw b/src/Magpie.App/Resources.language-zh-Hans.resw
index acb0035ab..1b53b28b6 100644
--- a/src/Magpie.App/Resources.language-zh-Hans.resw
+++ b/src/Magpie.App/Resources.language-zh-Hans.resw
@@ -59,7 +59,7 @@
             : using a System.ComponentModel.TypeConverter
             : and then encoded with base64 encoding.
     -->
-  <xsd:schema xmlns="" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:msdata="urn:schemas-microsoft-com:xml-msdata" id="root">
+  <xsd:schema id="root" xmlns="" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:msdata="urn:schemas-microsoft-com:xml-msdata">
     <xsd:import namespace="http://www.w3.org/XML/1998/namespace" />
     <xsd:element name="root" msdata:IsDataSet="true">
       <xsd:complexType>
@@ -847,7 +847,7 @@
   <data name="About_Version_CommitId" xml:space="preserve">
     <value>提交</value>
   </data>
-  <data name="About_DeveloperModeEnabled.Text" xml:space="preserve">
+  <data name="About_DeveloperModeEnabled" xml:space="preserve">
     <value>开发者模式已启用。</value>
   </data>
 </root>
\ No newline at end of file

From 06581d6193b4ebb72a06e470279a9b41e760ab41 Mon Sep 17 00:00:00 2001
From: Xu <34770031+Blinue@users.noreply.github.com>
Date: Tue, 14 Nov 2023 23:36:07 +0800
Subject: [PATCH 6/7] =?UTF-8?q?chore:=20=E4=BC=98=E5=8C=96=E6=B3=A8?=
 =?UTF-8?q?=E9=87=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Magpie.App/MainPage.cpp | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Magpie.App/MainPage.cpp b/src/Magpie.App/MainPage.cpp
index 280b42c31..5891bceda 100644
--- a/src/Magpie.App/MainPage.cpp
+++ b/src/Magpie.App/MainPage.cpp
@@ -239,7 +239,7 @@ fire_and_forget MainPage::ShowToast(const hstring& message) {
 	if (weakThis.get()) {
 		MUXC::TeachingTip curTeachingTip = ToastTeachingTip();
 		if (curTeachingTip == weakTeachingTip.get()) {
-			// 如果有新的 Toast 无需关闭，因为 newTeachingTip 已被卸载（但仍在生存期内）
+			// 如果已经显示新的 Toast 则无需关闭，因为 newTeachingTip 已被卸载（但仍在生存期内）
 			curTeachingTip.IsOpen(false);
 		}
 	}

From 163255f2911f69b10a3e2428d7acd3c635aca863 Mon Sep 17 00:00:00 2001
From: Xu <34770031+Blinue@users.noreply.github.com>
Date: Wed, 15 Nov 2023 19:10:18 +0800
Subject: [PATCH 7/7] =?UTF-8?q?UI:=20=E4=BC=98=E5=8C=96=20Toast=20?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Magpie.App/App.xaml      |  3 ---
 src/Magpie.App/MainPage.cpp  | 21 +++++++++++++++++++++
 src/Magpie.App/MainPage.xaml |  3 +--
 3 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/src/Magpie.App/App.xaml b/src/Magpie.App/App.xaml
index 8a917b485..b8c040b81 100644
--- a/src/Magpie.App/App.xaml
+++ b/src/Magpie.App/App.xaml
@@ -669,9 +669,6 @@
 
 			<x:Double x:Key="StandardIconSize">14</x:Double>
 
-			<!--  TeachingTip  -->
-			<x:Double x:Key="TeachingTipMinWidth">0</x:Double>
-
 			<!--  ComboBox  -->
 			<x:Double x:Key="SettingBoxMinWidth">220</x:Double>
 			<Style x:Key="ComboBoxSettingStyle"
diff --git a/src/Magpie.App/MainPage.cpp b/src/Magpie.App/MainPage.cpp
index 5891bceda..c15392a02 100644
--- a/src/Magpie.App/MainPage.cpp
+++ b/src/Magpie.App/MainPage.cpp
@@ -227,6 +227,27 @@ fire_and_forget MainPage::ShowToast(const hstring& message) {
 		ToastTextBlock().Text(message);
 		newTeachingTip.IsOpen(true);
 
+		// !!! HACK !!!
+		// 我们不想要 IsLightDismissEnabled，因为它会阻止用户和其他控件交互，但我们也不想要关闭按钮，于是
+		// 手动隐藏它。我们必须在模板加载完成后再做这些，但 TeachingTip 没有 Opening 事件，于是有了又一个
+		// workaround：监听 ToastTextBlock 的 LayoutUpdated 事件，它在 TeachingTip 显示前必然会被引发。
+		ToastTextBlock().LayoutUpdated([weak(weak_ref(newTeachingTip))](IInspectable const&, IInspectable const&) {
+			auto toastTeachingTip = weak.get();
+			if (!toastTeachingTip) {
+				return;
+			}
+
+			// 隐藏关闭按钮
+			if (DependencyObject closeButton = toastTeachingTip.GetTemplateChild(L"AlternateCloseButton")) {
+				closeButton.as<FrameworkElement>().Visibility(Visibility::Collapsed);
+			}
+
+			// 减小 Flyout 尺寸
+			if (DependencyObject container = toastTeachingTip.GetTemplateChild(L"TailOcclusionGrid")) {
+				container.as<FrameworkElement>().MinWidth(0.0);
+			}
+		});
+
 		weakTeachingTip = newTeachingTip;
 	}
 
diff --git a/src/Magpie.App/MainPage.xaml b/src/Magpie.App/MainPage.xaml
index f74584877..bdc17a769 100644
--- a/src/Magpie.App/MainPage.xaml
+++ b/src/Magpie.App/MainPage.xaml
@@ -9,8 +9,7 @@
       mc:Ignorable="d">
 	<Grid>
 		<muxc:TeachingTip x:Name="ToastTeachingTip"
-		                  x:Load="False"
-		                  IsLightDismissEnabled="True">
+		                  x:Load="False">
 			<!--  Title 属性有主题错误  -->
 			<TextBlock x:Name="ToastTextBlock" />
 		</muxc:TeachingTip>