使用Blackberry10 Cascades开发的登录屏幕

Question

我是黑莓10级联开发的新手。我想开发一个登录屏幕，在那里用户名和密码将被询问。

如果输入了正确的凭据，它将被重定向到另一个屏幕。

在搜索过程中，我发现需要使用NavigationPane。请告诉我如何使用导航窗格进行此操作。如果可能的话，也要分享一些代码。

THanks &问候，

Answer 1

这就是我能为你做的最简单的事情。你还没有指定你的用户名和密码将被保存在哪里(我建议你永远不要在设备上保存实际的密码，如果你真的需要保存hash!)。这里缺少执行检查的c++方法(app.checkLogin())。如果你愿意，你也可以用QML来做。

import bb.cascades 1.0

NavigationPane {
    id: navigationPane
    Page {
        Container {
            Label {
                text: "Please log in"
            }
            TextField {
                id: email
                hintText: "Email address"
            }
            TextField {
                id: password
                hintText: "Password"
                inputMode: TextFieldInputMode.Password
            }
            Button {
                text: "Log in"
                onClicked: {
                    if (email.text == "" || password.text == "") {
                        //display error
                        return;
                    }

                    if (app.checkLogin(email.text, password.text)) {
                        //success
                        navigationPane.push(second.createObject());
                    } else {
                        //display error
                    }
                }
            }
        }
    }
    attachedObjects: [
        ComponentDefinition {
            id: second
            source: "second.qml"
        }
    ]
}