Как я могу создать в QML таблицу полей TextInput с фоном

Question 1

Как сделать таблицу из 6 строк, 5 таблиц и 25 полей TextInput с фоном.

Я попробовал почти все, чтобы поместить фон в поля TextInput, но все же я не смог сделать это правильно.

У меня есть код для поля TextInput:

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

Как я могу сделать их и добавить цвет фона?

Question 2

Для получения фона с такими элементами предпочтите компонент TextField вместо этого (я предложил подобное использование в этом ответе).

enter image description here

Соответствующий код:

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
                }
            }
        }
    }
}

Community · Accepted Answer · 2 December 2019 в 03:01

Для получения фона с такими элементами предпочтите компонент TextField вместо этого (я предложил подобное использование в этом ответе).

enter image description here

Соответствующий код:

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
                }
            }
        }
    }
}

Как я могу создать в QML таблицу полей TextInput с фоном

1 ответ

Другие вопросы по тегам:

Похожие вопросы: