Add additional color picker samples showing only a palette

Author: robloo

Microsoft.Toolkit.Uwp.SampleApp/SamplePages/ColorPicker/ColorPickerButtonXaml.bind

@@ -131,5 +131,43 @@
         </controls:ColorPickerButton.ColorPickerStyle>
       </controls:ColorPickerButton>
     </StackPanel>
+    <!-- Example 5 -->
+    <StackPanel Grid.Row="3"
+                Orientation="Vertical"
+                HorizontalAlignment="Center"
+                VerticalAlignment="Center"
+                Spacing="20">
+        <Border Background="{ThemeResource SystemChromeMediumColor}"
+                CornerRadius="4"
+                Height="100"
+                Width="300"
+                Padding="10">
+            <TextBlock TextAlignment="Center"
+                        VerticalAlignment="Center">
+                Ring-shaped spectrum <LineBreak />
+                Alpha channel enabled <LineBreak />
+                Only Color Palette Shown
+            </TextBlock>
+        </Border>
+        <controls:ColorPickerButton x:Name="ColorPickerButton5"
+                                    SelectedColor="Teal">
+            <controls:ColorPickerButton.ColorPickerStyle>
+                <Style TargetType="controls:ColorPicker">
+                    <Setter Property="ColorSpectrumShape"
+                            Value="Ring"/>
+                    <Setter Property="IsAlphaEnabled"
+                            Value="True"/>
+                    <Setter Property="IsHexInputVisible"
+                            Value="True"/>
+                    <Setter Property="IsColorSpectrumVisible"
+                            Value="False"/>
+                    <Setter Property="IsColorPaletteVisible"
+                            Value="True"/>
+                    <Setter Property="IsColorChannelTextInputVisible"
+                            Value="False"/>
+                </Style>
+            </controls:ColorPickerButton.ColorPickerStyle>
+        </controls:ColorPickerButton>
+    </StackPanel>
   </Grid>
 </Page>

Microsoft.Toolkit.Uwp.SampleApp/SamplePages/ColorPicker/ColorPickerXaml.bind

@@ -60,7 +60,7 @@
           Alpha channel enabled
         </TextBlock>
       </Border>
-      <controls:ColorPicker x:Name="ColorPickerButton3"
+      <controls:ColorPicker x:Name="ColorPicker3"
                             Color="Transparent"
                             ColorSpectrumShape="Ring"
                             IsAlphaEnabled="True"
@@ -78,12 +78,33 @@
           Saturation+Value spectrum channels
         </TextBlock>
       </Border>
-      <controls:ColorPicker x:Name="ColorPickerButton4"
+      <controls:ColorPicker x:Name="ColorPicker4"
                             Color="Maroon"
                             ColorSpectrumShape="Ring"
                             ColorSpectrumComponents="SaturationValue"
                             IsAlphaEnabled="True"
                             IsHexInputVisible="True"/>
+        <!-- Example 5 -->
+        <Border Background="{ThemeResource SystemChromeMediumColor}"
+                CornerRadius="4"
+                Height="100"
+                Width="300"
+                Padding="10">
+            <TextBlock TextAlignment="Center"
+                       VerticalAlignment="Center">
+                Ring-shaped spectrum <LineBreak />
+                Alpha channel enabled <LineBreak />
+                Only Color Palette Shown
+            </TextBlock>
+        </Border>
+        <controls:ColorPicker x:Name="ColorPicker5"
+                              Color="Teal"
+                              ColorSpectrumShape="Ring"
+                              IsAlphaEnabled="True"
+                              IsHexInputVisible="True"
+                              IsColorSpectrumVisible="False"
+                              IsColorPaletteVisible="True"
+                              IsColorChannelTextInputVisible="False"/>
     </StackPanel>
   </ScrollViewer>
 </Page>