ColorToDegreeHueConverter

Článek
11/11/2023

Jedná se ColorToDegreeHueConverter o jednosměrný převaděč, který uživatelům umožňuje převést příchozí Colorna součást hue jako hodnotu mezi 0 a 360. Hue je stupeň na barevném kole od 0 do 360. 0 je červená, 120 je zelená, 240 je modrá.

Metoda Convert vrátí součást hue jako hodnotu v rozmezí od 0 do 360 ze zadaného valuesouboru .

Metoda ConvertBack není podporována.

BaseConverter – vlastnosti

V základní třídě jsou implementovány následující vlastnosti: public abstract class BaseConverter

Vlastnost	Popis
`DefaultConvertReturnValue`	Výchozí hodnota, která se má vrátit při `IValueConverter.Convert(object?, Type, object?, CultureInfo?)` vyvolání .`Exception` Tato hodnota se používá, když Je nastavena možnost `true`CommunityToolkit.Maui.Options`.ShouldSuppressExceptionsInConverters` .
`DefaultConvertBackReturnValue`	Výchozí hodnota, která se má vrátit při `IValueConverter.ConvertBack(object?, Type, object?, CultureInfo?)` vyvolání .`Exception` Tato hodnota se používá, když Je nastavena možnost `true`CommunityToolkit.Maui.Options`.ShouldSuppressExceptionsInConverters` .

ICommunityToolkitValueConverter – vlastnosti

Následující vlastnosti jsou implementovány v public interface ICommunityToolkitValueConverter:

Vlastnost	Type	Popis
`DefaultConvertReturnValue`	`object?`	Výchozí hodnota, která se má vrátit při `IValueConverter.Convert(object?, Type, object?, CultureInfo?)` vyvolání .`Exception` Tato hodnota se používá, když Je nastavena možnost `true`CommunityToolkit.Maui.Options`.ShouldSuppressExceptionsInConverters` .
`DefaultConvertBackReturnValue`	`object?`	Výchozí hodnota, která se má vrátit při `IValueConverter.ConvertBack(object?, Type, object?, CultureInfo?)` vyvolání .`Exception` Tato hodnota se používá, když Je nastavena možnost `true`CommunityToolkit.Maui.Options`.ShouldSuppressExceptionsInConverters` .

Syntaxe

Následující příklady ukazují, jak použít ColorToDegreeHueConverter k zobrazení odstínu součásti konkrétního Color.

XAML

Zahrnutí oboru názvů XAML

Pokud chcete použít sadu nástrojů v XAML, musíte do stránky nebo zobrazení přidat následující xmlns položky:

xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"

Proto platí následující:

<ContentPage
    x:Class="CommunityToolkit.Maui.Sample.Pages.MyPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">

</ContentPage>

Bylo by změněno tak, aby zahrnovalo xmlns následující:

<ContentPage
    x:Class="CommunityToolkit.Maui.Sample.Pages.MyPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit">

</ContentPage>

Použití ColorToDegreeHueConverter

V XAML je možné ho ColorToDegreeHueConverter použít následujícím způsobem:

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"
             x:Class="CommunityToolkit.Maui.Sample.Pages.Converters.ColorToDegreeHueConverterPage">

    <ContentPage.Resources>
        <ResourceDictionary>
            <toolkit:ColorToDegreeHueConverter x:Key="ColorToDegreeHueConverter" />
        </ResourceDictionary>
    </ContentPage.Resources>

    <VerticalStackLayout>
         <Label Text="The hue component is:" />

         <Label Text="{Binding MyFavoriteColor, Converter={StaticResource ColorToDegreeHueConverter}}" />
     </VerticalStackLayout>

</ContentPage>

C#

V ColorToDegreeHueConverter jazyce C# je možné ho použít následujícím způsobem:

class ColorToDegreeHueConverterPage : ContentPage
{
    public ColorToDegreeHueConverterPage()
    {
        var label = new Label();

 		label.SetBinding(
 			Label.TextProperty,
 			new Binding(
 				nameof(ViewModel.MyFavoriteColor),
 				converter: new ColorToDegreeHueConverter()));

 		Content = new VerticalStackLayout
 		{
 			Children =
 			{
 				new Label { Text = "The hue component is:" },
 				label
 			}
 		};
    }
}

Revize jazyka C#

Náš CommunityToolkit.Maui.Markup balíček nabízí mnohem stručnější způsob použití tohoto převaděče v jazyce C#.

using CommunityToolkit.Maui.Markup;

class ColorToDegreeHueConverterPage : ContentPage
{
    public ColorToDegreeHueConverterPage()
    {
        Content = new VerticalStackLayout
        {
            Children =
            {
                new Label()
                    .Text("The hue component is:"),
                new Label()
                    .Bind(
                        Label.TextProperty,
                        static (ViewModel vm) => vm.MyFavoriteColor,
                        converter: new ColorToDegreeHueConverter())
            }
        };
    }
}

Příklady

Příklad tohoto převaděče najdete v akci v ukázkové aplikaci .NET MAUI Community Toolkit.

rozhraní API

Zdrojový kód ColorToDegreeHueConverter najdete v úložišti .NET MAUI Community Toolkit na GitHubu.

Sdílet prostřednictvím