[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] ColorToDisplayNameConverter 엘리먼트 : 색상 값→색상명 변환자 설정하기 (오류)

■ ColorToDisplayNameConverter 엘리먼트를 사용해 색상 값→색상명 변환자를 설정하는 방법을 보여준다.

※ 프로젝트 파일에서 현재 버전이나 업데이트된 버전으로 테스트를 해도 Not supported 메시지만 표시된다.
※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다.
※ TestProject.csproj 프로젝트 파일에서 WindowsPackageType 태그를 None으로 추가했다.

▶ TestProject.csproj


<Project Sdk="Microsoft.NET.Sdk">
    <PropertyGroup>
        <OutputType>WinExe</OutputType>
        <TargetFramework>net8.0-windows10.0.19041.0</TargetFramework>
        <TargetPlatformMinVersion>10.0.17763.0</TargetPlatformMinVersion>
        <RootNamespace>TestProject</RootNamespace>
        <ApplicationManifest>app.manifest</ApplicationManifest>
        <Platforms>x86;x64;ARM64</Platforms>
        <RuntimeIdentifiers Condition="$([MSBuild]::GetTargetFrameworkVersion('$(TargetFramework)')) &gt;= 8">win-x86;win-x64;win-arm64</RuntimeIdentifiers>
        <RuntimeIdentifiers Condition="$([MSBuild]::GetTargetFrameworkVersion('$(TargetFramework)')) &lt; 8">win10-x86;win10-x64;win10-arm64</RuntimeIdentifiers>
        <PublishProfile>win-$(Platform).pubxml</PublishProfile>
        <UseWinUI>true</UseWinUI>
        <EnableMsixTooling>true</EnableMsixTooling>
        <WindowsPackageType>None</WindowsPackageType>
    </PropertyGroup>
    <ItemGroup>
        <Content Include="Assets\SplashScreen.scale-200.png"                         />
        <Content Include="Assets\LockScreenLogo.scale-200.png"                       />
        <Content Include="Assets\Square150x150Logo.scale-200.png"                    />
        <Content Include="Assets\Square44x44Logo.scale-200.png"                      />
        <Content Include="Assets\Square44x44Logo.targetsize-24_altform-unplated.png" />
        <Content Include="Assets\StoreLogo.png"                                      />
        <Content Include="Assets\Wide310x150Logo.scale-200.png"                      />
    </ItemGroup>
    <ItemGroup>
        <PackageReference Include="Microsoft.WindowsAppSDK"           Version="1.5.240607001"  />
        <PackageReference Include="Microsoft.Windows.SDK.BuildTools"  Version="10.0.22621.756" />
        <PackageReference Include="CommunityToolkit.WinUI.Converters" Version="8.0.240109"     />
        <Manifest Include="$(ApplicationManifest)" />
    </ItemGroup>
    <!--
        Defining the "Msix" ProjectCapability here allows the Single-project MSIX Packaging
        Tools extension to be activated for this project even if the Windows App SDK Nuget
        package has not yet been restored.
    -->
    <ItemGroup Condition="'$(DisableMsixProjectCapabilityAddedByProject)'!='true' and '$(EnableMsixTooling)'=='true'">
        <ProjectCapability Include="Msix" />
    </ItemGroup>
    <!--
        Defining the "HasPackageAndPublishMenuAddedByProject" property here allows the Solution
        Explorer "Package and Publish" context menu entry to be enabled for this project even if
        the Windows App SDK Nuget package has not yet been restored.
    -->
    <PropertyGroup Condition="'$(DisableHasPackageAndPublishMenuAddedByProject)'!='true' and '$(EnableMsixTooling)'=='true'">
        <HasPackageAndPublishMenu>true</HasPackageAndPublishMenu>
    </PropertyGroup>
</Project>

<OutputType>WinExe</OutputType>

<TargetFramework>net8.0-windows10.0.19041.0</TargetFramework>

<RootNamespace>TestProject</RootNamespace>

<ApplicationManifest>app.manifest</ApplicationManifest>

<PublishProfile>win-$(Platform).pubxml</PublishProfile>

</PropertyGroup>

</ItemGroup>

</ItemGroup>

<!--

Defining the "Msix" ProjectCapability here allows the Single-project MSIX Packaging

Tools extension to be activated for this project even if the Windows App SDK Nuget

package has not yet been restored.

-->

</ItemGroup>

<!--

Defining the "HasPackageAndPublishMenuAddedByProject" property here allows the Solution

Explorer "Package and Publish" context menu entry to be enabled for this project even if

the Windows App SDK Nuget package has not yet been restored.

-->

</PropertyGroup>

</Project>

▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8"?>
<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:ctwcv="using:CommunityToolkit.WinUI.Converters"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Page.Resources>
        <ctwcv:ColorToDisplayNameConverter x:Key="ColorToDisplayNameConverterKey" />
    </Page.Resources>
    <StackPanel
        HorizontalAlignment="Center"
        VerticalAlignment="Center"
        Spacing="10">
        <ColorPicker Name="colorPicker"
            Height="64"
            VerticalAlignment="Top"
            ColorSpectrumShape="Box"
            IsAlphaEnabled="False"
            IsAlphaSliderVisible="True"
            IsAlphaTextInputVisible="True"
            IsColorChannelTextInputVisible="False"
            IsColorSliderVisible="False"
            IsHexInputVisible="False"
            IsMoreButtonVisible="False" />
        <TextBlock Text="{Binding ElementName=colorPicker, Path=Color, Converter={StaticResource ColorToDisplayNameConverterKey}}" />
    </StackPanel>
</Page>

<?xml version="1.0" encoding="utf-8"?>

<Page x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:ctwcv="using:CommunityToolkit.WinUI.Converters"

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<Page.Resources>

<ctwcv:ColorToDisplayNameConverter x:Key="ColorToDisplayNameConverterKey" />

</Page.Resources>

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center"

Spacing="10">

<ColorPicker Name="colorPicker"

Height="64"

VerticalAlignment="Top"

ColorSpectrumShape="Box"

IsAlphaEnabled="False"

IsAlphaSliderVisible="True"

IsAlphaTextInputVisible="True"

IsColorChannelTextInputVisible="False"

IsColorSliderVisible="False"

IsHexInputVisible="False"

IsMoreButtonVisible="False" />

</StackPanel>

</Page>

TestProject.zip