ツリーコントロールのカスタマイズ

[umemura]

ツリーコントロールの外見を下記のように変更したいです。

■デフォルト
□─┐ラベル１
│　 ├─ラベル１－１
│　 ├─ラベル１－２
│　 └─ラベル１－３
├─┐ラベル２
│ 　├─ラベル２－２
│　 └─ラベル２－３
│

■望む変更
この「＋－」の展開・折りたたみボタンを大きくしたい
↓　　↓線を長くし、途中から枝わけしたい
□──┬──ラベル１
│　　　├────ラベル１－１
│　　　├────ラベル１－２
│　　　└────ラベル１－３
│　　　　　　　　　　　　　　　　←ノードの親レベルで間を少し空けたい
├──┬───ラベル２
│　　　├────ラベル２－２
│　　　└────ラベル２－３
│

「スキンが適用されたツリーコントロール」の項目を見て、
関係しそうなプロパティを変更しましたが、
望む外観と派なりませんでした。

Code:

{def toggle-open-skin =
    {ShadedSkinSpec
        "white",
        "white",
        margin-spec = {OffsetSpec 20px}
    }
}
{def toggle-closed-skin =
    {ShadedSkinSpec
        "white",
        "white",
        margin-spec = {OffsetSpec 20px}
    }
}
{def tree-ss =
    {StyleSheet
        {StyleRule "TreeControl/toggle",
            skin = toggle-closed-skin,
            checked-skin = toggle-open-skin,
            width =5in
        }
    }
}
{install-style-sheet-on-Graphic
    {TreeControl data-model = foods},
    tree-ss
}

あとは、draw メソッドで、うまいこと線を引くスキンを自作してUIで利用する方法が考えられますが、
実装コードがわかりません。

もし、ツリーコントロールをカスタマイズした方がいらっしゃったら教えてください。