抽屉小工具钛合金

时间:2014-04-08 14:48:05

标签: javascript android ios titanium drawer

我是Titanium的新手,我想放置一个抽屉小工具但是Widget没有出现。 Soemeone con告诉我为什么和解决方案?感谢。

这是我的课程:

INDEX.XML

<Alloy>
    <Window class="container">
        <Require type="widget" src="com.appcelerator.drawer" id="drawer" />
    </Window>
</Alloy>

这是de javascript类。

index.js

var principal = Ti.UI.createWindow({
    fullscreen : true,
    navBarHidden : true
});

var boton1 = Ti.UI.createButton({
    zIndex : 0,
    width : "33%",

    height : "50%",
    top : 0,
    left : 0
});
var boton2 = Ti.UI.createButton({
    zIndex : 0,
    width : "34%",
    height : "50%",
    top : 0,
    center : true
});

var boton3 = Ti.UI.createButton({
    zIndex : 0,
    width : "33%",
    height : "50%",
    top : 0,
    right : 0
});

principal.add(boton1);
principal.add(boton2);
principal.add(boton3);

$.drawer.init({
    mainWindow : principal,
    buttons : [{
        id : 'One',
        title : 'One',
        backgroundcolor : "white",
        click : function(e) {
            alert("One");
        }
    }],
    gutter : 5,
    overrideMenu : true
});

principal.open();

1 个答案:

答案 0 :(得分:0)

实际上你在另一个窗口中添加了widget,并且你在index.js文件中传递另一个窗口对象,所以只使用一个窗口。

INDEX.XML

<Alloy>
    <Window class="container" id="principal">
        <Require type="widget" src="com.appcelerator.drawer" id="drawer" />
    </Window>
</Alloy>

index.js

$.drawer.init({
    mainWindow : $.principal,
    buttons : [{
        id : 'One',
        title : 'One',
        backgroundcolor : "white",
        click : function(e) {
            alert("One");
        }
    }],
    gutter : 5,
    overrideMenu : true
});

$.principal.open();