AccentExtractor proof of concept pixel retrieval

Author: Avid29

components/Extensions.AccentExtractor/samples/Extensions.AccentExtractor.md

@@ -29,37 +29,4 @@ TODO: Fill in information about this experiment and how to get started here...
 You can inherit from an existing component as well, like `Panel`, this example shows a control without a
 XAML Style that will be more light-weight to consume by an app developer:
 
-> [!Sample Extensions.AccentExtractorCustomSample]
-
-## Templated Controls
-
-The Toolkit is built with templated controls. This provides developers a flexible way to restyle components
-easily while still inheriting the general functionality a control provides. The examples below show
-how a component can use a default style and then get overridden by the end developer.
-
-TODO: Two types of templated control building methods are shown. Delete these if you're building a custom component.
-Otherwise, pick one method for your component and delete the files related to the unchosen `_ClassicBinding` or `_xBind`
-classes (and the custom non-suffixed one as well). Then, rename your component to just be your component name.
-
-The `_ClassicBinding` class shows the traditional method used to develop components with best practices.
-
-### Implict style
-
-> [!SAMPLE Extensions.AccentExtractorTemplatedSample]
-
-### Custom style
-
-> [!SAMPLE Extensions.AccentExtractorTemplatedStyleCustomSample]
-
-## Templated Controls with x:Bind
-
-This is an _experimental_ new way to define components which allows for the use of x:Bind within the style.
-
-### Implict style
-
-> [!SAMPLE Extensions.AccentExtractorXbindBackedSample]
-
-### Custom style
-
-> [!SAMPLE Extensions.AccentExtractorXbindBackedStyleCustomSample]
-
+> [!Sample AccentExtractorCustomSample]

components/Extensions.AccentExtractor/samples/Extensions.AccentExtractorCustomSample.xaml

@@ -1,25 +1,38 @@
-<!--  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="Extensions.AccentExtractorExperiment.Samples.Extensions.AccentExtractorCustomSample"
+<!--  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="Extensions.AccentExtractorExperiment.Samples.AccentExtractorCustomSample"
       xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
       xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-      xmlns:controls="using:CommunityToolkit.WinUI.Controls"
+      xmlns:extensions="using:CommunityToolkit.WinUI.Extensions"
       xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
       xmlns:local="using:Extensions.AccentExtractorExperiment.Samples"
       xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
       mc:Ignorable="d">
 
-    <StackPanel Spacing="16">
-        <TextBlock Style="{StaticResource BodyStrongTextBlockStyle}"
-                   Text="{x:Bind TitleText, Mode=OneWay}" />
-        <StackPanel Spacing="16">
-            <controls:Extensions.AccentExtractor Orientation="{x:Bind local:Extensions.AccentExtractorCustomSample.ConvertStringToOrientation(LayoutOrientation), Mode=OneWay}">
-                <TextBlock Text="1" />
-                <TextBlock Text="2" />
-                <TextBlock Text="3" />
-                <TextBlock Text="4" />
-                <TextBlock Text="5" />
-                <TextBlock Text="6" />
-            </controls:Extensions.AccentExtractor>
-        </StackPanel>
-    </StackPanel>
+    <Grid>
+        <Grid.ColumnDefinitions>
+            <ColumnDefinition Width="*" />
+            <ColumnDefinition Width="*" />
+        </Grid.ColumnDefinitions>
+
+        <Image x:Name="AccentedImage"
+               Source="/Extensions.AccentExtractorExperiment.Samples/Assets/icon.png"
+               Stretch="UniformToFill"
+               HorizontalAlignment="Center"
+               VerticalAlignment="Center"
+               Width="200"
+               Height="200"
+               Margin="20"
+               extensions:AccentExtractor.CalculateAccent="True"/>
+
+        <Rectangle Grid.Column="1"
+                   HorizontalAlignment="Center"
+                   VerticalAlignment="Center"
+                   Width="200"
+                   Height="200"
+                   Margin="20">
+            <Rectangle.Fill>
+                <SolidColorBrush Color="{Binding Path=(extensions:AccentExtractor.AccentColor), ElementName=AccentedImage, Mode=OneWay}"/>
+            </Rectangle.Fill>
+        </Rectangle>
+    </Grid>
 </Page>

components/Extensions.AccentExtractor/samples/Extensions.AccentExtractorCustomSample.xaml.cs

@@ -9,22 +9,11 @@ namespace Extensions.AccentExtractorExperiment.Samples;
 /// <summary>
 /// An example sample page of a custom control inheriting from Panel.
 /// </summary>
-[ToolkitSampleTextOption("TitleText", "This is a title", Title = "Input the text")]
-[ToolkitSampleMultiChoiceOption("LayoutOrientation", "Horizontal", "Vertical", Title = "Orientation")]
-
-[ToolkitSample(id: nameof(Extensions.AccentExtractorCustomSample), "Custom control", description: $"A sample for showing how to create and use a {nameof(Extensions.AccentExtractor)} custom control.")]
-public sealed partial class Extensions.AccentExtractorCustomSample : Page
+[ToolkitSample(id: nameof(AccentExtractorCustomSample), "Custom control", description: $"A sample for showing how ")]
+public sealed partial class AccentExtractorCustomSample : Page
 {
-    public Extensions.AccentExtractorCustomSample()
+    public AccentExtractorCustomSample()
     {
         this.InitializeComponent();
     }
-
-    // TODO: See https://github.com/CommunityToolkit/Labs-Windows/issues/149
-    public static Orientation ConvertStringToOrientation(string orientation) => orientation switch
-    {
-        "Vertical" => Orientation.Vertical,
-        "Horizontal" => Orientation.Horizontal,
-        _ => throw new System.NotImplementedException(),
-    };
 }