私は TabNavigator を持っており、その前に、内容をクリップしない TabBar を持つ ViewStack があります。境界線を越えて流れるか、画面のさらに下に配置された他のコンポーネントの下に表示されます。誰もこれに遭遇したことがありますか?
これが私のコードです:
<mx:VDividedBox width="300" height="100%">
<mx:TabNavigator id="firstViewStack"
borderStyle="solid"
width="100%"
height="100%"
clipContent="true">
<s:NavigatorContent id="content1"
label="ITEMS">
<views:Items height="550" width="100%" />
</s:NavigatorContent>
<s:NavigatorContent id="eventsContent" label="ITEMS 2">
<views:Items height="880" width="100%"/>
</s:NavigatorContent>
</mx:TabNavigator>
</mx:VDividedBox>
更新
タブのコンテンツのサイズを変更する私のアニメーション gif を含めました。ご覧のとおり、マスクは使用可能な領域ではなくコンテンツに合わせてサイズ変更されているように見えます??? サイズ変更時に、サイズに沿ったタブ ナビゲーターの境界線が重なっていることに注意してください。
すべてのコンテンツの最小の高さを低い値に設定し、すべてのコンテンツの高さを 100% に設定したので、それほど高くはありませんが、コンテンツがまだ切り取られていないことがわかります。
VDividedBox ではなく VGroup でも試してみましたが、問題ありません。
別のコード例を次に示します。
<s:VGroup top="50" left="50" width="400">
<mx:TabNavigator width="100%" height="300">
<s:NavigatorContent label="TAB">
<s:Group width="100%" height="400">
<s:Rect width="100%" height="100%">
<s:fill>
<s:SolidColor color="#ff0000"/>
</s:fill>
</s:Rect>
</s:Group>
</s:NavigatorContent>
<s:NavigatorContent label="TAB">
<s:Group width="100%" height="400">
<s:Rect width="100%" height="100%">
<s:fill>
<s:SolidColor color="#0000ff"/>
</s:fill>
</s:Rect>
</s:Group>
</s:NavigatorContent>
</mx:TabNavigator>
<s:Button width="100%" label="HELLO WORLD"/>
<s:Button width="100%" label="HELLO WORLD"/>
</s:VGroup>