2

リストの最後にある動的ドロップダウンメニューからオーバーフローしたリンクを引き続き使用できるように、リンクの水平リストを作成するにはどうすればよいですか？

十分な水平方向のスペースがあるときにすべてのリンクが表示されるように、リンク（またはボタン）のリストを作成できるようにしたいと思います。十分な水平方向のスペースがない場合、オーバーフローしたリンクがリンクリストの最後にあるドロップダウンメニューに表示されます。FlexSDK4.5.1を使用しています。

この望ましい動作を以下に示します。

ここに画像の説明を入力してください

マルチパートのカスタムコンポーネントの作成を試した後、カスタムレイアウトを使用し、インターネット上でかなり広範囲に渡るが成功しなかった調査を行った後、実行可能なソリューションに近づくことはできませんでした。

メインリストの最後にあるドロップダウンリストからオーバーフローしたリンクを利用できるように、リンクの水平リストを作成するにはどうすればよいですか。

4

2 に答える 2

2

多くの調査、読書、および多くのプロトタイプの後、この特定のシナリオで十分に機能するソリューションを検討しました。ただし、コンポーネントとスキン間の結合は、私が望んでいたよりも少し高くなっています。

spark に基づいてカスタム コンポーネントを作成しましたBorderContainer。コンポーネントのレイアウトは大まかに次のとおりです。

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

1 つ目DataGroupは項目のプライマリ リストを含みます。これらは横に表示されるものです。updateDisplayListカスタム コンポーネントでオーバーライドすることにより、各アイテムを測定DataGroupし、使用可能な領域に収まるかどうかを判断できます。収まらないものは非表示になり (削除されず)、非表示リストに追加されます。

非表示リスト内のアイテムは、2 番目の に追加されDataGroupます。これがドロップダウンリストです。これDataGroupを にまとめるPopUpAnchorと、ドロップダウン メニューのような動作を追加できます。はButton、2 番目の をポップアップして閉じるために使用されDataGroupます。

于 2012-07-14T14:59:44.383 に答える