外観のカスタマイズ

FlexGrid には、グリッドの外観をカスタマイズするさまざまな組み込みプロパティがあります。ユーザーは、背景色、交互の行の色、テキスト色、ヘッダー色、フォント、選択モード、選択中のセルの色などのさまざまな属性をカスタマイズできます。

次の図は、これらのプロパティを設定した後の、カスタマイズされた FlexGrid の外観を示しています。

次のコード例は、C# と XAML でこのプロパティを設定する方法を示しています。例では、「クイックスタート」セクションで作成したサンプルを使用します。

C# のコード

C#	コードのコピー
grid.BackgroundColor = Color.FromHex("#FCF0E5"); grid.AlternatingRowBackgroundColor = Color.FromHex("#DA6CB5"); grid.SelectionMode = GridSelectionMode.Cell; grid.SelectionTextColor = Color.FromHex("#FFB6C1"); grid.ColumnHeaderBackgroundColor = Color.FromHex("#7B7E7D"); grid.ColumnHeaderTextColor= Color.FromHex("#FFFFFF"); grid.SelectionBackgroundColor = Color.FromHex("#FCF0E5");

コードのコピー

grid.BackgroundColor = Color.FromHex("#FCF0E5");
grid.AlternatingRowBackgroundColor = Color.FromHex("#DA6CB5");
grid.SelectionMode = GridSelectionMode.Cell;
grid.SelectionTextColor = Color.FromHex("#FFB6C1");
grid.ColumnHeaderBackgroundColor = Color.FromHex("#7B7E7D");
grid.ColumnHeaderTextColor= Color.FromHex("#FFFFFF");
grid.SelectionBackgroundColor = Color.FromHex("#FCF0E5");

XAML のコード

XAML	コードのコピー
<c1:FlexGrid SelectionMode="Cell" BackgroundColor="White" AlternatingRowBackgroundColor="Purple" SelectionMode=Cell ColumnHeaderBackgroundColor="Silver" ColumnHeaderTextColor="White" SelectionBackgroundColor="Navy" SelectionTextColor="LightPink" x:Name="grid" AutoGenerateColumns="False">

XAML

コードのコピー

<c1:FlexGrid SelectionMode="Cell"
BackgroundColor="White" AlternatingRowBackgroundColor="Purple" SelectionMode=Cell
ColumnHeaderBackgroundColor="Silver" ColumnHeaderTextColor="White"
SelectionBackgroundColor="Navy" SelectionTextColor="LightPink" x:Name="grid"
AutoGenerateColumns="False">