Блог

Главная - Вопросы по программированию - Средство просмотра списка отображается в зависимости от количества элементов

Средство просмотра списка отображается в зависимости от количества элементов

#c# #wpf #xaml #mvvm #listbox

#c# #wpf #xaml #mvvm #listbox

Вопрос:

У меня есть ListBox с определенной его таблицей данных. ItemSource (ListBoxItem) для ListBox предоставляется через ViewModel.

Я хочу, чтобы средство просмотра списка появлялось, когда количество элементов превышает 5. Я был бы рад, если кто-нибудь сможет мне помочь.

Вот часть моего кода:

 <ListBox  VerticalAlignment="Stretch" Grid.Column="0"   
                    ItemsSource="{Binding Path=Parts, Mode=OneWay}" SelectedIndex="{Binding CurrentPartIndex}"                       
                    Height="115" BorderThickness="1" BorderBrush="{DynamicResource {x:Static SystemColors.WindowTextBrush}}">                   
    <ListBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal" >
                <Label Grid.Column="0" Content="{Binding CurrentLabel, Mode=OneWay}" MinWidth="150" Width="auto" VerticalAlignment="Stretch"/>
                <Label Grid.Column="1" Content="{Binding ItemNumber, Mode=OneWay}" MinWidth="50" VerticalAlignment="Stretch"/>
                <Label Grid.Column="2" Content="{Binding Cut, Mode=OneWay}" MinWidth="50" VerticalAlignment="Stretch"/>
                <Label Grid.Column="3" Content="{Binding Material, Mode=OneWay}" MinWidth="100" VerticalAlignment="Stretch"/>                           
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

Комментарии:

1. Попробуйте установить для горизонтальной и вертикальной полосы прокрутки значение Auto. И поиграйте с высотой элемента управления, чтобы 5 элементов не вызывали появления полосы прокрутки.

2. Я бы реализовал IValueConverter для ScrollViewer, который преобразует количество элементов в горизонтальную видимость Alscrollbarvisibility, возвращая видимость для значений> 5, в противном случае скрытую.

3. @PrateekShrivastava Я пробовал этот способ, но это не общий способ, поскольку он зависит от разрешения. Изменения на разных компьютерах

Ответ №1:

Используйте преобразователь значений, чтобы количество элементов в ListBox управляло видимостью средства просмотра прокрутки.

Конвертер:

 public class CountToVisibility : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if ((int)value > 5)
            return ScrollBarVisibility.Visible;
        else
            return ScrollBarVisibility.Hidden;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

xaml:

 <Window.Resources>
    <local:CountToVisibility x:Key="ctv"/>
</Window.Resources>

…

 <ListBox  VerticalAlignment="Stretch" Grid.Column="0"   
                ItemsSource="{Binding Path=Parts, Mode=OneWay}" SelectedIndex="{Binding CurrentPartIndex}"                       
                Height="115" BorderThickness="1" BorderBrush="{DynamicResource {x:Static SystemColors.WindowTextBrush}}"
ScrollViewer.HorizontalScrollBarVisibility="{Binding Path=Parts.Count,Converter={StaticResource ctv}}">                   
<ListBox.ItemTemplate>
    <DataTemplate>
        <StackPanel Orientation="Horizontal" >
            <Label Grid.Column="0" Content="{Binding CurrentLabel, Mode=OneWay}" MinWidth="150" Width="auto" VerticalAlignment="Stretch"/>
            <Label Grid.Column="1" Content="{Binding ItemNumber, Mode=OneWay}" MinWidth="50" VerticalAlignment="Stretch"/>
            <Label Grid.Column="2" Content="{Binding Cut, Mode=OneWay}" MinWidth="50" VerticalAlignment="Stretch"/>
            <Label Grid.Column="3" Content="{Binding Material, Mode=OneWay}" MinWidth="100" VerticalAlignment="Stretch"/>                           
        </StackPanel>
    </DataTemplate>
</ListBox.ItemTemplate>