March 28, 2019, 7:59 a.m.

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

QML, button

Добрый день.

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

Изображения я пом естил в ресурсы:

Virtual hosting with 10 percent discount
Virtual hosting with 10 percent discount
EVILEG offers reliable hosting with a 10% discount for virtual hosting and 5% for VPS
14

Добрый день.

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

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

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

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

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

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

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

0

Помимо 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")
        }
    }
}
0

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

0

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

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

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

0

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

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

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

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

0

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

0

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

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

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

0

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

0

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

0

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

0

ясно

0

Comments

Only authorized users can post comments.
Please, Log in or Sign up
Last comments
June 24, 2019, 10:23 a.m.
Евгений Легоцкой

Хорошо, ну будут проблемы помимо того, что касается статей, то не стесняйтесь задавать вопросы на форуме.
МБ
June 24, 2019, 10:21 a.m.
Михаил Булатов

Извиняюсь, все работает(из-за невнимательности).
June 24, 2019, 9:52 a.m.
Евгений Легоцкой

Придётся делать ещё сигнал в дочернем qml и пробрасывать через коннекты и обработчики. А вообще нужно смотреть конкретный код и что вы пытаетесь сделать. Так что лучше будет, если вы зад...
June 21, 2019, 8:31 a.m.
Ruslan Polupan

Вот моя строка по которой все отлично сработало %cqtdeployer% -bin c:/CentralMposKeys/CentalMposKeys.exe -qmake c:/Qt/5.12.2/mingw73_64/bin/qmake.exe
June 21, 2019, 8:24 a.m.
Андрей Янкович

Возможно кому то пригодится сqtdeployer для windows работает точно так же как и для Linux разница лишь в команде запуска Linux: cqtdeployer Windows: %cqtdeployer...
Now discuss on the forum
June 24, 2019, 2:36 p.m.
Михаиллл

Нашел проект подключения к вебсокету.Но по моему адресу не могу подключиться.Нужно ли для этого использовать библиотеки?Вы не знаете адрес вебсокета, на котором можно проверить с...
June 24, 2019, 2:07 p.m.
Евгений Легоцкой

Я пока даже не знаю, а какой код самого подключения? использовали ожидание на подключение? Так делали? socket->connectToServer("market");if (socket->waitForConnected(1000)) ...
June 24, 2019, 1:19 p.m.
IscanderChe

// widget.cpp#include "widget.h"#include <QTableView>#include <QVBoxLayout>#include "checkboxdelegate.h"#include "comboboxdelegate.h"#include "mytableview.h"#include <QSqlD...
June 24, 2019, 11:16 a.m.
BlinCT

Хорошо, с этим понятно. Вот есть такой набор каких то кнопок. Цифры отображают в каком порядке должен менятся фокус.1. Как правильнее сделать отображение активного обьекта...
e
June 24, 2019, 10:58 a.m.
evgenm27

Спасибо за ответ, буду пробовать
Looking for a Job?
10,000.00 руб. - 15,000.00 руб.
Нужен помощник для создания API.
Moscow, Moscow, Russia
25,000.00 руб. - 30,000.00 руб.
Разработчик Qt/C++
Barnaul, Altai Krai, Russia

For registered users on the site there is a minimum amount of advertising

EVILEG
About
Services
Join us
© EVILEG 2015-2019
Recommend hosting TIMEWEB