跳转至

ListView选中时,旁边显示激活图标

效果

实现

前端界面： 

<Window x:Class="TreeGrid.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:TreeGrid" Title="MainWindow" Width="525" Height="350"
        FontSize="14" WindowStartupLocation="CenterScreen">
    <Window.Resources>
        <DataTemplate x:Key="activateIconList" DataType="ListViewItem">
            <StackPanel Height="30" Orientation="Horizontal">
                <!--  图片  -->
                <Image Name="iconImg" Width="20" Height="20" Source="/Resource/定位.png" Visibility="Hidden"/>
                <TextBlock Margin="10,0,0,0" VerticalAlignment="Center" Text="{Binding}"/>
            </StackPanel>
            <DataTemplate.Triggers>
                <!--  当 ListViewItem 被选中时  -->
                <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type ListViewItem}}, Path=IsSelected}" Value="True">
                    <Setter TargetName="iconImg" Property="Visibility" Value="Visible"/>
                </DataTrigger>
                <!--  当 ListViewItem 未被选中时  -->
                <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type ListViewItem}}, Path=IsSelected}" Value="False">
                    <Setter TargetName="iconImg" Property="Visibility" Value="Hidden"/>
                </DataTrigger>
            </DataTemplate.Triggers>
        </DataTemplate>
    </Window.Resources>
    <Grid>
        <ListView ItemTemplate="{StaticResource activateIconList}" ItemsSource="{Binding Items}"/>
    </Grid>
</Window>

ViewModel:

public class MainWindowViewModel
{
    public ObservableCollection<string> Items { get; set; } = new ObservableCollection<string>()
    {
        "第1个",
        "第2个",
        "第3个",
        "第4个",
    };
}

编辑时间: 2025-03-24 20:38:13
作者: yanggenjie
版权声明: 本网站的所有内容均采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议（CC BY-NC-SA 4.0） 知识共享许可协议 授权。
您可以自由分享和修改这些内容，但必须遵守以下条件：

  • 署名： 使用时必须注明作者及出处。
  • 非商业性使用： 不得用于商业目的。
  • 相同方式共享： 修改后的作品必须采用相同的授权协议分享。

评论