wpf Behaviors庫實現支持多選操作進行后臺綁定數據的ListView

請添加圖片描述

 <ListView ItemsSource="{Binding SchemeItems}" SelectionMode="Extended"   VerticalAlignment="Stretch" HorizontalAlignment="Stretch"><ListView.ContextMenu><ContextMenu><MenuItem Header="刪除" Command="{Binding DeleteSelectedItemCommand}"/></ContextMenu></ListView.ContextMenu><i:Interaction.Behaviors><behaviors:SelectedItemsBehavior SelectedItems="{Binding SelectedSchemeItems, Mode=TwoWay}"/></i:Interaction.Behaviors><ListView.View><GridView><GridViewColumn Header="方案名"  DisplayMemberBinding="{Binding Name}"/></GridView></ListView.View></ListView>

1. `ListView`控件的定義

<ListView ItemsSource="{Binding SchemeItems}" SelectionMode="Extended" VerticalAlignment="Stretch" HorizontalAlignment="Stretch">

ItemsSource="{Binding SchemeItems}"：
- 這是數據綁定的屬性，表示ListView的數據源綁定到視圖模型（ViewModel）中的SchemeItems屬性。
- SchemeItems應該是一個集合類型（如ObservableCollection），其中存儲了要顯示在ListView中的數據項。
SelectionMode="Extended"：
- 設置ListView的選中模式為“擴展模式”，允許用戶通過按下Ctrl或Shift鍵選擇多個項目。
VerticalAlignment="Stretch" 和 HorizontalAlignment="Stretch"：
- 這兩個屬性設置ListView在父容器中垂直和水平方向上拉伸以填充可用空間。

2. 上下文菜單（`ContextMenu`）

<ListView.ContextMenu><ContextMenu><MenuItem Header="刪除" Command="{Binding DeleteSelectedItemCommand}"/></ContextMenu>
</ListView.ContextMenu>

ContextMenu：
- 定義了ListView的上下文菜單，即用戶右鍵單擊ListView時顯示的菜單。
MenuItem Header="刪除" Command="{Binding DeleteSelectedItemCommand}"：
- 定義了一個菜單項，標題為“刪除”。
- Command="{Binding DeleteSelectedItemCommand}"：
  - 綁定了一個命令，當用戶點擊“刪除”菜單項時，會觸發視圖模型中的DeleteSelectedItemCommand命令。
  - 這個命令通常用于刪除選中的項目。

3. 行為（`Interaction.Behaviors`）

<i:Interaction.Behaviors><behaviors:SelectedItemsBehavior SelectedItems="{Binding SelectedSchemeItems, Mode=TwoWay}"/>
</i:Interaction.Behaviors>

Interaction.Behaviors：
- 使用了System.Windows.Interactivity命名空間（通常通過xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"引入）來添加行為。
behaviors:SelectedItemsBehavior：
- 這是一個自定義行為，可能是為了處理ListView的多選項目。
SelectedItems="{Binding SelectedSchemeItems, Mode=TwoWay}"：
- 將行為的SelectedItems屬性與視圖模型中的SelectedSchemeItems屬性進行雙向綁定。
- 這樣，當用戶在ListView中選擇項目時，SelectedSchemeItems會自動更新，反之亦然。

4. `ListView`的視圖（`ListView.View`）

<ListView.View><GridView><GridViewColumn Header="方案名" DisplayMemberBinding="{Binding Name}"/></GridView>
</ListView.View>

ListView.View：
- 定義了ListView的顯示方式，這里使用了GridView，即表格視圖。
GridViewColumn Header="方案名" DisplayMemberBinding="{Binding Name}"：
- 定義了一個表格列，標題為“方案名”。
- DisplayMemberBinding="{Binding Name}"：
  - 表示該列顯示的數據項的Name屬性值。
  - 假設SchemeItems集合中的每個項目都有一個Name屬性，那么這個屬性的值將顯示在該列中。

public class SelectedItemsBehavior : Behavior<ListView>
{public static readonly DependencyProperty SelectedItemsProperty =DependencyProperty.Register(nameof(SelectedItems),typeof(ObservableCollection<SchemeItem>),typeof(SelectedItemsBehavior),new FrameworkPropertyMetadata(null, FrameworkPropertyMetadataOptions.BindsTwoWayByDefault));public ObservableCollection<SchemeItem> SelectedItems{get => (ObservableCollection<SchemeItem>)GetValue(SelectedItemsProperty);set => SetValue(SelectedItemsProperty, value);}protected override void OnAttached(){base.OnAttached();AssociatedObject.SelectionChanged += OnSelectionChanged;}protected override void OnDetaching(){AssociatedObject.SelectionChanged -= OnSelectionChanged;base.OnDetaching();}private void OnSelectionChanged(object sender, SelectionChangedEventArgs e){SelectedItems = new ObservableCollection<SchemeItem>(AssociatedObject.SelectedItems.Cast<SchemeItem>());}
}

