在 Symbian/QML 应用程序中的屏幕之间传递状态

Question

我正在尝试使用 Loader 加载全屏组件以更改 Symbian/QML 项目中的屏幕。这感觉不是正确的方法，所以我可能错过了一些明显的东西。

我将使用的示例是一个屏幕上的按钮，该按钮应打开全屏 WebView（又名 ChildBrowser）。我想让 ChildBrowser 成为一个可重用的组件，因此需要将 URL 传递给它。

我尝试使用pragma library构建一个Javascript文件：

.pragma library
var map = {};
function put(key, value) {
      map[key] = value;
}
function get(key) {
      return map[key];
}

由于需要更好的标题，我们称之为intent.js。

按住按钮的屏幕：

import "intent.js" as Intent

Button {
    onButtonClicked: {
        Intent.put("url", "http://example.com");
        console.log("Going to " + Intent.get("url"));
    }
}

稍后，在 ChildBrowser.qml 中，我导入“intent.js”，然后获取 Intent.get(“url”)。这是未定义。

我的问题是：

• 使用 Loader 是在屏幕之间构建和转换的预期方式吗？
• 如何在屏幕之间传递参数？
• 如何在应用程序的整个生命周期中维护状态？我对用 Javascript 构建控制器和模型特别感兴趣。

我确信这些都是新手问题，因此可能只需要一组相关文档的链接即可；但我怀疑不会。

Answer 1

加载器是避免创建项目直到您需要它们的好方法。

假设 ChildBrowser 有一个“url”属性，您可以执行以下操作：

Button {
    onButtonClicked: browser.load("http://example.com")
}
Loader {
    id: browser
    property string url
    function load(u) {
        url = u
        if (status == Loader.Null)
            source = "ChildBrowser.qml"
        else if (status == Loader.Ready)
            item.url = url
    }
    onLoaded: item.url = url
}

向您的 ChildBrowser 添加“url”属性只需在根项上拥有一个属性即可，例如

Rectangle {
    property alias url: webview.url

    WebView {
        id: webview
    }
}