將 TabItems 添加到現有 TabControl WPF/MVVM

Question

我有TabControl已經在XAML上定義了一些TabItems 。 我需要創建新的TabItems並添加到其中。

如果我使用ItemSource我會得到一個異常Items collection must be empty before using ItemsSource.

到目前為止，我已經找到了解決辦法就是創建這些TabItems我已經定義XAML ，但編程上的視圖模型，這樣我就可以建立我真的需要別人，但並不似乎是一個很好的解決方案。

其他解決方案是將TabControl添加為屬性並使用代碼隱藏將其綁定到 ViewModel，我想避免這種情況。

所以，我只是想知道是否有辦法只使用XAML和 MVVM 來做到這一點。

編輯：

ItemSource 嘗試，這是有效的。

XAML：

<TabControl Grid.Row="1"
        Grid.Column="0"
        VerticalAlignment="Stretch"
        BorderThickness="0.5"
        BorderBrush="Black"
        ItemsSource="{Binding Model.TabItems, Mode=TwoWay}">
    <!--<TabControl.Items>
    </TabControl.Items>-->
</TabControl>

模型

public ObservableCollection<TabItem> TabItems {get;set;}

虛擬機

TabItem tabItem = new TabItem { Content = new DetailedViewModel((MyObject)inCommandParameter) };
Model.TabItems.Add(tabItem);

Answer 1

你在這里做的不是MvvM。 它背后的想法是將應用程序的各個部分分開，即模型不應返回任何 UI 元素。 如果您想將它與任何其他 UI 框架（例如WinForms那么它將失敗並且需要額外的工作。
您需要的是這樣的東西，請記住，這是一個示例，您需要對其進行修改以符合您的要求。
模型類：

namespace Model
{
    public class Profile
    {
        public string Name { get; set; }

        public static int I { get; set; } = 2;
    }
}  

在此之后，您將需要 ViewModel：

namespace VM
{
    public class MainViewModel : BaseViewModel
    {
        public MainViewModel()
        {
            ProfilesCollection = new List<Profile>();
            for (int i = 0; i < 100; i++)
            {
                ProfilesCollection.Add(new Profile() {Name = $"Name {i}"});
            }
        }

        private List<Profile> profilesCollection;   

        public List<Profile> ProfilesCollection
        {
            get { return profilesCollection; }
            set { profilesCollection = value; OnPropertyChanged(); }
        }
    }
}  

現在我們有了可以使用的基礎。 在那之后，我假設您知道如何在您的 xaml 中添加相關引用，但這可能會被其他人看到，因此無論如何我都會將其包含在內。
這是一個完整的 MainWindow.xaml：

<Window x:Class="SO_app.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:vm="clr-namespace:VM;assembly=VM"
    xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity" 
    xmlns:converter="clr-namespace:SO_app.Converters"
    xmlns:validation="clr-namespace:SO_app.Validation"
    xmlns:scm="clr-namespace:System.ComponentModel;assembly=WindowsBase"
    xmlns:local="clr-namespace:SO_app"
    xmlns:sys="clr-namespace:System;assembly=mscorlib"
    xmlns:model="clr-namespace:Model;assembly=Model"//reference to my model
    mc:Ignorable="d"
    Title="MainWindow" Height="452.762" Width="525" Closing="Window_Closing">
<!-- d:DataContext="{d:DesignInstance Type=vm:MainViewModel, IsDesignTimeCreatable=True}" -->
<Window.Resources>
    <CollectionViewSource Source="{Binding ProfilesCollection}" x:Key="profiles"/> // this corresponds to our collection in VM
</Window.Resources>
<Window.DataContext>
    <vm:MainViewModel/>//Data Context of the Window
</Window.DataContext>

<Window.Background>
    <VisualBrush>
        <VisualBrush.Visual>
            <Rectangle Width="50" Height="50" Fill="ForestGreen"></Rectangle>
        </VisualBrush.Visual>
    </VisualBrush>
</Window.Background>
<TabControl>
    <TabControl.Resources>
        <DataTemplate DataType="{x:Type model:Profile}">//this data template will be used by the TabControl
            <Grid>
                <TextBlock Text="{Binding Name}"/>
            </Grid>
        </DataTemplate>
    </TabControl.Resources>
    <TabControl.ItemsSource>
        <CompositeCollection>
            <TabItem Header="First Item"/>
            <TabItem Header="SecondItem"/>
            <CollectionContainer Collection="{Binding Source={StaticResource profiles}}"/>
        </CompositeCollection>
    </TabControl.ItemsSource>
</TabControl>

如果您想添加更多項目，那么只需使用將在 VM 中實現的命令，然后向其中添加profile即可欣賞節目。