バージョン

xamColorPicker をグリッドに追加

始める前に

xamColorPicker コントロールは、定義済みの色パレットからエンドユーザーが色を選択できる簡単なエディター コントロールです。

達成すること

このトピックは、XAML を使用して、DataGrid コントロールに xamColorPicker コントロールを追加する方法を示します。

以下の手順を実行します。

  1. WPF プロジェクトを作成します。

  2. 以下の NuGet パッケージをアプリケーションに追加します。

    • Infragistics.WPF.ColorPicker

NuGet フィードのセットアップと NuGet パッケージの追加の詳細については、NuGet フィード ドキュメントを参照してください。

  1. xamColorPicker および Windows.Controls の以下の名前空間宣言を追加します。

XAML の場合:

xmlns:ig="http://schemas.infragistics.com/xaml"
xmlns:msd="clr-namespace:System.Windows.Controls;
    assembly=System.Windows.Controls.Data"

  1. DataGrid コントロールをページに追加します。以下のように設定します。

    1. x:Name - MyDataGrid

    2. Columns コレクションに、テンプレート列を追加します。

    3. DataTemplate に、幅 40 で xamColorPicker コントロールを追加します。

XAML の場合:

<msd:DataGrid x:Name="MyDataGrid" AutoGenerateColumns="True">
  <msd:DataGrid.Columns>
    <msd:DataGridTemplateColumn CanUserSort=">
      <msd:DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
          <ig:XamColorPicker x:Name="MyColorPicker"
                             DerivedPalettesCount="10"
                             Width="40" />
        </DataTemplate>
      </msd:DataGridTemplateColumn.CellTemplate>
    </msd:DataGridTemplateColumn>
  </msd:DataGrid.Columns>
</msd:DataGrid>

  1. プロパティ SelectedColor を、DataGrid のデータ ソースの適切なパスにバインドできます。

関連トピック

xamColorPicker について

xamColorPicker をページに追加

xamColorPicker の使用