Question

我有一个TabControl，ItemsSource绑定到ObservableCollection<string>。在这种情况下，TabControl没有逻辑子项（LogicalTreeHelper.GetChildren(tabctrl)返回空列表）。

如果我手动向TabItem集合添加TabControl.Items，则TabItem是TabControl的逻辑子代。

为什么这些方式表现不同？在这两种情况下，TabControl都不应该有逻辑子项吗？

示例代码：

XAML

<Window x:Class="WpfApplication29.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
  <StackPanel>
    <TabControl Name="tabctrl"/>
    <Button Content="count children" Click="Button_Click_2"/>
  </StackPanel>
</Window>

代码

using System.Collections.ObjectModel;
using System.Linq;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Media;

namespace WpfApplication29
{
  public partial class MainWindow : Window
  {
    public ObservableCollection<string> TabItems
    {
      get { return (ObservableCollection<string>)GetValue(TabItemsProperty); }
      set { SetValue(TabItemsProperty, value); }
    }

    public static readonly DependencyProperty TabItemsProperty =
        DependencyProperty.Register("TabItems", typeof(ObservableCollection<string>), typeof(MainWindow), new PropertyMetadata(null));

    public MainWindow()
    {
      InitializeComponent();

      TabItems = new ObservableCollection<string>();
      TabItems.Add("foo");

      //scenario 1 (Visual Children count: 1, logical children count: 0)
      tabctrl.SetBinding(TabControl.ItemsSourceProperty, new Binding("TabItems") { Source = this });

      //scenario 2 (Visual Children count: 1, logical children count: 1)
      //tabctrl.Items.Add(new TabItem() { Header = "bar", Content = "bar" });

    }
    private void Button_Click_2(object sender, RoutedEventArgs e)
    {
      var visualChildrenCount = VisualTreeHelper.GetChildrenCount(tabctrl);
      var logicalChildrenCount = LogicalTreeHelper.GetChildren(tabctrl).Cast<object>().Count();

      MessageBox.Show(string.Format("Visual Children: {0}, Logical Children: {1}", visualChildrenCount, logicalChildrenCount));
    }
  }
}

Answer 1

如果向usercontrol或page添加控件，则会将其添加到LogicalTree中。但是，控件模板中的UIElements不是LogicalTree的一部分。

恕我直言，当您将TabItem直接添加到TabControl时，您希望直观地出现在LogicalTree中。你已经直接在那里添加了它。

但是当从itemssource生成项目时，TabItems由控件的内部逻辑生成，不会添加到LogicalTree。

也许更好的例子是ListBox或DataGrid。想象一下，您将ItemsSource绑定到非常大的集合，并且您需要启用虚拟化。然后仅在需要时生成项目（UIElements）（它们位于滚动查看器的可见区域中）。如果它们在逻辑树中，则逻辑树将在滚动时更改。但滚动更像是视觉而不是＆＃34; UI逻辑＆＃34;。

本文有助于更好地理解逻辑树：http://www.codeproject.com/Articles/21495/Understanding-the-Visual-Tree-and-Logical-Tree-in

具有绑定TabItem的TabControl的逻辑子项

1 个答案: