ASP.NET - 将图像用于 TreeView 控件

      TreeView 控件具有许多不同的外观，从而可以提供灵活的图像自定义以及指定自定义用户界面 (UI) 选项的属性。您可以将图像与 TreeView 控件一起使用来表示节点、连接线以及展开和折叠图标。还可以使用 ImageSet 属性中一组预定义的图像，或者通过设置各个图像属性来使用自定义图像。

 

一、TreeView 控件中使用的图像

TreeView 控件的可视化元素包括下列图像：

·折叠的节点图像

·展开的节点图像

·不可展开的图像

·根节点图像

·父节点图像

·叶节点图像

 

除了这些图像以外，将 ShowLines 属性设置为 true 时，TreeView 控件还使用图像创建连接 TreeView 项的线条。可以使用 TreeView 控件上的可用“行图标生成器”对话框生成这些线条（选中“显示行”属性时），也可以自行创建图像。请注意，不需要自定义每个图像属性。如果没有显式设置图像属性，则使用内置的默认图像。

 

二、使用图像集中的默认图像

为 TreeView 控件分配图像的最简单方法是使用 ImageSet 属性。内置于 TreeView 控件中的图像集包括树中用于 MSN Messenger、Microsoft Outlook、Windows Explorer 和 Microsoft Windows 帮助的常见图像资源集。图像集还包括几种项目符号样式。

下面的代码示例演示使用 Windows XP 文件资源管理器图像集的 TreeView 控件。

        <asp:TreeView ID="TreeView1"

        runat="server"

        DataSourceID="XmlDataSource1"

        ImageSet= "XPFileExplorer">

 

三、使用自定义折叠和展开图像

可以使用图像来指示可展开的节点、可折叠的节点或者不展开或折叠的节点。可以在大多数图形程序中针对此目的创建图像。

若要为特定的节点类型分配图像，可以为相应的属性分配要使用的图像文件的位置。这些属性包括：ExpandImageUrl、CollapseImageUrl 和 NoExpandImageUrl。下面的示例设置这些属性，以自定义网站的 Images 目录中的图像。

    <asp:TreeView ID="TreeView1"

        runat="server"