常連


### 問題の概要

#### 実現したいこと

ファイルピッカーで選択した画像を保存ボタンを押下して画像のバイナリデータを「gazouByte.db3」に保存する。
「Get All GazouList」を押下してdb内に存在する画像の「Id」「ファイル名」「拡張子」をCollectionViewを用いて「MainPage」に表示する。
　
#### 問題点

「gazouByte.db3」にバイナリデータが保存されない。
「Get All GazouList」を押下しても「got all file list」しか表示されず、「Id」「ファイル名」「拡張子」が表示されない。
　※Table[("gazouByte")]は作成されていることを「DB Browser for SQlite」で確認しています。![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-08-12/75d41318-14cb-4bef-b144-b097ba198bcb.png)
  [1]: https://i.sstatic.net/4aow2gVL.png
### 再現手順

問題が発生する具体的な手順。

1. VisualStudio2022にてWindowsMachineを用いてデバッグを開始する。
2. 「ファイルを選択する」を押してファイルピッカーの起動を行う。そこから画像（jpg/png）を選択。
3. 「ファイルを選択する」の下に画像のプレビューを確認
4. 「ファイルを保存する」を押し、赤字で「file saved」が表示されることを確認。
5. 「DB Browser for SQlite」でデータ閲覧を行う。テーブルは作成されているが、データが保存されていない。

### コード

```
using WorkReview.Models;
using System.Collections.Generic;
using Microsoft.Maui.Controls;
using WorkReview.ViewModels;
using System.Runtime.CompilerServices;

namespace WorkReview.Views
{
    public partial class MainPage : ContentPage
    {
        public MainPage()
        {
            InitializeComponent();
            BindingContext = new MainViewModel();
        }
        

        public void OnGetAllGazouClicked(object sender, EventArgs args)
        {
            List<GazouByte> gazouByte = App.GazouByteRepo.GetAllGazouBytes();
       
            statusMessage.Text = "got all file list";

        }


        public void OnFileSaveClicked(object sender, EventArgs args)
        {

            
            (BindingContext as MainViewModel).SaveGazouToDataBase(); //BindingVontextのインスタンスをもちいて.Save~メソッドを実行している
            statusMessage.Text = "file saved";

        }

        public async void OnFileSelectClicked(object sender, EventArgs args)
        {
            try
            {
                var result = await FilePicker.PickAsync();
                var fileExtension = result.ContentType;
                var fileName = result.FileName;
                if (result != null)
                {
                    if (result.FileName.EndsWith("jpg", StringComparison.OrdinalIgnoreCase) ||
                        result.FileName.EndsWith("png", StringComparison.OrdinalIgnoreCase))
                    {
                           
                        using (var stream = await result.OpenReadAsync())
                        {
                            using (var memoryStream = new MemoryStream())///using(var)はUsingステートメント,{}内の処理が終わったときにリソースが開放される
                            {
                                await stream.CopyToAsync(memoryStream);　//memoryStreamに保存されたデータをViewModelの該当箇所へ送る
                                (BindingContext as MainViewModel).gazouExtension = fileExtension;
                                (BindingContext as MainViewModel).gazouName = fileName;
                                (BindingContext as MainViewModel).gazouBinary = memoryStream.ToArray();
                                var previewStream = new MemoryStream(memoryStream.ToArray());
                                userPreview.Source = ImageSource.FromStream(() => previewStream);
                            }
                        }
                    }
                    else
                    {
                        statusMessage.Text = "Unsupported file type.";
                    }
                }
            }
            catch (Exception ex)
            {
                statusMessage.Text = $"Error selecting file: {ex.Message}";
            }
        }
    }
}
```

