回答編集履歴

回答が足らないようなのでコード追加

2024/08/14 09:47

投稿

TN8001

スコア9722

test CHANGED Viewed

@@ -1,7 +1,6 @@
-**例外を握り潰さないでください。**
+> 「gazouByte.db3」にバイナリデータが保存されない。
-少なくとも`Console.WriteLine`等で分かるようにしないと、まともにデバッグもできません。
+**例外を握り潰さないでください**（少なくとも`Debug.WriteLine`等で分かるようにしないと、まともにデバッグもできません）
----
 ファイルはできるのにレコードが追加されないということは、`gazouconn.Insert`が失敗しているんでしょう。
@@ -29,3 +28,202 @@
     statusMessage.Text = "got all file list";
 }
 ```
+---
+> 「Get All GazouList」を押下しても「got all file list」しか表示されず、「Id」「ファイル名」「拡張子」が表示されない。
+`CollectionView`に何も入れていないので当然です。`MainViewModel`にコレクションを用意してバインドしてください。
+バインドについてはこの辺りを確認してください。
+[データ バインディングの基礎 - .NET MAUI | Microsoft Learn](https://learn.microsoft.com/ja-jp/dotnet/maui/xaml/fundamentals/data-binding-basics)
+[データ バインディングと MVVM - .NET MAUI | Microsoft Learn](https://learn.microsoft.com/ja-jp/dotnet/maui/xaml/fundamentals/mvvm)
+Toolkitの使い方はこの辺りを確認してください。
+[MVVM Toolkit の概要 - Community Toolkits for .NET | Microsoft Learn](https://learn.microsoft.com/ja-jp/dotnet/communitytoolkit/mvvm)
+```xml:MainPage.xaml
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage
+  x:Class="WorkReview.Views.MainPage"
+  xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+  xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+  xmlns:models="clr-namespace:WorkReview.Models"
+  xmlns:viewModels="clr-namespace:WorkReview.ViewModels"
+  Title="MainPage"
+  x:DataType="viewModels:MainViewModel">
+  <ContentPage.BindingContext>
+    <viewModels:MainViewModel />
+  </ContentPage.BindingContext>
+  <Grid
+    Padding="5"
+    ColumnSpacing="10"
+    RowDefinitions="Auto,Auto,Auto,Auto,Auto,*"
+    RowSpacing="10">
+    <Label Text="{Binding StatusMessage}" TextColor="Red" />
+    <Button Grid.Row="1" Command="{Binding GetAllGazouCommand}" Text="Get All GazouList" />
+    <CollectionView Grid.Row="2" ItemsSource="{Binding GazouBytes}">
+      <CollectionView.ItemTemplate>
+        <DataTemplate x:DataType="models:GazouByte">
+          <Grid ColumnDefinitions="*,2*,*">
+            <Label Text="{Binding Id}" TextColor="{StaticResource Primary}" />
+            <Label Grid.Column="1" Text="{Binding GazouName}" TextColor="{StaticResource Primary}" />
+            <Label Grid.Column="2" Text="{Binding GazouExtension}" TextColor="{StaticResource Primary}" />
+          </Grid>
+        </DataTemplate>
+      </CollectionView.ItemTemplate>
+    </CollectionView>
+    <Button Grid.Row="3" Command="{Binding FileSaveCommand}" Text="ファイルを保存する" />
+    <Button Grid.Row="4" Command="{Binding FileSelectCommand}" Text="ファイルを選択する" />
+    <Image Grid.Row="5" Source="{Binding UserPreview}" />
+  </Grid>
+</ContentPage>
+```
+```cs:MainPage.xaml.cs
+namespace WorkReview.Views;
+public partial class MainPage : ContentPage
+{
+    public MainPage() => InitializeComponent();
+}
+```
+```cs:MainViewModel.cs
+using CommunityToolkit.Mvvm.ComponentModel;
+using CommunityToolkit.Mvvm.Input;
+using WorkReview.Models;
+namespace WorkReview.ViewModels;
+public partial class MainViewModel : ObservableObject
+{
+    [ObservableProperty] private string? statusMessage;
+    [ObservableProperty] private List<GazouByte>? gazouBytes;
+    [ObservableProperty] private ImageSource? userPreview;
+    private string? gazouName;
+    private byte[]? gazouBinary;
+    private string? gazouExtension;
+    public MainViewModel() { }
+    [RelayCommand]
+    private void OnGetAllGazou()
+    {
+        GazouBytes = App.GazouByteRepo.GetAllGazouBytes();
+        StatusMessage = "got all file list";
+    }
+    [RelayCommand]
+    private void OnFileSave()
+    {
+        if (gazouName == null) return;
+        var gazouByte = new GazouByte
+        {
+            GazouName = gazouName,
+            GazouBinary = gazouBinary!,
+            GazouExtension = gazouExtension!,
+        };
+        App.GazouByteRepo.AddNewGazouByte(gazouByte);
+        StatusMessage = "file saved";
+    }
+    [RelayCommand]
+    private async Task OnFileSelect()
+    {
+        try
+        {
+            var result = await FilePicker.PickAsync();
+            if (result == null) return;
+            var fileName = result.FileName;
+            if (fileName.EndsWith("jpg", StringComparison.OrdinalIgnoreCase) ||
+                fileName.EndsWith("png", StringComparison.OrdinalIgnoreCase))
+            {
+                using (var stream = await result.OpenReadAsync())
+                using (var memoryStream = new MemoryStream())
+                {
+                    await stream.CopyToAsync(memoryStream);
+                    gazouName = fileName;
+                    gazouBinary = memoryStream.ToArray();
+                    gazouExtension = result.ContentType;
+                    var previewStream = new MemoryStream(memoryStream.ToArray());
+                    UserPreview = ImageSource.FromStream(() => previewStream);
+                }
+            }
+            else
+            {
+                StatusMessage = "Unsupported file type.";
+            }
+        }
+        catch (Exception ex)
+        {
+            StatusMessage = $"Error selecting file: {ex.Message}";
+        }
+    }
+}
+```
+```cs:GazouByteRepositry.cs
+using SQLite;
+using System.Diagnostics;
+namespace WorkReview.Models;
+public class GazouByteRepositry
+{
+    private string gazoudbPath;
+    public GazouByteRepositry(string gazoudbPath)
+    {
+        this.gazoudbPath = gazoudbPath;
+        using var gazouconn = new SQLiteConnection(gazoudbPath);
+        gazouconn.CreateTable<GazouByte>();
+    }
+    public void AddNewGazouByte(GazouByte gazouByte)
+    {
+        ArgumentNullException.ThrowIfNull(gazouByte);
+        try
+        {
+            using var gazouconn = new SQLiteConnection(gazoudbPath);
+            var gazouResult = gazouconn.Insert(gazouByte);
+            Debug.WriteLine($"Insert result: {gazouResult}");
+            Debug.WriteLine($"{gazouResult} record(s) added (GazouName: {gazouByte.GazouName})");
+        }
+        catch (Exception ex)
+        {
+            Debug.WriteLine($"Failed to add {gazouByte.GazouName}. Error: {ex.Message}");
+        }
+    }
+    public List<GazouByte> GetAllGazouBytes()
+    {
+        try
+        {
+            using var gazouconn = new SQLiteConnection(gazoudbPath);
+            return gazouconn.Table<GazouByte>().ToList();
+        }
+        catch (Exception ex)
+        {
+            Debug.WriteLine($"Failed to retrieve data .{ex.Message}");
+        }
+        return [];
+    }
+}
+```
+![アプリ動画](https://ddjkaamml8q8x.cloudfront.net/questions/2024-08-14/aefd0c98-9d7c-4339-8af3-3e9f0231d427.gif)
+---
+例外処理はもっと慎重に考えてもらいたい（リカバリーできるものだけ個別にキャッチ等）が、とりあえず形は変えずに最低限メッセージだけは出した。
+「ViewModelでダイアログ出すのはどうなんだ？」ってのはあるが本題ではないので^^;
+ほかにも気になる点はあるが、あまり変えても何なんでこのくらいで...