Porting Triggers

components/Triggers/OpenSolution.bat

@@ -0,0 +1,3 @@
+@ECHO OFF
+
+powershell ..\..\tooling\ProjectHeads\GenerateSingleSampleHeads.ps1 -componentPath %CD% %*

components/Triggers/samples/CompareStateTriggerSample.xaml

@@ -0,0 +1,85 @@
+<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
+<Page x:Class="TriggersExperiment.Samples.CompareStateTriggerSample"
+      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:TriggersExperiment.Samples"
+      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+      xmlns:triggers="using:CommunityToolkit.WinUI"
+      mc:Ignorable="d">
+
+    <Grid>
+        <VisualStateManager.VisualStateGroups>
+            <VisualStateGroup>
+                <VisualState x:Name="Less">
+                    <VisualState.StateTriggers>
+                        <triggers:CompareStateTrigger Comparison="LessThan"
+                                                      Value="{Binding Value, ElementName=Slider, Mode=OneWay}"
+                                                      To="3" />
+                    </VisualState.StateTriggers>
+                    <VisualState.Setters>
+                        <Setter Target="SliderStatus.Text" Value="Slider value is less than 3" />
+                    </VisualState.Setters>
+                </VisualState>
+                <VisualState x:Name="Equal">
+                    <VisualState.StateTriggers>
+                        <triggers:CompareStateTrigger Comparison="Equal"
+                                                      Value="{Binding Value, ElementName=Slider, Mode=OneWay}"
+                                                      To="3" />
+                    </VisualState.StateTriggers>
+                    <VisualState.Setters>
+                        <Setter Target="SliderStatus.Text" Value="Slider value is 3" />
+                    </VisualState.Setters>
+                </VisualState>
+                <VisualState x:Name="Greater">
+                    <VisualState.StateTriggers>
+                        <triggers:CompareStateTrigger Comparison="GreaterThan"
+                                                      Value="{Binding Value, ElementName=Slider, Mode=OneWay}"
+                                                      To="3" />
+                    </VisualState.StateTriggers>
+                    <VisualState.Setters>
+                        <Setter Target="SliderStatus.Text" Value="Slider value is greater than 3" />
+                    </VisualState.Setters>
+                </VisualState>
+            </VisualStateGroup>
+            <VisualStateGroup>
+                <VisualState x:Name="GreaterThanOrEqual">
+                    <VisualState.StateTriggers>
+                        <triggers:CompareStateTrigger Comparison="GreaterThanOrEqual"
+                                                      Value="{Binding Value, ElementName=Slider2, Mode=OneWay}"
+                                                      To="4" />
+                    </VisualState.StateTriggers>
+                    <VisualState.Setters>
+                        <Setter Target="SliderStatus2.Text" Value="Slider value is 4 or greater" />
+                    </VisualState.Setters>
+                </VisualState>
+                <VisualState x:Name="LessThanOrEqual">
+                    <VisualState.StateTriggers>
+                        <triggers:CompareStateTrigger Comparison="LessThanOrEqual"
+                                                      Value="{Binding Value, ElementName=Slider2, Mode=OneWay}"
+                                                      To="2" />
+                    </VisualState.StateTriggers>
+                    <VisualState.Setters>
+                        <Setter Target="SliderStatus2.Text" Value="Slider value is 2 or less" />
+                    </VisualState.Setters>
+                </VisualState>
+            </VisualStateGroup>
+        </VisualStateManager.VisualStateGroups>
+
+        <StackPanel MaxWidth="400">
+            <Slider x:Name="Slider"
+                    Maximum="5"
+                    Minimum="0" />
+            <TextBlock x:Name="SliderStatus"
+                       Style="{StaticResource CaptionTextBlockStyle}"
+                       Text="If you see this, trigger isn't working" />
+            <Slider x:Name="Slider2"
+                    Margin="0,36,0,0"
+                    Maximum="5"
+                    Minimum="0" />
+            <TextBlock x:Name="SliderStatus2"
+                       Style="{StaticResource CaptionTextBlockStyle}"
+                       Text="Slider value is 3" />
+        </StackPanel>
+    </Grid>
+</Page>

components/Triggers/samples/CompareStateTriggerSample.xaml.cs

@@ -0,0 +1,16 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+using CommunityToolkit.WinUI;
+
+namespace TriggersExperiment.Samples;
+
+[ToolkitSample(id: nameof(CompareStateTriggerSample), "CompareStateTrigger", description: $"A sample for showing how to create and use a {nameof(CompareStateTrigger)}.")]
+public sealed partial class CompareStateTriggerSample : Page
+{
+    public CompareStateTriggerSample()
+    {
+        this.InitializeComponent();
+    }
+}

components/Triggers/samples/ControlSizeTriggerSample.xaml

@@ -0,0 +1,48 @@
+<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
+<Page x:Class="TriggersExperiment.Samples.ControlStateTriggerSample"
+      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:TriggersExperiment.Samples"
+      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+      xmlns:triggers="using:CommunityToolkit.WinUI"
+      mc:Ignorable="d">
+
+    <Grid>
+        <VisualStateManager.VisualStateGroups>
+            <VisualStateGroup>
+                <VisualState>
+                    <VisualState.StateTriggers>
+                        <triggers:ControlSizeTrigger MinWidth="400"
+                                                     MaxWidth="501"
+                                                     TargetElement="{Binding ElementName=ParentGrid}" />
+                    </VisualState.StateTriggers>
+                    <VisualState.Setters>
+                        <Setter Target="ResizingText.Text" Value="more than 400" />
+                    </VisualState.Setters>
+                </VisualState>
+            </VisualStateGroup>
+        </VisualStateManager.VisualStateGroups>
+
+        <StackPanel MaxWidth="400">
+
+            <Slider x:Name="Slider"
+                    Maximum="500"
+                    Minimum="1" />
+            <Grid x:Name="ParentGrid"
+                  Width="{Binding Value, ElementName=Slider, Mode=OneWay}"
+                  Height="32"
+                  Background="{ThemeResource AccentFillColorDefaultBrush}"
+                  CornerRadius="{StaticResource ControlCornerRadius}" />
+
+            <TextBlock Margin="0,12,0,0"
+                       HorizontalAlignment="Center"
+                       Style="{StaticResource CaptionTextBlockStyle}">
+                <Run Text="Control size is" />
+                <Run x:Name="ResizingText"
+                     FontWeight="SemiBold"
+                     Text="less than 400" />
+            </TextBlock>
+        </StackPanel>
+    </Grid>
+</Page>

components/Triggers/samples/ControlSizeTriggerSample.xaml.cs

@@ -0,0 +1,16 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+using CommunityToolkit.WinUI;
+
+namespace TriggersExperiment.Samples;
+
+[ToolkitSample(id: nameof(ControlStateTriggerSample), "ControlStateTrigger", description: $"A sample for showing how to create and use a {nameof(ControlSizeTrigger)}.")]
+public sealed partial class ControlStateTriggerSample : Page
+{
+    public ControlStateTriggerSample()
+    {
+        this.InitializeComponent();
+    }
+}

components/Triggers/samples/Dependencies.props

@@ -0,0 +1,31 @@
+<!--
+    WinUI 2 under UWP uses TargetFramework uap10.0.*
+    WinUI 3 under WinAppSdk uses TargetFramework net6.0-windows10.*
+    However, under Uno-powered platforms, both WinUI 2 and 3 can share the same TargetFramework.
+
+    MSBuild doesn't play nicely with this out of the box, so we've made it easy for you.
+
+    For .NET Standard packages, you can use the Nuget Package Manager in Visual Studio.
+    For UWP / WinAppSDK / Uno packages, place the package references here.
+-->
+<Project>
+    <!-- WinUI 2 / UWP -->
+    <ItemGroup Condition="'$(IsUwp)' == 'true'">
+        <!-- <PackageReference Include="Microsoft.Toolkit.Uwp.UI.Controls.Primitives" Version="7.1.2"/> -->
+    </ItemGroup>
+
+    <!-- WinUI 2 / Uno -->
+    <ItemGroup Condition="'$(IsUno)' == 'true' AND '$(WinUIMajorVersion)' == '2'">
+        <!-- <PackageReference Include="Uno.Microsoft.Toolkit.Uwp.UI.Controls.Primitives" Version="7.1.11"/> -->
+    </ItemGroup>
+
+    <!-- WinUI 3 / WinAppSdk -->
+    <ItemGroup Condition="'$(IsWinAppSdk)' == 'true'">
+        <!-- <PackageReference Include="CommunityToolkit.WinUI.UI.Controls.Primitives" Version="7.1.2"/> -->
+    </ItemGroup>
+
+    <!-- WinUI 3 / Uno -->
+    <ItemGroup Condition="'$(IsUno)' == 'true' AND '$(WinUIMajorVersion)' == '3'">
+        <!-- <PackageReference Include="Uno.CommunityToolkit.WinUI.UI.Controls.Primitives" Version="7.1.100-dev.15.g12261e2626"/> -->
+    </ItemGroup>
+</Project>

components/Triggers/samples/FullScreenModeStateTriggerSample.xaml

@@ -0,0 +1,43 @@
+<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
+<Page x:Class="TriggersExperiment.Samples.FullScreenModeStateTriggerSample"
+      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:TriggersExperiment.Samples"
+      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+      xmlns:triggers="using:CommunityToolkit.WinUI"
+      mc:Ignorable="d">
+
+    <Grid>
+        <VisualStateManager.VisualStateGroups>
+            <VisualStateGroup>
+                <VisualState x:Name="fullScreen">
+                    <VisualState.StateTriggers>
+                        <triggers:FullScreenModeStateTrigger IsFullScreen="true" />
+                    </VisualState.StateTriggers>
+                    <VisualState.Setters>
+                        <Setter Target="fullScreenModeStatus.Text" Value="full screen mode" />
+                    </VisualState.Setters>
+                </VisualState>
+                <VisualState x:Name="windowed">
+                    <VisualState.StateTriggers>
+                        <triggers:FullScreenModeStateTrigger IsFullScreen="false" />
+                    </VisualState.StateTriggers>
+                    <VisualState.Setters>
+                        <Setter Target="fullScreenModeStatus.Text" Value="windowed mode" />
+                    </VisualState.Setters>
+                </VisualState>
+            </VisualStateGroup>
+        </VisualStateManager.VisualStateGroups>
+        <StackPanel HorizontalAlignment="Center">
+            <Button Click="FullScreen_Click"
+                    Content="Toggle full screen" />
+            <TextBlock Margin="0,12,0,0"
+                       Style="{StaticResource CaptionTextBlockStyle}">
+                <Run Text="App is in" />
+                <Run x:Name="fullScreenModeStatus"
+                     FontWeight="SemiBold" />
+            </TextBlock>
+        </StackPanel>
+    </Grid>
+</Page>

