バージョン

選択した色の構成 (xamColorPicker)

トピックの概要

目的

このトピックでは、 xamColorPicker™ コントロールで選択済みの色を識別し変更する方法を説明します。

前提条件

このトピックをより理解するために、以下のトピックを参照することをお勧めします。

トピック 目的

このトピックでは、XAML とプロシージャー コードを使用して、ページに xamColorPicker コントロールを追加する方法を説明します。

ユーザー インタラクションと操作性

ユーザー インタラクションの概要表

以下の表では、色の選択に関連する xamColorPicker コントロールのユーザー インタラクション機能を概観します。

目的 方法 構成方法

現在のカラー パレット、派生のカラー パレット、または最近のカラー パレットから色を選択します。

マウス クリック

No.png

現在のカラー パレット、派生のカラー パレット、または最近のカラー パレットから色をプレビューします。

色の上にホバーします。

No.png

詳細エディターから色を選択し OK ボタンをクリックします。

マウス クリック

選択済みの色を復元します。

ESC キー

No.png

選択済みの色を復元します。

エディター以外をクリックします。

No.png

選択した色の構成

概要

xamColorPickerSelectedColor プロパティを使用し現在の選択色を取得または設定します。

注:

Note

特定の色を選択して最近のカラー パレットに追加します。

プロパティ設定

以下の表は、任意の構成とそれを管理するプロパティ設定のマップを示します。

目的: 使用するプロパティ: 設定値:

選択の色を指定します。

Color?

以下のスクリーンショットは、下記設定の結果、 xamColorPicker の外観がどのようになるかを示しています。

プロパティ

Blue

Selected Color 6.png

以下のコードはこの例を実装します。

XAML の場合:

<ig:XamColorPicker SelectedColor="Blue" Height="30" Width="150" />

C# の場合:

var colorPicker = new XamColorPicker {SelectedColor = Colors.Blue, Height = 30, Width = 150};

Visual Basic の場合:

Dim colorPicker = New XamColorPicker() With
{
            .SelectedColor = Colors.Blue,
            .Height = 30,
            .Width = 150
}

SelectedColorChanged イベントの使用

概要

xamColorPicker で選択済みの色が変更されると SelectedColorChanged イベントが発生します。

このイベントは xamColorPicker パレットの特定の色をクリックすると発生します。

イベントは新規選択および選択済みの色に関する情報を提供する SelectedColorChangedEventArgs タイプの引数を受け取ります。

選択した色をプレビュー

現在ホバーされている色を識別するために xamColorPickerSelectedColorPreview プロパティを使用します。

このプロパティは、現在のカラー パレット、派生のカラー パレット、最近のカラー パレット、または詳細エディターのパレットの色をホバーする度に更新されます。

色をホバーしない場合は、SelectedColorPreviewSelectedColor と同じ値を受け取ります。

プロパティ設定

以下の表は、任意の動作とそれを管理するプロパティ設定のマップを示します。

目的: 使用するプロパティ: 設定値:

マウス ホバーして選択済みの色をプレビューします。

Color?

関連コンテンツ

このトピックの追加情報については、以下のトピックも合わせてご参照ください。

トピック 目的

このトピックでは、エンド ユーザーが提供済みのパレットにない色の選択を可能にする xamColorPicker コントロールの詳細エディターのセクションについて説明します。

このトピックでは、 xamColorPicker コントロールのパレットについて説明します。

このトピックでは、 xamColorPicker コントロールでカスタム パレットを作成する方法を説明します。