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

Question

据我所知，您不能直接设置页面的颜色，除非您创建一个矩形来填充页面的背景。但是，如果您想设置的颜色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>"
    }
}

Answer 1