WPF ListBoxItem不会拉伸到最大宽度

时间:2013-09-16 11:03:24

标签: c# wpf xaml

我是WPF的新手。我试图使OrderItemsTmpl模板中的第一列拉伸到可用的最大宽度,但它不起作用,宽度只能达到文本内部的宽度。我不想使用绝对值。怎么解决这个?感谢

<DataTemplate x:Key="OrderItemsTmpl">
            <Grid Background="Brown" HorizontalAlignment="Stretch" >
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                    <ColumnDefinition Width="auto"></ColumnDefinition>
                </Grid.ColumnDefinitions>

                <StackPanel Grid.Column="0" HorizontalAlignment="Stretch">
                    <CheckBox Content="{Binding Path=sItemName}" HorizontalContentAlignment="Stretch" ></CheckBox>
                    <ListBox HorizontalContentAlignment="Stretch"
                        ItemsSource="{Binding Path=aSinglOptns}"
                        Margin="20,0,0,0"
                        ItemTemplate="{StaticResource SinglOptnTmpl}"
                        Style="{StaticResource SheetListStyle}"
                        ItemContainerStyle="{StaticResource ListBoxItemStyle}"
                 >

                    </ListBox>
                </StackPanel>

                <TextBlock Grid.Column="1" Text="{Binding Path=fQty}"></TextBlock>
</DataTemplate>

<Style x:Key="ListBoxItemStyle" TargetType="{x:Type ListBoxItem}">
            <Setter Property="HorizontalContentAlignment" Value="Stretch"></Setter>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ListBoxItem">
                        <ContentPresenter></ContentPresenter>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>


<Style x:Key="SheetListStyle" TargetType="{x:Type ListBox}">
            <Setter Property="Background" Value="Aqua"></Setter>

            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type ListBox}">
                        <Border
                            CornerRadius="8"
                            BorderThickness="2">
                            <ScrollViewer>
                                <WrapPanel
                                    IsItemsHost="True"
                                    Orientation="Vertical"
                                    HorizontalAlignment="Left"/>
                            </ScrollViewer>
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

列出项目

的ListBox
<Grid Background="Pink" Grid.Row="1" >
                        <Grid.RowDefinitions>
                            <RowDefinition Height="auto"></RowDefinition>
                            <RowDefinition Height="*"></RowDefinition>
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"></ColumnDefinition>
                        </Grid.ColumnDefinitions>

                        <TextBlock HorizontalAlignment="Center" Text="{Binding Path=sDita}" Grid.Row="0" Grid.Column="0" TextWrapping="Wrap" ></TextBlock>

                        <ListBox
                                Grid.Row="1"
                                Grid.Column="0"
                                HorizontalContentAlignment="Stretch"
                                Background="Aqua"
                                ItemsSource="{Binding Path=aOrderItems}"
                                Name="OrderItems"
                                ItemTemplate="{StaticResource OrderItemsTmpl}"
                                Margin="0,0,0,0"
                                ScrollViewer.HorizontalScrollBarVisibility="Disabled"
                                ScrollViewer.VerticalScrollBarVisibility="Auto"
                                ScrollViewer.CanContentScroll="True"
                                ItemContainerStyle="{StaticResource ListBoxItemStyle}"
                                Style="{StaticResource SheetListStyle}">

                        </ListBox>
                    </Grid>

更新 我意识到因为<Style x:Key="SheetListStyle"> 我正在使用WrapPanel,即使你应用Horizo​​ntalAlignment =“Stretch”也不会拉伸到最大宽度 我不得不使用其他面板,但是有人知道可以使用什么吗?

3 个答案:

答案 0 :(得分:8)

大多数集合控件都有一个属性可以选择整行,我怀疑你可能需要设置它。如果您尚未将HorizontalContentAlignment属性设置为Stretch,那么 就是您的问题。

啊......我只是注意到你已经设置了这个属性。

好的,让我们再来一次......我可以看到您在StackPanel OrderItemsTmpl内使用了DataTemplate。这些控件对他们孩子的Width没有任何影响,所以我认为 是你的问题。请尝试将其更改为另一个Grid控件。

答案 1 :(得分:6)

请参阅here

我确定这是重复的,但我找不到具有相同答案的问题。

添加Horizo​​ntalContentAlignment =&#34; Stretch&#34;到你的ListBox。这应该可以解决问题。

答案 2 :(得分:3)

问题出在ListBox的控件模板中。您使用的是WrapPanel,并且您将其与左侧对齐。使用StackPanel并允许其拉伸(默认值):

                <ControlTemplate TargetType="{x:Type ListBox}">
                    <Border
                        CornerRadius="8"
                        BorderThickness="2">
                        <ScrollViewer>
                            <StackPanel
                                IsItemsHost="True"
                                Orientation="Vertical" />
                        </ScrollViewer>
                    </Border>
                </ControlTemplate>

或者,您可以直接使用ItemsPresenter控件而不是面板。 ListBox默认情况下使用VirtualizingStackPanel,这也会为您提供虚拟化(您已禁用)。