Repositryはこちら
```
using SQLite;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using WorkReview.Models;

namespace WorkReview.Models
{
    public class GazouByteRepositry
    {
        string _gazoudbPath;
        public string GazouStatusMessage { get; set; }

        private SQLiteConnection gazouconn;

        public GazouByteRepositry(string gazoudbPath)
        {
            _gazoudbPath = gazoudbPath;
        }

        private void Init() //dbに接続後テーブル作成 create table when connect db.3
        {
            if (gazouconn is not null)
                return;
            gazouconn = new SQLiteConnection(_gazoudbPath);

            gazouconn.CreateTable<GazouByte>();

        }

        public void AddNewGazouByte(string gazouName, byte[] gazouBinary, string gazouExtension)//画像データをDBへ挿入 add image data to db.3
        {
            ArgumentNullException.ThrowIfNull(gazouName, nameof(gazouExtension));
            ArgumentNullException.ThrowIfNull(gazouBinary, nameof(gazouBinary));
            ArgumentNullException.ThrowIfNull(gazouName, nameof(gazouName));
            int gazouResult = 0;
            try
            {
                Init();

                gazouResult = gazouconn.Insert(new GazouByte { GazouName = gazouName, GazouBinary = gazouBinary, GazouExtension = gazouExtension });
                Console.WriteLine($"Insert result: {gazouResult}");
                GazouStatusMessage = string.Format("{0} record(s) added (GazouName: {1})", gazouResult, gazouName);
            }
            catch (Exception ex)
            {
                GazouStatusMessage = string.Format("Failed to add {0}. Error: {1}", gazouName, ex.Message);
            }
        }
        public List<GazouByte> GetAllGazouBytes()//テーブルを取得 get table then create list for controll-view .MainPage
        {
            try
            {
                Init();
                return gazouconn.Table<GazouByte>().ToList();
            }
            catch (Exception ex)
            {
                GazouStatusMessage = string.Format("Failed to retrieve data .{0}", ex.Message);
            }
            return new List<GazouByte>();
        }


        

    }
}
```

テーブルはこちら
```
using SQLite;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using CommunityToolkit;

namespace WorkReview.Models;
[Table("gazouByte")]
public class GazouByte
{
[PrimaryKey, AutoIncrement]
public int Id { get; set; }
public string GazouName { get; set; }
public byte[] GazouBinary { get; set; } //画像のバイナリ用 Binary fo image to db.3
public string GazouExtension { get; set; }

}

```


### 期待している動作

1. デバッグを開始した段階でテーブル「"gazouByte"」がappdataに作成される。
2. 「ファイルを選択する」を押すことによってファイルピッカーが起動、そこから画像ファイルを選択。
3. ファイルピッカーが閉じると「ファイルを保存する」の下に選択した画像がプレビュー表示される。
4. その後、「ファイルを保存する」によってMemoryStreamの画像が「gazouByte.db3」へ保存され、「Get All GazouList」を押下することで「gazouByte.db3」に保存されたファイルの「Id」「ファイル名」「拡張子」がCollectionViewに表示される。

### 試したこと

1. GazouByteRepositry.AddNewGazouByte メソッドで例外処理が正しく行われていることを確認しました。
2. Table[("gazouByte")]が作成されていることを「DB Browser for SQlite」で確認しました。
3. 画像を選択し、保存ボタンを押した後、再度画像を選択せずに保存ボタンを押すとSystem.NullReferenceExceptionが発生することを確認しました。

### エラーメッセージやログ
　　
画像は保存されませんでしたが、エラーメッセージが出ることはありませんでした。

### 環境

Windows 11 Home (23H2)
VisualStudio Community 2022 preview 17.11.0 Preview 4.0
Microsoft.Maui.Controls 8.0.80
Microsoft .NET SDK 8.0.107(x64)
SQlitePCLRaw.bundle_green 2.1.9
sqlite-net-pcl 1.9.172
CommunityToolkit.Mvvm 8.2.2


### 補足情報

コードの全体は次のURLの「WorkReview/WorkReview/」の中にあります

https://github.com/rasukuosu/WorkReview.git



MauiにてSQliteのデータベースに画像が保存されません。

### MAUI(.NET C#)での水平スクロールバーの表示

MAUIでAndroid/iOS向けアプリを開発中です。
画面より広いGridを表示し、水平・垂直スクロールバーが表示される、
つまり指でドラッグすることで上下左右にGridエリアを移動させるUIとしたいです（下記例ではGridは複雑になるためImageで代用しています）。
垂直スクロールバーは表示されますが、水平スクロールバーが表示されません。

### 該当のソースコード

```ここに言語名を入力
<?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"
             x:Class="MauiApp2.NewPage1" Title="NewPage1">
    <Grid RowDefinitions="100,*,100">
        <ScrollView Grid.Row="1"
                    VerticalScrollBarVisibility="Always" 
                    HorizontalScrollBarVisibility="Always">
            <Image
                Source="dotnet_bot.png"
                HeightRequest="2000"
                WidthRequest="2000"/>
        </ScrollView>
    </Grid>
</ContentPage>
```

### 試したこと
- HorizontalScrollBarVisibilityが該当の機能のため、Alwaysを指定していますがバーは表示されません。Default, Neverでも変わりません。
- VerticalScrollBarVisibilityも指定してみましたが、Always、Defaultでスクロールバーが表示されNeverでは表示されないので想定通りです。
- ScrollViewではなくScrollViewerというものも存在しますが、MAUIではサポートしていないようです。
- 上記例のImage部分をGridにしても水平スクロールバーは表示されませんでした。

よろしくお願い致します。

MAUI(.NET C#)での水平スクロールバーの表示ができない

### 実現したいこと
JSONをリードしようとしています
ファイルをResourceからリードしようとしているのですが、非同期関数でリード完了してから次の処理に移りたい


### 発生している問題・分からないこと
ファイルのリードが完了してから次の処理に移りたいが完了せずに他の処理が走ってしまい、
そちらの処理が終わってから実行が戻ってくる



### 該当のソースコード

```c#
private async Task foo()
{
using Stream stream = await FileSystem.Current.OpenAppPackageFileAsync("data.json"); // ★ ここが終わらないまま他のメソッドが実行される
using var reader = new StreamReader(stream);
var contents = reader.ReadToEnd();
var data = JsonSerializer.Deserialize<FirmInfo>(contents);
}
```

### 試したこと・調べたこと
- [x] teratailやGoogle等で検索した
- [ ] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [ ] その他

##### 上記の詳細・結果
Androidだと、順番通りに実行されるがWindowsだと次の処理が走ってしまう
fooの呼び出しにもawaitを付与してみたが、やはり他のメソッドに処理が移ってしまう

### 補足
awaitで、該当のメソッドが完了するまで待つと思っているのですが何が問題なのかわからないです


.NET MAUI で非同期関数を動悸のように動作させたい

### 実現したいこと

MAUIで、作成したContentViewにクリックイベントをつけたいです。

### 前提

MAUIで作成したCardのように見える独自コントロールをクリックしたら、画面遷移するようにしたいです。

### 該当のソースコード
 public partial class UserCardViewHandler : ContentViewHandler
    {
        PointerEventHandler? _pointerPressedHandler;
        PointerEventHandler? _pointerReleasedHandler;
        protected void ConnectHandler(IUserCardView platformView)
        {
            _pointerPressedHandler = new PointerEventHandler(OnPointerPressed);
            _pointerReleasedHandler = new PointerEventHandler(OnPointerReleased);

            platformView.Click += OnClick;
        }
        void OnPointerPressed(object sender, PointerRoutedEventArgs e)
        {
            VirtualView?.Pressed();
        }

        void OnPointerReleased(object sender, PointerRoutedEventArgs e)
        {
            VirtualView?.Released();
        }
    }

### 試したこと

該当ソースコードのように、ContentViewHandlerを参考に、拡張して、作成を試みましたが、
ContentViewには、Clickイベントは、ないためエラーが発生しています。

ContentViewには、独自にクリックイベントは、組み込みないのでしょうか。
それか、私のアプローチに問題があるのでしょうか。

MAUIのContentViewにクリックイベントをつけたいです。

### 前提
C# .NET 6 WPFで実装した動画再生機能を持ったアプリケーションがあります。
このアプリケーションをクロスプラットフォーム化するために.NET MAUIの使用を検討しています。

現在アプリケーションに実装している動画再生機能は`MediaElement`を使用しているのですが、
.NET MAUIには現在`MediaElement`が実装されていないことを知りました。

何とかして別の方法で動画を再生する方法が無いかといろいろ検索をしてみたのですが、
私が調べた限り現在の.NET MAUIで動画を再生する方法がないのではないかという結論に至りそうです...
以下調べたことについての箇条書きです。
* CommunityTooklit.Mauiで対応予定らしい → どうも開発が難航しているみたい？2021年には対応予定だったみたいだが...
* Xamarin.CommunityToolkit.MauiCompatというものがあるらしい → 現状上手く動かせていない、Windowsだと使えないという情報も...
* LibVlcSharp → 現在MAUIに対応中

### 実現したいこと
.NET MAUIのアプリケーションで動画を再生したい、
.NET MAUIで動画を再生する方法を知っている方、心当たりがある方がいらっしゃいましたらお願いいたします。

方法の候補としてはHTMLで動画を再生するページを作りWebViewで表示する
というのがありますが、出来れば避けたい方法です。

### 補足情報（FW/ツールのバージョンなど）
C#
.NET MAUI

対象プラットフォーム
* Windows
* Mac

.NET MAUIで動画プレイヤーを実装する方法

### 実現したいこと
vs for Mac（.Net Maui）で下記を実現したいです
・Webviewの実装
・プッシュ通知受信

### 発生している問題・分からないこと
新規プロジェクト作成し、とりあえずエミュレータにて「Hello World！」を確認しようと
ビルドしたが、そもそもそこでエラーになってしまう

### エラーメッセージ
```error
・An error occured while executing the custom linker steps.
・This version for Microsoft.iOS requires the iOS 16.4 SDK. Either upgrade Xcode to get required header files or set the managed linker behavior to Link Framework SDKs Only in your project's iOS Build Options > Linker Behavior
```

### 該当のソースコード

```
特になし
```

### 試したこと・調べたこと
- [x] teratailやGoogle等で検索した
- [ ] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [ ] その他

##### 上記の詳細・結果
・エラーの通り、まずXcodeのバージョンアップを試みた（15.1→15.2）が、
　AppStoreにて「iTunes Storeにサインインしてください」と表示が出て、
　ID/PWを入力しても何度も聞かれてしまい先へ進めなかったです
・ターミナルにて「dotnet workload restore」を実行し、成功したが、不足しているのか変わらず

### 補足
Visual Studio For Mac
Mac OS：Ventura 13.6
Xcode：15.1

[Maui]vs for macでのエラー解消ができない

### 実現したいこと

.NET MAUIを使用してAndroid/iOSのアプリを作成していて、
iOSのFaceIDを使用した顔認証機能の実装をしているのですが、
調べてみてその内容を理解してから実装しても上手く動作せずで困っております
- [ ] [iOS]顔認証機能の実装

### 前提

BiometricAuthenticator
を使用することで行けそうな感じではありましたが、NuGETで「Xamarin.Essentials」を
入れてみましたがエラーが発生しており何かが不足しているのかなという段階です

参考にしたURL：https://cedricgabrang.medium.com/biometric-authentication-in-your-net-maui-application-dc35ec0c1f92

### 発生している問題・エラーメッセージ

```
現在のコンテキストに 'BiometricAuthenticator' という名前は存在しません
```

### 該当のソースコード

一旦削除してしまったため、再度実装して修正します
```c#
try
{
var res = BiometricAuthenticator.AuthenticateAsync(new AuthenticationRequestConfiguration("", ""));
}
```

### 補足情報（FW/ツールのバージョンなど）

Mac OS:Ventura
Visual Studio For Mac


[.NET MAUI]iOSでFace ID認証を実装したい

### 実現したいこと
FilePickerにて、選択した画像ファイルをImageButtonに貼りたい。
貼ることは、できましたが、画像ファイルが大きいとボタンのサイズで切られてしまいます。
ImageButtonとしては、サイズに合わせて縮小されるのですが。。。
FilePickerで、選択した画像ファイルをImageButtonに合わせて縮小表示させたいです。


### 該当のソースコード
```XAML
                <ImageButton Grid.Row="0" Grid.Column="1"
                             Source="{Binding Path={Static mes:Message.Id_Profile_Image}}"
                             HorizontalOptions="Center"
                             VerticalOptions="Center"
                             HeightRequest="180"
                             WidthRequest="180"
                             Command="{Binding UploadImageCommand}">
                </ImageButton>
```
```C#
private ImageSource _ProfileImage = "top_image.png";

        private Action UploadImageAction()
        {
            return async () =>
            {
                try
                {
                    var result = await FilePicker.PickAsync(PickOptions.Images);
                    if (result != null)
                    {
                        Stream stream = await result.OpenReadAsync();
                        ProfileImage = ImageSource.FromStream(() => stream);
                    }
                }
                catch (Exception ex)
                {
                    Console.WriteLine(ex);
                }
            };
        }
```

### 試したこと
scaleの変更をおこないましたが、
縦横サイズ後に、縮小表示しているだけだったので、やりたいこととは違いました。