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

【问题标题】：Integrate overflowed links into a dynamic dropdown menu at the end of the list of menu将溢出的链接集成到菜单列表末尾的动态下拉菜单中
【发布时间】：2012-05-11 12:15:17
【问题描述】：

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

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

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

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

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

【问题讨论】：

标签： actionscript-3 apache-flex overflow flex4.5 fluid-layout

【解决方案1】：

经过大量研究、阅读和许多原型设计后，我找到了一个在这个特定场景下运行良好的解决方案；不过，组件和皮肤之间的耦合比我想象的要高一些。

我基于 spark BorderContainer 创建了一个自定义组件。组件布局大致如下：

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

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

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

【讨论】：

【解决方案2】：

【讨论】：