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 ファイルに追加します。

import { IgcColorEditorModule } from "igniteui-angular-inputs";

@NgModule({
    imports: [
        IgcColorEditorModule
    ]
})
export class AppModule {}

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

import { IgcColorEditorModule, IgcColorEditorComponent } from 'igniteui-webcomponents-inputs';

ModuleManager.register(
    IgcColorEditorModule
);

使用方法

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

<IgbColorEditor>
</IgbColorEditor>

イベントにバインド

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

• valueChanged
• valueChanging

<IgbColorEditor ValueChanged="@OnValueChanged" />

@code {
    public void OnValueChanged(IgbColorEditorPanelSelectedValueChangedEventArgs e)
    {

    }
}

API リファレンス

その他のリソース

• Ignite UI for Blazor フォーラム (英語)
• Ignite UI for Blazor GitHub (英語)