Правильная настройка ширины на виртуализированном ListBox в WPF - PullRequest
Новая
       23

Правильная настройка ширины на виртуализированном ListBox в WPF

4 голосов
/ 01 ноября 2010

У меня есть список WPF, который виртуализирован с большим количеством строк. Размер списка изменяется по мере прокрутки объектов. Я пробовал: 

<Setter Property="MinWidth" Value="{Binding Path=ExtentWidth, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ScrollViewer}}}" />

К сожалению, у меня недостаточно репутации, чтобы публиковать свои снимки проблемы, но в основном, когда я прокручиваю виртуальный список, ширина окна меняется, когда встречаются более длинные элементы. Я полагаю, что могу попытаться измерить самую длинную строку в коде и установить ширину в это значение, но я надеюсь, что есть более чистое решение.

Вот мой текущий шаблон управления (без кубиков): 

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ListBoxItem}">
                    <Border x:Name="ListItemContainer"
                             MinWidth="{Binding Path=ExtentWidth, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ScrollViewer}}}"
                            BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}" SnapsToDevicePixels="true">
                        <ContentPresenter></ContentPresenter>                                               
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsSelected" Value="true">                            
                            <Setter Property="Background" TargetName="ListItemContainer" Value="{DynamicResource AxisValueSelectedBackground}"/>
                            <Setter Property="Foreground" Value="{DynamicResource AxisValueSelectedForeground}"/>
                        </Trigger>

                        <Trigger Property="IsSelected" Value="false">
                            <Setter Property="Background" TargetName="ListItemContainer" Value="{DynamicResource AxisValueBackground}"/>
                            <Setter Property="Foreground" Value="{Binding IsEnabled, Converter={StaticResource AxisValueForegroundConverter}}" />
                            <Setter Property="FontStyle" Value="{Binding IsEnabled, Converter={StaticResource AxisValueFontStyleConverter}}" />
                        </Trigger>

                        <MultiDataTrigger>
                            <MultiDataTrigger.Conditions>
                                <Condition Binding="{Binding IsAxisSelected}" Value="True"/>
                                <Condition Binding="{Binding IsAxisValueSelected}" Value="False"/>
                            </MultiDataTrigger.Conditions>
                            <Setter Property="Background" TargetName="ListItemContainer" Value="White" />
                        </MultiDataTrigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>

alt text alt text

1 Ответ

2 голосов
/ 01 ноября 2010

Попробуйте тот же относительный трюк связывания, но внутри самого внешнего элемента вашего DataTemplate (возможно, Grid).Таким образом, все предметы одного размера.

...