自定义标题栏

src/Magpie.App/App.idl

@@ -26,6 +26,8 @@
 #include "ScalingConfigurationPage.idl"
 #include "ProfilePage.idl"
 #include "SettingsPage.idl"
+#include "CaptionButtonsControl.idl"
+#include "TitleBarControl.idl"
 
 namespace Magpie.App {
 	enum ShortcutAction {

src/Magpie.App/CaptionButtonsControl.cpp

@@ -0,0 +1,134 @@
+#include "pch.h"
+#include "CaptionButtonsControl.h"
+#if __has_include("CaptionButtonsControl.g.cpp")
+#include "CaptionButtonsControl.g.cpp"
+#endif
+
+namespace winrt::Magpie::App::implementation {
+
+Size CaptionButtonsControl::CaptionButtonSize() const noexcept {
+	ResourceDictionary resources = Resources();
+	return {
+		(float)unbox_value<double>(resources.Lookup(box_value(L"CaptionButtonWidth"))),
+		(float)unbox_value<double>(resources.Lookup(box_value(L"CaptionButtonHeight")))
+	};
+}
+
+// 鼠标移动到某个按钮上时调用
+void CaptionButtonsControl::HoverButton(CaptionButton button) {
+	if (_pressedButton) {
+		bool hoveringOnPressedButton = _pressedButton.value() == button;
+		_allInNormal = !hoveringOnPressedButton;
+
+		VisualStateManager::GoToState(MinimizeButton(),
+			hoveringOnPressedButton && button == CaptionButton::Minimize ? L"Pressed" : L"Normal", false);
+		VisualStateManager::GoToState(MaximizeButton(),
+			hoveringOnPressedButton && button == CaptionButton::Maximize ? L"Pressed" : L"Normal", false);
+		VisualStateManager::GoToState(CloseButton(),
+			hoveringOnPressedButton && button == CaptionButton::Close ? L"Pressed" : L"Normal", false);
+	} else {
+		_allInNormal = false;
+
+		VisualStateManager::GoToState(MinimizeButton(),
+			button == CaptionButton::Minimize ? L"PointerOver" : L"Normal", false);
+		VisualStateManager::GoToState(MaximizeButton(),
+			button == CaptionButton::Maximize ? L"PointerOver" : L"Normal", false);
+		VisualStateManager::GoToState(CloseButton(),
+			button == CaptionButton::Close ? L"PointerOver" : L"Normal", false);
+	}
+}
+
+// 在某个按钮上按下鼠标时调用
+void CaptionButtonsControl::PressButton(CaptionButton button) {
+	_allInNormal = false;
+	_pressedButton = button;
+
+	VisualStateManager::GoToState(MinimizeButton(),
+		button == CaptionButton::Minimize ? L"Pressed" : L"Normal", false);
+	VisualStateManager::GoToState(MaximizeButton(),
+		button == CaptionButton::Maximize ? L"Pressed" : L"Normal", false);
+	VisualStateManager::GoToState(CloseButton(),
+		button == CaptionButton::Close ? L"Pressed" : L"Normal", false);
+}
+
+// 在标题栏按钮上释放鼠标时调用
+void CaptionButtonsControl::ReleaseButton(CaptionButton button) {
+	// 在某个按钮上按下然后释放视为点击，即使中途离开过也是如此，因为 HoverButton 和
+	// LeaveButtons 都不改变 _pressedButton
+	const bool clicked = _pressedButton && _pressedButton.value() == button;
+
+	if (clicked) {
+		// 用户点击了某个按钮
+		HWND hwndMain = (HWND)Application::Current().as<App>().HwndMain();
+
+		switch (_pressedButton.value()) {
+		case CaptionButton::Minimize:
+			PostMessage(hwndMain, WM_SYSCOMMAND, SC_MINIMIZE | HTMINBUTTON, 0);
+			break;
+		case CaptionButton::Maximize:
+		{
+			POINT cursorPos;
+			GetCursorPos(&cursorPos);
+
+			PostMessage(
+				hwndMain,
+				WM_SYSCOMMAND,
+				(_isWindowMaximized ? SC_RESTORE : SC_MAXIMIZE) | HTMAXBUTTON,
+				MAKELPARAM(cursorPos.x, cursorPos.y)
+			);
+			break;
+		}
+		case CaptionButton::Close:
+			PostMessage(hwndMain, WM_SYSCOMMAND, SC_CLOSE, 0);
+			break;
+		}
+	}
+
+	_pressedButton.reset();
+
+	// 如果点击了某个按钮则清空状态，因为此时窗口状态已改变。如果在某个按钮上按下然后在
+	// 其他按钮上释放，不视为点击，则将当前鼠标所在的按钮状态置为 PointerOver
+	_allInNormal = clicked;
+	VisualStateManager::GoToState(MinimizeButton(),
+		!clicked && button == CaptionButton::Minimize ? L"PointerOver" : L"Normal", false);
+	VisualStateManager::GoToState(MaximizeButton(),
+		!clicked && button == CaptionButton::Maximize ? L"PointerOver" : L"Normal", false);
+	VisualStateManager::GoToState(CloseButton(),
+		!clicked && button == CaptionButton::Close ? L"PointerOver" : L"Normal", false);
+}
+
+// 在非标题按钮上释放鼠标时调用
+void CaptionButtonsControl::ReleaseButtons() {
+	if (!_pressedButton) {
+		return;
+	}
+	_pressedButton.reset();
+
+	LeaveButtons();
+}
+
+// 离开标题按钮时调用，不更改 _pressedButton
+void CaptionButtonsControl::LeaveButtons() {
+	if (_allInNormal) {
+		return;
+	}
+	_allInNormal = true;
+
+	VisualStateManager::GoToState(MinimizeButton(), L"Normal", true);
+	VisualStateManager::GoToState(MaximizeButton(), L"Normal", true);
+	VisualStateManager::GoToState(CloseButton(), L"Normal", true);
+}
+
+void CaptionButtonsControl::IsWindowMaximized(bool value) {
+	if (_isWindowMaximized == value) {
+		return;
+	}
+
+	if (VisualStateManager::GoToState(MaximizeButton(),
+		value ? L"WindowStateMaximized" : L"WindowStateNormal", false))
+	{
+		_isWindowMaximized = value;
+	}
+}
+
+}

src/Magpie.App/CaptionButtonsControl.h

@@ -0,0 +1,37 @@
+#pragma once
+#include "CaptionButtonsControl.g.h"
+
+namespace winrt::Magpie::App::implementation {
+
+struct CaptionButtonsControl : CaptionButtonsControlT<CaptionButtonsControl> {
+	CaptionButtonsControl() {}
+
+	Size CaptionButtonSize() const noexcept;
+
+	void HoverButton(CaptionButton button);
+
+	void PressButton(CaptionButton button);
+
+	void ReleaseButton(CaptionButton button);
+
+	void ReleaseButtons();
+
+	void LeaveButtons();
+
+	void IsWindowMaximized(bool value);
+
+private:
+	std::optional<CaptionButton> _pressedButton;
+	// 用于避免重复设置状态
+	bool _allInNormal = true;
+	bool _isWindowMaximized = false;
+};
+
+}
+
+namespace winrt::Magpie::App::factory_implementation {
+
+struct CaptionButtonsControl : CaptionButtonsControlT<CaptionButtonsControl, implementation::CaptionButtonsControl> {
+};
+
+}

src/Magpie.App/CaptionButtonsControl.idl

@@ -0,0 +1,22 @@
+namespace Magpie.App {
+	// 为简单起见，确保这些值与 WM_NCHITTEST 所使用的值相同
+	enum CaptionButton {
+		Minimize = 8,   // HTMINBUTTON
+		Maximize = 9,   // HTMAXBUTTON
+		Close = 20      // HTCLOSE
+	};
+
+	runtimeclass CaptionButtonsControl : Windows.UI.Xaml.Controls.StackPanel {
+		CaptionButtonsControl();
+
+		Windows.Foundation.Size CaptionButtonSize { get; };
+
+		void HoverButton(CaptionButton button);
+		void PressButton(CaptionButton button);
+		void ReleaseButton(CaptionButton button);
+		void ReleaseButtons();
+		void LeaveButtons();
+
+		void IsWindowMaximized(Boolean value);
+	}
+}

src/Magpie.App/CaptionButtonsControl.xaml

@@ -0,0 +1,162 @@
+<StackPanel x:Class="Magpie.App.CaptionButtonsControl"
+            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:local="using:Magpie.App"
+            xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+            Background="Transparent"
+            Orientation="Horizontal"
+            mc:Ignorable="d">
+	<StackPanel.Resources>
+		<ResourceDictionary>
+			<ResourceDictionary.ThemeDictionaries>
+				<ResourceDictionary x:Key="Light">
+					<Color x:Key="CaptionButtonForegroundColor">Black</Color>
+
+					<StaticResource x:Key="CaptionButtonForeground"
+					                ResourceKey="CaptionButtonForegroundColor" />
+					<StaticResource x:Key="CaptionButtonForegroundPointerOver"
+					                ResourceKey="CaptionButtonForegroundColor" />
+					<SolidColorBrush x:Key="CaptionButtonForegroundPressed"
+					                 Opacity="0.7"
+					                 Color="{StaticResource CaptionButtonForegroundColor}" />
+					<SolidColorBrush x:Key="CaptionButtonBackgroundPointerOver"
+					                 Opacity="0.06"
+					                 Color="{StaticResource CaptionButtonForegroundColor}" />
+					<SolidColorBrush x:Key="CaptionButtonBackgroundPressed"
+					                 Opacity="0.04"
+					                 Color="{StaticResource CaptionButtonForegroundColor}" />
+				</ResourceDictionary>
+				<ResourceDictionary x:Key="Dark">
+					<Color x:Key="CaptionButtonForegroundColor">White</Color>
+
+					<StaticResource x:Key="CaptionButtonForeground"
+					                ResourceKey="CaptionButtonForegroundColor" />
+					<StaticResource x:Key="CaptionButtonForegroundPointerOver"
+					                ResourceKey="CaptionButtonForegroundColor" />
+					<SolidColorBrush x:Key="CaptionButtonForegroundPressed"
+					                 Opacity="0.7"
+					                 Color="{StaticResource CaptionButtonForegroundColor}" />
+					<SolidColorBrush x:Key="CaptionButtonBackgroundPointerOver"
+					                 Opacity="0.06"
+					                 Color="{StaticResource CaptionButtonForegroundColor}" />
+					<SolidColorBrush x:Key="CaptionButtonBackgroundPressed"
+					                 Opacity="0.04"
+					                 Color="{StaticResource CaptionButtonForegroundColor}" />
+				</ResourceDictionary>
+			</ResourceDictionary.ThemeDictionaries>
+
+			<Color x:Key="CaptionButtonBackground">Transparent</Color>
+			<x:Double x:Key="CaptionButtonWidth">46</x:Double>
+			<x:Double x:Key="CaptionButtonHeight">32</x:Double>
+
+			<!--
+				Initializes the string to the close button glyph.
+				Each specific button overrides it as needed.
+			-->
+			<x:String x:Key="CaptionButtonGlyph">&#xE8BB;</x:String>
+
+			<Style x:Key="CaptionButton"
+			       TargetType="Button">
+				<Setter Property="BorderThickness" Value="0" />
+				<Setter Property="Background" Value="{StaticResource CaptionButtonBackground}" />
+				<Setter Property="IsTabStop" Value="False" />
+				<Setter Property="Width" Value="{StaticResource CaptionButtonWidth}" />
+				<Setter Property="MinWidth" Value="{StaticResource CaptionButtonWidth}" />
+				<Setter Property="Height" Value="{StaticResource CaptionButtonHeight}" />
+				<Setter Property="Template">
+					<Setter.Value>
+						<ControlTemplate TargetType="Button">
+							<Border x:Name="ButtonBaseElement"
+							        Padding="{TemplateBinding Padding}"
+							        Background="{TemplateBinding Background}"
+							        BackgroundSizing="{TemplateBinding BackgroundSizing}"
+							        BorderBrush="{TemplateBinding BorderBrush}"
+							        BorderThickness="{TemplateBinding BorderThickness}"
+							        CornerRadius="{TemplateBinding CornerRadius}">
+								<Viewbox Width="10"
+								         Height="10">
+									<FontIcon x:Name="ButtonIcon"
+									          FontFamily="{ThemeResource SymbolThemeFontFamily}"
+									          Foreground="{ThemeResource CaptionButtonForeground}"
+									          Glyph="{ThemeResource CaptionButtonGlyph}" />
+								</Viewbox>
+
+								<VisualStateManager.VisualStateGroups>
+									<VisualStateGroup x:Name="CommonStates">
+										<VisualState x:Name="Normal">
+											<VisualState.Setters>
+												<Setter Target="ButtonBaseElement.Background" Value="{StaticResource CaptionButtonBackground}" />
+												<Setter Target="ButtonIcon.Foreground" Value="{ThemeResource CaptionButtonForeground}" />
+											</VisualState.Setters>
+										</VisualState>
+
+										<VisualState x:Name="PointerOver">
+											<VisualState.Setters>
+												<Setter Target="ButtonBaseElement.Background" Value="{ThemeResource CaptionButtonBackgroundPointerOver}" />
+												<Setter Target="ButtonIcon.Foreground" Value="{ThemeResource CaptionButtonForegroundPointerOver}" />
+											</VisualState.Setters>
+										</VisualState>
+
+										<VisualState x:Name="Pressed">
+											<VisualState.Setters>
+												<Setter Target="ButtonBaseElement.Background" Value="{ThemeResource CaptionButtonBackgroundPressed}" />
+												<Setter Target="ButtonIcon.Foreground" Value="{ThemeResource CaptionButtonForegroundPressed}" />
+											</VisualState.Setters>
+										</VisualState>
+
+										<VisualState x:Name="Disabled" />
+									</VisualStateGroup>
+
+									<VisualStateGroup x:Name="MinMaxStates">
+										<VisualState x:Name="WindowStateNormal" />
+
+										<VisualState x:Name="WindowStateMaximized">
+											<VisualState.Setters>
+												<Setter Target="ButtonIcon.Glyph" Value="&#xE923;" />
+											</VisualState.Setters>
+										</VisualState>
+									</VisualStateGroup>
+
+								</VisualStateManager.VisualStateGroups>
+							</Border>
+						</ControlTemplate>
+					</Setter.Value>
+				</Setter>
+			</Style>
+		</ResourceDictionary>
+	</StackPanel.Resources>
+
+	<Button x:Name="MinimizeButton"
+	        Style="{StaticResource CaptionButton}">
+		<Button.Resources>
+			<x:String x:Key="CaptionButtonGlyph">&#xE921;</x:String>
+		</Button.Resources>
+	</Button>
+	<Button x:Name="MaximizeButton"
+	        Style="{StaticResource CaptionButton}">
+		<Button.Resources>
+			<x:String x:Key="CaptionButtonGlyph">&#xE922;</x:String>
+		</Button.Resources>
+	</Button>
+	<Button x:Name="CloseButton"
+	        Style="{StaticResource CaptionButton}">
+		<Button.Resources>
+			<ResourceDictionary>
+				<x:String x:Key="CaptionButtonGlyph">&#xE8BB;</x:String>
+
+				<Color x:Key="CloseButtonColor">#C42B1C</Color>
+				<SolidColorBrush x:Key="CaptionButtonBackgroundPointerOver"
+				                 Color="{StaticResource CloseButtonColor}" />
+				<SolidColorBrush x:Key="CaptionButtonBackgroundPressed"
+				                 Opacity="0.9"
+				                 Color="{StaticResource CloseButtonColor}" />
+				<SolidColorBrush x:Key="CaptionButtonForegroundPointerOver"
+				                 Color="White" />
+				<SolidColorBrush x:Key="CaptionButtonForegroundPressed"
+				                 Opacity="0.7"
+				                 Color="White" />
+			</ResourceDictionary>
+		</Button.Resources>
+	</Button>
+</StackPanel>

src/Magpie.App/IconHelper.cpp

@@ -185,7 +185,6 @@ SoftwareBitmap IconHelper::ExtractIconFormWnd(HWND hWnd, uint32_t preferredSize,
 }
 
 SoftwareBitmap IconHelper::ExtractIconFromExe(const wchar_t* fileName, uint32_t preferredSize, uint32_t dpi) {
-	preferredSize = (preferredSize + 15) / 16 * 16;
 	preferredSize = (uint32_t)std::lround(preferredSize * dpi / double(USER_DEFAULT_SCREEN_DPI));
 
 	{