XAML PowerShell WPF TreeView与动态图像

evrscar2  于 2023-11-14  发布在  Shell
关注(0)|答案(1)|浏览(315)

我正在做一个项目，我有一个PowerShell驱动的UI，有一个选择的Treeview列表。我有这个代码工作得很好，下面这个博客PowerShell WPF - Customize TreeView Icon.伟大的文章顺便说一句！我想自定义树列表与不同的图像为不同的文件的基础上，其项目标签。我可以得到这个工作使用PNG图像源和 DataTriggers，然而，我正试图将所有图像作为SVG嵌入到画布模板中。我知道如何使其工作的唯一方法是使用 VisualBrush 元素，但我似乎无法在Treeview.resource framework元素中使用它。以下是我迄今为止所做的：

  1. <Window
  2.         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3.         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4.         Title="TreeView"
  5.         Height="600" Width="800"
  6.         ResizeMode="NoResize"
  7.         WindowStartupLocation="CenterScreen"
  8.         ShowInTaskbar="False" Topmost="True">  
  9.     <Window.Resources>
  10.         
  11.         <ResourceDictionary>
  13.             <ResourceDictionary.MergedDictionaries>
  14.                     <ResourceDictionary Source="Resources\Icons.xaml" />
  15.                     <ResourceDictionary Source="Resources\TabControl_LeftSideStyle.xaml" />
  16.                     <ResourceDictionary Source="Resources\TreeViewItem_StandardStyle.xaml" />
  18.                 </ResourceDictionary.MergedDictionaries>
  19.             
  20.             
  21.             <Style TargetType="{x:Type Window}">
  22.                 <Setter Property="FontFamily" Value="Segoe UI" />
  23.                 <Setter Property="FontWeight" Value="Light" />
  24.                 <Setter Property="BorderBrush" Value="#004275" />
  25.                 <Setter Property="BorderThickness" Value="0.5" />
  26.             </Style>
  28.             <HierarchicalDataTemplate x:Key="CheckBoxItemTemplate" ItemsSource="{Binding Children, Mode=OneTime}">
  29.                 <StackPanel Orientation="Horizontal">
  30.                     <CheckBox Focusable="False" IsChecked="{Binding IsChecked}" VerticalAlignment="Center" />
  31.                     <ContentPresenter Content="{Binding Name, Mode=OneTime}" Margin="2,0" />
  32.                 </StackPanel>
  33.             </HierarchicalDataTemplate>
  34.             </ResourceDictionary>
  35.         </Window.Resources>
  36.     
  37.     <Grid>
  38.         
  39.         <Rectangle Fill="#004275" HorizontalAlignment="Left" Height="600" VerticalAlignment="Center" Width="150"/>
  40.         <Rectangle Fill="#FFF4F4F5" HorizontalAlignment="Right" Height="600" VerticalAlignment="Center" Width="156"/>
  41.         <StackPanel HorizontalAlignment="Left" VerticalAlignment="Top" Margin="10">
  42.             <Image x:Name="_wizMainLogo" Height="48" Width="132" Stretch="Uniform" />
  43.         </StackPanel>
  45.         <!-- START TAB MENU -->
  46.         <TabControl x:Name="_wizTabControl" Style="{DynamicResource TabControlLeftSide}" Width="800" Height="550" HorizontalAlignment="Center" VerticalAlignment="Top">
  47.             <TabItem x:Name="_wizid" Header="Tree view" Style="{DynamicResource TabItemsWhite}" Width="150" Margin="0" IsEnabled="False">
  48.                 <Grid x:Name="TabLayout" Margin="0" Grid.ColumnSpan="2" FocusManager.FocusedElement="{Binding ElementName=tsTree}">
  49.                     <Grid.ColumnDefinitions>
  50.                         <ColumnDefinition Width="490"></ColumnDefinition>
  51.                         <ColumnDefinition Width="150"></ColumnDefinition>
  52.                     </Grid.ColumnDefinitions>
  53.                     <Label x:Name="TabMainTitle" Grid.Column="0" HorizontalAlignment="Left" Margin="10,20,0,0" VerticalAlignment="Top" FontSize="22" Content="Tree view list with icons"/>
  54.                     <Rectangle Grid.Column="0" Fill="HotPink" HorizontalAlignment="Right" Height="40" Width="40" Margin="0,20,13.5,0" VerticalAlignment="Top">
  55.                         <Rectangle.OpacityMask>
  56.                             <VisualBrush Stretch="Fill" Visual="{DynamicResource icons_listoutline}"/>
  57.                         </Rectangle.OpacityMask>
  58.                     </Rectangle>
  60.                     <Label x:Name="TabSubTitle" FontSize="14" HorizontalAlignment="Left" Margin="10,73,0,0" VerticalAlignment="Top" Content="Search for item in list"/>
  61.                     <TextBox x:Name="TabSearch" HorizontalAlignment="Left" Height="31" Margin="10,103,0,0" TextWrapping="Wrap" Text="Search..." VerticalAlignment="Top" Width="331" Foreground='Gray' VerticalContentAlignment="Center" FontSize="18"/>
  62.                     <Button x:Name="TabSearchClear" Content="Clear" Height="31" Width="63" HorizontalAlignment="Left" VerticalAlignment="Bottom" FontSize="10" Padding="2" Margin="414,0,0,416" />
  63.                     <Button x:Name="TabSearchEnter" Content="Search" Height="31" Width="63" HorizontalAlignment="Left" VerticalAlignment="Bottom" FontSize="10" Padding="2" Margin="346,0,0,416" />
  65.                     <Button x:Name="TabExpand" Content="Expand All" Height="25" Width="113" HorizontalAlignment="Left" VerticalAlignment="Bottom" FontSize="10" Padding="2" Margin="10,0,0,386" />
  66.                     <Button x:Name="TabCollapse" Content="Collapse All" Height="25" Width="113" HorizontalAlignment="Left" VerticalAlignment="Bottom" FontSize="10" Padding="2" Margin="128,0,0,386" />
  68.                     <TreeView x:Name="TabTree" HorizontalAlignment="Left" Height="371" Margin="10,169,0,0" VerticalAlignment="Top" Width="467" FontSize="14"  
  69.                                 ItemContainerStyle="{StaticResource TreeViewItemStandard}" 
  70.                                 ItemTemplate="{StaticResource CheckBoxItemTemplate}" >
  71.                         <TreeView.Resources>
  72.                             <Style TargetType="{x:Type TreeViewItem}">
  73.                                 <Setter Property="HeaderTemplate">
  74.                                     <Setter.Value>
  75.                             
  76.                                         <DataTemplate>
  77.                                             <StackPanel Orientation="Horizontal">
  78.                                               <Image Name="TreeNodeIMG" Width="20" Height="20" Stretch="Fill">
  79.                                                 <Image.Style>
  80.                                                   <Style TargetType="{x:Type Image}">
  81.                                                     <Style.Triggers>
  82.                                                         <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType=TreeViewItem}, Path=Tag[0]}" Value="folder">
  83.                                                             <Setter Property="Source" Value="images\folder.png"/>
  84.                                                         </DataTrigger>
  85.                                                         <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType=TreeViewItem}, Path=Tag[0]}" Value="file">
  86.                                                             <Setter Property="Source" Value="images\file.png"/>
  87.                                                         </DataTrigger>
  88.       
  89.                                                     </Style.Triggers>
  90.                                                   </Style>
  91.                                                 </Image.Style>
  92.                                               </Image>
  93.                                               <TextBlock VerticalAlignment="Center" Text="{Binding}" Margin="5,0" />
  94.                                             </StackPanel>
  95.                                           </DataTemplate>
  97.                                     </Setter.Value>
  98.                                 </Setter>
  99.                             </Style>
  100.                         </TreeView.Resources> 
  102.                     </TreeView>
  104.                     <Label Content="More Info" Grid.Column="1" FontSize="14" HorizontalAlignment="Left" Margin="10,31,0,0" VerticalAlignment="Top" Foreground="LightSlateGray" />
  105.                     <TextBlock x:Name="TabMoreInfo" Grid.Column="1" HorizontalAlignment="Left" Margin="10,89,0,0" Width="136" TextWrapping="Wrap" VerticalAlignment="Top" Height="422">
  106.                         <Run Text="orem ipsum dolor sit amet, consectetur adipiscing elit. Morbi risus mi, consequat in ultricies eu, euismod nec eros. Pellentesque vel augue sed enim euismod sodales varius a ipsum. "/>
  107.                     </TextBlock>
  108.                 </Grid>
  109.             </TabItem>
  110.         </TabControl>
  111.         
  112.     </Grid>
  113.     
  114. </Window>

