[C#, .NET MAUI] 共通のコードを配列にしたいけど、コードがわからないので手伝ってほしい。

Question

実現したいこと

アプリとしては、クイズゲームのひな形ができました。
しかし、無駄というか、完全にひな形のコピーをしているだけなので、
今のコードを配列であらわしたいのですが、*.cs, *.xaml の配列化がわかりません。

cs, xaml の配列化を実現するコードを教えてください。

発生している問題・分からないこと

cs, xaml の配列化がわかりません。
トップレベルにコードを書きたいのですが、xamlとcsの配列を、コードでどうやって書くのかが
わかりません。
そもそも、xaml が配列で表現できるのかが、わかりません。

該当のソースコード

[Section_0100_100.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"
             x:Class="dic1980_game.Section_0100.Section_0100_100">
    <Grid Padding="12">
        <!-- 上部を自動高さ（Auto）で積み、最後を残り領域(*)にする -->
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <!-- タイトル -->
            <RowDefinition Height="Auto" />
            <!-- 区分 -->
            <RowDefinition Height="Auto" />
            <!-- 問題数 -->
            <RowDefinition Height="Auto" />
            <!-- 問題 -->
            <RowDefinition Height="Auto" />
            <!-- 選択ボタン群（縦に並べる）-->
            <RowDefinition Height="Auto" />
            <!-- 結果/解説/次へボタン -->
            <RowDefinition Height="*" />
            <!-- スクロール領域（残りを占有）-->
        </Grid.RowDefinitions>

        <Label Text="時代：縄文時代" HorizontalOptions="Center" Grid.Row="0" />
        <Label Text="区分：縄文01_社会" HorizontalOptions="Center" Grid.Row="1" />
        <Label x:Name="QuestionCountLabel" HorizontalOptions="Center" Grid.Row="2" />
        <Label x:Name="QuestionLabel" HorizontalOptions="Center" Grid.Row="3" />
...

[Section_0100_200.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"
             x:Class="dic1980_game.Section_0100.Section_0100_200">
    <Grid Padding="12">
        <!-- 上部を自動高さ（Auto）で積み、最後を残り領域(*)にする -->
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <!-- タイトル -->
            <RowDefinition Height="Auto" />
            <!-- 区分 -->
            <RowDefinition Height="Auto" />
            <!-- 問題数 -->
            <RowDefinition Height="Auto" />
            <!-- 問題 -->
            <RowDefinition Height="Auto" />
            <!-- 選択ボタン群（縦に並べる）-->
            <RowDefinition Height="Auto" />
            <!-- 結果/解説/次へボタン -->
            <RowDefinition Height="*" />
            <!-- スクロール領域（残りを占有）-->
        </Grid.RowDefinitions>

        <Label Text="時代：縄文時代" HorizontalOptions="Center" Grid.Row="0" />
        <Label Text="区分：縄文02_時代背景" HorizontalOptions="Center" Grid.Row="1" />
        <Label x:Name="QuestionCountLabel" HorizontalOptions="Center" Grid.Row="2" />
        <Label x:Name="QuestionLabel" HorizontalOptions="Center" Grid.Row="3" />
...

[Section_0100_300.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"
             x:Class="dic1980_game.Section_0100.Section_0100_300">
    <Grid Padding="12">
        <!-- 上部を自動高さ（Auto）で積み、最後を残り領域(*)にする -->
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <!-- タイトル -->
            <RowDefinition Height="Auto" />
            <!-- 区分 -->
            <RowDefinition Height="Auto" />
            <!-- 問題数 -->
            <RowDefinition Height="Auto" />
            <!-- 問題 -->
            <RowDefinition Height="Auto" />
            <!-- 選択ボタン群（縦に並べる）-->
            <RowDefinition Height="Auto" />
            <!-- 結果/解説/次へボタン -->
            <RowDefinition Height="*" />
            <!-- スクロール領域（残りを占有）-->
        </Grid.RowDefinitions>

        <Label Text="時代：縄文時代" HorizontalOptions="Center" Grid.Row="0" />
        <Label Text="区分：縄文03_文化" HorizontalOptions="Center" Grid.Row="1" />
        <Label x:Name="QuestionCountLabel" HorizontalOptions="Center" Grid.Row="2" />
        <Label x:Name="QuestionLabel" HorizontalOptions="Center" Grid.Row="3" />
...

[Section_0100_100.xaml.cs]
#pragma warning disable CS0618

using System;
using System.Collections.Generic;
using System.IO;
using System.Text;
using System.Threading.Tasks;
using Microsoft.Data.Sqlite;
using Microsoft.Maui.Storage;
using Microsoft.Maui.Controls;

namespace dic1980_game.Section_0100;

public partial class Section_0100_100 : ContentPage
{
    //  「時代」ー「部分」で異なる部分の定義
    // DBファイル名（必要に応じて変更）
    public const string dbFileName = "history_2026_01_24.sqlite3";
    // デバッグ用に絶対パスを指定している場合はそのまま、通常は FileSystem.AppDataDirectory を使う
    public static string dbPath = Path.Combine(FileSystem.AppDataDirectory, dbFileName);
    // テーブル名とカラム名をプロジェクトで指定された日本語のスキーマに合わせる
    public static string read_SQL =
                @"SELECT ""ID"", ""時代"", ""部分"", ""問題"", ""選択肢1"", ""選択肢2"", ""選択肢3"", ""選択肢4"", ""答え"", ""難易度"", ""解説""
                  FROM ""クイズ_問題""
                  WHERE ""部分"" = '縄文01_社会'
                  ORDER BY ""ID"";";

    //  クラス全体で使用する変数を定義
    public static int m_iSelectNumber = 0;
    public static int m_i現在の問題の番号 = 0; // ０から始まる
    public static int m_i正解数 = 0;
    public static int m_i不正解数 = 0;
...

[Section_0100_200.xaml.cs]
#pragma warning disable CS0618


namespace dic1980_game.Section_0100;

public partial class Section_0100_200 : ContentPage
{
    //  「時代」ー「部分」で異なる部分の定義
    // DBファイル名（必要に応じて変更）
    public const string dbFileName = "history_2026_01_24.sqlite3";
    // デバッグ用に絶対パスを指定している場合はそのまま、通常は FileSystem.AppDataDirectory を使う
    public static string dbPath = Path.Combine(FileSystem.AppDataDirectory, dbFileName);
    // テーブル名とカラム名をプロジェクトで指定された日本語のスキーマに合わせる
    public static string read_SQL =
                @"SELECT ""ID"", ""時代"", ""部分"", ""問題"", ""選択肢1"", ""選択肢2"", ""選択肢3"", ""選択肢4"", ""答え"", ""難易度"", ""解説""
                  FROM ""クイズ_問題""
                  WHERE ""部分"" = '縄文02_時代背景'
                  ORDER BY ""ID"";";

    //  クラス全体で使用する変数を定義
    public static int m_iSelectNumber = 0;
    public static int m_i現在の問題の番号 = 0; // ０から始まる
    public static int m_i正解数 = 0;
    public static int m_i不正解数 = 0;
...

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

上のソースで、省略している部分は同じです。　なので、文字の都合もありますが、省略しています。

Section_0100_100.xaml
x:Class="dic1980_game.Section_0100.Section_0100_100">
<Label Text="時代：縄文時代" HorizontalOptions="Center" Grid.Row="0" />
<Label Text="区分：縄文01_社会" HorizontalOptions="Center" Grid.Row="1" />

Section_0100_200.xaml
x:Class="dic1980_game.Section_0100.Section_0100_200">
<Label Text="時代：縄文時代" HorizontalOptions="Center" Grid.Row="0" />
<Label Text="区分：縄文02_時代背景" HorizontalOptions="Center" Grid.Row="1" />

Section_0100_300.xaml
x:Class="dic1980_game.Section_0100.Section_0100_300">
<Label Text="時代：縄文時代" HorizontalOptions="Center" Grid.Row="0" />
<Label Text="区分：縄文03_文化" HorizontalOptions="Center" Grid.Row="1" />

[Section_0100_100.xaml.cs]
public partial class Section_0100_100 : ContentPage
{
@"SELECT ""ID"", ""時代"", ""部分"", ""問題"", ""選択肢1"", ""選択肢2"", ""選択肢3"", ""選択肢4"", ""答え"", ""難易度"", ""解説""
FROM ""クイズ_問題""
WHERE ""部分"" = '縄文01_社会'
ORDER BY ""ID"";";

[Section_0100_200.xaml.cs]
public partial class Section_0100_100 : ContentPage
{
public static string read_SQL =
@"SELECT ""ID"", ""時代"", ""部分"", ""問題"", ""選択肢1"", ""選択肢2"", ""選択肢3"", ""選択肢4"", ""答え"", ""難易度"", ""解説""
FROM ""クイズ_問題""
WHERE ""部分"" = '縄文02_時代背景'
ORDER BY ""ID"";";

[Section_0100_300.xaml.cs]
public partial class Section_0100_100 : ContentPage
{
public static string read_SQL =
@"SELECT ""ID"", ""時代"", ""部分"", ""問題"", ""選択肢1"", ""選択肢2"", ""選択肢3"", ""選択肢4"", ""答え"", ""難易度"", ""解説""
FROM ""クイズ_問題""
WHERE ""部分"" = '縄文03_文化'
ORDER BY ""ID"";";

の部分だけ違います。

現在、Section_1700 まであって、修正が大変なので、改善したいと思ってます。

補足

[環境]OS:Windows 11 (とりあえずwindowsが動けば良い、androidは、windows で動作確認できてから)
.NET SDK 10
.NET MAUI 10
SQLite 3
Visual Stduio 2026 Community

質問後追加

TN8001さん、質問をご覧の方
＞遷移が問題？
う～ん、何といえばいいのか。
ソースコードをご覧いただければわかると思いますが、ほとんどのソースコードが同じなのです。
なので、共通部分をまとめて、配列を使ってアクセスできないのか、改善したいということです。

[Section_0100_100.xaml]
[Section_0100_100.xaml.cs]
[Section_0100_200.xaml]
[Section_0100_200.xaml.cs]
[Section_0100_300.xaml]
[Section_0100_300.xaml.cs]
をそれぞれ配列化できなのか
イメージとしては、
Section_0100_xaml[100]->View();
Section_0100_cs[100]->View();
のような感じです。

TN8001さんがおっしゃる、MVVMについては、まだ勉強していないので、ごめんなさい。

ソースコード一式

Comments

[TN8001]

> 今のコードを配列であらわしたいのですが、*.cs, *.xaml の配列化がわかりません。

Section_0100_100
Section_0100_200
Section_0100_300
がほとんど同じなのが無駄というかめんどくさいという話でしょうか？

本来MVVMで作っていればこの種のContentPageはひとつだけで、BindingContextを切り替えるだけで済むはずです。

> 現在、Section_1700 まであって、修正が大変なので、改善したいと思ってます。

え、、既に17*3個ぐらいContentPageがもうあるってことですね？

どのように遷移しているかが不明ですが、遷移時にデータを渡すことは可能です。
差分の「縄文01_社会」「縄文02_時代背景」「縄文03_文化」を渡して、SQLとラベルテキストを設定することはできると思います。

もう少し詳細なコードがあればサンプルを回答できますが、現状どうなっているか不明なのでコメントで^^;

[dic1980]

回答ありがとうございます。
ソースコードをアップロードしました。
そちらをご覧いただければと思います。

[TN8001]

素敵なアプリですね^^

Navigationのほうだったですか、２択が外れましたｗ
dic1980さんのコードに合わせた新たな回答をしました。

[jimbe]

折角クイズをDBに入れているのに、クイズ毎に画面を作ってしまわれたんですね。
これだとクイズを追加する毎に画面を増やし続け、アプリのコードが肥大し続けることになります。(これは例え配列に出来たとしても変わらないでしょう。)
理想的には、データベースにクイズを追加するだけ(コードは増えず)で、ボタンが増えてきちんと機能することです。

そこで、今はクイズ毎にコードが持っている情報でDBから読んでitemを作ったりしていますがそうではなく、最初に全クイズを読んで"時代"-"部分"のツリー構造をつくり、それに基づいてナビのボタンを作成・表示してユーザーに選択してもらい、クイズ画面はその時代・部分(部分は時代を含んでいるようなので、部分だけでも良い？)を受け取ってDBデータを読んでクイズを出す…という形にすれば、理想的な形になるのではないでしょうか。

データベースから選択するキーとなるデータさえもデータベースから得ることで、データ値をコードが持つ必要が無くなり、従ってデータ値毎にボタンや画面を作る必要も無くなります。
(C#は何にも分からないので具体的にどう出来るのかは全く書けませんごめんなさい)

[dodox86]

まぁ、まずは今のコードをベースとして動作する丁寧な回答をいただいていると思うので、その線で進めて、いったんは望むかたちで動くものを完成させてしまった方が精神的にも良いと思います。
汎用的なデータや制御、モデル構造でも慣れないプログラミング言語やフレームワークを使うとそれを適用させるのは(ベテランでも)最初は違和感があっててこずるものです。
内部のつくりについては業務でプロとして作るのと趣味とでは重要度も違うでしょうし。

[dic1980]

>jimbe
なるほど、クイズデータをもとに、選択肢などを生成するということでしょうか？
ただ、私の頭では、それをコードにあらわせそうにないです。ごめんなさい。
今後の課題としておきます。

>dodox86さん
そうですね。最初は無駄なコードだとわかっていましたが、とりあえず
動くものを作ろうとしていました。
プロは違うのでしょうか。
私は趣味なので、動けばOKという形です。

[jimbe]

今の状態だと大変だから何とかしようとされたこと自体が、良い方向ではないかと思っております。
『プログラマは楽をするためなら苦労を厭わない』なんて言葉もあるくらいですのでｗ

"C# MAUI" で検索しましたら、 axml を使わなくてもコードでレイアウトを組み立てられるという記事がありました。
これならデータベースからの件数分のボタンを作るとかも出来そうですので、何かの機会にでも試されては如何かと思います。

[TN8001]

@jimbe 2026/03/09 03:14 編集
> (C#は何にも分からないので具体的にどう出来るのかは全く書けませんごめんなさい)

@dic1980 2026/03/09 13:19
> 今後の課題としておきます。

呼ばれた気がしたので回答しました（暇つぶしなんで気にしないでくださいｗ

わかりやすさ優先で都度問い合わせる形にしました。
ツリー構造で持てばセクション一覧を簡単に表示できるんですが、今のＵＩとは合わないのかな？と
[CollectionView でグループ化されたデータを表示する - .NET MAUI | Microsoft Learn](https://learn.microsoft.com/ja-jp/dotnet/maui/user-interface/controls/collectionview/grouping)

@jimbe 2026/03/09 16:25
> これならデータベースからの件数分のボタンを作る

TopStackLayout.Add(new Button { Text = "縄文時代" });
みたいなことも全然できちゃいます。

でもClickedイベントをインラインで書けないのが辛いんですよねぇ...
[[Proposal]: Compound assignment in object initializer and `with` expression · Issue #9896 · dotnet/csharplang](https://github.com/dotnet/csharplang/issues/9896)

それよりもDataTemplateで「文字列がボタンに変わっちゃう！」みたいのが驚きというか面白いポイントで、わたしは大好きなんですがうまく伝えられないのがもどかしいです^^;

[dodox86]

更にていねいで優しいコメント・回答が追加されていたのでびっくりｗ

dic1980さんの「2026/03/09 13:19」のコメントより：
> プロは違うのでしょうか。
> 私は趣味なので、動けばOKという形です。

とりあえず聞かれていたのでコメントしておきます。

個人的な意見ではありますが、趣味ならそれはそれでOKだと思います。例えばイラストを描くのが趣味で、単に描けたら楽しいというときに横から「これはデッサンが狂ってる」とか「パースがおかしい、センス無い」とかは余計なお世話ですよね。ですが、仕事、納品物品だと違います。製品の性質にもよりますが、多くのコードは改修や漸進的な改良、機能追加、保守等で長く付き合うことになります。そんな場合は安易な設計、コードにすると後で"自分が"痛い目にあうことを経験者は知っているので、最初からみすみす悪いコードにはしません。ただ、プロトタイプとか数回のデモ用、あるいはとにかく市場に早く投入しなければならないようなケースでは或いは後で作り直すことも前提に入れてあえて簡単に作ることはありますね。

Answer 1

選択画面の改善案

最初の回答のようにCollectionViewの使い方の話になります。
CollectionView - .NET MAUI | Microsoft Learn

基本的には何かのコレクション（Listでも配列でも）をItemsSourceに入れると、それを一覧に出してくれるコントロールです。
並べ方や見せ方のカスタマイズができるので、例えばstring[]を３列のボタンで表示させることができます。
CollectionView レイアウトの指定 - .NET MAUI | Microsoft Learn
CollectionView へのデータの入力 - .NET MAUI | Microsoft Learn

namespace dic1980_game;

public partial class MainPage : ContentPage
{
    public MainPage()
    {
        InitializeComponent();

        Application.Current!.Windows[0].Width = 600;
        Application.Current!.Windows[0].Height = 600;
    }

    private async void OnCounterClicked(object? sender, EventArgs e)
        => await Navigation.PushAsync(new SelectPeriod());

    private void Button_EXIT(object? sender, EventArgs e) 
        => Application.Current?.Quit();
}

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage
  x:Class="dic1980_game.SelectPeriod"
  xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
  xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
  <ScrollView>
    <VerticalStackLayout>
      <Label
        HorizontalOptions="Center"
        Text="クイズを行う時代を選んでください。"
        VerticalOptions="Center" />

      <CollectionView x:Name="ChoicesCollectionView" Margin="10">
        <CollectionView.ItemsLayout>
          <!--  ３列表示  -->
          <GridItemsLayout
            HorizontalItemSpacing="10"
            Orientation="Vertical"
            Span="3"
            VerticalItemSpacing="10" />
        </CollectionView.ItemsLayout>
        <CollectionView.ItemTemplate>
          <DataTemplate>
            <!--  ItemsSourceがList<Item>なので、ここでのBindingContextはItem単体  -->
            <Button Clicked="Button_Clicked" Text="{Binding Display}" />
          </DataTemplate>
        </CollectionView.ItemTemplate>
      </CollectionView>

      <Button
        Clicked="ExitButton_Clicked"
        HorizontalOptions="Center"
        Text="終了する" />
    </VerticalStackLayout>
  </ScrollView>
</ContentPage>

using Microsoft.Data.Sqlite;

namespace dic1980_game;

public partial class SelectPeriod : ContentPage
{
    /// <param name="Name">レコード名</param>
    /// <param name="Display">表示名</param>
    record Item(string Name, string Display);

    private const string dbFileName = "history_2026_01_24.sqlite3";
    private readonly string dbPath = Path.Combine(FileSystem.AppDataDirectory, dbFileName);
    private readonly string read_SQL;
    private readonly List<Item> m_Items = [];

    public SelectPeriod()
    {
        InitializeComponent();

        read_SQL = """
            SELECT DISTINCT "時代"
            FROM "クイズ_問題"
            ORDER BY "ID";
            """;
    }

    protected override async void OnAppearing()
    {
        base.OnAppearing();

        try
        {
            await LoadDatabaseAsync();
        }
        catch (Exception ex)
        {
            await DisplayAlertAsync("DB読み込みエラー", ex.Message, "OK");
        }

        ChoicesCollectionView.ItemsSource = m_Items;
    }


    private async Task LoadDatabaseAsync()
    {
        if (!File.Exists(dbPath))
        {
            throw new FileNotFoundException($"データベースが見つかりません: {dbPath}");
        }

        var connectionString = new SqliteConnectionStringBuilder
        {
            DataSource = dbPath,
            Mode = SqliteOpenMode.ReadOnly,
        }.ToString();

        await Task.Run(() =>
        {
            using var connection = new SqliteConnection(connectionString);
            connection.Open();

            using var command = connection.CreateCommand();

            command.CommandText = read_SQL;

            using var reader = command.ExecuteReader();
            while (reader.Read())
            {
                if (reader[0] is string item)
                {
                    var disp = $"{item.Split('_')[1]}時代"; // 表示名（雑に作成ｗ
                    m_Items.Add(new Item(item, disp));
                }
            }

            connection.Close();
        });
    }

    private async void Button_Clicked(object? sender, EventArgs e)
    {
        if (sender is Button { BindingContext: Item item })
        {
            await Navigation.PushAsync(new SelectSection(item.Name));
        }
    }

    private void ExitButton_Clicked(object? sender, EventArgs e) => Application.Current?.Quit();
}

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage
  x:Class="dic1980_game.SelectSection"
  xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
  xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
  <ScrollView>
    <VerticalStackLayout>
      <Label HorizontalOptions="Center" Text="クイズを行うセクションを選んで下さい。" />

      <CollectionView x:Name="ChoicesCollectionView" Margin="10">
        <CollectionView.ItemsLayout>
          <LinearItemsLayout ItemSpacing="10" Orientation="Vertical" />
        </CollectionView.ItemsLayout>
        <CollectionView.ItemTemplate>
          <DataTemplate>
            <!--  ItemsSourceがList<Item>なので、ここでのBindingContextはItem単体  -->
            <Button Clicked="Button_Clicked" Text="{Binding Display}" />
          </DataTemplate>
        </CollectionView.ItemTemplate>
      </CollectionView>

      <Button
        Clicked="BackButton_Clicked"
        HorizontalOptions="Center"
        Text="もどる" />

    </VerticalStackLayout>
  </ScrollView>
</ContentPage>

using dic1980_game.Section_0100;
using Microsoft.Data.Sqlite;
using System.Text.RegularExpressions;

namespace dic1980_game;

public partial class SelectSection : ContentPage
{
    /// <param name="Name">レコード名</param>
    /// <param name="Display">表示名</param>
    record Item(string Name, string Display);

    private const string dbFileName = "history_2026_01_24.sqlite3";
    private readonly string dbPath = Path.Combine(FileSystem.AppDataDirectory, dbFileName);
    private readonly string read_SQL;
    private readonly List<Item> m_Items = [];
    private readonly string period;

    [GeneratedRegex("[0-9]+_")] private static partial Regex NumberRegex { get; }

    public SelectSection(string period)
    {
        InitializeComponent();

        this.period = period;
        read_SQL = $"""
            SELECT DISTINCT "部分"
            FROM "クイズ_問題"
            WHERE "時代" = '{period}'
            ORDER BY "ID";
            """;
    }

    protected override async void OnAppearing()
    {
        base.OnAppearing();

        try
        {
            await LoadDatabaseAsync();
        }
        catch (Exception ex)
        {
            await DisplayAlertAsync("DB読み込みエラー", ex.Message, "OK");
        }

        ChoicesCollectionView.ItemsSource = m_Items;
    }

    private async Task LoadDatabaseAsync()
    {
        if (!File.Exists(dbPath))
        {
            throw new FileNotFoundException($"データベースが見つかりません: {dbPath}");
        }

        var connectionString = new SqliteConnectionStringBuilder
        {
            DataSource = dbPath,
            Mode = SqliteOpenMode.ReadOnly,
        }.ToString();

        await Task.Run(() =>
        {
            using var connection = new SqliteConnection(connectionString);
            connection.Open();

            using var command = connection.CreateCommand();

            command.CommandText = read_SQL;

            using var reader = command.ExecuteReader();
            while (reader.Read())
            {
                if (reader[0] is string item)
                {
                    var disp = NumberRegex.Replace(item, "時代の"); // 表示名（雑に作成ｗ
                    m_Items.Add(new Item(item, disp));
                }
            }

            connection.Close();
        });
    }

    private async void Button_Clicked(object? sender, EventArgs e)
    {
        if (sender is Button { BindingContext: Item item })
        {
            // Section_0100_X00は↓の回答のContentPage
            // https://teratail.com/questions/bz2ow7ged9ubqs#reply-25z46kxg4v4yr9
            await Navigation.PushAsync(new Section_0100_X00(period, item.Name));
        }
    }

    private async void BackButton_Clicked(object? sender, EventArgs e)
        => await Navigation.PushAsync(new SelectPeriod());
}

Answer 2

ソースコードをご覧いただければわかると思いますが、ほとんどのソースコードが同じなのです。

全部は見ていないですが
C#はWHERE ""部分"" = '縄文01_社会'ここだけ
xamlはここだけと考えていいんですかね？

<Label Text="時代：縄文時代"
<Label Text="区分：縄文01_社会"

なので、共通部分をまとめて、配列を使ってアクセスできないのか、改善したいということです。

「ほぼ同じのSection_0X00_X00が多すぎる」というのはよくわかりましたが、「xamlを配列に」というのがすいませんがよくわかりません。

先の回答も意図は同じなのですが、dic1980さんのコードを使って共通化してみました。
Section_0100だけでやってみましたが、ほんとに全部同様なら全部まとめられます。

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage
  x:Class="dic1980_game.Section_0100.Section_0100_X00"
  xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
  xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
  Title="Section_0100_X00">
  <Grid Padding="12" RowDefinitions="Auto,Auto,Auto,Auto,Auto,Auto,*">

    <Label x:Name="時代Label" Grid.Row="0" HorizontalOptions="Center" />
    <Label x:Name="区分Label" Grid.Row="1" HorizontalOptions="Center" />
    <Label x:Name="QuestionCountLabel" Grid.Row="2" HorizontalOptions="Center" />
    <Label x:Name="QuestionLabel" Grid.Row="3" HorizontalOptions="Center" />

    <VerticalStackLayout Grid.Row="4" Spacing="8">
      <Button x:Name="SelectButton1" Clicked="OnSection_Select1" Text="1" />
      <Button x:Name="SelectButton2" Clicked="OnSection_Select2" Text="2" />
      <Button x:Name="SelectButton3" Clicked="OnSection_Select3" Text="3" />
      <Button x:Name="SelectButton4" Clicked="OnSection_Select4" Text="4" />
    </VerticalStackLayout>

    <VerticalStackLayout Grid.Row="5" Spacing="8">
      <Label x:Name="ResultLabel" IsVisible="false" />
      <Label x:Name="解説Label" IsVisible="false" />
      <Button
        x:Name="NextButton"
        Clicked="OnSection_NextButton"
        IsVisible="false"
        Text="次の問題へ" />
      <Button
        x:Name="トップへもどるButton"
        Clicked="OnSection_BackToTopButton"
        IsVisible="false"
        Text="記録してトップへもどる" />
    </VerticalStackLayout>

    <ScrollView
      x:Name="結果ScrollView"
      Grid.Row="6"
      Margin="4"
      IsVisible="false"
      Orientation="Vertical"
      VerticalScrollBarVisibility="Always">
      <Label
        x:Name="結果Label"
        HorizontalOptions="Fill"
        LineBreakMode="WordWrap"
        VerticalOptions="Start" />
    </ScrollView>
  </Grid>
</ContentPage>

using Microsoft.Data.Sqlite;

namespace dic1980_game.Section_0100;

public partial class Section_0100_X00 : ContentPage
{
    private const string dbFileName = "history_2026_01_24.sqlite3";
    private readonly string dbPath = Path.Combine(FileSystem.AppDataDirectory, dbFileName);
    private readonly string read_SQL;

    private int m_i現在の問題の番号;
    private int m_i正解数;
    private int m_i不正解数;

    private readonly int[] m_i記録_問題ID = new int[10];
    private readonly int[] m_i記録_選択した答え = new int[10];
    private readonly int[] m_i記録_正誤 = new int[10];
    private readonly string[] m_i記録_区分_時代 = new string[10];
    private readonly string[] m_i記録_区分_部分 = new string[10];
    private readonly int[] m_i記録_難易度 = new int[10];

    private readonly List<QuizItem> m_quizItems = [];

    // コンストラクタ引数で差分（縄文時代、縄文01_社会）をもらう
    public Section_0100_X00(string period, string section)
    {
        InitializeComponent();

        // 縄文01_社会を差し込む
        read_SQL = $"""
                SELECT "ID", "時代", "部分", "問題", "選択肢1", "選択肢2", "選択肢3", "選択肢4", "答え", "難易度", "解説"
                FROM "クイズ_問題"
                WHERE "部分" = '{section}'
                ORDER BY "ID";
                """;

        時代Label.Text = $"時代：{period}"; // "時代：縄文時代"
        区分Label.Text = $"区分：{section}";// "区分：縄文01_社会"
    }

    protected override async void OnAppearing()
    {
        base.OnAppearing();

        try
        {
            await LoadQuizItemsFromDatabaseAsync();
        }
        catch (Exception ex)
        {
            await DisplayAlertAsync("DB読み込みエラー", ex.Message, "OK");
        }

        問題を出す();
    }

    private async Task LoadQuizItemsFromDatabaseAsync()
    {
// 省略
    }

    private void 結果を表示()
    {
// 省略
    }

    private void 問題を出す()
    {
// 省略
    }

    private void 答え合わせ(int selectNumber)
    {
// 省略
    }

    private async void OnSection_BackToTopButton(object? sender, EventArgs e)
    {
        if (Navigation != null && Navigation.NavigationStack.Count > 1)
        {
            try
            {
                if (!File.Exists(dbPath))
                {
                    await DisplayAlertAsync("DB書き込みエラー", $"データベースが見つかりません: {dbPath}", "OK");
                }
                else
                {
                    var connectionString = new SqliteConnectionStringBuilder
                    {
                        DataSource = dbPath,
                        Mode = SqliteOpenMode.ReadWrite,
                    }.ToString();

                    using var connection = new SqliteConnection(connectionString);
                    connection.Open();

                    using var transaction = connection.BeginTransaction();
                    using var command = connection.CreateCommand();
                    command.CommandText =
                        @"INSERT INTO ""クイズ_解答履歴"" (""問題ID"", ""選択した答え"", ""正誤"", ""区分_時代"", ""区分_部分"", ""難易度"")
                          VALUES (@id, @selected, @correct, @zidai, @section, @nanido);";

                    var pId = command.CreateParameter(); pId.ParameterName = "@id"; command.Parameters.Add(pId);
                    var pSelected = command.CreateParameter(); pSelected.ParameterName = "@selected"; command.Parameters.Add(pSelected);
                    var pCorrect = command.CreateParameter(); pCorrect.ParameterName = "@correct"; command.Parameters.Add(pCorrect);
                    var pZidai = command.CreateParameter(); pZidai.ParameterName = "@zidai"; command.Parameters.Add(pZidai);
                    var pSection = command.CreateParameter(); pSection.ParameterName = "@section"; command.Parameters.Add(pSection);
                    var pNanido = command.CreateParameter(); pNanido.ParameterName = "@nanido"; command.Parameters.Add(pNanido);

                    int maxRecords = Math.Min(10, m_quizItems.Count);
                    for (var i = 0; i < maxRecords; i++)
                    {
                        if (m_i記録_問題ID[i] == 0 && m_i記録_選択した答え[i] == 0)
                            continue;

                        pId.Value = m_i記録_問題ID[i];
                        pSelected.Value = m_i記録_選択した答え[i];
                        pCorrect.Value = m_i記録_正誤[i];
                        pZidai.Value = m_i記録_区分_時代[i] ?? string.Empty;
                        pSection.Value = m_i記録_区分_部分[i] ?? string.Empty;
                        pNanido.Value = m_i記録_難易度[i];

                        command.ExecuteNonQuery();
                    }

                    transaction.Commit();
                    connection.Close();
                }
            }
            catch (Exception ex)
            {
                await DisplayAlertAsync("DB書き込みエラー", ex.Message, "OK");
            }

            await Navigation.PopAsync();
        }
    }

    private void OnSection_NextButton(object? sender, EventArgs e)
    {
        m_i現在の問題の番号++;
        問題を出す();
    }

    private void OnSection_Select1(object? sender, EventArgs e) => 答え合わせ(1);
    private void OnSection_Select2(object? sender, EventArgs e) => 答え合わせ(2);
    private void OnSection_Select3(object? sender, EventArgs e) => 答え合わせ(3);
    private void OnSection_Select4(object? sender, EventArgs e) => 答え合わせ(4);
}

using dic1980_game.Section_0000;

namespace dic1980_game.Section_0100;

public partial class Section_0100_00 : ContentPage
{
    public Section_0100_00() => InitializeComponent();

    private async void OnSection0100_Clicked(object? sender, EventArgs e)
        // コンストラクタ引数で差分（縄文時代、縄文01_社会）を渡す
        => await Navigation.PushAsync(new Section_0100_X00("縄文時代", "縄文01_社会"));

    private async void OnSection0200_Clicked(object? sender, EventArgs e)
        => await Navigation.PushAsync(new Section_0100_X00("縄文時代", "縄文02_時代背景"));

    private async void OnSection0300_Clicked(object? sender, EventArgs e)
        => await Navigation.PushAsync(new Section_0100_X00("縄文時代", "縄文03_文化"));

    private async void OnSectionBACK_Clicked(object? sender, EventArgs e)
        => await Navigation.PushAsync(new Section_0000_10());
}

---

MVVMについては、まだ勉強していないので、ごめんなさい。

どちらの回答もMVVMではないです^^;

メニュー（Section_0000_10等）の部分はCollectionView等を使えばだいぶスッキリします。
気が向いたら試してみてください^^

Comments

[dic1980]

なるほど、コンストラクタ時に引数として渡すのですね。
とても参考になりました。
ありがとうございました。

Answer 3

どのように遷移しているかが不明ですが、遷移時にデータを渡すことは可能です。

ShellかNavigationPageかおそらく２択だと思うので、難しめのShellで作ってみました。

Shellで遷移している場合はこちら。
.NET MAUI Shell ナビゲーション - .NET MAUI | Microsoft Learn

NavigationPageの場合はコンストラクタで渡せばいいので話が早い。
NavigationPage - .NET MAUI | Microsoft Learn

出来る限りバインドせずにコードビハインドで（こちらの遷移あり版といったところ）
[C#] [MAUI] MAUIの情報（日本語）が少なくて困っています。[受付終了] | teratail

<?xml version="1.0" encoding="UTF-8" ?>
<Shell
  x:Class="Qbz2ow7ged9ubqs.AppShell"
  xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
  xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
  xmlns:local="clr-namespace:Qbz2ow7ged9ubqs"
  FlyoutBehavior="Disabled">

  <Shell.BackButtonBehavior>
    <BackButtonBehavior IsEnabled="False" IsVisible="False" />
  </Shell.BackButtonBehavior>

  <ShellContent ContentTemplate="{DataTemplate local:MainPage}" Route="MainPage" />

</Shell>

namespace Qbz2ow7ged9ubqs;

public partial class AppShell : Shell
{
    public AppShell()
    {
        InitializeComponent();

        Routing.RegisterRoute("MainPage/QuizPage", typeof(QuizPage));
    }
}

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage
  x:Class="Qbz2ow7ged9ubqs.MainPage"
  xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
  xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">

  <CollectionView x:Name="CategoriesCollectionView" Margin="20">
    <CollectionView.ItemsLayout>
      <LinearItemsLayout ItemSpacing="10" Orientation="Vertical" />
    </CollectionView.ItemsLayout>
    <CollectionView.ItemTemplate>
      <DataTemplate>
        <!--  ItemsSourceがCategory[]なので、ここでのBindingContextはCategory単体  -->
        <Button Clicked="Button_Clicked" Text="{Binding}" />
      </DataTemplate>
    </CollectionView.ItemTemplate>
  </CollectionView>

</ContentPage>

namespace Qbz2ow7ged9ubqs;

// 遷移時に渡すデータ兼カテゴリ？表示
public record Category(string Period, string Section)
{
    public override string ToString() => $"{Period} {Section}";
}

public partial class MainPage : ContentPage
{
    public MainPage()
    {
        InitializeComponent();

        CategoriesCollectionView.ItemsSource = new Category[] {
            new("縄文時代", "縄文01_社会"),     // Section_0100_100
            new("縄文時代", "縄文02_時代背景"), // Section_0100_200
            new("縄文時代", "縄文03_文化"),     // Section_0100_300
            // ここを増やせば良いだけになる^^
        };
    }

    private async void Button_Clicked(object? sender, EventArgs e)
    {
        // ButtonのBindingContextはCategory単体になっている
        if (sender is Button { BindingContext: Category category })
        {
            // Dictionary形式で必要なデータを渡す
            var parameters = new ShellNavigationQueryParameters
            {
                { "時代", category.Period },
                { "部分", category.Section },
            };
            await Shell.Current.GoToAsync("QuizPage", parameters);
        }
    }
}

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage
  x:Class="Qbz2ow7ged9ubqs.QuizPage"
  xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
  xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
  xmlns:local="clr-namespace:Qbz2ow7ged9ubqs">

  <Grid Padding="12" RowDefinitions="Auto,Auto,Auto,Auto,Auto">
    <Label x:Name="PeriodLabel" Grid.Row="0" HorizontalOptions="Center" />
    <Label x:Name="SectionLabel" Grid.Row="1" HorizontalOptions="Center" />
    <Label x:Name="QuestionCountLabel" Grid.Row="2" HorizontalOptions="Center" />
    <Label x:Name="QuestionLabel" Grid.Row="3" HorizontalOptions="Center" />

    <CollectionView x:Name="ChoicesCollectionView" Grid.Row="4">
      <CollectionView.ItemsLayout>
        <LinearItemsLayout ItemSpacing="10" Orientation="Vertical" />
      </CollectionView.ItemsLayout>
      <CollectionView.ItemTemplate>
        <DataTemplate>
          <!--  ItemsSourceがstring[]なので、ここでのBindingContextはstring単体  -->
          <Button Clicked="AnswerButton_Clicked" Text="{Binding}" />
        </DataTemplate>
      </CollectionView.ItemTemplate>
      <CollectionView.EmptyView>
        <Button Clicked="BackButton_Clicked" Text="戻る" />
      </CollectionView.EmptyView>
    </CollectionView>
  </Grid>

</ContentPage>

namespace Qbz2ow7ged9ubqs;

// クイズ１問のデータ
public class Quiz(string question, params string[] choices)
{
    public string Question { get; } = question;
    public string[] Choices => [.. choices.Shuffle()]; // 選択肢ランダム
    public string Answer { get; } = choices[0];
}

public static class QuizService
{
    // DBから取ってきてるテイ
    public static Quiz[] GetQuizzes(string 時代, string 部分)
    {
        Quiz[] quizzes = [
            new Quiz("史上初の家庭用ゲーム機とされるものは？", "オデッセイ（マグナボックス）", "ホーム・ポン（アタリ）", "カラーテレビゲーム15（任天堂）"),
            new Quiz("スーパーファミコンソフト「ドラゴンクエスト6 幻の大地」の定価(税抜）は？", "11,400円", "14,800円", "9,700円"),
            new Quiz("PlayStationの同時発売ソフトは？", "リッジレーサー（ナムコ）", "モータートゥーン・グランプリ（SCE）", "チョロQ（タカラ）"),
        ];
        return [.. quizzes.Shuffle()]; // 問題順ランダム
    }
}

//                                           ↓「ApplyQueryAttributes使うよ」という合図
public partial class QuizPage : ContentPage, IQueryAttributable
{
    private Quiz[] quizzes = null!;
    private int index;
    private int correct;

    public QuizPage() => InitializeComponent();

    public void ApplyQueryAttributes(IDictionary<string, object> query)
    {
        // 渡されたデータを取得
        var period = (string)query["時代"];
        var section = (string)query["部分"];

        // DBから取ってきてるテイ
        quizzes = QuizService.GetQuizzes(period, section);

        // 各ラベルにセット
        PeriodLabel.Text = $"時代：{period}";
        SectionLabel.Text = $"区分：{section}";
        QuestionCountLabel.Text = $"第{index + 1}問";
        QuestionLabel.Text = quizzes[index].Question;

        // 選択肢の配列（string[]）をItemsSourceにセット
        ChoicesCollectionView.ItemsSource = quizzes[index].Choices;
    }

    private async void AnswerButton_Clicked(object? sender, EventArgs e)
    {
        // ButtonのBindingContextはstring単体になっている
        if (sender is Button { BindingContext: string answer })
        {
            if (answer == quizzes[index].Answer)
            {
                correct++;
                await DisplayAlertAsync("", "正解！", "次へ");
            }
            else
            {
                await DisplayAlertAsync("", "はずれ", "次へ");
            }

            index++;
            if (index < quizzes.Length) // 次の問題
            {
                QuestionCountLabel.Text = $"第{index + 1}問";
                QuestionLabel.Text = quizzes[index].Question;
                ChoicesCollectionView.ItemsSource = quizzes[index].Choices;
            }
            else // 結果表示
            {
                QuestionCountLabel.Text = $"{quizzes?.Length}問中{correct}問正解";
                QuestionLabel.Text = "";

                // 空配列をセットしてEmptyViewを出す
                ChoicesCollectionView.ItemsSource = Array.Empty<string>();
            }
        }
    }

    private async void BackButton_Clicked(object? sender, EventArgs e)
        => await Shell.Current.GoToAsync(".."); // MainPageに戻る
}

Comments

[dic1980]

回答ありがとうございます。
ソースコードをアップロードしました。
そちらをご覧いただければと思います。