apache-flex - Flex モバイル アプリケーションの下部にある ActionBar を取得する方法

Question

ViewNavigator には、デフォルトで上部に ActionBar があります。一番下に移動したい。

navigator.actionbar.y=415 //下部にアクションバーを取得

しかし、次のビューでは上に戻ります。各ビューで高さを設定できますが、下部に戻る前に数秒間上部にバーが表示されます。

Answer 1

ViewNavigator をスキンして、ActionBar を下部に配置します。

メイン アプリでは、スタイルを追加できます。

<fx:Style>
    @namespace s "library://ns.adobe.com/flex/spark";

    s|ViewNavigator {
        skinClass: ClassReference("CustomViewNavigatorSkin")
    }

</fx:Style>

次に、CustomViewNavigatorSkinクラスを作成します。

<?xml version="1.0" encoding="utf-8"?>
<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" 
        xmlns:s="library://ns.adobe.com/flex/spark">
    <!-- host component -->
    <fx:Metadata>
        [HostComponent("spark.components.ViewNavigator")]
    </fx:Metadata>

    <!-- states -->
    <s:states>
        <s:State name="landscapeAndOverlay" />
        <s:State name="portraitAndOverlay" />
        <s:State name="landscape" />
        <s:State name="portrait" />
        <s:State name="disabled" />
        <s:State name="normal" />
    </s:states>

    <s:VGroup width="100%" height="100%">
        <s:VGroup id="contentGroup" height="100%" width="100%" />
        <s:ActionBar id="actionBar" width="100%" />
    </s:VGroup>

</s:Skin>