字符串
我正在测试的PowerShell脚本示例是这样的：

  1. #$ErrorActionPreference='Stop'
  2. ##*=============================================
  3. ##* VARIABLES
  4. ##*=============================================
  5. [string]$ResourceRoot = ($PWD.ProviderPath, $PSScriptRoot)[[bool]$PSScriptRoot]
  7. ##*=============================================
  8. ##* LOAD UI
  9. ##*=============================================
  10. [System.Reflection.Assembly]::LoadWithPartialName('presentationframework') | out-null
  12. function LoadXaml ($filename){
  13.     $XamlLoader=(New-Object System.Xml.XmlDocument)
  14.     $XamlLoader.Load($filename)
  15.     return $XamlLoader
  16. }
  17. $XamlMainWindow=LoadXaml($ResourceRoot+"\MainWindow.xaml")
  18. $reader = (New-Object System.Xml.XmlNodeReader $XamlMainWindow)
  19. $Form = [Windows.Markup.XamlReader]::Load($reader)
  21. $Global:FolderTree = $Form.FindName("TabTree")
  23. ##*=============================================
  24. ##* MAIN
  25. ##*=============================================
  27. $dummyNode = $null
  28. $preselect = 'rootFile1.txt'
  30. $AllFiles  = [IO.Directory]::GetFiles("$ResourceRoot\Test")
  31. $AllDirectory = [IO.Directory]::GetDirectories("$ResourceRoot\Test")
  33. # ================== Handle Folders ===========================
  34. #$folder = $AllDirectory[0]
  35. foreach ($folder in $AllDirectory){
  37.     $treeViewItem = [Windows.Controls.TreeViewItem]::new()
  38.     $treeViewItem.Header = $folder.Substring($folder.LastIndexOf("\") + 1)
  39.     $treeViewItem.Tag = @("folder",$folder)
  40.     $treeViewItem.Items.Add($dummyNode) | Out-Null
  42.     
  43.     $treeViewItem.Add_Expanded({
  44.         Write-Host $_.OriginalSource.Header  " is expanded"
  45.         TreeExpanded($_.OriginalSource)
  46.     })
  47.     $FolderTree.Items.Add($treeViewItem)| Out-Null
  49. }
  51. # ================== Handle Files ===========================
  52. foreach ($file in $AllFiles){
  54.     $treeViewItem = [Windows.Controls.TreeViewItem]::new()
  55.     $treeViewItem.Header = $file.Substring($file.LastIndexOf("\") + 1)
  56.     $treeViewItem.Tag = @("file",$file) 
  57.     $FolderTree.Items.Add($treeViewItem)| Out-Null
  58.     If($treeViewItem.Header -eq $preselect){
  59.         $treeViewItem.IsSelected = $true
  60.         Write-Host ("pre selected Item: {0}" -f $treeViewItem.Header)
  61.     }Else{
  62.         Write-Host ("Added Item: {0}" -f $treeViewItem.Header)
  63.     }
  65.     $treeViewItem.Add_PreviewMouseLeftButtonDown({
  66.         [System.Windows.Controls.TreeViewItem]$sender = $args[0]
  67.         [System.Windows.RoutedEventArgs]$e = $args[1]
  68.         Write-Host "Left Click: $($sender.Tag)"
  69.     })
  71.     $treeViewItem.Add_PreviewMouseRightButtonDown({
  72.         [System.Windows.Controls.TreeViewItem]$sender = $args[0]
  73.         [System.Windows.RoutedEventArgs]$e = $args[1]
  74.         Write-Host "Right Click: $($sender.Tag)"
  75.     })
  77. }
  79. Function TreeExpanded($sender){
  80.     
  81.     $global:item = [Windows.Controls.TreeViewItem]$sender
  82.     
  83.     If ($item.Items.Count -eq 1 -and $item.Items[0] -eq $dummyNode)
  84.     {
  85.         $item.Items.Clear();
  86.         Try
  87.         {
  88.             
  89.             foreach ($string in [IO.Directory]::GetDirectories($item.Tag[1].ToString()))
  90.             {
  91.                 $subitem = [Windows.Controls.TreeViewItem]::new();
  92.                 $subitem.Header = $string.Substring($string.LastIndexOf("\") + 1)
  93.                 $subitem.Tag = @("folder",$string)
  94.                 $subitem.Items.Add($dummyNode)
  95.                 
  96.                 $subitem.Add_Expanded({
  97.                     TreeExpanded($_.OriginalSource)
  98.                 })
  99.                 $item.Items.Add($subitem) | Out-Null
  100.             }
  102.             foreach ($file in [IO.Directory]::GetFiles($item.Tag[1].ToString())){
  104.                 $subitem = [Windows.Controls.TreeViewItem]::new()
  105.                 $subitem.Header = $file.Substring($file.LastIndexOf("\") + 1)
  106.                 $subitem.Tag = @("file",$file) 
  107.                 $item.Items.Add($subitem)| Out-Null
  109.                 If($subitem.Header -eq $preselect){
  110.                     $subitem.IsSelected = $true
  111.                     Write-Host ("pre-selected Item: {0}" -f $subitem.Header)
  112.                 }Else{
  113.                     Write-Host ("Added Item: {0}" -f $subitem.Header)
  114.                 }
  116.                 $subitem.Add_PreviewMouseLeftButtonDown({
  117.                     [System.Windows.Controls.TreeViewItem]$sender = $args[0]
  118.                     [System.Windows.RoutedEventArgs]$e = $args[1]
  119.                     Write-Host "Left Click: $($sender.Tag)"
  120.                 })
  121.             }
  122.         }   
  123.         Catch [Exception] { }
  124.     }
  125.      
  126. }
  128. ##*=============================================
  129. ##* SHOW UI
  130. ##*=============================================
  132. $Form.ShowDialog() | Out-Null

型
当我运行代码时，它看起来像这样：
x1c 0d1x的数据
这是一个问题的图像不显示为根级别的文件夹，但不是太大的交易，除非有人有一个答案太.
canvas资源字典文件中包含以下内容：

  1. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  2.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
  3.     <Canvas x:Key="icon_file" Width="24" Height="24">
  4.         <Path Stretch="Fill" Fill="White" Data="M3 5V19H20V5H3M7 7V9H5V7H7M5 13V11H7V13H5M5 15H7V17H5V15M18 17H9V15H18V17M18 13H9V11H18V13M18 9H9V7H18V9Z" />
  5.     </Canvas>
  7.     <Canvas x:Key="icon_folder" Width="24" Height="24">
  8.         <Path Width="20" Height="20" Fill="White" Stretch="Uniform" Data="M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z"/>
  9.     </Canvas>
  11. </ResourceDictionary>

型
我让它工作的唯一方法是在XAML中使用这段代码

  1. <TreeView.Resources>
  2.     <Style TargetType="{x:Type TreeViewItem}">
  3.         <Setter Property="HeaderTemplate">
  4.             <Setter.Value>
  5.                 <DataTemplate>
  6.                     <StackPanel Orientation="Horizontal">
  8.                         <Rectangle Fill="Green" HorizontalAlignment="Right" Height="20" Width="20" VerticalAlignment="Top">
  9.                             <Rectangle.OpacityMask>
  10.                                 <VisualBrush Stretch="Fill" Visual="{DynamicResource icons_folder}"/>
  11.                             </Rectangle.OpacityMask>
  12.                         </Rectangle>
  14.                         <TextBlock Text="{Binding}" Margin="5,0" />
  15.                     </StackPanel>
  16.                 </DataTemplate>
  17.             </Setter.Value>
  18.         </Setter>
  19.     </Style>
  20. </TreeView.Resources>

型
即使这填充整个图像的填充颜色，它确实显示，但其相同的文件夹和文件。现在，如果我试图使用画布图像和数据触发器的绑定，我得到一个数据类型错误。我在网上没有找到任何关于如何使用svg数据绑定与treeview和数据触发器的内容。有很多C#编码，但正在寻找PowerShell和.Net解决方案。
尽管我认为在XAML代码中实现这一点会更容易，但我确实尝试过在PowerShell中以编程方式更改图像......但这也失败了。
我需要你的一些专业技能！谢谢！

xaml

1条答案

按热度按时间
vi4fp9gy

vi4fp9gy1#

您可以将HeaderTemplate中的Image替换为显示您的Canvas资源之一的ContentControl：

  1. <Style TargetType="{x:Type TreeViewItem}">
  2.     <Setter Property="HeaderTemplate">
  3.         <Setter.Value>
  4.             <DataTemplate>
  5.                 <StackPanel Orientation="Horizontal">
  6.                     <ContentControl>
  7.                         <ContentControl.Style>
  8.                             <Style TargetType="ContentControl">
  9.                                 <Style.Triggers>
  10.                                     <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType=TreeViewItem}, Path=Tag[0]}" Value="folder">
  11.                                         <Setter Property="Content" Value="{DynamicResource icon_folder}" />
  12.                                     </DataTrigger>
  13.                                     <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType=TreeViewItem}, Path=Tag[0]}" Value="file">
  14.                                         <Setter Property="Content" Value="{DynamicResource icon_file}" />
  15.                                     </DataTrigger>
  16.                                 </Style.Triggers>
  17.                             </Style>
  18.                         </ContentControl.Style>
  19.                     </ContentControl>
  20.                     <TextBlock VerticalAlignment="Center" Text="{Binding}" Margin="5,0" />
  21.                 </StackPanel>
  22.             </DataTemplate>
  23.         </Setter.Value>
  24.     </Setter>
  25. </Style>

字符串

展开查看全部
赞(0）分享  回复(0）举报  2023-11-14
我来回答

相关问题

    查看更多

    热门标签

    更多
    JavaquerypythonNode开发语言requestUtil数据库Table后端算法LoggerMessageElementParser

    最新问答

    更多
    • 蜀ICP备13028337号-1 大数据知识库 https://www.saoniuhuo.com © All rights reserved
    • 本站内容来源互联网,如果侵犯您的权益请联系我们删除, 联系方式：448109455@qq.com