☰

Ubuntu Touch - 多个应用程序窗口

tag-icon • tag-icon application-development ubuntu-touch
Ubuntu Touch - 多个应用程序窗口

我正在学习如何制作 Ubuntu Touch OS 应用程序，我在网上搜索了一些东西，但没有找到令人满意的结果。这要么是因为我是第一个问这个问题的人，要么是因为我在问题中使用了不正确的词汇。

无论如何，这是我的问题。

如何制作一个应用程序，其屏幕上显示“Hello World”并带有一个按钮，并且当我按下按钮时会转到不同的页面？我所说的“页面”是指选项卡之类的东西，它未列在屏幕顶部，并且是通过单击按钮而不是从屏幕顶部的列表中选择选项卡来实现的。

如果我的想法仍然不清楚，请考虑 Ubuntu Touch 上的系统设置应用程序。单击任何内容。Wifi、背景、电池，我的意思是任何内容。发生了什么？您单击一个按钮，应用程序就会显示一个新页面。那是我想学习如何做。

答案1

Tabs {
    id: tabs
    Tab {
        title: i18n.tr("Welcome")
        page: Page {
            Label {
                id: label
                anchors.centerIn: parent
                text: "Welcome To The Premier Duty Gear WebApp for Ubuntu Devices"
            }
            tools: ToolbarItems {
                ToolbarButton {
                    text: "About"
                    onTriggered: print("action triggered")
                }
            }
        }
    }
    Tab {
        id: externalTab
        title: i18n.tr("Web App")
        iconSource: "call_icon.png"
        page: Loader {
            parent: externalTab
            anchors.fill: parent
            source: (tabs.selectedTab === externalTab) ? Qt.resolvedUrl("webapp.qml") : ""

这是我正在开发的 Web 应用程序的一个片段。您只需调用另一个 qml 文件。它将在同一个窗口中运行。

也不要为调用的 qml 文件定义窗口尺寸，否则它不会显示。它必须使用与父应用程序相同的尺寸。

相关内容