Как в QML поставить картинку на кнопку

QML, button

Рекомендуем хостинг TIMEWEB

Стабильный хостинг, на котором располагается социальная сеть EVILEG. Для проектов на Django рекомендуем VDS хостинг.

Добрый день.

Ну думаю, что будет примерно так

ToolButton {
    text: qsTr("⋮")
    onClicked: { 
        // ToDo sometthing
    }
    icon.source: "qrc:/images/black.png"
}

вот так работает, но картинка как иконка, занимает часть кнопки. но как ее растянуть на всю кнопку?

icon.source: "qrc:/images/images/black.png"

Вот так можно за кнопекой поставить рисунок, но не заменит рисунок кнопки нужным рисунком

        Image {
            id: name
            source: "qrc:/images/images/black.png"
        }

Так вы не знаете, как это можно сделать?

Помимо icon.source есть ещё свойства icon.width и icon.height, которыми можно задать высоту и ширину изображения.

Либо можно без кнопки сделать

import QtQuick 2.9
import QtQuick.Window 2.2
import QtQuick.Controls 2.2

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    MouseArea {
        anchors.centerIn: parent
        width: 100
        height: 100

        Image {
            anchors.fill: parent
            id: name
            source: "qrc:/account-card-details.png"
        }

        onPressed: {
            // ToDo something
            console.log("hello")
        }
    }
}

я с таким сталкивался в qt редакторе, там тоже особым сойством задавалась картинка на весь объем кнопки, жалко что не помню каким и не могу провести аналогию. наверняка тут тоже должно быть что то похожее

Не обязательно. Долгое время в Quick.Controls 2 не было обычного TableView

Что касается методов кнопки, то посмотрите тогда полный список в документации

Также обратите внимание на свойство display

Попробовал задание размеров иконки, но к желаемому результату не привело.

Вспомнил, с помощью метода

button->setStyleSheet("background-image: url(адрес картинки)")

можно задать картинку на кнопку в Qt дизайнере.
Я в QML пока не нашел похожего. Может Вы знвете аналог?

или может быть, как вариант кастыли, поверх кнопки поставить картинку, но будет ли тогда работать кнопка?

Нашел, вот так картинка заполняет кнопку:

Image {
            anchors.fill: parent
            source: "qrc:/images/images/black.png"
            fillMode: Image.Tile
        }

Тут есть еще другие решения и другие костыли

Вот только при растягивании кнопки картинки замостились, а нужно одну картинку растянуть на кнопку.
Не знаете, как это можно сделать?

Поменял режим заливки на Stretch и заработало

Это точно не костыли, это обычная вёрстка в QML

ясно