WPF Grid - Come applicare uno stile solo per una colonna?
Domanda
Ho una griglia WPF con molte righe e colonne, tutte le cose che contengono come TextBlocks e caselle di testo.
Per questa specifica situazione voglio tutta la roba nella colonna 1 per avere imbottitura, e tutte le cose nella colonna 2 da allineare a destra. Sembra essere molto non WPF dover impostare tali proprietà su ciascun elemento della griglia.
So di poter creare uno stile per tutti i TextBlocks all'interno di una griglia facendo qualcosa di simile a questo:
<Grid>
<Grid.Resources>
<Style TargetType="{x:Type TextBox}">
<Setter Property="HorizontalAlignment" Value="Right"/>
</Style>
</Grid.Resources>
</Grid>
Ma c'è un modo per applicare questo stile ai soli controlli in parola, colonna 2?
Dovrei usare un controllo diverso?
Soluzione
Ecco quello che faccio di solito:
<Style TargetType="{x:Type TextBlock}" BasedOn="{StaticResource {x:Type TextBlock}}">
<Style.Triggers>
<Trigger Property="Grid.Column" Value="0">
<Setter Property="Margin" Value="0,0,2,0" />
</Trigger>
<Trigger Property="Grid.Column" Value="2">
<Setter Property="Margin" Value="20,0,2,0" />
</Trigger>
</Style.Triggers>
</Style>
Altri suggerimenti
È possibile definire alcuni stili come qui sotto e assegnarli alla vostra proprietà Column.ElementStyle:
<Window.Resources>
<Style x:Key="elementStyle" TargetType="TextBlock">
<Setter Property="VerticalAlignment" Value="Center" />
<Setter Property="Margin" Value="2,0,2,0" />
</Style>
<Style x:Key="rightElementStyle" BasedOn="{StaticResource elementStyle}" TargetType="TextBlock">
<Setter Property="HorizontalAlignment" Value="Right" />
</Style>
<Style x:Key="centerElementStyle" BasedOn="{StaticResource elementStyle}" TargetType="TextBlock">
<Setter Property="HorizontalAlignment" Value="Center" />
</Style>
</Window.Resources>
<dg:DataGrid AutoGenerateColumns="False">
<dg:DataGrid.Columns>
<dg:DataGridTextColumn Binding={Binding Path=Name}
Header="Name"
ElementStyle="{StaticResource centerElementStyle}"/>
<dg:DataGridTextColumn Binding={Binding Path=Amount}
Header="Amount"
ElementStyle="{StaticResource rightElementStyle}"/>
</dg:DataGrid.Columns>
</dg:DataGrid>