前の記事以降で .NET6 MAUI preview4 をいじってみて知ったことあれこれ

ReactiveProperty動くらしい

かずきさんのこのページを参考に
……普通に動く

結論

いつもお世話になっています！とても助かってますね

Androidはpreview4でも実機が使える

adb devicesで認識していればdotnet build -t:Run -f net6.0-androidで大丈夫

結論

デバッグが捗りますね

Windows版のデバッグをするには (Package)

dotnet new maui -o HelloWorldでプロジェクトを作ったとしたら。
Windows版のデバッグはHelloWorld.WinUI3 (Package)をスタートアッププロジェクトにする

結論

WinUIのデバッグをしたことがないのが丸わかりですね

dotnet new maui の -o と -n

dotnet new mauiコマンドのオプション、-oと-nでは結果が違う。

dotnet new maui -o HelloWorldだと以下のようなファイルの配置になるが、

  HelloWorld
    HelloWorld
      Android
      HelloWorld.csproj
      MacCatalyst
      iOS
    HelloWorld.WinUI3
    HelloWorld.WinUI3 (Package)
    Directory.Build.targets

dotnet new maui -n HelloWorldだと以下のようになる

  HelloWorld
    HelloWorld
      HelloWorld
        Android
        HelloWorld.csproj
        MacCatalyst
        iOS
    HelloWorld.WinUI3
    HelloWorld.WinUI3 (Package)
    Directory.Build.targets

結論

dotnet new mauiコマンドで-nは使ってはいけないですね

NavigatePage をちゃんと使うには

Startup.csに.UseMauiControlsHandlers()を加える

using Microsoft.Maui.Controls.Hosting;

これ入れて

            appBuilder
                .UseFormsCompatibility()
                .UseMauiControlsHandlers()
                .UseMauiApp<App>()

こうする
こうしないと全く白紙だったりして悩むことになる（5時間くらい）

結論

テンプレートも直して欲しいですね

Prismがprerelease出している

Prism.Maui

$ dotnet new maui -o HelloWorld
$ cd HelloWorld/HelloWorld.WinUI3
$ dotnet add package Prism.Maui --prerelease
$ dotnet add package Prism.DryIoc.Maui --prerelease
$ cd ../HelloWorld
$ dotnet add package Prism.Maui --prerelease
$ dotnet add package Prism.DryIoc.Maui --prerelease

として、Startup.csは上記も参考にして、以下に変更

            appBuilder
                .UseFormsCompatibility()
                .UseMauiControlsHandlers()
                .UsePrismApplication<App>(x => x.UseDryIoc())

App.xamlは以下で

<prism:PrismApplication
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:HelloWorld"
    xmlns:prism="http://prismlibrary.com"
    x:Class="HelloWorld.App">

</prism:PrismApplication>

App.xaml.csは以下のように

    public partial class App : PrismApplication
    {
        public App() : this(null)
        {
        }

        public App(IContainerExtension container) : base(container)
        {
            InitializeComponent();
        }

        protected override async Task OnWindowCreated(IActivationState activationState)
        {
            Microsoft.Maui.Controls.Compatibility.Forms.Init(activationState);

            this.On<Microsoft.Maui.Controls.PlatformConfiguration.Windows>()
                .SetImageDirectory("Assets");

            await NavigationService.NavigateAsync("/NavigationPage/MainPage");
        }

        protected override void RegisterTypes(IContainerRegistry containerRegistry)
        {
            containerRegistry.RegisterForNavigation<NavigationPage>();
            containerRegistry.RegisterForNavigation<MainPage>();
        }
    }

usingは適宜追加で。
ただ、View-ViewModelを

            containerRegistry.RegisterForNavigation<MainPage, MainPageViewModel>();

とするとまだエラーになるようで。（2021/06/02現在の、8.1.27-alphaにて）
View + ViewModel というクラス名にして、Viewだけ指定しておけばViewModelを使ってくれます。
（もちろんXAML側にViewModelLocatorとか指定は要りますが）

結論

着々と環境が整っていってますね

ViewsとかViewModelsとかディレクトリ掘った時

WinUIのプロジェクトはソースファイルを相対パスで読み込んでいる
ディレクトリを掘ったりすると、読んでくれなくて悩むことになる（1時間くらい）

.csprojファイルを直接編集する

    <ItemGroup>
        <Compile Include="..\HelloWorld\*.cs" Link="%(FileName)%(Extension)" />
    </ItemGroup>

    <ItemGroup>
        <EmbeddedResource Remove="Windows\*.xaml" />
        <EmbeddedResource Include="..\HelloWorld\*.xaml" Link="%(FileName)%(Extension)" />
    </ItemGroup>

こうなってるようなところを

    <ItemGroup>
        <Compile Include="..\HelloWorld\*.cs" Link="%(FileName)%(Extension)" />
        <Compile Include="..\HelloWorld\Views\*.cs" Link="Views\%(FileName)%(Extension)" />
        <Compile Include="..\HelloWorld\ViewModels\*.cs" Link="ViewModels\%(FileName)%(Extension)" />
    </ItemGroup>

    <ItemGroup>
        <EmbeddedResource Remove="Windows\*.xaml" />
        <EmbeddedResource Include="..\HelloWorld\*.xaml" Link="%(FileName)%(Extension)" />
        <EmbeddedResource Include="..\HelloWorld\Views\*.xaml" Link="Views\%(FileName)%(Extension)" />
        <EmbeddedResource Include="..\HelloWorld\ViewModels\*.xaml" Link="ViewModels\%(FileName)%(Extension)" />
    </ItemGroup>

こう直す

        <Compile Include="..\HelloWorld\**\*.cs" Link="%(RecursiveDir)%(FileName)%(Extension)" />

こうすると、AndroidやiOSのファイルまで読んでしまうのでダメ

結論

仕組み上仕方ないのですが、将来に期待ですね