ドロップダウンリスト(flextras)を正常に追加しましたが、正しく機能しません。ドロップダウンをタッチするたびに、ポップアップするリストがテキストボックス(ドロップダウンリストの下に配置されます)の下に表示されます。したがって、フォーカスがテキストボックスに渡されるため、テキストボックスの上部にあるリストからアイテムを選択できません。
1 に答える
この件に関するこのブログ投稿を読んでください。
関連する見積もり:
Flex 4.6のTextInputのデフォルトのスキンは、 StyleableStageTextを使用します。StageTextは常にFlashディスプレイリストの上に描画されます。そのため、ドロップダウンのポップアップがその下に表示されます。StageTextに関するAdobeドキュメントを引用するには:
[ドキュメントの引用を開始]ネイティブテキスト入力フィールドは、他のFlexコンテンツでクリップできず、ステージの上のレイヤーにレンダリングされます。この制限により、StageTextベースのスキンクラスを使用するコンポーネントは、常に他のFlexコンポーネントの上にあるように見えます。Flexのポップアップとドロップダウンも、表示されているネイティブテキストフィールドによって隠されます。最後に、ネイティブテキストフィールドの相対的なZオーダーは、アプリケーションで制御できません。[ドキュメントの見積もりを終了]
これには2つの可能な解決策があります。1つは、ポップアップがTextInputの上に表示されないようにモバイルアプリケーションを設計することです。画面サイズが異なる複数のデバイス用に構築している場合、これは難しい場合があります。
2つ目は、TextInputsにFlex4.5スキンクラスを使用することです。
<textInput skinClass="spark.skins.mobile.TextInputSkin" />