在ubuntu touch中设置Page {}元素的背景

据我所知，您不能直接设置页面的颜色，除非您创建了一个矩形来填充页面的背景。但是，如果要设置的颜色，则MainView可以按以下步骤进行操作：

MainView {
    backgroundColor: "<COLOR_HERE>"
}

还有另外两个属性，headerColor和footerColor，可让您创建从上到下的渐变。

这不能完美地工作，因为它会更改字体颜色，并且虽然字体颜色在背景上看起来不错，但在背景为白色的弹出窗口中看起来很差。我相信这很快就会解决！

要设置图片，您可以执行以下操作：

MainView {
    Image {
        anchors.fill: parent
        source: "/path/to/picture"
    }
}

我建议仍设置背景色，MainView以便字体颜色在图片顶部看起来不错。

如果要更改页面的背景颜色/图片，可以按以下步骤进行操作（我没有尝试过，但是应该可以）：

Page {
    Image {
        anchors.fill: parent
        source: "/path/to/picture"
    }
}

Page {
    Rectangle {
        anchors.fill: parent
        color: "<COLOR_HERE>"
    }
}