Avalonia跨平台入门第三十三篇之TreeView
内容提要
本文介绍了如何使用TreeView实现射击效果。通过设置TreeView的ControlTheme和ItemTemplate，以及绑定ItemsSource，可以实现简单的效果。文章提到了编程的乐趣和挑战，并鼓励读者留言和支持。
延伸解读
为何选择 TreeView 而非 Expander+ListBox
作者在实现射击效果时，原本考虑用 Expander 加 ListBox 的组合，但最终选择了 TreeView。关键原因在于扩展性：如果未来需要增加层级，只需在数据源中增加一层数据即可，无需大幅调整 UI 结构。这提醒我们，在技术选型时，除了实现当前效果，还应考虑后续维护和功能扩展的便利性。
ControlTheme 与 ItemTemplate 的分工
文章通过 ControlTheme 定义 TreeView 的整体外观和行为，如前景色、背景、边框、滚动条设置等，并指定了 ItemTemplate 和 ItemContainerTheme。而 ItemTemplate 则负责每个数据项的视觉呈现，这里用 WrapPanel 组合椭圆和文本，椭圆颜色通过转换器绑定状态。这种分离让样式和内容模板各司其职，便于复用和修改。
选中状态样式的定制要点
针对 TreeViewItem 的选中状态，文章展示了两种样式设置：一是直接通过 `^:selected` 设置 Foreground，二是通过 `^:selected /template/ Border#PART_LayoutRoot` 设置背景色。后者需要了解控件模板的内部结构，才能准确命中目标元素。这提示我们，在自定义控件样式时，有时需要深入模板内部进行精细控制。
数据绑定与动态展示
通过将 TreeView 的 ItemsSource 绑定到 ViewModel 中的 Nodes 集合，实现了数据的动态展示。结合 TreeDataTemplate 中的 ItemsSource 绑定到 SubNodes，可以自动生成层级结构。这种绑定方式让 UI 与数据解耦，便于通过修改数据源来更新界面，是 MVVM 模式的典型应用。
Q&A
如何使用TreeView实现射击效果？
通过设置TreeView的ControlTheme和ItemTemplate，以及绑定ItemsSource，可以实现射击效果。
为什么选择TreeView而不是Expander和ListBox？
选择TreeView是为了方便后续增加层级，只需在数据源中增加一层数据即可。
TreeView的ControlTheme如何设置？
可以通过Setter设置Foreground、Background、BorderBrush等属性来定义TreeView的外观和行为。
如何定义TreeView的ItemTemplate？
使用TreeDataTemplate定义ItemTemplate，并绑定SubNodes作为ItemsSource。
TreeViewItem的选中状态样式如何设置？
可以通过Style Selector设置选中状态的Foreground和Background属性。
如何绑定ItemsSource以动态显示数据？
通过在TreeView中设置ItemsSource属性，绑定到数据源中的Nodes。
