在expanderview中动态设置图像的可见性

本文关键字：图像 可见性 设置 动态 expanderview | 更新日期: 2023-09-27 18:00:02

我正在尝试实现一些东西，如果他们在线，我需要显示人员列表和绿色图标。这些人按某些类别分组。我正在使用expanderview工具箱控件来显示列表。那么，如何将图标图像设置为动态可见呢？我试过这样的东西，但没用。

<DataTemplate x:Key="groupsItemTemplate">
            <StackPanel Orientation="Horizontal" Margin="30,5,0,0"">
                <Image Height="30" Width="30" Source="/Assets/Online.png" Margin="10,5,0,0" Visibility="{Binding IsFriendOnline}"></Image>
                <TextBlock TextWrapping="NoWrap" FontFamily="Segoe WP Light" FontSize="24" Margin="8,0,0,0" VerticalAlignment="Center" HorizontalAlignment="left" Height="auto" Width="300" Text="{Binding FriendName}"></TextBlock>
            </StackPanel>
        </DataTemplate>

IsFriendOnline是一个整数属性。

在expanderview中动态设置图像的可见性

首先，您需要使用转换器将IsFriendOnline属性的值转换为所需的Visibility枚举。

WPF内置了一个"BooleanToVisibilityConverter"，所以如果你有能力将IsFriendOnline更改为布尔值（这听起来更有意义），我会走这条路。。。如果属性必须是整数，那么您将需要推出自己的转换器，这并不困难。

当你有一个转换器时，语法会是这样的（我下面的代码假设IsFriendOnline是一个布尔值）。。。

<BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter" />
    <DataTemplate x:Key="groupsItemTemplate">
                <StackPanel Orientation="Horizontal" Margin="30,5,0,0"">
                    <Image Height="30" Width="30" Source="/Assets/Online.png" Margin="10,5,0,0" Visibility="{Binding IsFriendOnline, Converter={StaticResource BooleanToVisibilityConverter}}"></Image>
                    <TextBlock TextWrapping="NoWrap" FontFamily="Segoe WP Light" FontSize="24" Margin="8,0,0,0" VerticalAlignment="Center" HorizontalAlignment="left" Height="auto" Width="300" Text="{Binding FriendName}"></TextBlock>
                </StackPanel>
            </DataTemplate>

希望这能帮助。。。

相关文章：