この辺からわけのわからないことを言い始めるかと思います。私自身はMVVMの境地に立っていないので、とりあえずで実装を進めています。C#も久々過ぎてプロパティすら曖昧です＞＜

あくまで一例だと思っていただければと思います。

今回作るのは、画面の入力を元にyamlファイルを作成するアプリケーションです。

画面

簡単に画面を紹介します。

右はpageを使って、左はメニューです。

最初にyamlファイルを開くとゲーム設定ページに遷移できるようにしました。

ゲーム設定ページでは簡単に２つのデータを登録します。Saveボタンを押してyamlオブジェクトにフォームの内容を反映させて、メニュー上部の保存からファイルに出力します。

今回使用するYamlクラス

yamlクラスは以下のようなものです。

class YamlData
    {
        
        public string sample { get; set; }

        //　ここに値を入れてみます
        public string dbname { get; set; }

    }

Yamlオブジェクトを管理するクラス

シリアライズ、デシアライズ対象となるyamlオブジェクトを管理するクラスを、YamlManagerクラスとして作成しました。

これはシングルトンクラスとして、管理することで常に同一のyamlデータを扱えるようにします。

class YamlManager
    {

        private static YamlManager instance = new YamlManager();

        public YamlData yamlData { set; get; }

        private YamlManager() { }

        public static YamlManager getInstance()
        {
            return instance;
        }

        /// <summary>
        /// yamlDataが設定されているかどうか確認します。
        /// </summary>
        /// <returns></returns>
        public bool hasSetYaml()
        {
            if (this.yamlData != null)
            {
                return true;
            }
            return false;
        }

    }

MainWindowのコンストラクタでyamlManagerを取得しています。シングルトンクラスなので、どこから取得しても同じ結果ですが。。。

また、yamlと関係ないですが、xamlのほうで定義しているframeに対してPage1を設定します。

public MainWindow()
        {
            InitializeComponent();

            Uri uri = new Uri("/Page1.xaml", UriKind.Relative);
            myFrame.Source = uri;

            // また最初にYamlManagerをインスタンス化しておく＝シングルトンクラスです。
            this.yamlManager = YamlManager.getInstance();

        }

yamlファイルを開いたら、左側のメニューを活性化します。ゲーム設定をダブルクリックすると、SetUpConfigPageが呼ばれます。ここでPage2.xamlをframeに設定します。

private void OpenYamlFile(object sender, RoutedEventArgs e)
        {
            var dialog = new OpenFileDialog();
            dialog.Filter = "YAMLファイル (*.yml)|*.yml|全てのファイル (*.*)|*.*";
            if (dialog.ShowDialog() == true)
            {
                var reader = new StreamReader(dialog.FileName, Encoding.UTF8);
                var sy = reader.ReadToEnd();
                reader.Close();

                var deserializer = new DeserializerBuilder()
                    .WithNamingConvention(UnderscoredNamingConvention.Instance)  // see height_in_inches in sample yml 
                    .Build();
                // yamlのデータを取得する
                var yamldata = deserializer.Deserialize<YamlData>(sy);
                this.yamlManager.yamlData = yamldata;

                MessageBox.Show(this.yamlManager.yamlData.sample);

                // 色々と設定する。
                this.InitializeLeftSideBar();

            }
        }


        /// <summary>
        /// yamlを読み込んだら左サイドバーを活性化します。
        /// </summary>
        private void InitializeLeftSideBar()
        {
            mylistview.IsEnabled = true;
        }


        private void SetUpConfigPage(object sender, RoutedEventArgs e)
        {
            Uri uri = new Uri("/Page2.xaml", UriKind.Relative);
            myFrame.Source = uri;
        }

一応xamlファイルはこんな感じです。

<DockPanel>
        <Menu DockPanel.Dock="Top" >
            <MenuItem Header="開く" Click="OpenYamlFile"></MenuItem>
            <MenuItem Header="保存" Click="SaveYamlFile"></MenuItem>
        </Menu>
        <Grid DockPanel.Dock="Top">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="0.2* " />
                <ColumnDefinition Width="0.8* " />
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="0.5*" />
                <RowDefinition Height="0.5*" />
            </Grid.RowDefinitions>
            <ListBox x:Name="mylistview" Grid.RowSpan="2" Grid.Row="0" Grid.Column="0" IsEnabled="False">
                <ListBoxItem MouseDoubleClick="SetUpConfigPage">ゲーム設定</ListBoxItem>
            </ListBox>
            <ScrollViewer Grid.Row="0" Grid.Column="1" Grid.ColumnSpan="2" Grid.RowSpan="2">
                <Frame NavigationUIVisibility="Hidden" Name="myFrame" />
            </ScrollViewer>
        </Grid>
    </DockPanel>

フォーム内容をyamlオブジェクトに反映して保存する

yamlオブジェクトに反映というのは、変数に値を割り当てる行為です。

private void SaveYamlObject(object sender, RoutedEventArgs e)
        {
            var yamlManager = YamlManager.getInstance();
            // dbnameにテクストボックスの値を指定します（今回は特にバリデーションなどしていません）
            yamlManager.yamlData.sample = page2TextBox.Text;
            yamlManager.yamlData.dbname = page2dbtextbox.Text;
            // メッセージ内容は適当です。
            MessageBox.Show("画面内容を保存しました。");
        }

これはSAVEボタンを押したときの処理です。シングルトンクラスにしているため、このようにどのPageクラスから参照しても同じオブジェクトなので、直接値を代入してしまっています。

xamlも一応記載します。

<Grid>
        <Label x:Name="page2lave" HorizontalAlignment="Left" Margin="0,10,0,0" VerticalAlignment="Top"/>
        <TextBox x:Name="page2TextBox" HorizontalAlignment="Left" Margin="0,40,0,0" Text="" TextWrapping="Wrap" VerticalAlignment="Top" Width="120"/>
        
        <Label x:Name="page2dblavel" HorizontalAlignment="Left" Margin="10,81,0,0" VerticalAlignment="Top"/>
        <TextBox  x:Name="page2dbtextbox" HorizontalAlignment="Left" Margin="10,123,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="120"/>
        <Button Click="SaveYamlObject" Content="SAVE" HorizontalAlignment="Left" Margin="20,193,0,0" VerticalAlignment="Top"/>

    </Grid>

ファイルに書き出す（保存）

メニュー上部の保存ボタンを押したときに、yamlオブジェクトをシリアライズしてyamlファイルとして書き出します。

private void SaveYamlFile(object sender, RoutedEventArgs e)
        {

            // そもそも開いてなければFalse
            if (!this.yamlManager.hasSetYaml())
            {
                MessageBox.Show("YAMLデータが作成されていません。");
                return;
            }

            var serializer = new SerializerBuilder()
                    .WithNamingConvention(CamelCaseNamingConvention.Instance)
                    .Build();
            var yaml = serializer.Serialize(this.yamlManager.yamlData);

            // trueは追加書き込みでした。
            var writer = new StreamWriter(@"C:\Users\kirino\Documents\result2.yaml", false, Encoding.UTF8);
            writer.Write(yaml);
            writer.Close();

            MessageBox.Show("保存しました。");

        }

以下の内容でSAVEボタンを押して、保存して出力されるファイルを確認してみます。

sample: ギャラクシー
dbname: Postgre

想定通りの動きになっていました。

C# | yamlファイルを作成するアプリを作る