问题描述
编辑 2: 根据 Peter Duniho 的建议,我正在用更简单的示例替换我的问题的原始文本和对原始代码的引用。
我正在开发 WinUI 3 应用程序。主窗口有一个 TreeView
,其层次结构如下:顶级项的类型为 CarMake
,每个 CarMake
可以有 0 个或多个 CarModel
子项。该窗口有一个名为 ObservableCollection<CarMake>
的 Cars
属性,它是顶级 CarMake
的源,每个 CarMake
都有一个 ObservableCollection<CarModel>
属性 {{1} } 这是 CarModels
中其子项的来源。
以下分别是 TreeView
和 CarMakeView
类型的 XAML 定义:
CarModelView
<StackPanel Orientation="Horizontal"
Padding="12"
x:Class="Cars.View.CarMakeView"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<TextBlock Text="{x:Bind CarMake.Name}" VerticalAlignment="Center" />
</StackPanel>
<StackPanel Orientation="Horizontal"
x:Class="Cars.View.CarModelView"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<TextBlock Text="{x:Bind Path=CarModel.Name}" />
</StackPanel>
和 CarMake.cs
:
CarModel.cs
namespace Cars.Model
{
public class CarMake
{
public string? Name { get; set; }
public ObservableCollection<CarModel> CarModels { get; set; } = new();
}
}
这是 namespace Cars.Model
{
public class CarModel
{
public string? Name { get; set; }
}
}
的 XAML。
MainWindow
最后是 <Window
<!-- imports etc. -->
>
<Grid>
<Grid.Resources>
<DataTemplate x:Key="CarMakeTemplate" x:DataType="model:CarMake">
<TreeViewItem ItemsSource="{x:Bind CarModels}">
<viewmodel:CarMakeView CarMake="{Binding}"/>
</TreeViewItem>
</DataTemplate>
<DataTemplate x:Key="CarModelTemplate" x:DataType="model:CarModel">
<TreeViewItem>
<viewmodel:CarModelView CarModel="{Binding}"/>
</TreeViewItem>
</DataTemplate>
<utility:CarItemSelector
x:Key="CarItemSelector"
CarMakeTemplate="{StaticResource CarMakeTemplate}"
CarModelTemplate="{StaticResource CarModelTemplate}" />
</Grid.Resources>
<TextBlock/>
<TreeView Grid.Row="1" ItemsSource="{x:Bind Cars}"
ItemTemplateSelector="{StaticResource CarItemSelector}">
</TreeView>
</Grid>
</Window>
的代码隐藏。请注意,我使用硬编码的 MainWindow
集合初始化了 Cars
属性,每个集合都关联了 CarMake
。这定义了我们期望在 UI 中看到的数据层次结构:
CarModel
这是我的期望:在 UI 中,汽车模型应该出现在汽车的视觉子项中,使它们在代码中被分配。因此,例如,“The Homer”,并且只有“The Homer”,应该永远出现在“Powell Motors”的子代中。
问题来了:启动应用程序并展开和折叠至少一个汽车制造商项目后,汽车模型开始显示在错误的汽车制造商下方。例如,“The Homer”汽车模型可能出现在“Chevrolet”下,而不是“Powell Motors”下。每次顶级汽车制造项目折叠然后展开时,都会在其下方出现一组全新的汽车模型,显然是从其邻居那里随机采购的。这几乎就像 UI 框架只是在摆弄 public sealed partial class MainWindow : Window
{
public ObservableCollection<CarMake> Cars { get; set; } =
new ()
{
new CarMake { Name = "Chevrolet",CarModels = { new CarModel { Name = "Camaro" },new CarModel { Name = "Blazer" },new CarModel { Name = "Beretta" } } },new CarMake { Name = "Land Rover",CarModels = { new CarModel { Name = "discovery" },new CarModel { Name = "LR3" },new CarModel { Name = "Range Rover" } } },new CarMake { Name = "Quadra",CarModels = { new CarModel { Name = "Turbo-R 740" },new CarModel { Name = "Type-66 Avenger" }} },new CarMake { Name = "Powell Motors",CarModels = { new CarModel { Name = "The Homer" }}}
};
public MainWindow()
{
this.InitializeComponent();
}
}
并将它们贴在它感觉的任何 CarModel
之下,而不是尊重数据定义的层次结构。
我想知道的内容:我需要更改什么才能使汽车型号名称仅显示在 UI 中为其指定的父项下?另外,我想了解导致此问题的原因。
我知道 WinUI 3 现在绝对是最前沿的,所以我希望它是框架中的一个错误,而不是我做过的事情。我尝试包含我认为与问题相关的所有代码,但如果问题出在其他地方 here's a link to the GitHub repo - 它非常少,只有足够的代码来说明问题,并且只需几秒钟即可在 Visual 中构建工作室。
解决方法
我真的不明白为什么这会产生不同,但结果证明解决方案是更改 Mode
的 x:Bind
CarModelView
的 TextBlock
{1}} 为 Text
,而不是保留它的默认值,这显然是 OneWay
:
OneTime
编辑:正如 Peter Duniho 在下面指出的那样,Microsoft 确实记录了 <StackPanel Orientation="Horizontal"
x:Class="Cars.View.CarModelView"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<TextBlock Text="{x:Bind Path=CarModel.Name,Mode=OneWay}" />
</StackPanel>
是 OneTime
here 的默认模式,尽管为什么 {{1} } 特别引起我观察到的奇怪行为对我来说仍然是个谜。但无论如何,这至少似乎可以保证汽车名称总是准确地出现在预期的位置,而永远不会出现在它们不在的位置。