Arrow29 августа 2018 г. 9:55
Анимация элементов в QML
Добрый день!
Пытаюсь сделать анимацию прямоугольника (служит стилизированой кнопкой) при нажатии на него мышкой.
Все отображается корректно, клик по MouseArea отрабатывает, только анимации не происходит.
Сделал по примеру из документации.
Вот код файла MenuButton.qml:
import QtQuick 2.10 Item { property string itemText: "Text" property int fontSize: 18 property int itemHeight: 40 property int itemWidth: 100 height: itemHeight width: itemWidth Rectangle { id: rect anchors.fill: parent color: "#0b1160" gradient: Gradient { GradientStop { position: 0.47 color: "#0b1160" } GradientStop { position: 1.00 color: "#ffffff" } } border.color: "#1313af" border.width: 1 Text { anchors.centerIn: rect text: itemText font.pixelSize: fontSize color: "white" } states: State { name: "clicked" when: mouseArea.pressed PropertyChanges { target: rect; x: 50; y: 50 } } transitions: Transition { NumberAnimation { properties: "x,y"; easing.type: Easing.InOutQuad } } MouseArea { id: mouseArea anchors.fill: rect onClicked: console.log(itemText) } } }
Код main.qml:
import QtQuick 2.10 import QtQuick.Window 2.10 Window { id: root visible: true width: Screen.width-500 height: Screen.height-300 title: qsTr("Test") Image { source: "qrc:/pict/background.jpg" anchors.fill: parent } Row { x: 0 y: 0 width: root.width spacing: 2 MenuButton { id: optimizeBtn itemText: qsTr("Меню 1") itemWidth: parent.width/5 - parent.spacing } MenuButton { id: quickBtn itemText: qsTr("Меню 2") itemWidth: parent.width/5 - parent.spacing } MenuButton { id: protectionBtn itemText: qsTr("Меню 3") itemWidth: parent.width/5 - parent.spacing } MenuButton { id: toollBtn itemText: qsTr("Меню 4") itemWidth: parent.width/5 - parent.spacing } MenuButton { id: actionsBtn itemText: qsTr("Меню 5") itemWidth: parent.width/5 - parent.spacing } } }
Рекомендуем хостинг TIMEWEB
Стабильный хостинг, на котором располагается социальная сеть EVILEG. Для проектов на Django рекомендуем VDS хостинг.Вам это нравится? Поделитесь в социальных сетях!
Комментарии
Только авторизованные пользователи могут публиковать комментарии.
Пожалуйста, авторизуйтесь или зарегистрируйтесь
Пожалуйста, авторизуйтесь или зарегистрируйтесь
B
- Bogdannn
- 27 марта 2024 г. 19:15
C++ - Тест 001. Первая программа и типы данных
- Результат:46баллов,
- Очки рейтинга-6
Последние комментарии
Qt Linux - Урок 001. Автозапуск Qt приложения под Linux как сделать автозапуск для флэтпака, который не даёт создавать файлы в ~/.config - вот это вопрос ))
АК
Qt WinAPI - Урок 007. Работаем с ICMP Ping в Qt Без строки #include <QRegularExpressionValidator> в заголовочном файле не работает валидатор.
Анатолий Кононенко5 февраля 2024 г. 1:50
EVA25 декабря 2023 г. 10:30
Boost - статическая линковка в CMake проекте под Windows Сделал всё по-как у вас, но выдаёт ошибку [build] LINK : fatal error LNK1104: не удается открыть файл "libboost_locale-vc142-mt-gd-x64-1_74.lib" Хоть убей, не могу понять в чём дел…
Qt/C++ - Урок 056. Подключение библиотеки Boost в Qt для компиляторов MinGW и MSVC Для решения твой проблемы добавь в файл .pro строчку "LIBS += -lws2_32" она решит проблему , лично мне помогло.
Сейчас обсуждают на форуме
Мобильное приложение на C++Qt и бэкенд к нему на Django Rest Framework Евгений, добрый день! Такой вопрос. Верно ли следующее утверждение: Любое Android-приложение, написанное на Java/Kotlin чисто теоретически (пусть и с большими трудностями) можно написать и на C+…
Павел Дорофеев14 апреля 2024 г. 2:35
Вернуть старое поведение QComboBox, не менять индекс при resetModel Добрый день! У нас много проектов в которых используется QComboBox, в версии 5.5.1, когда модель испускает сигнал resetModel, currentIndex не менялся. В версии 5.15 при resetModel происходит try…
Как получить в массив значения из связанной модели? Спасибо, разобрался:))
AC
QML Обнулить значения SpinBox Доброго времени суток, не могу разобраться с обнулением значение SpinBox находящего в делегате. import QtQuickimport QtQuick.ControlsWindow { width: 640 height: 480 visible: tr…
Alexandru Codreanu19 января 2024 г. 11:57
Добрый день!
Там за иконку таскбара отвечает какой-то из флагов. Когда вы отключаете обрамление, вы перезаписываете все флаги которые там существуют, оставляя только флаг отключения обрамления. Видимо под линуксом это работает иначе, чем под виндовс. Нужно либо найти этот флаг, почитать документацию внимательно, либо сохранить все предыдущие флаги и добавить в них флаг отключения обрамления. Мне было лень читать документацию, поэтому я пошёл вторым путём :D