Como posso criar no QML uma tabela de caixas TextInput com background

Question

Como posso criar uma tabela com 6 linhas de 5 tabelas e 25 caixas de TextInput, com fundo.

Eu tentei quase tudo para colocar um plano de fundo nas caixas TextInput, mas ainda assim não consegui acertar.

Meu código para a caixa TextInput está lá:

TextInput {
    y: 20;
    font.pixelSize: 10
    text: "Computador"
    cursorVisible: true;
    border.color: "#c0c0c0"
}

Como posso criá-los e colocar uma cor de fundo para eles?

    

Answer 1

Para obter informações sobre esses elementos, prefira o componente TextField em vez disso (sugeri um uso semelhante nessa resposta ).

O código correspondente:

import QtQuick 2.0
import Ubuntu.Components 0.1
import QtQuick.Controls 1.1
import QtQuick.Controls.Styles 1.1

MainView {
    id: main
    width: 400
    height: 300

    Column {
        spacing: units.gu(2)
        anchors.centerIn: parent
        TextInput {
            text: "default TextInput"
            cursorVisible: false
            width: main.width - units.gu(25)
        }
        TextField {
            placeholderText: "default TextField"
            width: main.width - units.gu(25)
        }
        TextField {
            placeholderText: "TextField with background"
            width: main.width - units.gu(25)
            text: "TextField with background"
            style: TextFieldStyle {
                textColor: "black"
                background: Rectangle {
                    radius: 5
                    color: "orange"
                    implicitWidth: 100
                    implicitHeight: 24
                    border.color: "#333"
                    border.width: 1
                }
            }
        }
    }
}