components/Triggers/samples/FullScreenModeStateTriggerSample.xaml.cs

@@ -0,0 +1,31 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+using CommunityToolkit.WinUI;
+
+namespace TriggersExperiment.Samples;
+
+[ToolkitSample(id: nameof(FullScreenModeStateTriggerSample), "FullScreenModeStateTrigger", description: $"A sample for showing how to create and use a {nameof(FullScreenModeStateTrigger)}.")]
+public sealed partial class FullScreenModeStateTriggerSample : Page
+{
+    public FullScreenModeStateTriggerSample()
+    {
+        this.InitializeComponent();
+    }
+
+    private void FullScreen_Click(object sender, RoutedEventArgs e)
+    {
+        var view = Windows.UI.ViewManagement.ApplicationView.GetForCurrentView();
+        var isFullScreenMode = view.IsFullScreenMode;
+
+        if (isFullScreenMode)
+        {
+            view.ExitFullScreenMode();
+        }
+        else
+        {
+            view.TryEnterFullScreenMode();
+        }
+    }
+}

components/Triggers/samples/IsEqualStateTriggerSample.xaml

@@ -0,0 +1,65 @@
+<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
+<Page x:Class="TriggersExperiment.Samples.IsEqualStateTriggerSample"
+      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:TriggersExperiment.Samples"
+      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+      xmlns:triggers="using:CommunityToolkit.WinUI"
+      mc:Ignorable="d">
+
+    <Grid>
+        <VisualStateManager.VisualStateGroups>
+            <VisualStateGroup>
+                <VisualState x:Name="checkstate">
+                    <VisualState.StateTriggers>
+                        <!--  Checkbox is null when indeterminate  -->
+                        <triggers:IsEqualStateTrigger Value="{Binding IsChecked, ElementName=checkbox, Mode=OneWay}"
+                                                      To="{x:Null}" />
+                    </VisualState.StateTriggers>
+                    <VisualState.Setters>
+                        <Setter Target="checkStatus.Text" Value="indeterminate" />
+                    </VisualState.Setters>
+                </VisualState>
+            </VisualStateGroup>
+            <VisualStateGroup>
+                <VisualState x:Name="sliderstate">
+                    <VisualState.StateTriggers>
+                        <triggers:IsEqualStateTrigger Value="{Binding Value, ElementName=slider, Mode=OneWay}"
+                                                      To="0" />
+                    </VisualState.StateTriggers>
+                    <VisualState.Setters>
+                        <Setter Target="sliderStatus.Text" Value="0" />
+                    </VisualState.Setters>
+                </VisualState>
+            </VisualStateGroup>
+        </VisualStateManager.VisualStateGroups>
+
+        <StackPanel MaxWidth="400">
+            <CheckBox x:Name="checkbox"
+                      Content="Check me"
+                      IsChecked="True"
+                      IsThreeState="True" />
+            <TextBlock Margin="0,8,0,0"
+                       Style="{StaticResource CaptionTextBlockStyle}">
+                <Run Text="Checkbox value is" />
+                <Run x:Name="checkStatus"
+                     FontWeight="SemiBold"
+                     Text="not indeterminate" />
+            </TextBlock>
+
+            <Slider x:Name="slider"
+                    Margin="0,36,0,0"
+                    Maximum="5"
+                    Minimum="0" />
+            <TextBlock Margin="0,8,0,0"
+                       Style="{StaticResource CaptionTextBlockStyle}">
+
+                <Run Text="Slider value is" />
+                <Run x:Name="sliderStatus"
+                     FontWeight="SemiBold"
+                     Text="more than 0" />
+            </TextBlock>
+        </StackPanel>
+    </Grid>
+</Page>

components/Triggers/samples/IsEqualStateTriggerSample.xaml.cs

@@ -0,0 +1,16 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+using CommunityToolkit.WinUI;
+
+namespace TriggersExperiment.Samples;
+
+[ToolkitSample(id: nameof(IsEqualStateTriggerSample), "IsEqualStateTrigger", description: $"A sample for showing how to create and use a {nameof(IsEqualStateTrigger)}.")]
+public sealed partial class IsEqualStateTriggerSample : Page
+{
+    public IsEqualStateTriggerSample()
+    {
+        this.InitializeComponent();
+    }
+}