From 06ab6cd7d5e68199219e38d854b95431a5b48dd4 Mon Sep 17 00:00:00 2001
From: rabbitism <popmessiah@hotmail.com>
Date: Thu, 22 Dec 2022 01:36:14 +0800
Subject: [PATCH] feat: add flyout dynamic resource. Pending on Menu/MenuItem
 to add menu flyout theme.

---
 .../Controls/FlyoutPresenter.axaml            | 20 +++++++++----------
 src/Semi.Avalonia/Themes/Light/Flyout.axaml   | 19 ++++++++++++++++++
 src/Semi.Avalonia/Themes/Light/Light.axaml    |  1 +
 3 files changed, 30 insertions(+), 10 deletions(-)
 create mode 100644 src/Semi.Avalonia/Themes/Light/Flyout.axaml

diff --git a/src/Semi.Avalonia/Controls/FlyoutPresenter.axaml b/src/Semi.Avalonia/Controls/FlyoutPresenter.axaml
index 3239e54..d8f0ff8 100644
--- a/src/Semi.Avalonia/Controls/FlyoutPresenter.axaml
+++ b/src/Semi.Avalonia/Controls/FlyoutPresenter.axaml
@@ -3,18 +3,18 @@
         <Setter Property="FlyoutPresenter.HorizontalContentAlignment" Value="Stretch" />
         <Setter Property="FlyoutPresenter.VerticalContentAlignment" Value="Stretch" />
         <Setter Property="FlyoutPresenter.UseLayoutRounding" Value="False" />
-        <Setter Property="FlyoutPresenter.Background" Value="White" />
-        <Setter Property="FlyoutPresenter.BorderBrush" Value="#1A000000" />
-        <Setter Property="FlyoutPresenter.BorderThickness" Value="0.5" />
-        <Setter Property="FlyoutPresenter.Padding" Value="8" />
-        <Setter Property="FlyoutPresenter.MinWidth" Value="100" />
-        <Setter Property="FlyoutPresenter.MaxWidth" Value="600" />
-        <Setter Property="FlyoutPresenter.MinHeight" Value="100" />
-        <Setter Property="FlyoutPresenter.MaxHeight" Value="600" />
+        <Setter Property="FlyoutPresenter.Background" Value="{DynamicResource FlyoutBackground}" />
+        <Setter Property="FlyoutPresenter.BorderBrush" Value="{DynamicResource FlyoutBorderBrush}" />
+        <Setter Property="FlyoutPresenter.BorderThickness" Value="{DynamicResource FlyoutBorderThickness}" />
+        <Setter Property="FlyoutPresenter.Padding" Value="{DynamicResource FlyoutPadding}" />
+        <Setter Property="FlyoutPresenter.MinWidth" Value="{DynamicResource FlyoutMinWidth}" />
+        <Setter Property="FlyoutPresenter.MaxWidth" Value="{DynamicResource FlyoutMaxWidth}" />
+        <Setter Property="FlyoutPresenter.MinHeight" Value="{DynamicResource FlyoutMinHeight}" />
+        <Setter Property="FlyoutPresenter.MaxHeight" Value="{DynamicResource FlyoutMaxHeight}" />
         <Setter Property="FlyoutPresenter.ClipToBounds" Value="False" />
         <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Auto" />
         <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto" />
-        <Setter Property="FlyoutPresenter.CornerRadius" Value="4" />
+        <Setter Property="FlyoutPresenter.CornerRadius" Value="{DynamicResource FlyoutCornerRadius}" />
         <Setter Property="FlyoutPresenter.Margin" Value="4" />
         <Setter Property="FlyoutPresenter.Template">
             <ControlTemplate TargetType="FlyoutPresenter">
@@ -23,7 +23,7 @@
                     Background="{TemplateBinding Background}"
                     BorderBrush="{TemplateBinding BorderBrush}"
                     BorderThickness="{TemplateBinding BorderThickness}"
-                    BoxShadow="0 0 8 0 #1A000000"
+                    BoxShadow="{DynamicResource FlyoutBorderBoxShadow}"
                     ClipToBounds="False"
                     CornerRadius="{TemplateBinding CornerRadius}"
                     UseLayoutRounding="False">
diff --git a/src/Semi.Avalonia/Themes/Light/Flyout.axaml b/src/Semi.Avalonia/Themes/Light/Flyout.axaml
new file mode 100644
index 0000000..d98d967
--- /dev/null
+++ b/src/Semi.Avalonia/Themes/Light/Flyout.axaml
@@ -0,0 +1,19 @@
+<ResourceDictionary
+    xmlns="https://github.com/avaloniaui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:sys="clr-namespace:System;assembly=System.Runtime">
+    <SolidColorBrush x:Key="FlyoutBackground" Color="White" />
+    <SolidColorBrush
+        x:Key="FlyoutBorderBrush"
+        Opacity="0.08"
+        Color="#1C1F23" />
+    <Thickness x:Key="FlyoutBorderThickness">1</Thickness>
+    <BoxShadows x:Key="FlyoutBorderBoxShadow">0 0 8 0 #1A000000</BoxShadows>
+    <sys:Double x:Key="FlyoutMinHeight">100</sys:Double>
+    <sys:Double x:Key="FlyoutMinWidth">100</sys:Double>
+    <sys:Double x:Key="FlyoutMaxHeight">600</sys:Double>
+    <sys:Double x:Key="FlyoutMaxWidth">600</sys:Double>
+    <CornerRadius x:Key="FlyoutCornerRadius">6</CornerRadius>
+    <Thickness x:Key="FlyoutPadding">8</Thickness>
+
+</ResourceDictionary>
diff --git a/src/Semi.Avalonia/Themes/Light/Light.axaml b/src/Semi.Avalonia/Themes/Light/Light.axaml
index 53c60ac..0a5a374 100644
--- a/src/Semi.Avalonia/Themes/Light/Light.axaml
+++ b/src/Semi.Avalonia/Themes/Light/Light.axaml
@@ -16,5 +16,6 @@
         <ResourceInclude Source="avares://Semi.Avalonia/Themes/Light/TextBox.axaml" />
         <ResourceInclude Source="avares://Semi.Avalonia/Themes/Light/TreeView.axaml" />
         <ResourceInclude Source="avares://Semi.Avalonia/Themes/Light/Window.axaml" />
+        <ResourceInclude Source="avares://Semi.Avalonia/Themes/Light/Flyout.axaml" />
     </ResourceDictionary.MergedDictionaries>
 </ResourceDictionary>