更改 ListBox 项目的可见性

Question

我有一个列表框，其中包含多个项目，例如 TextBlock、Image 等...

现在在 XAML 文件中，所有项目的可见性都将被折叠，在我的 .CS 文件中，我根据一个条件决定要显示的项目，就像我只需要显示 TextBlock 或图像一样，但由于所有项目的可见性默认情况下都是折叠的，如何动态改变 ListBoxItems 的可见性并将数据或图像设置到项目？

这是我的 XAML 代码：

<ListBox Name="listBox" 
         HorizontalContentAlignment="Stretch" 
         VerticalContentAlignment="Stretch" 
         SelectionChanged="TopicListboxSelectionChanged"
         ScrollViewer.VerticalScrollBarVisibility="Disabled">
         <ListBox.ItemTemplate>
                    <DataTemplate>
                        <StackPanel Name="CellBack" Margin="0,0,0,4" Orientation="Horizontal">
                            <Border Name="borderColor" Background="#FFF2F4F7">
                                <TextBlock Name="text"
                                       Width="456"
                                       Padding="10,20,10,20"
                                       Visibility="Collapsed"
                                       TextAlignment="Center"
                                       Text="{Binding Path=Value}"
                                       Style="{StaticResource TextStyle}"/>
                            </Border>
                               <Image Name="Image"
                                       Grid.Row="0"
                                       Visibility="Collapsed"
                                       Width="Auto"
                                       Height="Auto"
                                       HorizontalAlignment="Center"
                                       VerticalAlignment="Center"
                                       Margin="1,1,1,1"/>
                        </StackPanel>
                     </DataTemplate>
                </ListBox.ItemTemplate>

编辑

我的 .CS 文件中的图像源如下所示：

image = "Path to my soucre" + imagename +"phone.png";

现在如何在 XAML 文件中的 Image 中绑定这个路径呢？

通常我们这样做：

BitmapImage bmp = new BitmapImage(new Uri(fileName, UriKind.Relative));
                MyImage.Source = bmp;

这里 MyImage 是 XAML 文件中 Image 的名称，但在我的情况下，我无法获取列表框中的图像名称，所以现在如何绑定数据？

Answer 1

只需将属性TextVisiblity 和ImageVisibility 添加到您的视图模型。然后直接绑定它们：

<DataTemplate>
    <StackPanel>
        <TextBlock Visibility="{Binding TextVisibility}" ... />
        <Image Visibility="{Binding ImageVisibility}" ... />
    </StackPanel>
</DataTemplate>

属性可以是只读的，例如：

public Visibility TextVisibility
{
    get { return Value == null ? Visibility.Collapsed : Visibility.Visible; }
}

---

或者，如果您不想修改模型类，可以使用IValueConverter，例如：

<TextBlock Visibility="{Binding Converter={StaticResource ModelToTextVisibility}" ... />

（为此，您必须编写 ModelToTextVisibility 类，有关如何执行此操作的完整示例，请参阅 here。）

Answer 2

这就是我在代码中获取列表框项的方式。

 ListBoxItem lbi = listBox.ItemContainerGenerator.ContainerFromIndex(listBox.SelectedIndex) as ListBoxItem;

我就是这样让它不可见的。

 lbi.Visibility = Visibility.Collapsed;