ViewModelをモバイルビューに追加する

Question

私は、携帯電話用に追加の適応UI状態を使用するのではなく、モバイルデバイス用に別々のビューセットを作成するために取り組んでいます。私はViewsのサブフォルダにDeviceFamily-Mobileという名前のサブフォルダを追加し、オーバーライドするのと同じ名前の新しいViewを追加することでこれを達成することができます。

携帯デバイス/エミュレータで「モバイル」を動作させて表示するには、次のようなものがあります：View

<Page x:Class="MyApp.PayeesPage" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     xmlns:behaviors="using:Template10.Behaviors" 
     xmlns:controls="using:Template10.Controls" 
     xmlns:core="using:Microsoft.Xaml.Interactions.Core" 
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
     xmlns:interactivity="using:Microsoft.Xaml.Interactivity" 
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
     xmlns:models="using:MyApp.Models" 
     xmlns:viewModels="using:MyApp.ViewModels" 
     xmlns:views="using:MyApp.Views" 
     mc:Ignorable="d"> 

    <RelativePanel Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> 
     <TextBlock x:Name="MobileTextBlock" 
        Foreground="{ThemeResource ForegroundColorBrush}" 
        Text="MOBILE" /> 
    </RelativePanel> 
</Page> 

私は実際の表示にそのような便利なもの、私を許可するようにDataContextを設定しようとする場合は、：

<Page.DataContext> 
    <viewModels:PayeesPageViewModel x:Name="ViewModel" /> 
</Page.DataContext> 

をPayeesPageに移動するときに、私はエラーを取得する：

タイプ 'Windows.UI.Xaml.Controls.TextBlock'のオブジェクトをキャストして 'MyApp.ViewModels.PayeesPageViewModel'と入力できません。

これは、を元のPayeesPageに設定したのと同じ方法です。正常に動作します。これらの代替のDataContextを別の方法で設定する方法はありますか、何か不足していますか？

Answer 1

モバイルViewは、元のPageと同じx:Classを持つ必要があることが判明しました。私がMyApp.Views.PayeesPageと呼んだときにReSharperはそれがすでに存在していたので不平を言っていたので、MyApp.PayeesPageに変更しました。しかし、私はそれを両方とも同じx:Classを使用していたので、すべてを元に戻してみると、すべてが期待通りに機能し始めました。

残念ながら、私はReSharperから赤い塊をたくさん手に入れていますが、状況は変わっていません。念のために誰もが将来的にこの問題に遭遇：

ビュー/ PayeesPage.xaml：

<Page x:Class="MyApp.Views.PayeesPage" 
...> 

ビュー/ DeviceFamilyモバイル/ PayeesPage.xaml：

<Page x:Class="MyApp.Views.PayeesPage" 
...>