Question

我正在尝试在文件夹图标中更改TreeView的图标。此外，当它崩溃时，它需要有一个打开的文件夹图标。

我的树视图中有数据绑定项，代码为：

<TreeView x:Name="TreeViewCategories"  Grid.Row="0" Grid.Column="1" Height="610" HorizontalAlignment="Left"  Margin="29,111,0,0" VerticalAlignment="Top" Width="315" BorderThickness="0" Background="Transparent" >
    <TreeView.ItemTemplate>
        <HierarchicalDataTemplate  ItemsSource="{Binding Items}">
            <TextBlock FontSize="20" Text="{Binding Name}" PreviewMouseDown="TextBlock_PreviewMouseDown"/>
        </HierarchicalDataTemplate>
    </TreeView.ItemTemplate>
</TreeView>

这也是我用XML中的项填充树视图的方式（这是一段很多代码：

private void LoadHospitalXML()
{
    try
    {
        FileStream fs = new FileStream("ConfigOrgHospital.xml", FileMode.Open, FileAccess.Read);

        var xml = XmlReader.Create(fs);

        rootElement = ConvertHospitalData(xml);

        this.TreeViewCategories.ItemsSource = null;
        List<HospitalWrapper> li = new List<HospitalWrapper>();
        var hosp = rootElement.Items.FirstOrDefault();
        if (hosp != null)
        {
            foreach (var i in hosp.Hospital)
            {
                li.AddIfNotNull(CreateHospList(i));
            }
        }

        this.TreeViewCategories.ItemsSource = li;
    }
    catch (Exception e)
    {
        MessageBox.Show(e.Message);
    }

}

private HospitalWrapper CreateHospList(object obj)
{
    var newItem = new HospitalWrapper();

    newItem.Context = obj;
    //Hospital Names//
    if (obj is HospitalDataHospitalsHospital)
    {
        var hosp = (HospitalDataHospitalsHospital)obj;

        //newItem.Title = "Hospitals";
        newItem.Name = hosp.DefaultName;

        var tmp = new HospitalWrapper();
        tmp.Name = "Sites";
        tmp.IsTitle = true;

        if (hosp.Sites != null)
            foreach (var i in hosp.Sites)
            {
                tmp.Items.AddIfNotNull(CreateHospList(i));
            }
        newItem.Items.Add(tmp);

        tmp = new HospitalWrapper();
        tmp.Name = "Specialties";
        tmp.IsTitle = true;

        if (hosp.Deps != null)
            foreach (var j in hosp.Deps)
            {

                tmp.Items.AddIfNotNull(CreateHospList(j));
            }

        newItem.Items.Add(tmp);
    }
}

Answer 1

顺便说一句，几天前我做过类似的事情。在我的应用程序中，HierarchicalDataTemplate中的文件夹图标添加到那些行为类似于文件夹的对象，我使用触发器根据项目是否展开来更改图标，这里是XAML的相关位：

    <HierarchicalDataTemplate DataType="{x:Type data:FeedComposite}"
                              ItemsSource="{Binding Path=Children}">
        <StackPanel Orientation="Horizontal" Margin="1">
            <StackPanel.Children>
                <Image>
                    <Image.Style>
                        <Style BasedOn="{StaticResource IconImageStyleSmall}" TargetType="Image">
                            <Setter Property="Source" Value="{Binding Source={StaticResource Icon_FolderClosed}, Mode=OneTime}"/>
                            <Style.Triggers>
                                <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType=TreeViewItem}, Path=IsExpanded}" Value="True">
                                    <Setter Property="Source" Value="{Binding Source={StaticResource Icon_FolderOpen}, Mode=OneTime}"/>
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </Image.Style>
                </Image>
                <TextBlock Text="{Binding Title}"/>
            </StackPanel.Children>
        </StackPanel>
    </HierarchicalDataTemplate>

其中{StaticResource Icon_FolderOpen}和{StaticResource Icon_FolderClosed}为BitmapImages，其中包含文件夹状态的图标。 IconImageStyleSmall是一种将图片的MaxWidth和MaxHeight设置为适当的样式。

编辑：为了完成，

<BitmapImage x:Key="Icon_FolderOpen"   UriSource="pack://application:,,,/ImageResources/Icons/FolderOpen.ico"   />
<BitmapImage x:Key="Icon_FolderClosed" UriSource="pack://application:,,,/ImageResources/Icons/FolderClosed.ico" />

<Style x:Key="IconImageStyleSmall" TargetType="Image">
    <Setter Property="MaxWidth" Value="16"/>
    <Setter Property="MaxHeight" Value="16"/>
    <Setter Property="Margin" Value="1"/>
</Style>

Icons used

如何将TreeView图标更改为文件夹图标？

1 个答案: