TabControl コントロールのあれこれ

(2017/06/29 7:37:06 created.)

(2017/06/29 8:00:49 modified.)

TabControl コントロールは複数のコンテンツを切り替えることができるコントロールで、例えば次のように使用します。

MainView.xaml

<Window x:Class="Tips_TabControl.Views.MainView"

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

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

        Title="MainView" Height="300" Width="300">

            <TextBlock Text="Item1 のコンテンツ" />

            <TextBlock Text="Item2 のコンテンツ" />

TabControl 内に TabItem を並べることで簡単にコンテンツを切り替えるコントロールを実現できます。

ところで、TabItem 内のコンテンツが単純な場合はこのような記述でも十分ですが、複雑になってくると、ViewModel をわけて管理したり、そもそもコンテンツとしてユーザーコントロールを指定したりすることもあります。

方法は色々ありますが、ここでは ItemsSource プロパティに ViewModel のコレクションを指定することを考えます。