「東雲忠太郎」の平凡な日常のできごと

2024.04.21

動的にタブの内容を複製する場合、ViewModelを使ってタブの内容を管理し、そのViewModelを元に新しいタブの内容を作成することが一般的です

カテゴリ： C#.NET

動的にタブの内容を複製する場合、ViewModelを使ってタブの内容を管理し、そのViewModelを元に新しいタブの内容を作成することが一般的です。以下に、そのようなサンプルコードを示します。

まず、ViewModelを作成します。

```csharp

using System.Collections.ObjectModel;

public class TabViewModel

{

public ObservableCollection<string> Items { get; set; }

public TabViewModel()

{

Items = new ObservableCollection<string>();

}

```

次に、MainWindow.xaml.csファイルに、TabControlのコンテンツを複製するためのメソッドを追加します。

```csharp

using System.Windows;

using System.Windows.Controls;

public partial class MainWindow : Window

{

private ObservableCollection<TabViewModel> tabViewModels;

public MainWindow()

{

InitializeComponent();

tabViewModels = new ObservableCollection<TabViewModel>();

tabViewModels.Add(new TabViewModel()); // 最初のタブを追加

tabControl.ItemsSource = tabViewModels;

}

private void AddTabButton_Click(object sender, RoutedEventArgs e)

{

tabViewModels.Add(new TabViewModel()); // 新しいタブを追加

}

private void CloneTabButton_Click(object sender, RoutedEventArgs e)

{

if (tabControl.SelectedItem != null)

{

// 選択されたタブの内容をコピーして新しいタブを追加

TabViewModel selectedTabViewModel = (TabViewModel)tabControl.SelectedItem;

TabViewModel clonedTabViewModel = new TabViewModel();

foreach (string item in selectedTabViewModel.Items)

{

clonedTabViewModel.Items.Add(item);

}

tabViewModels.Add(clonedTabViewModel);

}

```

最後に、MainWindow.xamlファイルにボタンを追加し、そのボタンがクリックされたときにタブの内容を複製するメソッドを呼び出すようにします。

```xml

<Window x:Class="WpfApp.MainWindow"

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

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

Title="TabControl Sample" Height="450" Width="800">

<Grid>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

</StackPanel>

<TabControl.ItemTemplate>

</DataTemplate>

</TabControl.ItemTemplate>

<TabControl.ContentTemplate>

</DataTemplate>

</TabControl.ContentTemplate>

</TabControl>

</Grid>

</Window>

```

このサンプルでは、Add Tabボタンをクリックすると新しいタブが追加され、Clone Tabボタンをクリックすると選択されたタブの内容がコピーされて新しいタブが追加されます。TabControlのItemsSourceにtabViewModelsをバインドしているため、ViewModelを追加または変更することでTabControlの内容が自動的に更新されます。