0

Appcelerator Titanium で Android と iPhone の画面の下部にフッター メニューをドッキングするにはどうすればよいですか? 画面下部に3つのアイコンを表示したい。

4

6 に答える 6

4

私はTitanium.UI.Viewを使用し、bottom: 0 を設定して下部にドッキングさせました。

于 2010-10-20T17:31:24.450 に答える
3

はい、これには Ti.UI.Toolbar を使用します。このコード例を見てみましょう:

var space = Titanium.UI.createButton({
    systemButton: Titanium.UI.iPhone.SystemButton.FLEXIBLE_SPACE
});

var buttonNextEnd = Titanium.UI.createButton({
    title: '>>'
});
var buttonNext1Page = Titanium.UI.createButton({
    title: '>'
});
var buttonPrevEnd = Titanium.UI.createButton({
    title: '<<'
});
var buttonPrev1Page = Titanium.UI.createButton({
    title: '<'
});

var toolbarNav = Titanium.UI.createToolbar({
    left : 0,
    bottom: 0,
    height : 40,
    width : 320,
    items: [buttonPrevEnd,space, buttonPrev1Page,space, buttonNext1Page, space,buttonNextEnd]
});

win.add(toolbarNav);
于 2010-10-22T13:37:52.350 に答える
2

そのためにTitanium.UI.ToolBarを使用します。

于 2010-10-20T15:33:47.000 に答える
0 
var footer = Ti.UI.createView({

    height:25
});

var footerButton = Ti.UI.createLabel({

    title:'Add Row',
    color:'#191',
    left:125,
    width:'auto',
    height:'auto'
});

footer.add(footerButton);

それはアンドロイドで動作しますが、ボタンがiPhoneに表示されない理由はまだわかりません

于 2010-11-13T10:50:12.960 に答える
0

ツールバーは Android やタブレットと互換性がないことに注意してください。

ボタンを画面の下に配置したい場合は、ビューを作成して下に配置し、画面幅を考慮して相対的な位置にボタンを配置します。

次に例を示します。

    function FirstWindow() {
    var self = Ti.UI.createWindow({
        background : "black",
        height : "auto",
        width : "auto",
        layout : "vertical"
    });

    teste = Ti.UI.createView({
        left : 0,
        bottom : 0,
        opacity : .7,
        backgroundColor : "#3d3d3d",
        height : 55
    });


    var button1 = Ti.UI.createButton({
                title : "button 1",
        left : 0,
        width : Titanium.Platform.displayCaps.platformWidth * 0.3
    });
    var button2 = Ti.UI.createButton({
                title : "button 2",
        left : Titanium.Platform.displayCaps.platformWidth * 0.33,
        width : Titanium.Platform.displayCaps.platformWidth * 0.3
    });
    var button3 = Ti.UI.createButton({
                title : "button 3",
        left : Titanium.Platform.displayCaps.platformWidth * 0.66,
        width : Titanium.Platform.displayCaps.platformWidth * 0.3
    });
    view.add(button1);
    view.add(button2);
    view.add(button3);

        self.add(view);

    return self;
}

module.exports = FirstWindow;

これを行うと、ビューにボタンが配置されます。

最初のボタン ( button1 ) は "left: 0" で始まり、ビューの 30% の幅があります。2 番目のボタン ( button2 ) は、最初のボタンとスペースの後に始まります。

それらの高さはビューの高さと同じです。

于 2014-02-25T13:22:58.520 に答える