Nasıl yapılır: Basit veya Karmaşık TreeViews Oluşturma
Bu örnekte basit veya karmaşık denetimlerin nasıl oluşturularak ilgili bilgi ve bilgi ve verilerde yer TreeView almaktadır.
, basit metin dizeleri ve denetimler gibi daha karmaşık içerikler ya da eklenmiş içerik içeren bir TreeView TreeViewItem denetim Button StackPanel hiyerarşisi içerir. İçeriği açıkça tanımlayabilirsiniz TreeView veya bir veri kaynağı içeriği sağlayabilirsiniz. Bu konu başlığında bu kavramlara örnekler verilmiştir.
Örnek
Headeröğesinin TreeViewItem özelliği, ilgili öğe için TreeView görüntüleyen içeriği içerir. , TreeViewItem alt öğeleri olarak TreeViewItem denetimlere de sahip olabilir ve özelliğini kullanarak bu alt öğeleri Items tanımlayabilirsiniz.
Aşağıdaki örnekte, özelliği bir metin TreeViewItem dizesine ayarlayarak içeriği Header açıkça tanımlama adımları ve adımları yer almaktadır.
<TreeView>
<TreeViewItem Header="Employee1">
<TreeViewItem Header="Jesper"/>
<TreeViewItem Header="Aaberg"/>
<TreeViewItem Header="12345"/>
</TreeViewItem>
<TreeViewItem Header="Employee2">
<TreeViewItem Header="Dominik"/>
<TreeViewItem Header="Paiha"/>
<TreeViewItem Header="98765"/>
</TreeViewItem>
</TreeView>
Aşağıdaki örnek, denetimler olarak tanımlayarak bir alt TreeViewItem öğelerinin Items nasıl tanımlay olduğunu Button gösterir.
<TreeView>
<TreeViewItem Header ="Employee1">
<TreeViewItem.Items>
<Button>Jesper</Button>
<Button>Aaberg</Button>
<Button>12345</Button>
</TreeViewItem.Items>
</TreeViewItem>
<TreeViewItem Header="Employee2">
<TreeViewItem.Items>
<Button>Dominik</Button>
<Button>Paiha</Button>
<Button>98765</Button>
</TreeViewItem.Items>
</TreeViewItem>
</TreeView>
Aşağıdaki örnekte, bir içerik sağlayan TreeView bir oluşturma ve içeriğin görünümünü XmlDataProvider TreeViewItem HierarchicalDataTemplate tanımlar.
<XmlDataProvider x:Key="myEmployeeData" XPath="/EmployeeData">
<x:XData>
<EmployeeData xmlns="">
<EmployeeInfo>
<EmployeeInfoData>Employee1</EmployeeInfoData>
<Item Type="FirstName">Jesper</Item>
<Item Type="LastName">Aaberg</Item>
<Item Type="EmployeeNumber">12345</Item>
</EmployeeInfo>
<EmployeeInfo>
<EmployeeInfoData>Employee2</EmployeeInfoData>
<Item Type="FirstName">Dominik</Item>
<Item Type="LastName">Paiha</Item>
<Item Type="EmployeeNumber">98765</Item>
</EmployeeInfo>
</EmployeeData>
</x:XData>
</XmlDataProvider>
<HierarchicalDataTemplate DataType="EmployeeInfo"
ItemsSource ="{Binding XPath=Item}">
<TextBlock Text="{Binding XPath=EmployeeInfoData}" />
</HierarchicalDataTemplate>
<TreeView ItemsSource="{Binding Source={StaticResource myEmployeeData},
XPath=EmployeeInfo}"/>
Aşağıdaki örnekte, içeriğin eklenmiş içeriğe TreeView sahip TreeViewItem denetimler içerdiği DockPanel bir yer oluşturma adımları yer a gösterir.
<TreeView>
<TreeViewItem Header="Animals">
<TreeViewItem.Items>
<DockPanel>
<Image Source="data\fish.png"/>
<TextBlock Margin="5" Foreground="Brown"
FontSize="12">Fish</TextBlock>
</DockPanel>
<DockPanel>
<Image Source="data\dog.png"/>
<TextBlock Margin="5" Foreground="Brown"
FontSize="12">Dog</TextBlock>
</DockPanel>
<DockPanel>
<Image Source="data\cat.png"/>
<TextBlock Margin="5" Foreground="Brown"
FontSize="12">Cat</TextBlock>
</DockPanel>
</TreeViewItem.Items>
</TreeViewItem>
</TreeView>