Как получить ActionBar внизу в мобильном приложении Flex

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>