DockControl for WPF は、コントロールのテンプレートを変更することなくコントロールの色を簡単に変更できる ComponentOne の新しい ClearStyle 技術をサポートします。色のプロパティをいくつか設定するだけで、C1DockControl 要素のスタイルを簡単に設定できます。次の表に、C1DockControl でサポートされているプロパティを一覧します。
プロパティ | 説明 |
---|---|
Background | C1DockControl の塗りつぶしに使用される背景を取得または設定します。 |
MouseOverBrush | マウスポインタが置かれたコントロールを強調表示するために使用されるブラシを取得または設定します。 |
TabControlBackground | C1DockTabControl の背景色を取得または設定します。 |
TabControlForeground | C1DockTabControl の前景色またはテキストの色を取得または設定します。 |
TabStripBackground | C1DockTabItem の背景色を取得または設定します。 |
TabStripForeground | C1DockTabItem の前景色またはテキストの色を取得または設定します。 |
これらのプロパティを設定することで、C1DockControl の外観を完全に変更できます。たとえば、Background プロパティを Red に設定する場合の XAML マークアップは次のようになります。
XAML |
コードのコピー
|
---|---|
<c1:C1DockControl Height="100" Background="Red" HorizontalAlignment="Left" Margin="176,100,0,0" Name="c1DockControl1" VerticalAlignment="Top" Width="200"> <c1:C1DockTabControl Height="100" HorizontalAlignment="Left" Name="c1DockTabControl1" VerticalAlignment="Top" Width="200"> <c1:C1DockTabItem Header="ツールボックス" HorizontalAlignment="Left" Name="c1DockTabItem1" VerticalAlignment="Top" > <TextBlock Text="これはツールボックスです。" /> </c1:C1DockTabItem> </c1:C1DockTabControl> </c1:C1DockControl> |
C1DockControl は次のようになります。
その他のプロパティも試して、C1DockControl 要素の外観をすばやく変更してみてください。たとえば、次の XAML は、 Background、TabStripForeground、TabControlBackground の各プロパティを設定します。
XAML |
コードのコピー
|
---|---|
<c1:C1DockControl Height="100" Background="Red" TabStripForeground="Red" TabControlBackground="LightYellow" HorizontalAlignment="Left" Margin="176,100,0,0" Name="c1DockControl1" VerticalAlignment="Top" Width="200"> <c1:C1DockTabControl Height="100" HorizontalAlignment="Left" Name="c1DockTabControl1" VerticalAlignment="Top" Width="200"> <c1:C1DockTabItem Header="ツールボックス" HorizontalAlignment="Left" Name="c1DockTabItem1" VerticalAlignment="Top" /> <TextBlock Text="これはツールボックスです。" /> </c1:C1DockTabItem> </c1:C1DockTabControl> </c1:C1DockControl> |
C1DockControl は次のようになります。