TreeView

例子中給了五個樹形菜單，第一個是簡單的樹形菜單，第二個是嵌套了按鈕的樹形菜單，第三個是父級是按鈕，第四個是綁定了資源的樹形，第五個是嵌套了圖檔的樹形。

<Window x:Class="SimpleTreeView.Window1"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    Title="SimpleTreeView"

    >

 <Window.Resources>

    <Style TargetType="{x:Type TreeViewItem}">

      <Setter Property="Foreground" Value="Blue"/>

      <Setter Property="FontSize" Value="12"/>

    </Style>

    <Style TargetType="{x:Type TextBox}">

      <Setter Property="Width" Value="80"/>

      <Setter Property="TextWrapping" Value="Wrap"/>

    <XmlDataProvider x:Key="myEmployeeData" XPath="/EmployeeData">

      <x:XData>

        <EmployeeData xmlns="">

          <EmployeeInfo>

            <EmployeeInfoData>Employee1</EmployeeInfoData>

            <Item Type="FirstName">桂素偉</Item>

            <Item Type="LastName">劉靖凱</Item>

            <Item Type="EmployeeNumber">張三</Item>

          </EmployeeInfo>

            <EmployeeInfoData>Employee2</EmployeeInfoData>

            <Item Type="FirstName">王五</Item>

            <Item Type="LastName">趙六</Item>

            <Item Type="EmployeeNumber">李四</Item>

        </EmployeeData>

      </x:XData>

    </XmlDataProvider>  

 <HierarchicalDataTemplate DataType="EmployeeInfo"

      ItemsSource ="{Binding XPath=Item}">

      <TextBlock Text="{Binding XPath=EmployeeInfoData}" />

    </HierarchicalDataTemplate>

 </Window.Resources>

    <StackPanel>    

       <TextBlock>

        簡單的樹形</TextBlock>

      <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"/>

      </TreeView>

        <TextBlock>

        組合樹形1

      </TextBlock>

        <TreeView>

          <TreeViewItem Header ="Employee1">

            <TreeViewItem.Items>

              <Button>Jesper</Button>

              <Button>Aaberg</Button>

              <Button>12345</Button>

            </TreeViewItem.Items>

          </TreeViewItem>

          <TreeViewItem Header="Employee2">

              <Button>Dominik</Button>

              <Button>Paiha</Button>

              <Button>98765</Button>

        </TreeView>

       組合樹形2

     <TreeView>

        <TreeViewItem>

          <TreeViewItem.Header>

            <Button>Employee1</Button>

          </TreeViewItem.Header>

            <Button>Employee2</Button>

        資源綁定的樹形

      <TreeView ItemsSource="{Binding Source={StaticResource myEmployeeData},

        XPath=EmployeeInfo}"/>

      <TextBlock>

       組合樹形三

        <TreeViewItem Header="Animals">

          <TreeViewItem.Items>

          <DockPanel>

            <Image Source="data\fish.png"/>

            <TextBlock Margin="5" Foreground="Brown"

                       FontSize="12">Fish</TextBlock>

          </DockPanel>

            <Image Source="data\dog.png"/>

                       FontSize="12">Dog</TextBlock>

            <Image Source="data\cat.png"/>

                       FontSize="12">Cat</TextBlock>

        </TreeViewItem.Items>

        </TreeViewItem>     

    </StackPanel>

</Window>

本文轉自桂素偉51CTO部落格，原文連結：http://blog.51cto.com/axzxs/150005 ，如需轉載請自行聯系原作者