0

我需要在移动应用程序的每个屏幕底部有几个图形按钮。我已经使用 Graham Acres NotesIn9 演示文稿 (#121)中的逻辑来让移动控制选项卡栏 (xe.tabBar) 加载并停留在屏幕底部。但是，添加选项卡栏按钮 (xe:tabBarButton) 以外的任何内容都会导致控件显示在中心右侧，而不是根据需要在中心或左对齐。

这是我尝试过的代码：

<xe:tabBar
    id="tabBar1">
    <xe:this.dojoAttributes>
        <xp:dojoAttribute
            name="center"
            value="true">
        </xp:dojoAttribute>
    </xe:this.dojoAttributes>
    <xp:image
        url="/BottomButtonHome.jpg"
        id="image1">
        <xp:eventHandler
            event="onclick"
            submit="true"
            refreshMode="complete">
            <xp:this.action>
                <xe:moveTo
                    direction="Left to Right"
                    targetPage="homepage"
                    transitionType="slide">
                </xe:moveTo>
            </xp:this.action>
        </xp:eventHandler>
    </xp:image>
</xe:tabBar>

这导致显示偏向正确的演示文稿，并且单击该图形未成功打开其他页面。

由于那不起作用，我尝试了一个带有图形的简单面板控件（xp：panel），并且显示效果更好，但链接仍然无法打开其他页面。这是该代码：

<xp:panel
    style="height:54px;width:100%">
    <xp:image
        url="/bottomButtonHome.jpg"
        id="image2">
        <xp:eventHandler
            event="onclick"
            submit="true"
            refreshMode="complete">
            <xp:this.action>
                <xe:moveTo
                    direction="Left to Right"
                    targetPage="homepage"
                    transitionType="slide">
                </xe:moveTo>
            </xp:this.action>
        </xp:eventHandler>
    </xp:image>
</xp:panel>
4

1 回答 1

0

从 Bootstrap 中获取一个页面，看看Font-Awesome是否有适合您的图标。然后只需使用相应的 CSS 类将其添加到您的按钮

于 2013-09-13T01:19:20.727 回答