Introduced a NotificationFlyoutPresenter to allow you to restyle/retemplate the flyout from within your UWP app

2021-02-06 17:38:39 +00:00
parent 3de9ceee0d
commit 3fdfcfaf21
26 changed files with 260 additions and 282 deletions
@@ -1,71 +1,12 @@
-using Windows.UI.Popups;
-using Windows.UI.ViewManagement;
-using Windows.UI.Xaml;
-using Windows.UI.Xaml.Controls;
-using Windows.UI.Xaml.Controls.Primitives;
+using Windows.UI.Xaml.Controls;

 namespace NotificationFlyout.Uwp.UI.Controls
 {
    public class NotificationFlyoutPresenter : ContentControl
    {
-        public static readonly DependencyProperty TemplateSettingsProperty =
-            DependencyProperty.Register(nameof(TemplateSettings),
-                typeof(NotificationFlyoutPresenterTemplateSettings), typeof(NotificationFlyoutPresenter),
-                new PropertyMetadata(null));
-
-        private Grid _root;
-        private NotificationFlyoutPresenterTemplateSettings _templateSettings;
-
        public NotificationFlyoutPresenter()
        {
            DefaultStyleKey = typeof(NotificationFlyoutPresenter);
-
-            _templateSettings = new NotificationFlyoutPresenterTemplateSettings();
-            SetValue(TemplateSettingsProperty, _templateSettings);
-
-            UISettings uiSettings = new UISettings();
-            uiSettings.ColorValuesChanged += UiSettings_ColorValuesChanged;
-        }
-
-        private void UiSettings_ColorValuesChanged(UISettings sender, object args)
-        {
-            MessageDialog d = new MessageDialog("", "");
-        }
-
-        public NotificationFlyoutPresenterTemplateSettings TemplateSettings
-        {
-            get => (NotificationFlyoutPresenterTemplateSettings)GetValue(TemplateSettingsProperty);
-            set => SetValue(TemplateSettingsProperty, value);
-        }
-
-        public void SetOffset(double verticalOffset, double horizontalOffset)
-        {
-            if (_templateSettings == null) return;
-            _templateSettings.FromVerticalOffset = verticalOffset;
-            _templateSettings.FromHorizontalOffset = horizontalOffset;
-        }
-
-        public void HideFlyout()
-        {
-            if (_root == null) return;
-            FlyoutBase flyout = FlyoutBase.GetAttachedFlyout(_root);
-            flyout.Hide();
-        }
-
-        public void ShowFlyout(FlyoutPlacementMode placementMode)
-        {
-            if (_root == null) return;
-            var flyout = FlyoutBase.GetAttachedFlyout(_root);
-            flyout.ShowAt(_root, new FlyoutShowOptions 
-            { 
-                Placement = placementMode, 
-                ShowMode = FlyoutShowMode.Standard 
-            });
-        }
-
-        protected override void OnApplyTemplate()
-        {
-            _root = GetTemplateChild("Root") as Grid;
        }
    }
 }
