wpfについて

MainWindow.xamlに以下の通り記述しています。

ここからPartsにある部品を読み込んで、Frameを用いてコンテンツ部のみ遷移させるイメージです。
Headerはラジオボタンで6つのボタンを実装しています。
Headerの選択項目に応じてコンテンツ部の内容を変化させたいです。
xamlとc#の記述方法を教えてください。お願いします。

hikochang

2017/01/16 11:35

分からないこところの要点を記載しないと回答がつかないと思います。まずこの長いxamlを読む気になれません。

行動規範の内容に同意します

回答1件

Header のボタンに応じてコンテンツを変えたいだけなら TabControl を使いましょう。
TabItem 配下に各コンテンツを実装します。
1 つの xaml に全部詰め込むと複雑になるので、現実的には各 TabItem の中身を個別の UserControl に実装すると良いでしょう。

以上で解決な気もしますが、違う違う、そうじゃない！そこからさらにコンテンツの中身がどんどん変わっていくんだよという場合は別です。私は以下の方法を採っています。

xaml には中身が空のコンテナーを Name 付きで置きます。
コンテンツ部となるパーツは UserControl でそれぞれ別途実装します。
コードビハインドでコンテンツの切り替えを実装します。

UserControl なら何でもいいので 2 の部分は説明を省き、1 と 3 のポイントだけ書きます。

私は DockPanel をコンテナーに使っているので、その前提で書きます。Frame でもちょっと変わるだけでたぶんできると思います。

###MainWindow.xaml

xaml
1<Window ...>
2    <!-- ... -->
3        <DockPanel Name="contentContainer" ...>
4        </DockPanel >
5    <!-- ... -->
6</Window>

###MainWindow.xaml.cs

cs
1    // ...
2
3    public partial class MainWindow : Window
4    {
5        // ...
6
7        private void ChangeContent(UserControl contentControl)
8        {
9            if (pane != null)
10            {
11                // 中身を空にして入れ替える
12                contentContainer.Children.Clear();
13                contentContainer.Children.Add(contentControl);
14                // 以下の設定はコンテナーいっぱいに contentControl を配置するための設定
15                contentControl.Width = double.NaN;
16                contentControl.Height = double.NaN;
17                contentControl.SetValue(DockPanel.DockProperty, Dock.Top);
18            }
19        }
20
21        // ...
22    }