下面代碼定義了一個名為SelectedItemsBehavior的行為類，用于擴展ListView的功能，特別是處理多選項目并將其與視圖模型綁定：

1. 類定義

public class SelectedItemsBehavior : Behavior<ListView>

Behavior<ListView>：
- 這是一個從System.Windows.Interactivity.Behavior<T>繼承的類，專門用于為ListView控件添加行為。
- Behavior<T>是WPF中用于擴展控件功能的機制，允許開發者通過附加行為來增強控件的功能，而無需修改控件本身的代碼。

2. 依賴屬性（`DependencyProperty`）

public static readonly DependencyProperty SelectedItemsProperty =DependencyProperty.Register(nameof(SelectedItems),typeof(ObservableCollection<SchemeItem>),typeof(SelectedItemsBehavior),new FrameworkPropertyMetadata(null, FrameworkPropertyMetadataOptions.BindsTwoWayByDefault));

DependencyProperty.Register：
- 定義了一個名為SelectedItemsProperty的依賴屬性，用于存儲選中的項目集合。
- nameof(SelectedItems)：屬性的名稱。
- typeof(ObservableCollection<SchemeItem>)：屬性的類型，表示選中的項目是一個ObservableCollection<SchemeItem>集合。
- typeof(SelectedItemsBehavior)：依賴屬性所屬的類。
- FrameworkPropertyMetadata(null, FrameworkPropertyMetadataOptions.BindsTwoWayByDefault)：
  - 設置了默認值為null。
  - 設置了BindsTwoWayByDefault選項，表示該屬性默認支持雙向綁定。

3. `SelectedItems`屬性

public ObservableCollection<SchemeItem> SelectedItems
{get => (ObservableCollection<SchemeItem>)GetValue(SelectedItemsProperty);set => SetValue(SelectedItemsProperty, value);
}

這是一個包裝了SelectedItemsProperty依賴屬性的CLR屬性。
通過GetValue和SetValue方法，可以方便地獲取和設置SelectedItemsProperty的值。

4. 附加行為（`OnAttached`）

protected override void OnAttached()
{base.OnAttached();AssociatedObject.SelectionChanged += OnSelectionChanged;
}

OnAttached：
- 當行為被附加到ListView控件時，會調用此方法。
- AssociatedObject：
  - 表示行為所附加的控件，在這里是ListView。
- AssociatedObject.SelectionChanged += OnSelectionChanged：
  - 訂閱了ListView的SelectionChanged事件，當ListView的選中項發生變化時，會觸發OnSelectionChanged方法。

5. 分離行為（`OnDetaching`）

protected override void OnDetaching()
{AssociatedObject.SelectionChanged -= OnSelectionChanged;base.OnDetaching();
}

OnDetaching：
- 當行為從ListView控件分離時，會調用此方法。
- AssociatedObject.SelectionChanged -= OnSelectionChanged：
  - 取消訂閱SelectionChanged事件，以避免內存泄漏。

6. 處理選中項變化（`OnSelectionChanged`）

private void OnSelectionChanged(object sender, SelectionChangedEventArgs e)
{SelectedItems = new ObservableCollection<SchemeItem>(AssociatedObject.SelectedItems.Cast<SchemeItem>());
}

OnSelectionChanged：
- 當ListView的選中項發生變化時，此方法會被觸發。
- AssociatedObject.SelectedItems：
  - 獲取ListView當前選中的項目集合。
- Cast<SchemeItem>()：
  - 將選中的項目集合轉換為SchemeItem類型的集合。
- new ObservableCollection<SchemeItem>(...)：
  - 創建一個新的ObservableCollection<SchemeItem>實例，并將其賦值給SelectedItems屬性。
  - 這樣，SelectedItems屬性會實時更新，反映當前ListView的選中項。

總結

SelectedItemsBehavior類的作用是：

擴展ListView的功能：
- 通過行為機制，為ListView添加了對多選項目的支持，并將其與視圖模型中的ObservableCollection<SchemeItem>屬性進行雙向綁定。
自動更新選中項：
- 當用戶在ListView中選擇或取消選擇項目時，SelectedItems屬性會自動更新，確保視圖模型中的數據與用戶界面保持一致。

通過在XAML中使用<behaviors:SelectedItemsBehavior SelectedItems="{Binding SelectedSchemeItems, Mode=TwoWay}"/>，可以將ListView的選中項與視圖模型中的SelectedSchemeItems屬性綁定，實現數據的雙向同步。