一昨日に引き続いて、.NET MAUI Preview 5を試してみます。
新規作成した.NET MAUIプロジェクトは画面が一つだけです。
そのままでは設定画面も作れないので、スマホアプリでよくある左上にハンバーガーボタンが表示されているスタイルの画面(名前が分かりません)にしてみたいと思います。
Xamarinでの呼び名はMasterDetailPageでしたが廃止され、現在はFlyoutPageとなっているようです。
なのでFlyoutPageを使うのが普通かもしれませんが、Shellというのがあったので試してみました。
正直FlyoutPageとShellの違いが何なのかは良く分かっていません。
公式にXamarin.Forms シェル アプリケーションを作成するというページが用意されており、.NET MAUI Preview 5でもほぼ同様の作業でShellを使うことができました。
.NET MAUIはほとんどXamarin.Formsと同じようなので、調べたいことがあったらXamarin.Formsについて調べれば解決できることが多そうです。
ちなみに、完成した画面はこんな感じになりました。
タイトルを「Shell 1」と「シェル 2」にしてみましたが、見ての通り日本語が文字化けしてしまっているので、対応方法を調べて対処したいと思います。
![](https://cappu-soft.com/wp-content/uploads/2021/06/maui_shell1-572x1024.png)
![](https://cappu-soft.com/wp-content/uploads/2021/06/maui_shell2-572x1024.png)
コメント
[…] 以前.NET MAUI Preview 5を試しましたが、Visual Studio 2022や.NET 6の公開と同じ時期に.NET MAUI Preview 10が公開されたので試してみました。 […]