首页 > 解决方案 > UWP c# TreeView 带图标示例

问题描述

Microsoft 最近开始支持 UWP 的 TreeView。这个页面是一个参考。 https://docs.microsoft.com/en-us/windows/uwp/design/controls-and-patterns/tree-view

他们在那里显示一个带有图标的示例,但是他们没有提供如何执行此操作的示例。

任何人都可以展示如何在 XAML 中或以编程方式执行此操作的示例吗?

提前致谢。

标签: c#uwptreeview

解决方案


好的,我从Depechie提供的链接中复制了示例(页面的最底部),并用下面的代码替换了 DataTemplate 并且它有效。我现在可以看到图像。

<DataTemplate x:Key="TreeViewItemDataTemplate">
            <Grid Height="44">
                <StackPanel Orientation="Horizontal">
                    <Image x:Name="TreeIcon" Width="16" Height="16" Source="Assets/folder.png" Margin="0,0,10,0">
                        <Image.FocusVisualPrimaryBrush>
                            <ImageBrush/>
                        </Image.FocusVisualPrimaryBrush>
                    </Image>
                    <TextBlock
                    Text="{Binding Content.DisplayName}"
                    HorizontalAlignment="Left"
                    VerticalAlignment="Center"
                    Style="{ThemeResource BodyTextBlockStyle}"/>
                </StackPanel>
            </Grid>
        </DataTemplate>

推荐阅读