WPF/C＃でタブ可能なコンテンツを作成する方法は？

Question

私はWPFアプリケーションにTabControlを持っています。私は、私のアプリケーションが単一のプログラム内の複数の「インスタンス」を基本的にサポートするようにしたい。たとえば、Webブラウザについて考えてみると、異なるタブで複数のWebサイトインスタンスを持つことができます。アプリケーションに複数のサブアプリケーションが含まれている同様の機能を実現したいと考えています。

私は現在直面している問題は、各タブはまったく同じマークアップとUIが、異なるデータを持っているので、私は、すべてのタブに同じXAMLをコピー＆ペーストしなければならないということです。別の問題は、それらのタブを動的に作成する機能が必要なことです。

私のアプリケーションの現在の状態のスクリーンショットです。ご覧のとおり、上部に2つのタブがあり、2つ目のタブは非アクティブなので透明な背景があります。

だから、どのように私はすべてのタブのタブのUIが同じままタブ可能なシステムを作成しないと私は唯一のXAML UIを開発、各タブのためにそれを複製する必要がありますか？

要件：

• すべてのタブが同じUIを持っています。
• すべてのタブにはUI要素のデータが異なります。
• 開発者は、Visual Studio内でタブのXAMLを一度だけ操作したいと思っています。

理想的には、1つのスタイルのないタブコントロールがあり、起動時のアプリケーションがすべて同じUIを持ちながら異なるデータを持つ2-nタブを動的に作成するのが好きです。

Answer 1

が、おそらくこれを行うための方法はたくさんありますが、ここで私の簡単な方法です：

がそれぞれ自分の同じタブの内容を定義するDataTemplateを定義します。データテンプレートのコントロールは、現在選択されているタブのビューモデルにバインドされます。私は私の例では単一のTextBlockを配置しましたが、簡単にこれを拡張することができます。

<Page.DataContext> 
    <Samples:TabBindingViewModels /> 
</Page.DataContext> 

<Grid> 
    <Grid.Resources> 
     <DataTemplate x:Key="ContentTemplate" 
         DataType="{x:Type Samples:TabBindingViewModel}"> 
      <TextBlock Text="{Binding Content}"/> 
     </DataTemplate> 
    </Grid.Resources> 
    <TabControl ContentTemplate="{StaticResource ContentTemplate}" 
       DisplayMemberPath="Header" ItemsSource="{Binding Items}" /> 
</Grid> 

と、このビューモデルコード：

public class TabBindingViewModels 
{ 
    public TabBindingViewModels() 
    { 
     Items = new ObservableCollection<TabBindingViewModel> 
        { 
         new TabBindingViewModel(1), 
         new TabBindingViewModel(2), 
         new TabBindingViewModel(3), 
        }; 
    } 

    public IEnumerable<TabBindingViewModel> Items { get; private set; } 
} 

public class TabBindingViewModel 
{ 
    public TabBindingViewModel() : this(0) 
    { 
    } 

    public TabBindingViewModel(int n) 
    { 
     Header = "I'm the header: " + n.ToString(CultureInfo.InvariantCulture); 
     Content = "I'm the content: " + n.ToString(CultureInfo.InvariantCulture); 
    } 

    public string Header { get; set; } 
    public string Content { get; set; } 
} 

を我々が得る：タブコントロールのスタイリングに

私はかなりこのようなtutorialこのXAMLを使用して

。より複雑なコンテンツをタブヘッダーやコンテンツに簡単に入れることができます。

タブコントロールのテンプレート全体を調べて、タブコントロールの仕組みを理解する必要があります。 BlendまたはVS11 betaを使用してテンプレートを抽出します。

タブを動的に追加/削除するには、ビューモデルのObservableCollectionに項目を追加/削除するだけです。

Answer 2

これは、あなたが取ることができる多くの異なるパスがあるため、実際にはかなり大きな回答に変わる可能性があります。

TabControlはItemsControlです。つまり、各モジュールを構成するUserControlsなどのオブジェクトのコレクションを含めることができます。このように、PrismのIModuleのようなインターフェイスを実装するいくつかのモジュールプロジェクトの内部にあるUserControlオブジェクトのObservableCollection{T}にItemsプロパティをバインドすることから始められます。インターフェイスは、タブ内にロードできるモジュールの開始点を定義します。モジュールが要求されると、単にアセンブリをロードし、モジュールに定義された領域への参照を含むタブを追加するだけです。

それは実際には非常に難しいことではありませんが、私はそれがあなたのために重い物を持ち上げるの多くを処理しますので、あなたがPrismをよく読んでお勧めします。私は最近、Prismを使用して記述したのとまったく同じインターフェースを構築しました。

Answer 3

はMVVMフレームワークベースのソリューションのためのCaliburn.Microを見てみましょう。求めている正確な質問は、サンプルソリューションの1つで解決されます。

http://caliburnmicro.codeplex.com/

Answer 4

は、より多くの情報がなければ、私のアプローチは、各インスタンスまたはタブのためのApplicationDomainの内部MVVMプロバイダを起動することです。タブを終了/閉じるときに、アプリドメインをアンロードします。別の答えで述べたように