Microsoft .NET MAUI part9 [Xamarin]

**デフォルトの名無しさん** · 2022/09/13(火) 20:08:18.38

Xamarinと.NET MAUIのスレッドです。
C#でクロスプラットフォームのアプリを開発できるフレームワーク
無料、クロスプラットフォーム、オープンソース。
対応プラットフォームは、Windows, Android, iOS, macOS, Linuxなど

**.NET MAUI HS** · 2022/09/13(火) 20:10:31.72

Xamarin
https://dotnet.microsoft.com/apps/xamarin

.NET MAUI [.NET Multi-platform App UI]
2022年8月10日公式リリース。Xamarinの後継フレームワーク
https://docs.microsoft.com/en-us/dotnet/maui/
https://github.com/dotnet/maui

前スレ
Xamarin Part8
https://mevius.5ch.net/test/read.cgi/tech/1627778316/

**.NET MAUI HS** · 2022/09/13(火) 20:11:13.92

.NET MAUI | .NET Blog
https://devblogs.microsoft.com/dotnet/category/net-maui/

**デフォルトの名無しさん** · 2022/09/13(火) 20:12:02.42

このスレにもスクリプト荒らし来たかど思ったら人力だった

**.NET MAUI HS** · 2022/09/13(火) 20:12:51.66

これから.NET MAUIをどんどん盛り上げていきましょう！
〇〇のライブラリが使えた！
□□用のライブラリを作った！
ドシドシ情報共有お願いします！

**.NET MAUI HS** · 2022/09/13(火) 20:19:29.24

正直MicrosoftのドキュメントってXamarinの方が充実してるよな
クラス名で調べたらめちゃくちゃ細かく出てくる

**.NET MAUI HS** · 2022/09/13(火) 20:19:53.32

まぁそのXamarinのクラスがほとんどそのまま使えるんだがw

**.NET MAUI HS** · 2022/09/13(火) 20:26:58.45

PC版はC++でオンライン版はReactなんだろうね
だからReactNative使ってる

**.NET MAUI HS** · 2022/09/13(火) 20:27:11.47

すまん語版した

**.NET MAUI HS** · 2022/09/13(火) 20:37:02.82

COCOA普及率3割ってかなり多いほうだと思うんだがどうなんだ？
パズドラとほぼ一緒と考えると

**.NET MAUI HS** · 2022/09/13(火) 20:37:39.30

ラインは81%らしい
こいつやばいな

**デフォルトの名無しさん** · 2022/09/13(火) 20:55:24.22

chocoaと言えば富士通だよね。

**デフォルトの名無しさん** · 2022/09/13(火) 21:02:19.64

LINEは統一教会企業じゃないだろか。
コンピューター関係ではワコムが統一教会企業だぞ。
社長がそう言ってるから。

**.NET MAUI HS** · 2022/09/13(火) 21:15:09.50

>>13
そうなんだ…

**デフォルトの名無しさん** · 2022/09/13(火) 21:31:32.73

MAUIはいいけど作りたい物がないのが問題

**.NET MAUI HS** · 2022/09/13(火) 21:35:19.47

たしかにそれはあるな
ML.NETとか使ってAIを使うってのも面白そう

**.NET MAUI HS** · 2022/09/14(水) 19:02:13.08

NFC普通にあったわ
https://github.com/franckbour/Plugin.NFC

**.NET MAUI HS** · 2022/09/14(水) 23:45:17.28

ないもの足りないものがあるなら作るしないからと言って作ることを諦めない
これがZ世代になるとないなら作りませんになっちゃうんだよな
こんなんじゃ一生イノベーションとか起こせないと思うけど

**.NET MAUI HS** · 2022/09/14(水) 23:46:32.58

ということで何か作りたいんだがどんなのがいいだろうか？
SfMライブラリとか作ってみてぇな

**デフォルトの名無しさん** · 2022/09/15(木) 08:25:03.04

まず、キーボードで文字を打てるように指導するところから始まるからな。冗談抜きで。卒論で相当苦労するらしい。

**デフォルトの名無しさん** · 2022/09/15(木) 08:37:57.65

