【UWP】DataTemplateのDataTypeのエラーについて

Question

※すみません、最初に、記載していたソースのファイル名などを、ほかの方が分かりやすいように、置き換えていたのですが、添付している画像のエラーとの差異があったため、現状のファイル名をそのまま記載いたします。どうぞ、よろしくお願いいたします。

お世話になっております。

Prism 6.3（MVVMパターン）の開発環境で、UWPのアプリを開発しております。

下記、参考サイトと同じようなことをしようとして、自分の環境に合わせて書き換えていたところ、エラーが出て解決できなかったため、質問させていただきます。

• 参考サイト

https://stackoverflow.com/questions/43824504/uwp-community-toolkit-adaptivegridview-control-with-one-item-only?rq=1

• エラー内容

下の青色部分のエラーが解決できれば、上のエラーも消えると思っているのですが。。。。

• リスト解決に向けて試したこと

　プロジェクトの「bin」フォルダと、「obj」フォルダを削除して、「リビルド」を行いましたが、エラーは解決しませんでした。

もし、解決方法が分かる方がいらっしゃいましたら、教えていただけますと幸いです。

どうぞよろしくお願いいたします。

• MainViewModel.cs（一部抜粋）

using System;
using System.Collections.Generic;
using System.IO;
using Prism.Windows.Mvvm;
using Prism.Windows.Navigation;
using Windows.ApplicationModel.Resources;
using Windows.Storage;
using Windows.Storage.Pickers;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;

namespace LearningAlbum.ViewModels
{
    public class Photo
    {
        public string FilePath { get; set; }

        public string ReflectionTitle { get; set; }
    }

    public class PhotoListViewModel : ViewModelBase
    {
        public List<Photo> _PhotoList { get; set; }

        public PhotoListViewModel()
        {
            this._PhotoList = new List<Photo>
            {
                new Photo { FilePath="....", ReflectionTitle="タイトルタイトル！" },
                new Photo { FilePath="....", ReflectionTitle="タイトルタイトル！" },
            };
        }
    }
}

• PhotoListPage.xaml（一部抜粋）

<Page
    x:Class="LearningAlbum.Views.PhotoListPage"
    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:controls="using:Microsoft.Toolkit.Uwp.UI.Controls"
    xmlns:local="using:LearningAlbum.ViewModels"    
    Style="{StaticResource PageStyle}"
    xmlns:prismMvvm="using:Prism.Windows.Mvvm"
    prismMvvm:ViewModelLocator.AutoWireViewModel="True"   
    mc:Ignorable="d">

         <controls:AdaptiveGridView Name="SuggestionGridView" 
                           Style="{StaticResource MainGridView}"                            
                           SelectionChanged="SelectionChanged"
                           ItemsSource="{x:Bind ViewModel._PhotoList}"
                           StretchContentForSingleRow="False" >
            <controls:AdaptiveGridView.ItemTemplate>
                <DataTemplate x:DataType="local:Photo" >
                    <StackPanel Margin="4" MaxWidth="276">
                        <Grid>
                            <Image Source="{x:Bind FilePath}" Style="{StaticResource GridViewImage}"/>
                            <Border Style="{StaticResource TimeBorder}">
                                <TextBlock Text="{x:Bind ReflectionTitle}" Foreground="White"/>
                            </Border>
                        </Grid>
                        <TextBlock Text="{x:Bind ReflectionTitle}"  Style="{StaticResource GridViewVideoName}"/>
                        <TextBlock Text="{x:Bind ReflectionTitle}"  Style="{StaticResource GridViewParentName}"/>
                        <StackPanel Orientation="Horizontal" HorizontalAlignment="Stretch">
                            <TextBlock Text="{x:Bind ReflectionTitle}" Style="{StaticResource GridViewViews}"/>
                            <TextBlock Text="Views" HorizontalAlignment="Right"/>
                        </StackPanel>
                    </StackPanel>
                </DataTemplate>
            </controls:AdaptiveGridView.ItemTemplate>
        </controls:AdaptiveGridView>

◆PhotoListPage.xaml.cs（コードビハインド）

using System;

using LearningAlbum.ViewModels;

using Windows.UI.Xaml.Controls;

namespace LearningAlbum.Views
{
    public sealed partial class PhotoListPage : Page
    {
        private PhotoListViewModel ViewModel => DataContext as PhotoListViewModel;

        public PhotoListPage()
        {
            InitializeComponent();
        }
    }
}

Comments

[tor4kichi]

`MainPage.xaml.cs'（またはエラーが起きているページのコードビハインド）のコードを見せてもらえますか？
（{x:Bind ViewModel._PhotoList}としている点がネックかもしれないなーと思ったので）

[heroherohero]

コメント、ありがとうございます。
コードビハインドに関して、記載いたしました。
また、すみません。ファイル名によって、誤解を与えてしまっていたかもしれないので、現状のアプリで利用しているファイル名に修正いたしました。こちらも併せて、ご確認のほど、よろしくお願いいたします。

Answer 1

追記ありがとうございます。

SelectionChangedに対するイベントハンドラーがコードビハインドに無いようですが、そちらを解消してみて、どうなるか試してみてください。

Comments

[heroherohero]

コメント、ありがとうございます。解決いたしました！
ひとまず（「PhotoListPage.xaml」ファイルの）「SelectionChanged="SelectionChanged"」の記述が不要だったため、こちらを削除しました。
そして、ビルドしたところ、うまくビルドが通りました！
ありがとうございました！

[tor4kichi]

無事進めてよかったですね。エラーメッセージは全て平等に疑っていけるといいのかなと思いました。お疲れさまでした。

Answer 2

自動紐付けするには、ViewとViewModelの名前が約束通りである必要があります。
MainViewModel → PhotoListPageViewModel

Comments

[heroherohero]

コメント、ございます。
申し訳ございません、わたくしのファイル名の記載が良くなく、誤解を与えてしまうような記載になっていたため、ファイル名を修正させていただきました。
コメント、いただいたところ恐縮ですが、再度ご確認いただき、コメントいただけますと幸いです。
よろしくお願いいたします。

[hihijiji]

ファイル名じゃなくてクラス名ね

Answer 3

XAML に xmlns:local="using:LearningAlbum.ViewModels" という部分がありますが、この引用符の中を消し去って clr-namespace と打ち込んでみてください。そうすれば正しい候補が出てくるので、それを選んでください。

よく見ていませんでしたが、上のエラーの方が原因だと思います。
tor4kichi さんの方法を試してください。

Comments

[Zuishin]

無意味なコメントだったので削除

[heroherohero]

コメント、ありがとうございました。
はい、「tor4kichiさん」のコメントを確認し、本問題を解決することができました。ありがとうございました！