如何将 Flex Mobile ActionBar 向下移动一点？

Question

我试图简单地将 actionBar 向下移动 75 像素，这样我就可以在其中挤压 adMob 广告。

我尝试过：

navigator.actionBar.y=75;

但是，我在视觉上没有看到任何不同的东西，它没有移动，它没有给我任何错误，但如果我执行 trace(navigator.actionBar.y); 它声称它处于 75。 ...尽管它显然不在屏幕上。

有人有什么想法吗？另外，这仅适用于一个视图，我无法使用一种将操作栏在整个应用程序中向下移动的解决方案。我只需要它在这个特定的视图中向下移动。

谢谢！

编辑： @布莱恩， 感谢您的建议，几乎完成了整个混乱。我正在尝试在皮肤内创建一个函数来添加 adMob 广告的空间。但是，我认为我没有正确引用该函数，因为当我这样做时，我没有收到任何错误，并且什么也没有发生。

<?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>
    <fx:Script>
        <![CDATA[

            public function adMobVisible(trueOrFalse:Boolean):void
            {
                if(trueOrFalse)
            {
                main_group.top=70;
            }
            else
            {
                main_group.top=0;
            }
            }

        ]]>
    </fx:Script>

    <!-- 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:State name="admob" /> -->
    </s:states>

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

我做了：

import skins.AdMobHolderSkin;

protected var ad:AdMobHolderSkin = new AdMobHolderSkin();

在上面......然后我只是尝试做一件简单的事情，例如：

ad.adMobVisible(true);

但什么也没有发生。有什么想法吗？感谢您对此提供帮助。

Answer 1

如果您检查 ViewNavigatorSkin 的代码，您会发现它使用简单的数学来布局其两个项目（ActionBar 和 Group）。换句话说，它没有使用布局容器，其中设置 top 或 y 会产生任何效果。

相反，您需要设置 ViewNavigator 的外观。首先，定义皮肤（注意我如何在 VGroup 中设置 top="75" ：

VNSkin.mxml

<?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:State name="moved" />
    </s:states>

    <s:VGroup width="100%" height="100%" top="0" top.moved="75">
        <s:ActionBar id="actionBar" width="100%" />
        <s:Group id="contentGroup" width="100%" height="100%" />
    </s:VGroup>
</s:Skin>

然后，在我的 main 内部应用程序中，我将设置 ViewNavigator 的外观以使用此外观：

MyApp.mxml

<?xml version="1.0" encoding="utf-8"?>
<s:ViewNavigatorApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
                            xmlns:s="library://ns.adobe.com/flex/spark" firstView="views.ActionbarMoveHomeView" applicationDPI="160" >  
    <fx:Style>
        @namespace s "library://ns.adobe.com/flex/spark";
        s|ViewNavigator {
            skinClass: ClassReference("VNSkin")
        }   
    </fx:Style>
</s:ViewNavigatorApplication>

最后，在我的视图中，我需要设置状态并将其在视图激活和停用时放回：

MyView .mxml

<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009" 
        xmlns:s="library://ns.adobe.com/flex/spark" title="HomeView">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>

    <s:viewActivate>
        navigator.skin.currentState = "moved";
    </s:viewActivate>

    <s:viewDeactivate>
        navigator.skin.currentState = "normal";
    </s:viewDeactivate>

    <s:Label text="test" click="navigator.pushView(SecondPage)" />
</s:View>

注意这种技术会增加一些开销，因为您的 ViewNavigator 皮肤现在是 MXML 而不是纯 ActionScript 您可能会考虑基于 ViewNavigatorSkin 源代码在纯 ActionScript 中创建皮肤，这样您就可以。 巨大影响，我不会担心它。

可以将其与您的偏移量一起放置...但如果您没有注意到 MXML 皮肤对性能的
在写完答案后，我注意到您只想将其用于一个视图。我进行了修改，向 VNSkin 类添加一个状态，然后在视图代码中切换状态（viewActivate 和 viewDeactivate。对于记录，这一切感觉就像是一种黑客攻击，我会考虑某种通知机制，以便您可以与皮肤进行通信，以便以除此之外的方式进行更改......但我至少让您走上了一条道路。我很乐意看到有人来这里。并提出更好的建议，直到那时，你就有了可行的方法：P