#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
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «#Qt | #Qml | Animation | Timer | Typewriter effect | Cpp | #lashko», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.