ArrowТам. 29, 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 хостинг.Ол саған ұнайды ма? Әлеуметтік желілерде бөлісіңіз!
Пікірлер
Г
- Геній
- Қыр. 13, 2024, 12:46 Т.Қ.
C++ - Тест 001. Первая программа и типы данных
- Нәтиже:66ұпай,
- Бағалау ұпайлары-1
t
- torgaev_2024
- Қыр. 8, 2024, 6:20 Т.Ж.
C++ - Тест 001. Первая программа и типы данных
- Нәтиже:33ұпай,
- Бағалау ұпайлары-10
Соңғы пікірлер
Linux жүйесінде файлдарды қалай көшіруге болады Задумывались когда-нибудь о том, как мы привыкли доверять свои вещи службам грузоперевозок? Сейчас такие услуги стали неотъемлемой частью нашей жизни, особенно когда речь идет о переездах между …
ВР
Linux жүйесінде файлдарды қалай көшіруге болады Screenshot_20240802-065123.png
Влад РусоковТам. 2, 2024, 1:47 Т.Ж.
QML - Сабақ 016. SQLite деректер қоры және онымен QML Qt-та жұмыс істеу Здравствуйте, возникает такая проблема (я новичок): ApplicationWindow неизвестный элемент. (М300) для TextField и Button аналогично. Могу предположить, что из-за более новой верси…
Qt Linux - Сабақ 001. Linux астында Autorun Qt қолданбасы как сделать автозапуск для флэтпака, который не даёт создавать файлы в ~/.config - вот это вопрос ))
АК
Qt WinAPI - Сабақ 007. Qt ішінде ICMP Ping арқылы жұмыс істеу Без строки #include <QRegularExpressionValidator> в заголовочном файле не работает валидатор.
Анатолий КононенкоАқп. 5, 2024, 1:50 Т.Ж.
Енді форумда талқылаңыз
Evgenii LegotckoiМаусым 24, 2024, 3:11 Т.Қ.
при создании qml проекта Kits есть но недоступны для выбора Поставил Qt Creator 11.0.2. Qt 6.4.3 При создании проекта Qml не могу выбрать Kits, они все недоступны, хотя настроены и при создании обычного Qt Widget приложения их можно выбрать. В чем может …
BlinCTМаусым 25, 2024, 1 Т.Ж.
BlinCTМамыр 5, 2024, 5:46 Т.Ж.
Evgenii LegotckoiМамыр 2, 2024, 2:07 Т.Қ.
Добрый день!
Там за иконку таскбара отвечает какой-то из флагов. Когда вы отключаете обрамление, вы перезаписываете все флаги которые там существуют, оставляя только флаг отключения обрамления. Видимо под линуксом это работает иначе, чем под виндовс. Нужно либо найти этот флаг, почитать документацию внимательно, либо сохранить все предыдущие флаги и добавить в них флаг отключения обрамления. Мне было лень читать документацию, поэтому я пошёл вторым путём :D