@@ -7,50 +7,35 @@
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="controls:NotificationFlyoutPresenter">
-                    <Grid x:Name="Root">
-                        <FlyoutBase.AttachedFlyout>
-                            <Flyout AreOpenCloseAnimationsEnabled="False" ShouldConstrainToRootBounds="False">
-                                <Flyout.FlyoutPresenterStyle>
-                                    <Style TargetType="FlyoutPresenter">
-                                        <Setter Property="BorderThickness" Value="0" />
-                                        <Setter Property="Background" Value="Transparent" />
-                                        <Setter Property="IsDefaultShadowEnabled" Value="False" />
-                                        <Setter Property="Padding" Value="0" />
-                                        <Setter Property="Margin" Value="0" />
-                                    </Style>
-                                </Flyout.FlyoutPresenterStyle>
-                                <Border
-                                    Padding="{TemplateBinding Padding}"
-                                    Background="{TemplateBinding Background}"
-                                    BackgroundSizing="OuterBorderEdge"
-                                    BorderBrush="{TemplateBinding BorderBrush}"
-                                    BorderThickness="{TemplateBinding BorderThickness}"
-                                    CornerRadius="{TemplateBinding CornerRadius}">
-                                    <Border.Transitions>
-                                        <TransitionCollection>
-                                            <EntranceThemeTransition FromHorizontalOffset="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.FromHorizontalOffset, Mode=TwoWay}" FromVerticalOffset="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.FromVerticalOffset, Mode=TwoWay}" />
-                                        </TransitionCollection>
-                                    </Border.Transitions>
-                                    <ScrollViewer
-                                        x:Name="ScrollViewer"
-                                        AutomationProperties.AccessibilityView="Raw"
-                                        HorizontalScrollBarVisibility="{TemplateBinding ScrollViewer.HorizontalScrollBarVisibility}"
-                                        HorizontalScrollMode="{TemplateBinding ScrollViewer.HorizontalScrollMode}"
-                                        VerticalScrollBarVisibility="{TemplateBinding ScrollViewer.VerticalScrollBarVisibility}"
-                                        VerticalScrollMode="{TemplateBinding ScrollViewer.VerticalScrollMode}"
-                                        ZoomMode="{TemplateBinding ScrollViewer.ZoomMode}">
-                                        <ContentPresenter
-                                            Margin="{TemplateBinding Padding}"
-                                            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
-                                            VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
-                                            Content="{TemplateBinding Content}"
-                                            ContentTemplate="{TemplateBinding ContentTemplate}"
-                                            ContentTransitions="{TemplateBinding ContentTransitions}" />
-                                    </ScrollViewer>
-                                </Border>
-                            </Flyout>
-                        </FlyoutBase.AttachedFlyout>
-                    </Grid>
+                    <Border
+                        Padding="{TemplateBinding Padding}"
+                        Background="{TemplateBinding Background}"
+                        BackgroundSizing="OuterBorderEdge"
+                        BorderBrush="{TemplateBinding BorderBrush}"
+                        BorderThickness="{TemplateBinding BorderThickness}"
+                        CornerRadius="{TemplateBinding CornerRadius}">
+                        <Border.Transitions>
+                            <TransitionCollection>
+                                <EntranceThemeTransition FromHorizontalOffset="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.FromHorizontalOffset, Mode=TwoWay}" FromVerticalOffset="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.FromVerticalOffset, Mode=TwoWay}" />
+                            </TransitionCollection>
+                        </Border.Transitions>
+                        <ScrollViewer
+                            x:Name="ScrollViewer"
+                            AutomationProperties.AccessibilityView="Raw"
+                            HorizontalScrollBarVisibility="{TemplateBinding ScrollViewer.HorizontalScrollBarVisibility}"
+                            HorizontalScrollMode="{TemplateBinding ScrollViewer.HorizontalScrollMode}"
+                            VerticalScrollBarVisibility="{TemplateBinding ScrollViewer.VerticalScrollBarVisibility}"
+                            VerticalScrollMode="{TemplateBinding ScrollViewer.VerticalScrollMode}"
+                            ZoomMode="{TemplateBinding ScrollViewer.ZoomMode}">
+                            <ContentPresenter
+                                Margin="{TemplateBinding Padding}"
+                                HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
+                                VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                                Content="{TemplateBinding Content}"
+                                ContentTemplate="{TemplateBinding ContentTemplate}"
+                                ContentTransitions="{TemplateBinding ContentTransitions}" />
+                        </ScrollViewer>
+                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
@@ -1,29 +0,0 @@
-using Windows.UI.Xaml;
-
-namespace NotificationFlyout.Uwp.UI.Controls
-{
-    public class NotificationFlyoutPresenterTemplateSettings : DependencyObject
-    {
-        public static readonly DependencyProperty FromHorizontalOffsetProperty =
-            DependencyProperty.Register(nameof(FromHorizontalOffset),
-                typeof(double), typeof(NotificationFlyoutPresenterTemplateSettings),
-                new PropertyMetadata(0d));
-
-        public static readonly DependencyProperty FromVerticalOffsetProperty =
-            DependencyProperty.Register(nameof(FromVerticalOffset),
-                typeof(double), typeof(NotificationFlyoutPresenterTemplateSettings),
-                new PropertyMetadata(0d));
-
-        public double FromHorizontalOffset
-        {
-            get => (double)GetValue(FromHorizontalOffsetProperty);
-            set => SetValue(FromHorizontalOffsetProperty, value);
-        }
-
-        public double FromVerticalOffset
-        {
-            get => (double)GetValue(FromVerticalOffsetProperty);
-            set => SetValue(FromVerticalOffsetProperty, value);
-        }
-    }
-}