3

我是 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>

内容项目的列表框

<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" 它也不会拉伸到最大宽度我必须改用其他面板,但有人知道可以使用什么吗?

4

3 回答 3

8

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

啊……我刚刚注意到你确实设置了这个属性。

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

于 2013-09-16T11:17:05.087 回答
7

请看这里

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

将 Horizo​​ntalContentAlignment="Stretch" 添加到您的列表框。这应该够了吧。

于 2015-11-10T20:39:22.480 回答
3

问题出在ListBox的控制模板中。您正在使用 aWrapPanel并将其与左侧对齐。使用 aStackPanel并允许它拉伸(默认):

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

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

于 2013-09-17T06:09:32.003 回答