1

チタンモバイルで簡単ログインとメニュー表示を作りました。ログイン用のコードは次のとおりです。

ログイン.js

function Login() {
    var loginView = Titanium.UI.createView({
        backgroundColor:'#C4FBFF',
        layout:'vertical'
    });

    var txtUsername = Titanium.UI.createTextField({
        width:'75%',
        hintText:'Username',
        borderStyle:Titanium.UI.INPUT_BORDERSTYLE_ROUNDED
    });

    var txtPassword = Titanium.UI.createTextField({
        width:'75%',
        hintText:'Password',
        borderStyle:Titanium.UI.INPUT_BORDERSTYLE_ROUNDED,
        passwordMask:true
    });

    var btnLogin = Titanium.UI.createButton({
        title:'Login',
        width:'75%'
    });

    loginView.add(txtUsername);
    loginView.add(txtPassword);
    loginView.add(btnLogin);

    btnLogin.addEventListener('click',function(e){
        var alertDialog = Titanium.UI.createAlertDialog({ 
            title: 'Confirmation', 
            message: 'You will be logged in as ' + txtUsername.value + ', continue?',
            buttonNames: ['Yes','No'] 
        });

        alertDialog.addEventListener('click',function(e){
            if (e.index === 0){ //Yes Pressed
                var isAndroid = Ti.Platform.osname === 'android' ? true : false;
                var MainMenu = isAndroid === true ? require('ui/handheld/android/MainMenu') : require('ui/handheld/MainMenu');

                var mainMenuWindow = Titanium.UI.createWindow({
                    backgroundColor:'#336699',
                    title:'Main Menu',
                    modal:true,
                    navBarHidden: isAndroid === true ? true : false
                });

                var mainMenu = new MainMenu(mainMenuWindow);
                mainMenuWindow.add(mainMenu);

                mainMenuWindow.open();

            }
            else{ // No Pressed
                makeAlert('Login','Please contact your system administrator');
            }
        });

        alertDialog.show();
    });

    function makeAlert(title, message) {
        var customAlertDialog = Titanium.UI.createAlertDialog({ 
            title: title, 
            message: message,
            buttonNames: ['Ok']
        });
        return customAlertDialog.show();
    }

    return loginView;
}

module.exports = Login;

ここに MainMenu.js があります

function MainMenu(_parent){
    var mainMenuView = Titanium.UI.createView({
        backgroundColor:'#C4FBFF',
        layout:'vertical'
    });

    var btnLeftNavBar = Titanium.UI.createButton({
        title:'Logout'
    });

    var txtTest = Titanium.UI.createTextField({
        hintText:'iPhone',
        width:'75%',
        borderStyle:Titanium.UI.INPUT_BORDERSTYLE_ROUNDED
    });

    _parent.setLeftNavButton(btnLeftNavBar);
    mainMenuView.add(txtTest);  

    btnLeftNavBar.addEventListener('click',function(e){
        _parent.close();
    });

    return mainMenuView;
}

module.exports = MainMenu;

MainMenu.js は、ウィンドウを閉じるための navBar に 1 つのボタンのみを表示しました。

主な問題は、tabGroup を MainMenu.js に配置して、そこからいくつかのメニューを選択できるようにすることです。

タブグループをウィンドウ内に配置することは可能ですか? 何か提案があるので、メインのアプリケーション構造を変更せずに tabGroup を MainMenu.js に配置できますか?

どうもありがとう..

4

1 に答える 1

7

タブグループを他の要素の子として追加することはできません。参考：Top Level Containers @タブグループのaddメソッド

文章：

トップレベルのコンテナ

他のビューの子として追加することを意図していない特定の最上位コンテナーがあります。これらの最上位コンテナーには、Window、SplitWindow、および TabGroup が含まれます。他のタイプのビューを画面に表示するには、最上位のコンテナーに追加する必要があります。

于 2012-10-15T13:35:25.450 に答える