[C#][.NET MAUI] デバック用のウィンドウを生成して表示したいが、コードがこんがらがってうまくいかない。

Question

実現したいこと

.NET MAUI 環境にて、メインウィンドウと、デバック用ウィンドウ、２つ生成して同時に表示したい。

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

Window型やDebugWindowクラスなどが、こんがらがって、わけがわからなくなりました。

エラーメッセージ

上の画像の通りです。

該当のソースコード

using Microsoft.Extensions.Logging;

namespace MauiApp02_2025_01_06
{
    public static class MauiProgram
    {
        public static MauiApp CreateMauiApp()
        {
            var builder = MauiApp.CreateBuilder();
            builder
                .UseMauiApp<App>()
                .ConfigureFonts(fonts =>
                {
                    fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
                    fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
                });

#if DEBUG
    		builder.Logging.AddDebug();
#endif


            // 新しいウィンドウを作成
            var debugWindow = new DebugWindow(); // DebugWindow のインスタンスを作成
            Window newWindow = new Window(debugWindow); // 新しいウィンドウを作成
            CommonData.SetDebugWindowInfo(debugWindow); // DebugWindow のインスタンスを CommonData に設定
            Application.Current.OpenWindow(newWindow); // 新しいウィンドウを開く


            return builder.Build();
        }
    }
}

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Data.SQLite;

namespace MauiApp02_2025_01_06
{
    public static class CommonData
    {
        public static DebugWindow? m_debugWindow { get; set; }
        public static int m_i第４章_第１節_正解した数 { get; set; }
        //  データベースへのパス
        public static string? m_szdbPath { get; set; }
        // SQLite接続文字列を作成
        public static string? m_szconnectionString;

        public static void SetDebugWindowInfo(DebugWindow debugWindow)
        {
            m_debugWindow = debugWindow;
        }
        public static void AddDebugMessage(string message)
        {
            m_debugWindow.AddMessage(message);
        }
        public static void 初期化()
        {
            m_szdbPath = "C:\\Users\\lalal\\OneDrive\\ドキュメント\\2025\\4択問題データベース関連\\sample";
            m_szconnectionString = $"Data Source={CommonData.m_szdbPath};Version=3;";
        }

        public static void 初期化_第4章_第1節()
        {
            // レコードクラスのインスタンスを格納するリスト
            List<レコード> records = new List<レコード>();

            // SQLiteConnectionオブジェクトを作成
            using (SQLiteConnection connection = new SQLiteConnection(CommonData.m_szconnectionString))
            {
                try
                {
                    // データベースに接続
                    connection.Open();
                    CommonData.AddDebugMessage("SQLiteデータベースに接続しました。(OnLoadBtnClicked)\n");
                    // データを取得するSQLクエリ
                    string selectQuery = "SELECT ID, 名前, 正解数, 記録時間 FROM 記録";
                    using (SQLiteCommand command = new SQLiteCommand(selectQuery, connection))
                    {
                        using (SQLiteDataReader reader = command.ExecuteReader())
                        {
                            while (reader.Read())
                            {
                                // 各列の値を取得し、レコードクラスのインスタンスを作成
                                レコード record = new レコード
                                {
                                    ID = reader.GetInt32(0), // ID
                                    名前 = reader.GetString(1), // 名前
                                    正解数 = reader.GetInt32(2), // 正解数
                                    記録時間 = reader.GetString(3) // 記録時間
                                };

                                // リストにRecordインスタンスを追加
                                records.Add(record);
                            }
                        }
                    }

                    // 読み込んだデータを表示
                    foreach (var record in records)
                    {
                        CommonData.AddDebugMessage($"ID: {record.ID}, 名前: {record.名前}, 正解数: {record.正解数}, 記録時間: {record.記録時間}\n");
                    }

                    //  読み込んだレコード全部の内、最大の正解数を求める。
                    int maxScore = レコード.最大正解数(records);
                    CommonData.AddDebugMessage($"最大の正解数：{maxScore}\n");
                }
                catch (SQLiteException ex)
                {
                    // エラーメッセージを表示
                    CommonData.AddDebugMessage($"エラー: {ex.Message}\n");
                }
                finally
                {
                    // 接続を閉じる
                    connection.Close();
                    CommonData.AddDebugMessage("接続を閉じました。\n");
                }
            }

        }
    }

}

<?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="MauiApp02_2025_01_06.DebugWindow"
             Title="DebugWindow">
    <VerticalStackLayout>
        <Label 
            Text="DebugWindow"
            x:Name="Label_message"
            VerticalOptions="Center" 
            HorizontalOptions="Center" />
    </VerticalStackLayout>
</ContentPage>

namespace MauiApp02_2025_01_06;

//public partial class DebugWindow : ContentPage
public partial class DebugWindow : ContentPage
{
    public DebugWindow()
	{
		InitializeComponent();
	}

	public void AddMessage( string message )
	{
		Label_message.Text += message;
	}
}

試したこと・調べたこと

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

上記の詳細・結果

AIに聞いてみたが、文字数オーバーで聞けなかった。
省略したりして、文字数オーバーをなくしたが、解決にはいたらなかった。
AIにソースコードを作ってもらった（どんな問題が発生してますか？のところの図）が
実行時にエラーが出る。

補足

OS:Windows 11 pro
言語: C#
FW: .NET MAUI
IDE: Visual Studio 2022 community
DB: SQLite (今回はDBについてはふれない)

Answer 1

エラーメッセージ

書いてある通りその時点では、Application.Currentがnullです。
Application.Current プロパティ (Microsoft.Maui.Controls) | Microsoft Learn

Application.Currentが入った後ならどこでもいいんでしょうが、一番手軽なのはMainPageのコンストラクタあたりでしょうか？

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

        var debugWindow = new DebugWindow();
        Window newWindow = new Window(debugWindow);
        CommonData.SetDebugWindowInfo(debugWindow);
        Application.Current.OpenWindow(newWindow);
    }
}

.NET MAUI 環境にて、メインウィンドウと、デバック用ウィンドウ、２つ生成して同時に表示したい。

そもそもデバッグ目的なら、Debug.WriteLine等で「出力」ウィンドウに表示すればよくないですか？
Debug.WriteLine メソッド (System.Diagnostics) | Microsoft Learn

アプリ内に出したいなら下手に別ページにするよりは、別ウィンドウのほうが扱いは楽そうですが...

---

public partial class DebugWindow : ContentPage

本当はページなのにウィンドウを名乗るのは、かなり気持ちが悪いです^^;

「.NET MAUI Window (XAML)」に変更すれば、名前通りになりますね^^

<?xml version="1.0" encoding="utf-8" ?>
<Window
  x:Class="Q6ezm2rj0la9dh8.DebugWindow"
  xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
  xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
  Title="DebugWindow">
  <ContentPage>
    <ScrollView>
      <Label x:Name="Label_message" />
    </ScrollView>
  </ContentPage>
</Window>

namespace Q6ezm2rj0la9dh8;

public partial class DebugWindow : Window
{
    public DebugWindow()
    {
        InitializeComponent();

        var w = Application.Current!.Windows[0];
        X = w.X + w.Width;
        Y = w.Y;
        Width = 300;
        Height = 500;
    }

    public void AddMessage(string message)
    {
        Label_message.Text += message;
    }
}

namespace Q6ezm2rj0la9dh8;

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

        var debugWindow = new DebugWindow();
        CommonData.SetDebugWindowInfo(debugWindow);
        Application.Current!.OpenWindow(debugWindow);
    }
}

Comments

[yukkuri_55]

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

var debugWindow = new DebugWindow();
Window newWindow = new Window(debugWindow);
CommonData.SetDebugWindowInfo(debugWindow);
Application.Current.OpenWindow(newWindow);
}
}
おっしゃるおおり、上のようにコードを変更すると、デバック用ウィンドウが出ました。

解決しました。ありがとうございます。