actionscript-3 - 将溢出的链接集成到菜单列表末尾的动态下拉菜单中

Question

我应该如何创建链接的水平列表，以便通过列表末尾的动态下拉菜单仍然可以使用溢出的链接？

我希望能够创建一个链接(或按钮)列表，以便在有足够的水平空间时显示所有链接。当水平空间不足时，溢出的链接将出现在链接列表末尾的下拉菜单中。我正在使用 Flex SDK 4.5.1。

这种期望的行为如下所示。



在尝试创建多部分自定义组件、使用自定义布局以及在互联网上进行相当广泛但不成功的研究之后，我还没有接近可行的解决方案。

我应该如何创建链接的水平列表，以便可以通过主列表末尾的下拉列表获得溢出的链接

Answer 1

经过大量研究、阅读和许多原型(prototype)后，我完成了一个解决方案，该解决方案在这个特定场景中运行得足够好；虽然，组件和皮肤之间的耦合比我想要的要高一些。

我基于 spark BorderContainer 创建了一个自定义组件.组件布局大致为:

-- BorderContainer
  -- Scroller
    -- Group
      -- DataGroup
      -- Button
      -- PopUpAnchor
        -- Group
        -- Rect
        -- DataGroup

第一个 DataGroup包含项目的主要列表。这些是水平显示的。通过覆盖 updateDisplayList在自定义组件中，我可以测量 DataGroup 中的每个项目并确定它是否适合可用区域。那些不适合的将被隐藏(不删除)并添加到不显示列表中。

不显示列表中的那些项目被添加到第二个 DataGroup .这是下拉列表。结束这个 DataGroup在 PopUpAnchor允许我添加类似行为的下拉菜单。 Button用于弹出和关闭第二个 DataGroup .