Question

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

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

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

提前致谢。

Answer 1

好的，我从link提供的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>

UWP c＃TreeView带图标示例

1 个答案: