ListView控件與TreeView的混合使用

在某些情況下，你可能需要在一個界面中同時使用 ListView 和 TreeView 控件。這兩種控件都用于顯示數據，但它們的數據結構和展示方式有所不同。ListView 通常用于顯示列表形式的數據，而 TreeView 則用于顯示層次結構的數據。

要在一個界面中同時使用這兩種控件，你可以采用以下方法：

1. 將兩個控件放入布局容器中，例如 Grid、StackPanel 或 DockPanel。這樣，你可以根據需要調整它們的大小和位置。

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

    <TreeView Grid.Row="0" Name="treeView1" />
   <ListView Grid.Row="1" Name="listView1" />
</Grid>

2. 在代碼中為兩個控件分別設置數據源。你可以使用 ItemsSource 屬性將數據綁定到控件上。

// 假設你已經有了一個用于 TreeView 的數據源 treeData，以及一個用于 ListView 的數據源 listData
treeView1.ItemsSource = treeData;
listView1.ItemsSource = listData;

3. 根據需要，你還可以為兩個控件設置不同的模板和樣式，以便更好地展示數據。例如，你可以為 TreeView 設置 HierarchicalDataTemplate，以便更好地展示層次結構；為 ListView 設置 ItemTemplate，以便自定義列表項的外觀。

<TreeView.ItemTemplate>
    <HierarchicalDataTemplate ItemsSource="{Binding Children}">
        <TextBlock Text="{Binding Name}" />
    </HierarchicalDataTemplate>
</TreeView.ItemTemplate><ListView.ItemTemplate>
    <DataTemplate>
       <StackPanel Orientation="Horizontal">
            <TextBlock Text="{Binding Property1}" />
            <TextBlock Text="{Binding Property2}" />
        </StackPanel>
    </DataTemplate>
</ListView.ItemTemplate>

4. 根據業務需求，你可以在兩個控件之間進行交互。例如，當用戶在 TreeView 中選擇一個節點時，你可以根據該節點的數據更新 ListView 的內容。

private void treeView1_SelectedItemChanged(object sender, RoutedPropertyChangedEventArgs<object> e)
{
    var selectedNode = e.NewValue as TreeViewItem;
    if (selectedNode != null)
    {
        // 根據 selectedNode 的數據更新 listView1 的內容
    }
}

通過以上方法，你可以在一個界面中同時使用 ListView 和 TreeView 控件，并根據需要進行交互。