Question

我有一个列表框，其中itemtemplate正在使用样式。样式指定带有数据触发器的边框，根据属性设置要折叠的边框的可见性。这工作正常，但我仍然可以看到列表中折叠的每个项目的非常窄的行。我希望有人可以帮助设置可见性，以便没有可见的痕迹，因为当连续项目被折叠时这是非常明显的。

datatemplate指定了一个带有dockpanel的外边框 - 然后有一个停靠在此的stackpanel。

感谢任何帮助。

这是一个简化的模板：

<DataTemplate x:Key="myTemplate">
    <Border BorderThickness="0">
        <Border.Style>
            <Style>
                <Style.Triggers>
                    <DataTrigger Binding="{Binding Path=IsActive}" Value="False">
                        <Setter Property="Border.Visibility" Value="Collapsed" />
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </Border.Style>
        <DockPanel LastChildFill="True" HorizontalAlignment="Stretch">
            <StackPanel DockPanel.Dock="Right" HorizontalAlignment="Right"  >
                <TextBlock Text="{Binding Path=SeqNo, Converter={StaticResource SeqToTextConv}}"/>
                <Label Content="..." />
            </StackPanel>
        </DockPanel>
    </Border>
</DataTemplate>

Answer 1

您成功地隐藏了您的项目，但是，ListBox将每个项目包装在ListBoxItem中，这会将诸如选择之类的概念添加到您的项目中。我怀疑在您的项目被隐藏的情况下，您仍然会看到ListBoxItem。您可以使用ItemContainerStyle隐藏ListBoxItems ...

<ListBox>
  <ListBox.ItemContainerStyle>
    <Style TargetType="{x:Type ListBoxItem}">
      <Style.Triggers>
        <DataTrigger Binding="{Binding IsActive}" Value="False">
          <Setter Property="Visibility" Value="Collapsed"/>
        </DataTrigger>
      </Style.Triggers>
    </Style>
  </ListBox.ItemContainerStyle>
</ListBox>

Answer 2

这也可以通过仅使用ListBox.Items而不是其他控件填充ListBoxItem来实现：

ListBox.Items.Add(new ListBoxItem { 
    Content = new CheckBox {Content = "item 1"} 
    })

或

<ListBox>
    <ListBox.Items>
        <ListBoxItem>
            <CheckBox Content="item 1"/>
        </ListBoxItem>
    </ListBox.Items>
</ListBox>

然后在后面或触发器中的代码中，您可以直接隐藏项目：

ListBox.Items[0].Visibility = Visibility.Collapse

这将隐藏项目以及4px边框。此方法可让您控制每个项目的可见性。

Answer 3

我接受了ColinE提出的解决方案。为了方便大家，这里是一个完整的摘要。谢谢ColienE。

      <ListBox ItemsSource="{Binding Properties}" Height="110">
            <ListBox.ItemTemplate>
                <HierarchicalDataTemplate>
                    <CheckBox Content="{Binding Name}" IsChecked="{Binding IsSelected}" Visibility="{Binding Visible}" />
                </HierarchicalDataTemplate>
            </ListBox.ItemTemplate>
            <ListBox.ItemContainerStyle>
                <Style TargetType="{x:Type ListBoxItem}">
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding Visible}" Value="Collapsed">
                            <Setter Property="Visibility" Value="Collapsed"/>
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </ListBox.ItemContainerStyle>
      </ListBox>

WPF - 隐藏列表框项目

3 个答案: