こんにちは。

この記事は前回の記事にもリンクしてあります。

複雑な構造を表現する

yamlファイルを作るときに大変だったこととして、以下のような気色の悪い構造になっている場合の解析について記載します。

scenario:
  first:
    type: MESSAGE
    next: choiceman
    back: back.jpg
    right: keke.png
    left: kanon.png
    render:
    - speaker: 可可
      message:
      - かのん見て！！！
      - ぼろーーーーん！！
    - speaker: かのん
      message:
      - 歌える
      - 一人じゃないから
    - speaker: 可可
      message:
      - くぅうううう

scenarioクラスの中にfirstクラスがあってと複雑化していますが、Dictionaryを使って表現しました。

参考：C# | Dictionaryを使って柔軟なyamlファイルを作成する

public Dictionary<string, Scenario> scenario { get; set; }

こうするとfirstはstringで、その中身をScenarioクラスで管理するようにできます。

この後に問題となるのがrenderの箇所でした。renderはクラスとして、それを配列で管理しています。さらにrenderクラスにはmessageという配列がある状態です。

yamldotnetは、リストでも配列を表現できますのでRenderYamlというクラスのリストをrenderとして用意します。

public List<RenderYaml> render { get; set; }

RenderYamlクラスは以下のような定義でmessageのリストを持っています。

class RenderYaml
    {
        public string speaker { get; set; }
        public List<string> message { get; set; }
    }

これでシリアライズとデシアライズはOKです。

どうやって画面に出すか

ここからが少し問題でした。じゃあこいつらをどうやって画面に出力するのか？

まずは、デシアライズしたyamlファイルを管理できるYamlManagerクラスをシングルトンで作成しておきます。

そしてシナリオ一覧を表示するには、Dictionaryのkey情報だけを持ったコンボボックスが必要でしたので、以下のようにしてリストを作成しました。

var keys = YamlManager.getInstance().scenarioData.scenario.Keys.ToList<string>();
            keys.ForEach(item =>
            {
                this.list.Add(item);
            });

これでkey情報をループしてkey情報だけが表示されるコンボボックスのソースを作成します。

上記のkey情報を元にシナリオデータを取得します。

→ストアクラスを作成して、表示中のkey情報をいつでも取り出せるようにしました。（frameを使っていたため）

var choiceKey = myComboBox.SelectedItem.ToString();
// ここでページを変更して、choiceKeyを渡します。
Store.getInstance().CurrentScenarioKey = choiceKey;

messageも複数あるので、index番号をコンボボックスに表示して、それを選択したら詳細をテキストブロックに表示します。

以下のように、mytalkListには配列のインデックス番号を列挙させて、そのインデックス番号に応じて、mylistboxというListBoxにmessageの要素を出します。ListBoxの要素がクリックされたら、textboxに表示させています。

<Label Content="会話リスト"/>
<ComboBox x:Name="mytalkList" ItemsSource="{Binding TalkList}" Width="120" SelectionChanged="selectArrayIndex" />

<Label Content="会話内容"/>
<ListBox x:Name="mylistbox"  ItemsSource="{Binding TalkDetailList}" SelectionChanged="TalkDetailEvent"/>

<Label Content="会話内容"/>
<TextBox x:Name="mydetail" Text="" TextWrapping="Wrap"/>

index番号のリストは以下のようにして作成します。

便利なYamlManagerから、ストアに設定されているkey情報を元にデータを取ってきます。

あとはIndexをToStringしてあげればOKです。

this.talkList = new ObservableCollection<string>();
var scenarioData = YamlManager.getInstance().scenarioData.scenario[currentKey];
var messages = scenarioData.render;
foreach (var item in messages)
{
    this.talkList.Add(messages.IndexOf(item).ToString());
}

indexは文字列なので、messages[Int32.Parse(index)]でint化してmessageの配列から、メッセージの内容を取得します。

取得したメッセージをtalkDetailListに突っ込んで完了です。常にコンボボックスの変更を監視して値を変更している感じです。

// 選択中のインデックス番号を取得して
var index = mytalkList.SelectedItem.ToString();

var scenarioData = YamlManager.getInstance().scenarioData.scenario[currentKey];

var messages = scenarioData.render;

var list = messages[Int32.Parse(index)];

// 話し手を設定する。
spekaer.Text = list.speaker;

this.talkDetailList.Clear();
// 会話内容をリストに突っ込む。
list.message.ForEach(item =>
{
    this.talkDetailList.Add(item);
});

簡単に便利なクラスを紹介します。

基本的には変数を保持しておくシングルトンクラスです。

YamlManager

変数の一覧はYamlオブジェクトのクラスでDictionaryを利用して以下のようにデシアライズしたりシリアライズされます。

public Dictionary<string, string> valiable { get; set; }

基本的に画面に表示するリストはObservableCollectionが楽でしたので、getValiableListメソッドで、ObeservableCollectionにDictionaryの内容を突っ込んでいます。

class YamlManager
    {

        private static YamlManager instance = new YamlManager();

        //ここはそのうち除去してください。
        public YamlData yamlData { set; get; }

        public ScenarioData scenarioData { get; set; }

        private YamlManager() { }

        public static YamlManager getInstance()
        {
            return instance;
        }

        public ObservableCollection<Dictionary<string, string>> getValiableList()
        {
            var oc = new ObservableCollection<Dictionary<string, string>>();

            foreach (KeyValuePair<string, string> item in this.scenarioData.valiable)
            {
                oc.Add(new Dictionary<string, string> {{ item.Key, item.Value }});
            }

            return oc;
        }

Store

Sotreはシナリオ名を保持するだけです。

class Store
    {
        public static Store instance = new Store();
        private Store() { }

        public static Store getInstance() {
            return instance;
        }

        /*
         * 利用する値を記載しています。
         * インスタンスを取得してから利用するようにするため、
         * staticな変数にはしないでください。
         * */

        public string CurrentScenarioKey = "";


    }

YamlDotnetを使って割と気色の悪い構造のyamlファイルをデシアライズしても、扱い方はそれぞれですがきちんと扱うことができます。

最初のうちはyamlファイル使うならjs側のelectronがいいかもしれないなんて言いましたが、YamlDotNet一択です。。

C# | yaml | 気色の悪い構造を解析する