ListBox模板，隐藏元素

Question

我有一个显示图像和三个文本框的列表框模板。您将在下面的代码中看到它们是如何分布的。我的问题是有些项目没有图像，在这种情况下我希望文本填充整行。 我尝试过不使用网格，而是使用画布，但我不知道为什么，当在列表框中使用画布时，没有显示任何内容。我不知道这是否容易实现。代码如下：

<ListBox Grid.Column="0" Grid.Row="1" Background="White" HorizontalAlignment="Stretch" Name="itemList" VerticalContentAlignment="Stretch" SelectionChanged="listBoxSetmana_SelectionChanged">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch" MinWidth="480">
                <Grid.RowDefinitions>
                    <RowDefinition Height="28" />
                    <RowDefinition Height="17" />
                    <RowDefinition Height="50" />
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                     <ColumnDefinition Width="60" />
                     <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>

                <Border HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Grid.RowSpan="3" Grid.Column="0" Grid.Row="0" BorderThickness="1" BorderBrush="#FFFF003F" Padding="1">
                    <Image HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Name="listImage" Width="36" Height="36" Source="{Binding thumbnail}" />
                </Border>
                <TextBlock Padding="0 0 25 0" Grid.Column="1" Grid.Row="0" Name="title" Foreground="Black" Text="{Binding title}" FontWeight="Bold" FontSize="20" />
                <TextBlock Padding="0 0 25 0" Grid.Column="1" Grid.Row="1" Name="published" Foreground="Black" Text="{Binding published}" FontSize="13" />
                <TextBlock Padding="0 0 25 0" Grid.Column="1" Grid.Row="2" Name="subtitle" Foreground="Black" Text="{Binding subtitle}" FontSize="16" TextWrapping="Wrap" />
                <TextBlock Visibility="Collapsed" Text="{Binding id}" />
            </Grid>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

谢谢！

Answer 1

有几种方法可以将其绑定在一起。

一种方法是：

• 向边框添加一些填充，
• 使用适当的 ValueConverter 将边框的可见性绑定到缩略图属性，
• 将第 0 列的宽度从“60”更改为“自动” - 然后当图像折叠时它将消失。