これからXamarin.formsのアプリをMAUIに移植しなきゃならないのだけど
plugin bleとか使えるのかな
使えないと地獄だけど

**.NET MAUI HS** · 2022/09/15(木) 12:43:05.08

>>20
俺e-typing平均Aだから余裕かな

**デフォルトの名無しさん** · 2022/09/16(金) 16:13:54.31

>>20
もうちょっとすればキーボード叩かなくてもスマホつないでスワイプ入力すればいい時代が来そう

**.NET MAUI HS** · 2022/09/17(土) 19:47:15.06

なんかためになりそうなサイト見つけた
https://vladislavantonyuk.azurewebsites.net/articles/Creating-a-bottom-sheet-using-.NET-MAUI

**デフォルトの名無しさん** · 2022/09/17(土) 19:56:43.23

動画つくらんの？三日坊主？

**.NET MAUI HS** · 2022/09/17(土) 20:28:40.79

>>25
つくったけど？
今日の昼アップロードした
他でやれって言われたから専スレ作ったんだけど

.NET MAUI HighSchool
https://mevius.5ch.net/test/read.cgi/tech/1662947042/

**デフォルトの名無しさん** · 2022/09/19(月) 08:23:29.23

ナビゲーションメニュー初めて作って見たんだけどナビゲーション先でObservableCollectionにAddしたものがメインのCollectionViewに表示されるようにするにはどうすればいいんだろうか？
ナビゲーションバックでコレクションを更新すればよいのかな？

**デフォルトの名無しさん** · 2022/09/19(月) 08:42:40.58

>>27
逆に何で同じコレクションを使わないんだ

**デフォルトの名無しさん** · 2022/09/19(月) 09:59:22.76

>>28
同じコレクション使ってるはずなんだけどページにそれを持ってこうとするとできないんよなぁ…
どうすればいいんだろうか？
違うページでObservableCollectionが入ってるクラスをnewしたら初期化されるかなぁ？

**デフォルトの名無しさん** · 2022/09/19(月) 10:23:17.35

何を言ってるのかよくわからん
1つのObservableCollectionを2つのビューにバインドすればいいだけだろう
何をどうしたらそんなことになるんだ
それが再現できる最小のコードを作ってみたら動画のネタにもなるんじゃね
まさか2つのViewModelそれぞれに違うインスタンスのコレクションを追加して自動的に同期しないと悩んでるんじゃないだろうな

**デフォルトの名無しさん** · 2022/09/19(月) 10:44:45.76

それなんじゃね
DIで別のインスタンスみてんじゃ

**デフォルトの名無しさん** · 2022/09/19(月) 11:35:41.96

DIならAddTransientだと別々のインスタンスになるからAddSingletonしとけ

public class Model
{
public Collection{get;}=new ObservableCollection<string>();
}
public class ViewModel
{
public ViewModel(Model model)
{
Model=model;
}
public Model Model{get;}
}
public MainPage(ViewModel viewModel)
{
ViewModel=viewModel;
}
public Model ViewModel{get;}
}

こんな風に作ったら

builder.Services.AddSingleton<Model>().AddSingleton<ViewModel>().AddSingleton<MainPage>();

こうすればそれぞれのコンストラクタにインスタンスが自動的に注入される
コンストラクタの引数をインターフェースにしとけばテストの時にモックが注入できる

**デフォルトの名無しさん** · 2022/09/19(月) 12:15:12.04

こんな感じでObservableCollectionをDataCollectionとして作って
(DataSet.cs)
https://imgur.com/EyItdN6.jpg

Navigation先でAddしたやつを
(DetailPage.xaml.cs)
https://imgur.com/y6mRlTQ.jpg

MainPageのCollectionView（memoList）に反映させたい
(MainPage.xaml.cs)
https://imgur.com/yukXPyC.jpg

**デフォルトの名無しさん** · 2022/09/19(月) 12:20:06.36

そういえばナビゲーション先のページAddTransientにしてたわ
AddSingletonにします。

**デフォルトの名無しさん** · 2022/09/19(月) 12:43:46.65

newじゃなくて{get}だけでいいのかな？

**デフォルトの名無しさん** · 2022/09/19(月) 12:53:29.94

AddTransientどうこうより先に2回newしてんじゃねーかw

**デフォルトの名無しさん** · 2022/09/19(月) 12:57:27.09

>>34
ページはどうせアプリ終了まで生きてるからどうだっていいぞ

**デフォルトの名無しさん** · 2022/09/19(月) 14:21:39.73

>>36
やっぱりnewが悪いのか…
newせずDataCollectionを使う方法ってありますか？

**デフォルトの名無しさん** · 2022/09/19(月) 14:26:26.45

AddSingletonしろって言ったばかりだがもしかしてインスタンスの概念がわからない系？

**デフォルトの名無しさん** · 2022/09/19(月) 14:53:54.45

>>39
？
最初のnewはMainPageでいいんだよね？
そのナビゲーション先でDataListクラスの関数使おうとするとどう指定すればいいんだ？

**デフォルトの名無しさん** · 2022/09/19(月) 15:10:23.98

>>40
いやだからnewしないの
さっき書いたコードのModelのとこを共有したいコレクションを持ったクラスに書き換える
するとサービスプロバイダーにそのクラスを要求したら最初の1回は自動的にnewされたインスタンスが返り、次からは同じインスタンスが返る
つまり何回要求しても同じものが返ってくるんだよ
ここではDIを使ってるからMainPageがMauiAppに作成された時点でViewModelが自動的にサービスプロバイダから注入され、ViewModelが作成された時点でModelが注入される
同じく別のページとそのVMもAddSingletonしとけばそのページに遷移した時にVMにモデルの同じインスタンスが注入される
同じインスタンスだから状態も共有する
newしたら別のインスタンスになっちゃうだろ？

**デフォルトの名無しさん** · 2022/09/19(月) 15:37:24.08

>>41
うーんわからん…
Program.csに>>32を書けってこと？

**デフォルトの名無しさん** · 2022/09/19(月) 15:42:31.60

>>42
MAUI使ってるんじゃねーの？
https://www.syncfusion.com/blogs/post/learn-how-to-use-dependency-injection-in-net-maui.aspx

**デフォルトの名無しさん** · 2022/09/19(月) 15:54:41.38

>>43
なるほど！
これで共有のObservableCollectionを共有できるのか！
これって.NET MAUIからの新機能？

**デフォルトの名無しさん** · 2022/09/19(月) 15:56:32.37

機能としては相当前からあるがここまでの圧をもって押し付けてくるのはMAUIからかな

**デフォルトの名無しさん** · 2022/09/19(月) 15:59:03.17

>>45
ありがとう！

**デフォルトの名無しさん** · 2022/09/19(月) 19:25:59.58

>>39
みたいだね。　
インスタンスがいまいちわかっていないみたい。

**デフォルトの名無しさん** · 2022/09/20(火) 18:48:08.27

MAUI、CollectionViewがバグりすぎててガチで使えないｗｗｗｗｗｗｗｗ
ItemTemplate を設定してあるとき、バインド元のコレクションの要素の置き換えをやると画面上では要素が置き換わったように見えるが、置き換え前のビューもなぜかメモリ上に残ったままになるｗｗｗｗｗｗｗう◯こｗｗｗｗｗｗｗ

**デフォルトの名無しさん** · 2022/09/20(火) 18:52:37.03

>>48
メモリ管理ができてないってこと？

**デフォルトの名無しさん** · 2022/09/20(火) 19:41:41.12

>>48
こいつが使い方間違えてるのに50ペリカ

**デフォルトの名無しさん** · 2022/09/20(火) 19:43:54.08

まさか上の続きなのか？

**デフォルトの名無しさん** · 2022/09/20(火) 19:51:35.86

俺は.NET MAUIのこと悪く言わんよ
EditorコントロールがAndroidでは外側のグリッド（フレーム、スタックレイアウト含む）のWidthを参照しないって仕様は見つけたけど
ホリゾンタルオプションズをフィルにしても一文字分のWidthにしかならんやつ
もちろんちゃんとWidthリクエストすれば問題ない

**デフォルトの名無しさん** · 2022/09/20(火) 20:34:41.76

まあ現象再現する最小コードでも上げてもらわないと何とも言えんわな

**デフォルトの名無しさん** · 2022/09/20(火) 20:47:07.60

>>48
それはパフォーマンスを優先するために画面の再描画をしてないだけ
RxのThrottle使え

**デフォルトの名無しさん** · 2022/09/20(火) 23:22:31.32

debounceとかthrottleとかそういうのを知らずにゴリゴリ押して苦しんでる人結構多いよね。
webはおもちゃ、ゲームも所詮おもちゃ、とか言って叩いて無視しすぎたんじゃないかなって思うわ。

**デフォルトの名無しさん** · 2022/09/20(火) 23:29:09.65

プロジェクト作って、
MainPage.xaml
<?xml version="1.0" encoding="utf-8" ?> <ContentPage xmlns="<http://schemas.microsoft.com/dotnet/2021/maui>;" xmlns:x="<http://schemas.microsoft.com/winfx/2009/xaml>;" xmlns:local="clr-namespace:CollectionViewMemoryLeak" x:Class="[プロジェクト名].MainPage" x:DataType="local:MainPage"> <Grid RowDefinitions="Auto,*"> <Button Text="Replace" Clicked="Button_Clicked"/> <CollectionView Grid.Row="1" ItemsSource="{Binding Items}"> <CollectionView.ItemTemplate> <DataTemplate> <Label Text="{Binding}"/> </DataTemplate> </CollectionView.ItemTemplate> </CollectionView> </Grid> </ContentPage>

MainPage.xaml.cs
using System.Collections.ObjectModel; namespace [プロジェクト名]; public partial class MainPage : ContentPage { public ObservableCollection<string> Items { get; } = new() { "a" }; public MainPage() { InitializeComponent(); BindingContext = this; } private void Button_Clicked(object sender, EventArgs e) { Items[0] += "b"; } }

って置き換えて、デバッグ開始
ボタン1万回ぐらい押すとわかると思うよ

**デフォルトの名無しさん** · 2022/09/20(火) 23:35:20.72

ボタン1万回押したくない人用
for (int i = 0; i < 10000; ++i) { await Task.Delay(1); Items[0] += "b"; }

**デフォルトの名無しさん** · 2022/09/20(火) 23:36:04.90

※ライブツリービューがめっちゃ重くなるので注意

**デフォルトの名無しさん** · 2022/09/21(水) 08:20:20.15

.NET 7でマップコントロールが来る！
あとデスクトップようにツールチップやコンテキストメニューが追加されるそうな

**デフォルトの名無しさん** · 2022/09/21(水) 08:20:43.29

https://devblogs.microsoft.com/dotnet/dotnet-maui-in-dotnet-7-rc1/

**デフォルトの名無しさん** · 2022/09/21(水) 08:30:02.80

Xamarin.formsからの移植って
今までのフォームやソースはだいたい使えるの？
dependencyとかそのまま使える？

フォルダ構成が変わりすぎててAndroid独自のソースどこにおけばいいかわからない

**デフォルトの名無しさん** · 2022/09/21(水) 08:39:42.22

>>61
ディペンデンシーはHandlerになった

**デフォルトの名無しさん** · 2022/09/21(水) 08:40:16.29

AndroidのソースはPlatformフォルダにいれればよい

**デフォルトの名無しさん** · 2022/09/21(水) 08:58:23.97

>>61
Android独自のソースはPlatforms/Androidの下に置く
そうするとAndroid版のコンパイル対象になる
それか#if ANDROIDの中に入れる
Xamarinは複数プロジェクトだったけどMAUIは部分メソッドを使いたいために単一プロジェクトになってる
つまり共通ソースに部分メソッドの宣言を書いてPlatforms以下それぞれのプラットフォームにそれぞれの実装を書く
UIをカスタマイズしたいならレンダラーじゃなくハンドラーを書くかマッピングを変更する
マッピングの方が軽い変更に向く
マッピングとはUIの共通コードのメソッドやプロパティーをファサードとしてそれらへの操作と実際のそれぞれのプラットフォームでの実装を関連付けるものでプロパティーやメソッド毎に設定できる
一応Xamarinのソースはコンバートできることになってるけど信用してはいけない

**デフォルトの名無しさん** · 2022/09/23(金) 08:43:29.04

MAUIではFreezableクラスが無くてBindingProxyを使えないのな。　書くしか無いか・・・
いちいち、DataGridセルなどのチャイルドﾚﾍﾞﾙからDataContextを何段階アンセスターサーチなんてやってられない。　
マンドクセーし、保守性悪い。

**デフォルトの名無しさん** · 2022/09/23(金) 09:03:46.50

UIChallengeやってる人がFigmaAPI使ってC#のグラフィックコード生成するアプリを作ったみたいだね
https://twitter.com/jsuarezruiz/status/1572895480723701766?t=vNe15B3htG50jNi3BvnLZQ&s=19
https://twitter.com/5chan_nel (5ch newer account)

**デフォルトの名無しさん** · 2022/09/23(金) 23:24:43.35

.NET 7のMAUIについてMicrosoftのJames Montemgnoさんが語るみたい
0時から
https://youtu.be/qR_YlN3ZrLo

まぁ地図機能がほとんどだろうな
あとデュアルスクリーンか？
AndroidやiOSでもできるのだろうか？

**デフォルトの名無しさん** · 2022/09/25(日) 08:46:38.00

固有プラットフォームのコードを呼び出すやつって条件付きコンパイルとパーシャルクラス使うやつあるけどパーシャルクラスの利点ってなんですかね？
維持管理がしやすいとか？
条件付きコンパイルはifつければいいだけだから実装は簡単

**デフォルトの名無しさん** · 2022/09/25(日) 15:38:50.86

xamarin.fomsだと、ホットリロードが効くのはxamlだけで
csファイルは再起動が必要だけど
MAUIはCSにもホットリロードが効くようになったの？

**デフォルトの名無しさん** · 2022/09/25(日) 18:01:23.95

>>68
違いはねぇんじゃね。　あるとすれば、他のプラットフォームコードが視界に入ってこない事ぐらい。
Dependenciesにインターフェースレポジトリ継承宣言を置いてPlatformsにカキコするのはありきたり。　ドメイン駆動開発やっていれば常識。
ただ、上の方にもあったようだが、ドメイン駆動として、Core、Domain、Infrastructueのダイアゴナル構造にしようとすると、
クラスライブラリではPlatformsから参照できるものの、定義宣言から実装側を認識できないバグがあるので、現在は、MAUIでDDD開発はできない。

**デフォルトの名無しさん** · 2022/09/25(日) 19:46:23.83

>>70
ふーん

**デフォルトの名無しさん** · 2022/09/25(日) 20:13:20.96

ガキかよ

**デフォルトの名無しさん** · 2022/09/25(日) 23:08:59.93

>>72
なんでだよ
理解したからふーんなんだろ

**デフォルトの名無しさん** · 2022/09/26(月) 00:17:53.00

最近Twitterで.NET MAUIで検索して困ってる人に勝手にリプライ送るのが日課になってるわ
.NET MAUIで検索してるからMAUIだけだとヒットしない

**デフォルトの名無しさん** · 2022/09/26(月) 00:45:17.09

マウイ島が引っかかるからmauiで検索できないんだよな
MSの命名センスが終わってるのはいつもの事だが
せめてXamarin引き継げばマシだったろうに

**デフォルトの名無しさん** · 2022/09/26(月) 00:55:05.74

>>75
だよねw
あとC#もそのままTwitter検索かけれないから#csharpでやってるw

**デフォルトの名無しさん** · 2022/09/26(月) 00:59:24.96

MAUIってまぁ英語がマルチプラットフォームアップUIだから仕方ないんだろうけどもうちょっとおしゃれな名前にしてほしいよな
紫基準としてるからアヤメから取ってAIrisとか

**デフォルトの名無しさん** · 2022/09/26(月) 01:06:20.35

Azureみたいな存在感が欲しい

**デフォルトの名無しさん** · 2022/09/26(月) 06:27:32.75

法律事務所みたいな名前もやだ

**デフォルトの名無しさん** · 2022/09/26(月) 07:45:42.28

>>69
効かないよ

**デフォルトの名無しさん** · 2022/09/26(月) 08:04:38.21

Flutterも効かないんじゃね？
ReactNativeは知らん

**デフォルトの名無しさん** · 2022/09/26(月) 12:32:43.92

検索しにくくしようとしてんのかどこかの国の登録商標を避けようとしてんのか知らんけど地名とか数字とか名前にするのはいい加減やめてくれと言いたい
Androidのお菓子の名前もな

**デフォルトの名無しさん** · 2022/09/26(月) 13:52:21.23

マウイって読むのが正解なの？

**デフォルトの名無しさん** · 2022/09/26(月) 13:56:39.12

エメユアーイ

**デフォルトの名無しさん** · 2022/09/26(月) 15:26:07.01

マウイー

**デフォルトの名無しさん** · 2022/09/26(月) 19:26:43.40

まぁうぃ

**デフォルトの名無しさん** · 2022/09/27(火) 00:07:51.38

Mauiへの移植、そう簡単にはいかなそうだなぁ
ちょっといじっただけで
スプラッシュスクリーンの使い方も違うし、アイコンの配置場所も変えなきゃだし
PageView/ContensViewのヘッダのおまじないも違う(一括置換でいけるのかな)

せめてなんかツールが欲しい・・・

**デフォルトの名無しさん** · 2022/09/27(火) 00:14:07.13

>>87
なんかツールなかったっけ？
これ使えねぇの？
https://dev.classmethod.jp/articles/using-net-upgrade-assistant-xamarin-forms-net-maui/

**デフォルトの名無しさん** · 2022/09/27(火) 09:58:49.16

MAUIといえばDependency Injection抜きにはあり得ないな。　Prismなどの過去資産の良いとこどり。

https://www.youtube.xxx/watch?v=xx1mve2AQr4&t=20s&ab_channel=JamesMontemagno

**デフォルトの名無しさん** · 2022/09/27(火) 10:36:50.71

>>89
リンクちゃんと貼れてなくね？
https://youtu.be/xx1mve2AQr4

**デフォルトの名無しさん** · 2022/09/27(火) 12:26:13.28

これ全部見ろってのか

**デフォルトの名無しさん** · 2022/09/27(火) 12:38:53.20

動画見たくない人は
ディペンデンシーインジェクション（DI,依存性注入）について>>43のリンクが記事として紹介してるね

**デフォルトの名無しさん** · 2022/09/27(火) 13:45:49.21

DIはjavaにくらべて分かりやすぎる

**デフォルトの名無しさん** · 2022/09/27(火) 13:57:56.43

コンストラクタに渡すんじゃなくプロパティに直接注入してくれれば楽なんだがな
依存関係がループしてると戻ってこなくなるからだめなのか

**デフォルトの名無しさん** · 2022/09/28(水) 00:00:00.65

>>88
うーんβ版かぁ
ちょっと週末に試してみる
ありがと

**デフォルトの名無しさん** · 2022/09/28(水) 21:10:20.66

MAUIは動作確認の時にウインドウズ版でやれば
csファイルでもホットリロードボタンを押せばホットリロード効くんだな
Andoridしか見て無くて盲点だった・・・

**.NET M HighSchool** · 2022/09/28(水) 22:07:10.17

>>96
その方法いいな

**.NET M HighSchool** · 2022/09/28(水) 22:08:22.03

動画作るときにiOS,Androidの各API調べたんだけどまだXamarin.なんだが…
MAUI.になるのはいつなんだろ？
まぁ使えるからいいんだが初心者にはわかりづらそう

**デフォルトの名無しさん** · 2022/09/29(木) 08:08:43.68

だからまだ未完成だって
なにせmono使ってるんだから
今は.net6に対応する作業をしてるんだろ
微妙に仕様違うからすぐには終わらんぞ

**.NET M HighSchool** · 2022/09/29(木) 08:09:48.21

>>99
monoが.NETなんじゃねぇの？

**.NET M HighSchool** · 2022/09/29(木) 08:20:02.87

DependencyService廻りは動画作った漢字だと［Assembly～Dependency］とかDependencyService.Get～みたいなのがなくなってるからより直感的にはなったイメージ