list - 如何为下拉列表创建弹性组合框

Question

我想创建一个弹性组合框，但需要分组显示，并具有三个级别，格式如下。有谁有这种经历吗？

字体下拉列表

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

第一步：创建一个有层次感的模型类

最简单的形式是这样的：

public class Node {

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

}

第 2 步：创建一个自定义 ItemRenderer，将其depth转换为视觉填充

<!-- 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