PowerShell WPF TreeView基于标签动态切换内嵌SVG图标求助

一、修复DataTriggers类型错误 #

问题核心是VisualBrush绑定的Visual类型不匹配，或DataTrigger的Value与Tag类型不一致。需确保：

• 资源中SVG转换的Canvas为静态资源，类型严格是Canvas
• DataTrigger的Value与TreeViewItem的Tag值类型完全匹配（比如Tag是字符串"Folder"，Value也必须是字符串）
• 绑定VisualBrush的Visual时，用StaticResource直接引用资源，避免动态绑定错误类型

二、解决根目录图标不显示 #

根节点的TreeViewItem默认可能未正确应用模板或未设置Tag：

• 确保TreeView的ItemTemplate（或全局Style）覆盖所有层级的TreeViewItem
• 根节点必须显式设置Tag属性，触发DataSwitcher的图标切换逻辑

三、完整实现代码示例 #

Add-Type -AssemblyName PresentationFramework, PresentationCore, WindowsBase

# XAML 内嵌SVG Canvas资源和TreeView模板
$xaml = @"
<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="TreeView SVG Icons" Height="450" Width="300">
    <Window.Resources>
        <!-- 文件夹SVG转换的Canvas -->
        <Canvas x:Key="FolderIcon" Width="16" Height="16">
            <Path Fill="#4285F4" Data="M14 4H8L2 8v6c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 8H4V8.5l4-2.5 4 2.5V12z"/>
        </Canvas>
        <!-- 文件SVG转换的Canvas -->
        <Canvas x:Key="FileIcon" Width="16" Height="16">
            <Path Fill="#EA4335" Data="M14 2H6c-1.1 0-1.99.9-1.99 2L4 18c0 1.1.89 2 1.99 2H14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 16H7v-2h6v2zm0-4H7v-2h6v2zm-3-4H7V8h3v2z"/>
        </Canvas>

        <!-- TreeViewItem 全局样式模板 -->
        <Style TargetType="TreeViewItem">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="TreeViewItem">
                        <StackPanel Orientation="Horizontal">
                            <!-- 图标容器 -->
                            <Rectangle Width="16" Height="16" Margin="2">
                                <Rectangle.Fill>
                                    <VisualBrush x:Name="IconBrush" Visual="{StaticResource FolderIcon}"/>
                                </Rectangle.Fill>
                            </Rectangle>
                            <!-- 内容显示 -->
                            <ContentPresenter Content="{TemplateBinding Header}" Margin="2"/>
                        </StackPanel>
                        <!-- 基于Tag切换图标 -->
                        <ControlTemplate.Triggers>
                            <DataTrigger Binding="{Binding Tag}" Value="Folder">
                                <Setter TargetName="IconBrush" Property="Visual" Value="{StaticResource FolderIcon}"/>
                            </DataTrigger>
                            <DataTrigger Binding="{Binding Tag}" Value="File">
                                <Setter TargetName="IconBrush" Property="Visual" Value="{StaticResource FileIcon}"/>
                            </DataTrigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>
    <Grid>
        <TreeView x:Name="FileTree"/>
    </Grid>
</Window>
"@

# 加载XAML并初始化窗口
$reader = [System.Xml.XmlReader]::Create([System.IO.StringReader]$xaml)
$window = [System.Windows.Markup.XamlReader]::Load($reader)
$fileTree = $window.FindName("FileTree")

# 构建TreeView节点（含根目录）
$rootItem = New-Object System.Windows.Controls.TreeViewItem
$rootItem.Header = "Root Folder"
$rootItem.Tag = "Folder" # 必须设置Tag触发图标逻辑

# 添加子文件夹
$subFolder = New-Object System.Windows.Controls.TreeViewItem
$subFolder.Header = "Documents"
$subFolder.Tag = "Folder"

# 添加文件节点
$file1 = New-Object System.Windows.Controls.TreeViewItem
$file1.Header = "Report.pdf"
$file1.Tag = "File"
$file2 = New-Object System.Windows.Controls.TreeViewItem
$file2.Header = "Notes.txt"
$file2.Tag = "File"

# 组装节点层级
$subFolder.Items.Add($file1)
$subFolder.Items.Add($file2)
$rootItem.Items.Add($subFolder)
$fileTree.Items.Add($rootItem)

# 启动窗口
$window.ShowDialog() | Out-Null

关键注意事项 #

• SVG转换的Canvas需保持统一尺寸（示例用16x16），避免图标拉伸变形
• 所有TreeViewItem必须显式设置Tag为"Folder"或"File"，否则会使用默认图标
• 若绑定自定义数据对象（而非直接创建TreeViewItem），可将DataTrigger的Binding改为对象的类型属性（如{Binding ItemType}），同步修改Value值即可

内容的提问来源于stack exchange，提问作者powershellcrack