代码之家 › 专栏 › 技术社区 › Geeth

WPF-列表框中的控件

listbox controls wpf

Geeth · 技术社区 · 15 年前

我正在列表框中显示图像。如果图像URL没有图像,则表示它将显示带有书名和作者姓名的文本块。

问题:如果图像可用,我想隐藏文本块。

代码:

  <local:ImageConverter x:Key="myImageConverter"/>
    <Style x:Key="ListBoxItemStyle" TargetType="{x:Type ListBoxItem}">
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="Padding" Value="2,0,0,0"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ListBoxItem}">
                    <Grid Width="150">
                        <Grid.RowDefinitions>
                            <RowDefinition/>
                            <RowDefinition/>
                        </Grid.RowDefinitions>

                        <Image HorizontalAlignment="Center" Grid.Row="0" VerticalAlignment="Center"  x:Name="img" Source="{Binding ImageUrl}" Height="74" Stretch="Fill" Width="75"/>

                            -<TextBlock Name="txtblkImg"  HorizontalAlignment="Center" VerticalAlignment="Center" Height="74" Width="75">
                        <TextBlock Text="{Binding Title}"/><LineBreak/>
                        <TextBlock Text="by "/>
                        <TextBlock Text="{Binding Author1}"/>
                                </TextBlock>                                                       

                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

1 回复 | 直到 15 年前

Jackson Pope 15 年前

您可以在ViewModel中公开一个布尔值,该值描述图像是否存在,然后使用BooleanToVisibilityConverter将三个文本块(或包装它们的面板)的可见性设置为图像存在的绑定。

C#:

public bool ImageUrlIsNotValid 
{
    get 
    {
        // Test to see if the specified file exists
    } 
}

XAML:

<BooleanToVisibilityConverter x:Key="boolToVisibilityConverter"/>

在上面显示的代码中:

<StackPanel Orientation="Horizontal" Visibility="{Binding ImageUrlIsNotValid, Converter={StaticResource boolToVisibilityConverter}}">
  <TextBlock Text="{Binding Title}"/><LineBreak/>
  <TextBlock Text="by "/>
  <TextBlock Text="{Binding Author1}"/>
</StackPanel>

推荐文章

Muhammad Ikhwan Perwira · 在屏幕上创建一个小型控制面板,用于pyautogui监视和控制

2 年前