如何在列表框模板中对齐TextBlock = Stretch?

时间:2012-02-13 22:10:54

标签: c# wpf templates xaml styles

我正在尝试创建一个列表框模板(用于项目)。这就是我所拥有的。

<Window.Resources>
    <DataTemplate x:Key="ItemTemplate">
        <Grid Margin="5">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="60"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <StackPanel Grid.Column="0">
                <TextBlock Text="TEKS" FontSize="20" FontWeight="Bold" Background="#FF502F8F"  Foreground="White" Width="{Binding Path=Width, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type StackPanel}}}" TextAlignment="Center" />
                <TextBlock Text="{Binding Level}" FontSize="24" Background="#FF058C44" HorizontalAlignment="Center" Width="{Binding Path=Width, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type StackPanel}}}" Foreground="White" TextAlignment="Center" FontFamily="Segoe UI Light" />
            </StackPanel>
            <TextBlock Grid.Column="1" Text="{Binding Owner}" FontSize="20" FontWeight="Bold" TextWrapping="Wrap" />
        </Grid>
    </DataTemplate>
</Window.Resources>

<Grid x:Name="LayoutRoot" DataContext="{Binding Source={StaticResource SampleDataSource}}">
    <ListBox ItemTemplate="{DynamicResource ItemTemplate}" ItemsSource="{Binding Collection}" Margin="44,39,82,103" Style="{DynamicResource ListBoxStyle}"/>
</Grid>

这就是它的外观。

enter image description here

你能看到文本块扩展的宽度更多吗?我想在列表框中显示字符串换行。我做错了什么?

1 个答案:

答案 0 :(得分:2)

  1. 禁用水平滚动:

    <ListBox ScrollViewer.HorizontalScrollBarVisibility="Disabled" ...>
    
  2. 启用文本换行(已经是这种情况):

    <TextBlock TextWrapping="Wrap" ...>