Blazor Color Editor (カラーエディター) の概要 PREVIEW

Ignite UI for Blazor Color Editor は軽量のカラーピッカーコンポーネントです。Color Editor は、ブラッシアイコンをクリックすると開きます。RGBA 値と 16 進値の両方を、下部にある目的の色から取得できます。これらの値は、3 つのスライダーが変更されると更新されます。中央のボックスは、彩度と明度を調整するために設計されており、隣接する 2つのスライダーで rgb 値と輝度値を調整できます。RGB は (1～255) の範囲で登録されます。明度は (0～1) の範囲で登録されます。

Blazor Color Editor の例

依存関係

ます、IgniteUI.Blazor.Controls 名前空間を _Imports.razor ファイルに追加します。

@using IgniteUI.Blazor.Controls

Dashboard Tile コンポーネントを使用する場合、以下のモジュールが必要です:

// in Program.cs file
builder.Services.AddIgniteUIBlazor(
    typeof(IgbColorEditorModule)
);

使用方法

ColorEditor の使用を開始する最も簡単な方法は次のとおりです:

<IgbColorEditor>
</IgbColorEditor>

イベントにバインド

Color Editor コンポーネントは、次のイベントを発生させます:

valueChanged
valueChanging

<IgbColorEditor ValueChanged="@OnValueChanged" />

@code {
    public void OnValueChanged(IgbColorEditorPanelSelectedValueChangedEventArgs e)
    {

    }
}

API リファレンス

ColorEditor