Установить фон для элемента Page {} в Ubuntu Touch

Насколько я знаю, Вы не можете непосредственно выбрать цвет страницы, если Вы не создали прямоугольник для заполнения фона страницы. Однако, если Вы хотите выбрать цвет 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>"
    }
}