Defina o plano de fundo para o elemento Page {} no toque do ubuntu

Question

Como posso definir o plano de fundo (imagem ou cor) do elemento Page{} no ubuntu touch?

Obrigado,

Boaz

    

Answer 1

Até onde eu sei, você não pode definir diretamente a cor de uma página, a menos que você tenha criado um retângulo para preencher o plano de fundo da página. No entanto, se você quiser definir a cor do MainView , poderá fazê-lo da seguinte maneira:

MainView {
    backgroundColor: "<COLOR_HERE>"
}

Há também duas outras propriedades, headerColor e footerColor , que permitem criar um gradiente de cima para baixo.

Isso não funciona perfeitamente, pois altera as cores das fontes e, enquanto a cor da fonte fica boa em segundo plano, fica ruim em pop-ups onde o plano de fundo é branco. Tenho certeza que isso será consertado em breve!

Para definir uma imagem, você pode fazer algo assim:

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

Eu recomendaria ainda definir a cor do plano de fundo de MainView , para que as cores da fonte fiquem bem na parte superior da imagem.

Se você quiser alterar a cor / a imagem do plano de fundo de uma página, faça o seguinte (não tentei fazer isso, mas deve funcionar):

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

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