list - ドロップダウンリストのフレックスコンボボックスを作成する方法

Question

フレックスコンボボックスを作成したいのですが、表示をグループ化する必要があり、以下のように3つのレベルがあります。この経験を持っている人はいますか？

フォントドロップダウンリスト

1. 中国語：

   1.1。簡体字中国語：

   1.1.1。牙の歌

   1.1.2。ヘイ

   1.1.3。カイ

   1.1.4。歌

   1.2。繁体字中国語：

   1.2.1。カイ

   1.2.2。歌われる

2. 日本：

   2.1。日本平成カクゴシック

   2.2。日本平成丸ゴシック

   2.3。日本のヘイセイミンチョ

3. 韓国語：

   3.1。韓国のゴシック

   3.2。韓国のミェンジョ

Answer 1

ステップ1：階層的な深さの感覚を持つモデルクラスを作成する

最も単純な形式では、次のようなものです。

public class Node {

    public var label:String;
    public var depth:int;

}

depthステップ2：それを視覚的なパディングに変換するカスタムItemRendererを作成する

<!-- HierarchicalItemRenderer.mxml -->
<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
                xmlns:s="library://ns.adobe.com/flex/spark">

    <s:Label id="labelDisplay" left="3 + (10 * data.depth)"/>

</s:ItemRenderer>

ステップ3：カスタムItemRendererを使用する

<DropDownList itemRenderer="path.to.HierarchicalItemRenderer"/>

IListデータプロバイダーとしてのインスタンスNodeの。