#Qt | #Qml | Animation | Timer | Typewriter effect | Cpp | #lashko
Эффект печатающей машинки на Qml (Qt). TypeWriter Effect. Объясняю нюансы настройки component Text. Что значит: - horizontalAlignment: Text.AlignHCenter - verticalAlignment: Text.AlignVCenter отличие: width: parent.width + anchors.centerIn: parent Работа с таймерами. Мой канал: https://t.me/qt_cpp_linux Код проекта: https://gitflic.ru/project/lashko_ag/qml_animation_timer_typewriter_effect Объяснение анимаций https://t.me/qt_cpp_linux/83 00:00 - Начало примера проекта на Qml 00:08 - Демонстрация эффекта "печатающая машинка" on QML ("Typewriter effect") 00:36 - git checkout -b ﹤создание ветки для работы с Text﹥ 01:05 - Создание проекта QML по умолчанию. 02:00 - git. Сохранение изменений в проекте. git commit -m "..."; git push -u origin ﹤текущая ветка﹥ 02:40 - Component Text 03:55 - Расположение компонента Text в окне программы. Пояснение width: parent.width 04:10 - anchors.centerIn: parent 04:47 - width: parent.width + anchors.centerIn: parent - как будет расположен компонент Text (но не сам текст внутри) 05:15 - horizontalAlignment: Text.AlignHCenter - расположения текста внутри компонента Text 05:42 - verticalAlignment: Text.AlignVCenter - расположения текста внутри компонента Text 06:10 - Объяснение что значит - (horizontalAlignment: Text.AlignHCenter + verticalAlignment: Text.AlignVCenter) 06:25 - Настройки шрифта. font.pixelSize: 06:32 - font.family 06:55 - font.weight: Font.Light; Font.Bold 07:35 - wrapMode: Text.WordWrap 08:11 - git сохранение изменений в текущей ветке 08:42 - QML Timer 09:03 - Создаем строку для отображения в Таймере. property string 09:29 - Component Timer. Настройка для работы в стиле "Blink". interval; repeat; onTriggered 10:57 - Демонстрация работы Timer 11:24 - QML как создать массив строк 11:59 - Перебираем массив в таймере и отображаем каждую строку 12:43 - Демонстрация результата 13:20 - Алексей Лашко. Инженер-программист | Qt | Qml | C++ | Arduino Robotics, обучаю программированию и робототехнике. Telegram: https://t.me/qt_cpp_linux YouTube: https://www.youtube.com/@qt_cpp_linux Rutube: https://rutube.ru/channel/41238173/ VK: https://vk.com/la6ko 15:00 - Animation fade-in Main Window App. Behavior on opacity 18:50 - Typewriter Effect 22:35 - qml substring 29:29 - Создание курсора 32:07 - Animation cursor. Blink. NumberAnimation. loops: Animation.Infinite #qt #qml #typewriter #Text #Timer #Animation #lashko
Эффект печатающей машинки на Qml (Qt). TypeWriter Effect. Объясняю нюансы настройки component Text. Что значит: - horizontalAlignment: Text.AlignHCenter - verticalAlignment: Text.AlignVCenter отличие: width: parent.width + anchors.centerIn: parent Работа с таймерами. Мой канал: https://t.me/qt_cpp_linux Код проекта: https://gitflic.ru/project/lashko_ag/qml_animation_timer_typewriter_effect Объяснение анимаций https://t.me/qt_cpp_linux/83 00:00 - Начало примера проекта на Qml 00:08 - Демонстрация эффекта "печатающая машинка" on QML ("Typewriter effect") 00:36 - git checkout -b ﹤создание ветки для работы с Text﹥ 01:05 - Создание проекта QML по умолчанию. 02:00 - git. Сохранение изменений в проекте. git commit -m "..."; git push -u origin ﹤текущая ветка﹥ 02:40 - Component Text 03:55 - Расположение компонента Text в окне программы. Пояснение width: parent.width 04:10 - anchors.centerIn: parent 04:47 - width: parent.width + anchors.centerIn: parent - как будет расположен компонент Text (но не сам текст внутри) 05:15 - horizontalAlignment: Text.AlignHCenter - расположения текста внутри компонента Text 05:42 - verticalAlignment: Text.AlignVCenter - расположения текста внутри компонента Text 06:10 - Объяснение что значит - (horizontalAlignment: Text.AlignHCenter + verticalAlignment: Text.AlignVCenter) 06:25 - Настройки шрифта. font.pixelSize: 06:32 - font.family 06:55 - font.weight: Font.Light; Font.Bold 07:35 - wrapMode: Text.WordWrap 08:11 - git сохранение изменений в текущей ветке 08:42 - QML Timer 09:03 - Создаем строку для отображения в Таймере. property string 09:29 - Component Timer. Настройка для работы в стиле "Blink". interval; repeat; onTriggered 10:57 - Демонстрация работы Timer 11:24 - QML как создать массив строк 11:59 - Перебираем массив в таймере и отображаем каждую строку 12:43 - Демонстрация результата 13:20 - Алексей Лашко. Инженер-программист | Qt | Qml | C++ | Arduino Robotics, обучаю программированию и робототехнике. Telegram: https://t.me/qt_cpp_linux YouTube: https://www.youtube.com/@qt_cpp_linux Rutube: https://rutube.ru/channel/41238173/ VK: https://vk.com/la6ko 15:00 - Animation fade-in Main Window App. Behavior on opacity 18:50 - Typewriter Effect 22:35 - qml substring 29:29 - Создание курсора 32:07 - Animation cursor. Blink. NumberAnimation. loops: Animation.Infinite #qt #qml #typewriter #Text #Timer #Animation #lashko