外観を変更する

このトピックでは、リストコントロールの外観のカスタマイズについて解説します。

テーマの適用

InputMan for WPF に用意されているテーマテンプレートを使用することで、コントロールの外観のスタイルを変更することができます。

テーマの名前	外観	説明
Generic		標準的なデザインのテーマです。
Aero		Aero の外観に似たデザインのテーマです。
Aero2		Aero2 の外観に似たデザインのテーマです。
AeroLite		AeroLite の外観に似たデザインのテーマです。
BureauBlue		Office Blue の外観に似たデザインのテーマです。
BureauBlack		Office Black の外観に似たデザインのテーマです。
Classic		Classic の外観に似たデザインのテーマです。
ExpressionDark		Expression Blend の外観に似たデザインのテーマです。
Luna（NormalColor）		Luna NormalColor の外観に似たデザインのテーマです。
Luna（Homestead）		Luna Homestead の外観に似たデザインのテーマです。
Luna（Metallic）		Luna Metallic の外観に似たデザインのテーマです。
Royale		Royale の外観に似たデザインのテーマです。

テーマテンプレートに関する詳細については「テーマテンプレートを使用する」を参照してください。

グリッド線と項目ごとのスタイル

リストボックスに水平方向のグリッド線の線色と線種を設定するには、HorizontalGridLineBrush および HorizontalGridLineStyle プロパティを、垂直方向のグリッド線を設定するには、VerticalGridLineBrush および VerticalGridLineStyle プロパティを使用します。

交互の項目（行）の背景色を変更するには、AlternatingItemBackground および ItemBackground プロパティを使用します。ItemBackground プロパティは全項目の背景色を設定し、 AlternatingItemBackground プロパティは奇数行にある項目の背景色を設定します。また、このとき AlternationCount プロパティに 2 を設定します。

以下のサンプルコードは、垂直、水平方向にグリッド線を表示し、偶数行と奇数行で異なる背景色を表示します。

XAML

コピー

using GrapeCity.Windows.InputMan;
using System.Windows.Media;

GcListBox1.Width = 250;
GcListBox1.HorizontalGridLineBrush = Brushes.Green;
GcListBox1.HorizontalGridLineStyle = LineStyle.Single;
GcListBox1.VerticalGridLineBrush = Brushes.Orange;
GcListBox1.VerticalGridLineStyle = LineStyle.Dotted;
GcListBox1.AlternationCount = 2;
GcListBox1.ItemBackground = Brushes.LightCyan;
GcListBox1.AlternatingItemBackground = Brushes.LightYellow;

Imports GrapeCity.Windows.InputMan
Imports System.Windows.Media

GcListBox1.Width = 250
GcListBox1.HorizontalGridLineBrush = Brushes.Green
GcListBox1.HorizontalGridLineStyle = LineStyle.Single
GcListBox1.VerticalGridLineBrush = BrushesColors.Orange
GcListBox1.VerticalGridLineStyle = LineStyle.Dotted
GcListBox1.AlternationCount = 2
GcListBox1.ItemBackground = Brushes.LightCyan
GcListBox1.AlternatingItemBackground = Brushes.LightYellow

<im:GcListBox Width="250" HorizontalGridLineBrush="Green" HorizontalGridLineStyle="Single" 
              VerticalGridLineBrush="Orange" VerticalGridLineStyle="Dotted" 
              AlternationCount="2" ItemBackground="LightCyan" AlternatingItemBackground="LightYellow">
</im:GcListBox>

（図）: 上記サンプルコードの実行結果

なお、複数のスタイルを2行以上の特定の行置きに繰り返して表示するには、AlternationCount プロパティで行数を指定し、 AlternationConverter を使用してスタイルを定義します。

参照

その他のリソース