Add basic SwitchPresenter sample to Sample App

Author: michael-hawker

Microsoft.Toolkit.Uwp.SampleApp/Microsoft.Toolkit.Uwp.SampleApp.csproj

@@ -272,6 +272,7 @@
     <Content Include="Icons\More.png" />
     <Content Include="Icons\Notifications.png" />
     <Content Include="Icons\Services.png" />
+    <Content Include="SamplePages\Primitives\SwitchPresenter.png" />
     <Content Include="SamplePages\TabbedCommandBar\TabbedCommandBar.png" />
     <Content Include="SamplePages\Animations\Effects\FadeBehavior.png" />
     <Content Include="SamplePages\ColorPicker\ColorPicker.png" />
@@ -976,6 +977,9 @@
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
+    <Content Include="SamplePages\Primitives\SwitchPresenter.bind">
+      <SubType>Designer</SubType>
+    </Content>
     <Page Include="SamplePages\TilesBrush\TilesBrushPage.xaml">
       <Generator>MSBuild:Compile</Generator>
       <SubType>Designer</SubType>

Microsoft.Toolkit.Uwp.SampleApp/SamplePages/Primitives/SwitchPresenter.bind

@@ -0,0 +1,47 @@
+<Page
+    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:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:controls="using:Microsoft.Toolkit.Uwp.UI.Controls"
+    xmlns:ui="using:Microsoft.Toolkit.Uwp.UI"
+    mc:Ignorable="d">
+
+  <StackPanel Padding="16">
+    <ComboBox x:Name="Lookup" Header="Look up reservation" SelectedIndex="0"
+              Margin="0,0,0,8">
+      <x:String>Select an option</x:String>
+      <x:String>Confirmation Code</x:String>
+      <x:String>E-ticket number</x:String>
+      <x:String>Mileage Plan number</x:String>
+    </ComboBox>
+    <controls:SwitchPresenter Value="{Binding SelectedItem, ElementName=Lookup}">
+      <controls:Case Value="Confirmation Code">
+        <StackPanel>
+          <TextBox Name="ConfirmationCodeValidator"
+                   ui:TextBoxExtensions.Regex="^[a-zA-Z]{6}$"
+                   Header="Confirmation code"
+                   PlaceholderText="6 letters" />
+          <TextBlock Visibility="{Binding (ui:TextBoxExtensions.IsValid),ElementName=ConfirmationCodeValidator}">Thanks for entering a valid code!</TextBlock>
+        </StackPanel>
+      </controls:Case>
+      <controls:Case Value="E-ticket number">
+        <StackPanel>
+          <TextBox Name="TicketValidator"
+                   ui:TextBoxExtensions.Regex="(^\d{10}$)|(^\d{13}$)"
+                   Header="E-ticket number"
+                   PlaceholderText="10 or 13 numbers" />
+          <TextBlock Visibility="{Binding (ui:TextBoxExtensions.IsValid),ElementName=TicketValidator}">Thanks for entering a valid code!</TextBlock>
+        </StackPanel>
+      </controls:Case>
+      <controls:Case Value="Mileage Plan number">
+        <TextBox Name="PlanValidator"
+                 Header="Mileage Plan #"
+                 PlaceholderText="Mileage Plan #" />
+      </controls:Case>
+      <controls:Case IsDefault="True">
+        <TextBlock>Please select a way to lookup your reservation above...</TextBlock>
+      </controls:Case>
+    </controls:SwitchPresenter>
+  </StackPanel>
+</Page>

Microsoft.Toolkit.Uwp.SampleApp/SamplePages/Primitives/SwitchPresenter.png

@@ -3,6 +3,7 @@
       xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
       xmlns:ani="using:Microsoft.Toolkit.Uwp.UI.Animations"
       xmlns:behaviors="using:Microsoft.Toolkit.Uwp.UI.Behaviors"
+      xmlns:controls="using:Microsoft.Toolkit.Uwp.UI.Controls"
       xmlns:converters="using:Microsoft.Toolkit.Uwp.UI.Converters"
       xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
       xmlns:interactions="using:Microsoft.Xaml.Interactions.Core"
@@ -34,6 +35,11 @@
                 <ui:SurfaceDialOptions />
             </ui:TextBoxExtensions.SurfaceDialOptions>
         </TextBox>
+        <controls:SwitchPresenter x:Key="SwitchPresenterControl">
+            <controls:CaseCollection>
+                <controls:Case IsDefault="True" />
+            </controls:CaseCollection>
+        </controls:SwitchPresenter>
     </Page.Resources>
 
     <Grid>

Microsoft.Toolkit.Uwp.SampleApp/SamplePages/XamlOnlyPage.xaml

@@ -463,6 +463,15 @@
         "XamlCodeFile": "/SamplePages/TabbedCommandBar/TabbedCommandBar.bind",
         "Icon": "/SamplePages/TabbedCommandBar/TabbedCommandBar.png",
         "DocumentationUrl": "https://raw.githubusercontent.com/MicrosoftDocs/WindowsCommunityToolkitDocs/master/docs/controls/TabbedCommandBar.md"
+      },
+      {
+        "Name": "SwitchPresenter",
+        "Subcategory": "Layout",
+        "About": "The SwitchPresenter is a ContentPresenter which can allow a developer to mimic a switch statement within XAML.",
+        "CodeUrl": "https://github.com/windows-toolkit/WindowsCommunityToolkit/tree/master/Microsoft.Toolkit.Uwp.UI.Controls.Primitives/SwitchPresenter",
+        "XamlCodeFile": "/SamplePages/Primitives/SwitchPresenter.bind",
+        "Icon": "/SamplePages/Primitives/SwitchPresenter.png",
+        "DocumentationUrl": "https://raw.githubusercontent.com/MicrosoftDocs/WindowsCommunityToolkitDocs/master/docs/controls/SwitchPresenter.md"
       }
     ]
   },