【Unity】Unity2019.3 でも boxを利用したい

Unity 2019.3

2019.3より Unity のUIが一新されました f:id:hacchi_man:20200111025723p:plain

これにともない

        using (new GUILayout.VerticalScope(GUI.skin.box))
        {
            using (new GUILayout.VerticalScope(GUI.skin.box))
            {
                using (new GUILayout.VerticalScope(GUI.skin.box))
                {
                    GUILayout.Label("box sample");
                }
            }
        }

上記のコードの場合以前はこう表示されていたが

f:id:hacchi_man:20200111030152p:plain

2019.3からこのように表示されるようになってしまった

f:id:hacchi_man:20200111030329p:plain

boxの代わり

box の代わりとして利用できそうな Style は GUI.skin.window

GUILayout.Label("window", GUI.skin.window);

通常はこのように表示されます

f:id:hacchi_man:20200111031104p:plain

が padding と margin のせいで表示が異なっているため、調整します

        var skin = new GUIStyle(GUI.skin.window)
        { 
            padding = {
                top = 4
            },
            margin =
            {
                left = 4,
                right = 4,
            }
        };

        using (new GUILayout.VerticalScope(skin))
        {
            using (new GUILayout.VerticalScope(skin))
            {
                using (new GUILayout.VerticalScope(skin))
                {
                    GUILayout.Label("box sample");
                }
            }
        }
        GUILayout.FlexibleSpace();