あ【WPF(xaml)】DataTemplateを使って画面遷移をしたい

Question

■解決したいこと
WPFでDataTemplateを使って画面遷移をしたいです。
下記のサイトを参考に作ったのですが、
エラーになります。

参考サイト：
【C#】【WPF】画面遷移する方法 その２
【C#】【WPF】画面遷移する方法 その２

■発生している問題・エラー
・エラーメッセージは2種類です。
①「名前 "xxxxx" は名前空間 "clr-namespace:Test" に存在しません。」
②「型 '〇〇〇〇〇' が見つかりませんでした。
アセンブリ参照が失われていないか、また、
すべての参照アセンブリがビルドされているかどうかを確認してください。」

参考サイト内では
「vm」と「view」が定義されていないようでしたので、
下記を自分で追記しました。

    xmlns:view="clr-namespace:Test"
    xmlns:vm="clr-namespace:Test"

お手数ですが、
どのように修正れすれば、
DataTemplateを使って画面遷移ができますでしょうか。

ベストアンサーをコピペした時の画像

Comments

[TN8001]

[[Q&A] 【WPF(xaml)】DataTemplateを使って画面遷移をしたい - Qiita](https://qiita.com/Kakeishi_Misa/questions/cbdd7e6422f76903ad30

> teratailでは、マルチポスト※の推奨はしていません。
[ヘルプ｜teratail（テラテイル）](https://teratail.com/help#posted-otherservice

どちらかを削除しろというわけではなく、

* 質問にリンクを記載する
* どちらかで進捗や解決があれば、できるだけ速やかに他サイトに反映する

ということです。

[k_mail]

承知しました。
すいません。知らなったです。
もう一方で質問していた分を削除しました。

Answer 1

申し訳ないですけど、参考サイトはだいぶひどいですね。。。
わかっている人には何の知見も得られませんし、勉強中の方には省略部分が多すぎて参考になりません（今どきは完全版をGitHubに上げてリンクしたりするものですが）

記事の意図のプロジェクト構成はこうです。

ViewModels・Viewsフォルダ以下に、それぞれのViewModel・Viewがあるという前提です。
そのフォルダ（正確には名前空間）を、xmlnsでvm・viewと指定しています。

現状フォルダ分けされていないのと、それぞれのViewがありません（通常UserControlです）

注）
MainWindowもViewsの中に入れているのかもしれませんが、名前がややこしいのであえて入れていません。
MainWindowViewModelもあると思われますが、質問の本題でないので作りません。

---

MainWindow

<Window
  x:Class="Questions374820.MainWindow"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:view="clr-namespace:Questions374820.Views"
  xmlns:vm="clr-namespace:Questions374820.ViewModels"
  Title="MainWindow"
  Width="800"
  Height="450">
  <DockPanel>
    <DockPanel.Resources>
      <DataTemplate DataType="{x:Type vm:MainViewModel}">
        <view:MainView />
      </DataTemplate>
      <DataTemplate DataType="{x:Type vm:Sub1ViewModel}">
        <view:Sub1View />
      </DataTemplate>
      <DataTemplate DataType="{x:Type vm:Sub2ViewModel}">
        <view:Sub2View />
      </DataTemplate>
    </DockPanel.Resources>
    <UniformGrid DockPanel.Dock="Top" Rows="1">
      <Button Click="Button_Click" Content="メイン" />
      <Button Click="Button_Click" Content="サブ1" />
      <Button Click="Button_Click" Content="サブ2" />
    </UniformGrid>
    <ContentControl Content="{Binding SampleViewModel}" Focusable="False" />
  </DockPanel>
</Window>

using System.ComponentModel;
using System.Windows;
using System.Windows.Controls;
using Questions374820.ViewModels;

namespace Questions374820
{
    public partial class MainWindow : Window, INotifyPropertyChanged
    {
        public ViewModelBase SampleViewModel { get; set; } = new MainViewModel();

        public MainWindow()
        {
            InitializeComponent();
            DataContext = this;
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            var 画面 = ((Button)sender).Content as string;
            switch (画面)
            {
                case "メイン":
                    SampleViewModel = new MainViewModel();
                    break;
                case "サブ1":
                    SampleViewModel = new Sub1ViewModel();
                    break;
                case "サブ2":
                    SampleViewModel = new Sub2ViewModel();
                    break;
            }

            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(nameof(SampleViewModel)));
        }

        public event PropertyChangedEventHandler PropertyChanged;
    }
}

MainView

<UserControl
  x:Class="Questions374820.Views.MainView"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
  <Grid>
    <TextBlock
      HorizontalAlignment="Center"
      VerticalAlignment="Center"
      FontSize="36"
      Text="MainView" />
  </Grid>
</UserControl>

using System.Windows.Controls;

namespace Questions374820.Views
{
    public partial class MainView : UserControl
    {
        public MainView() => InitializeComponent();
    }
}

namespace Questions374820.ViewModels
{
    public class MainViewModel : ViewModelBase { }
}

Sub1View

<UserControl
  x:Class="Questions374820.Views.Sub1View"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
  <Grid>
    <TextBlock
      HorizontalAlignment="Center"
      VerticalAlignment="Center"
      FontSize="36"
      Text="Sub1View" />
  </Grid>
</UserControl>

using System.Windows.Controls;

namespace Questions374820.Views
{
    public partial class Sub1View : UserControl
    {
        public Sub1View() => InitializeComponent();
    }
}

namespace Questions374820.ViewModels
{
    public class Sub1ViewModel : ViewModelBase { }
}

Sub2View

<UserControl
  x:Class="Questions374820.Views.Sub2View"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
  <Grid>
    <TextBlock
      HorizontalAlignment="Center"
      VerticalAlignment="Center"
      FontSize="36"
      Text="Sub2View" />
  </Grid>
</UserControl>

using System.Windows.Controls;

namespace Questions374820.Views
{
    public partial class Sub2View : UserControl
    {
        public Sub2View() => InitializeComponent();
    }
}

namespace Questions374820.ViewModels
{
    public class Sub2ViewModel : ViewModelBase { }
}

ViewModelBase

using System.ComponentModel;
using System.Runtime.CompilerServices;

namespace Questions374820.ViewModels
{
    public class ViewModelBase : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;
        protected bool SetProperty<T>(ref T storage, T value, [CallerMemberName] string propertyName = null)
        {
            if (Equals(storage, value)) return false;
            storage = value;
            OnPropertyChanged(propertyName);
            return true;
        }
        protected void OnPropertyChanged(string propertyName) => PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

Comments

[k_mail]

ご丁寧にありがとうございます。
また、後で確認します。

[k_mail]

私の環境でも再現できました。
非常に助かりました。
ありがとうございました！！