Question

我目前正在使用C＃中的visual studio包项目，它提供了一个新的工具窗口来存储和复制自定义代码片段。

到目前为止，我设计的小窗口如下：

Overview about the graphical design

窗口的XAML代码是：

<TreeView Name="tevTemplates" Background="#00000000">
    <TreeView.ItemTemplate>
        <HierarchicalDataTemplate ItemsSource="{Binding Items}">
            <StackPanel Orientation="Horizontal">
                <Image Margin="0,0,5,0" Source="{Binding Image}" />
                <TextBlock Text="{Binding Title}" />
            </StackPanel>
        </HierarchicalDataTemplate>
    </TreeView.ItemTemplate>
</TreeView>

我使用的自定义数据模型：

using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Drawing;

namespace Sago.TemQWindow.Classes
{
    /// <summary>
    /// Represents a simple data item to display easy an item inside a view
    /// </summary>
    public class MenuNode
    {
        /// <summary>
        /// Initializes a new instance of a Sago.TemQWindow.Classes.MenuNode object with the display title
        /// </summary>
        /// <param name="title"></param>
        public MenuNode(string title) : this(title, null) { }

        /// <summary>
        /// Initializes a new instance of a Sago.TemQWindow.Classes.MenuNode object with the display title and image
        /// </summary>
        /// <param name="title"></param>
        /// <param name="image"></param>
        public MenuNode(string title, Image image)
        {
            this.Items = new ObservableCollection<MenuNode>();
            Title = title;
            Image = image;
        }

        /// <summary>
        /// Gets or sets the display title
        /// </summary>
        public string Title { get; set; }

        /// <summary>
        /// Gets or sets the display image
        /// </summary>
        public Image Image { get; set; }

        /// <summary>
        /// Gets or sets the sub items of the node
        /// </summary>
        public ObservableCollection<MenuNode> Items { get; set; }
    }
}

打开工具窗口后，以下源代码加载模板文件夹的内容和子目录内容：

/// <summary>
/// Loads the whole folder structure of the given path recursive
/// </summary>
private void LoadStructure(MenuNode rootNode, string path)
{
    // Gets all files
    string[] files = IO.Directory.GetFiles(path);
    foreach (string file in files)
    {
        // Creates and adds the sub node for all files inside the given folder
        string clearName = IO.Path.GetFileNameWithoutExtension(file);
        MenuNode node = new MenuNode(clearName);
        rootNode.Items.Add(node);
    }
    // Gets all sub directories
    string[] directories = IO.Directory.GetDirectories(path);
    foreach (string directory in directories)
    {
        // Creates and adds the sub directory as a sub node
        string clearName = IO.Path.GetFileNameWithoutExtension(directory);
        MenuNode node = new MenuNode(clearName);
        rootNode.Items.Add(node);

        // Calls the method recursive
        LoadStructure(node, directory);
    }
}

在下一步中，我想使用特定图像可视化树视图控件中的文件夹和文件。如您所见，我已经在数据模型和XAML绑定中实现了图像属性。

现在的问题是我不知道，我如何将这些图像添加到项目中并通过代码访问它们。由于我已经研究过visual studio包项目，因此无法访问Properties.Resources内容。

如果有人可以帮我解决这个问题，我将非常感激。

Answer 1

做到这一点的一种方法就是这样。

步骤1：将XAML更改为使用绰号

<ResourceDictionary ... 
    xmlns:imaging="clr-namespace:Microsoft.VisualStudio.Imaging;assembly=Microsoft.VisualStudio.Imaging">

<TreeView Name="tevTemplates" Background="#00000000">
    <TreeView.ItemTemplate>
        <HierarchicalDataTemplate ItemsSource="{Binding Items}">
            <StackPanel Orientation="Horizontal">
                <imaging:CrispImage Moniker="{Binding Image}" />
                <TextBlock Text="{Binding Title}" />
            </StackPanel>
        </HierarchicalDataTemplate>
    </TreeView.ItemTemplate>
</TreeView>

步骤2：更改模型以使用绰号

using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Drawing;

using Microsoft.VisualStudio.Imaging.Interop;

namespace Sago.TemQWindow.Classes
{
    /// <summary>
    /// Represents a simple data item to display easy an item inside a view
    /// </summary>
    public class MenuNode
    {
        ...

        /// <summary>
        /// Gets or sets the display image
        /// </summary>
        public ImageMoniker Image { get; set; }

        ...
    }
}

步骤3：设置昵称

private void LoadStructure(MenuNode rootNode, string path)
{
    // Gets all files
    string[] files = IO.Directory.GetFiles(path);
    foreach (string file in files)
    {
        // Creates and adds the sub node for all files inside the given folder
        string clearName = IO.Path.GetFileNameWithoutExtension(file);
        MenuNode node = new MenuNode(clearName);
        node.Image = KnownMonikers.TextFile;
        rootNode.Items.Add(node);
    }
    // Gets all sub directories
    string[] directories = IO.Directory.GetDirectories(path);
    foreach (string directory in directories)
    {
        // Creates and adds the sub directory as a sub node
        string clearName = IO.Path.GetFileNameWithoutExtension(directory);
        MenuNode node = new MenuNode(clearName);
        node.Image = KnownMonikers.FolderClosed;
        rootNode.Items.Add(node);

        // Calls the method recursive
        LoadStructure(node, directory);
    }
}

在此处查看所有KnownMonikers：Visual Studio's KnownMonikers

Visual Studio包 - 在代码上包含和使用外部资源（图像）

1 个答案: