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つければいいだけだから実装は簡単