WPF/DataGrid/スタイル
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
&tag(WPF/DataGrid/スタイル);
*目次 [#ka3a5805]
#contents
*参考情報 [#c10c3f4d]
-[[WPF/DataGrid]]
*参考になるスタイル [#bcfad66d]
-[[Andy McMullan: WPF Toolkit DataGrid is an uggo:http://...
-Toolkit時代のサンプルなのでVisualStudio2010で使用する場...
#pre{{
<Style TargetType="DataGrid">
<!-- Make the border and grid lines a little less...
<Setter Property="BorderBrush" Value="#DDDDDD" />
<Setter Property="HorizontalGridLinesBrush" Value...
<Setter Property="VerticalGridLinesBrush" Value="...
<Setter Property="RowStyle">
<Setter.Value>
<Style TargetType="DataGridRow">
<Style.Triggers>
<!-- Highlight a grid row as the ...
<Trigger Property="IsMouseOver" V...
<Setter Property="Background"...
</Trigger>
</Style.Triggers>
</Style>
</Setter.Value>
</Setter>
<Setter Property="CellStyle">
<Setter.Value>
<Style TargetType="DataGridCell">
<Style.Triggers>
<!-- Highlight selected rows -->
<Trigger Property="IsSelected" Va...
<Setter Property="Background"...
<Setter Property="BorderBrush...
<Setter Property="Foreground"...
</Trigger>
</Style.Triggers>
<!-- Add some padding around the cont...
<Setter Property="Padding" Value="4,3...
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="...
<Border Padding="{Templat...
Background="{TemplateBind...
<ContentPresenter />
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
<Setter Property="FocusVisualStyle">
<Setter.Value>
<Style TargetType="Control">
<Setter Property="BorderB...
</Style>
</Setter.Value>
</Setter>
</Style>
</Setter.Value>
</Setter>
</Style>
}}
*Tips [#f90e27e5]
**セルのスタイルを適用した上でDataGridTextColumnを右寄せ...
-セルの見た目をカスタマイズしさらにある特定の列の内容を右...
#pre{{
<Style x:Key="RightTextBlock" TargetType="TextBlock">
<Setter Property="HorizontalAlignment" Value="Rig...
</Style>
}}
-右よせにしたいDataGridTextColumnのElementStyleに指定する。
#pre{{
<DataGridTextColumn Header="サイズ" ElementStyle="{St...
}}
※次のようにCellStyleを変更すると、その列だけデフォルトの...
#pre{{
<DataGridTextColumn Header="サイズ">
<DataGridTextColumn.CellStyle>
<Style TargetType="{x:Type DataGr...
<Setter Property="HorizontalA...
</Style>
</DataGridTextColumn.CellStyle>
}}
終了行:
&tag(WPF/DataGrid/スタイル);
*目次 [#ka3a5805]
#contents
*参考情報 [#c10c3f4d]
-[[WPF/DataGrid]]
*参考になるスタイル [#bcfad66d]
-[[Andy McMullan: WPF Toolkit DataGrid is an uggo:http://...
-Toolkit時代のサンプルなのでVisualStudio2010で使用する場...
#pre{{
<Style TargetType="DataGrid">
<!-- Make the border and grid lines a little less...
<Setter Property="BorderBrush" Value="#DDDDDD" />
<Setter Property="HorizontalGridLinesBrush" Value...
<Setter Property="VerticalGridLinesBrush" Value="...
<Setter Property="RowStyle">
<Setter.Value>
<Style TargetType="DataGridRow">
<Style.Triggers>
<!-- Highlight a grid row as the ...
<Trigger Property="IsMouseOver" V...
<Setter Property="Background"...
</Trigger>
</Style.Triggers>
</Style>
</Setter.Value>
</Setter>
<Setter Property="CellStyle">
<Setter.Value>
<Style TargetType="DataGridCell">
<Style.Triggers>
<!-- Highlight selected rows -->
<Trigger Property="IsSelected" Va...
<Setter Property="Background"...
<Setter Property="BorderBrush...
<Setter Property="Foreground"...
</Trigger>
</Style.Triggers>
<!-- Add some padding around the cont...
<Setter Property="Padding" Value="4,3...
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="...
<Border Padding="{Templat...
Background="{TemplateBind...
<ContentPresenter />
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
<Setter Property="FocusVisualStyle">
<Setter.Value>
<Style TargetType="Control">
<Setter Property="BorderB...
</Style>
</Setter.Value>
</Setter>
</Style>
</Setter.Value>
</Setter>
</Style>
}}
*Tips [#f90e27e5]
**セルのスタイルを適用した上でDataGridTextColumnを右寄せ...
-セルの見た目をカスタマイズしさらにある特定の列の内容を右...
#pre{{
<Style x:Key="RightTextBlock" TargetType="TextBlock">
<Setter Property="HorizontalAlignment" Value="Rig...
</Style>
}}
-右よせにしたいDataGridTextColumnのElementStyleに指定する。
#pre{{
<DataGridTextColumn Header="サイズ" ElementStyle="{St...
}}
※次のようにCellStyleを変更すると、その列だけデフォルトの...
#pre{{
<DataGridTextColumn Header="サイズ">
<DataGridTextColumn.CellStyle>
<Style TargetType="{x:Type DataGr...
<Setter Property="HorizontalA...
</Style>
</DataGridTextColumn.CellStyle>
}}
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
