Практика [3] Qt Qml Задание с собеседования. Создание интерфейса с ListView с кнопками. Role.
Тестовые задачи для подготовки к собеседованию на Qt | Qml. Что такое role? Как изменить цвет кнопок? Как использовать background: Rectangle{} для Button. Код на GitFlic: practice_3_qml_listview_delegate_button_for_stend https://gitflic.ru/project/lashko_ag/practice_3_qml_listview_delegate_button_for_stend ---------------------------------------------------------------------------------------- Предыдущие части смотреть: Практика [1] Qt Qml ListView. Как добавить C++ class в Qml. Задание с собеседования. https://rutube.ru/video/5142a13b24bcc03f392195a0ee5cefb3/ Практика [2] Qt Qml ListModel. Задача с собеседования. Методы model: get | append | remove | count. https://rutube.ru/video/c7f498d930c8593de18914c26602856e/ #004 Qt Qml - Как сделать тень под элементом. Dropshadow. https://rutube.ru/video/a2707baa0a0cdfb05d736a8d5f023e12/ ---------------------------------------------------------------------------------------- Предыдущие части код на GitFlic: practice_1_qml_name_list_cpp_class_str_length https://gitflic.ru/project/lashko_ag/practice_1_qml_name_list_cpp_class_str_length practice_2_qml_name_list_ListElement_currentIndex https://gitflic.ru/project/lashko_ag/practice_2_qml_name_list_listelement_currentindex Добавление тени 004_dropshadow_basic https://gitflic.ru/project/lashko_ag/004_main_page_template_dropshadow ---------------------------------------------------------------------------------------- Предыдущие части dzen читать: Практика [1]: создать приложение на Qt / Qml - бэкенд С++, которое отображает список имен, ListView | подключение к Qml (setContextProperty) https://dzen.ru/a/aCdV0Ja-EgBXNPyF ---------------------------------------------------------------------------------------- 00:00 Настройка проекта в Qt Creator: выбор шаблона Qt Quick Application 00:50 git сохранение изменений, создание ветки под задачу 1_topBar_name. Добавление заголовка "Стенд управления LED" в интерфейс 01:32 Задача для собеседования на Qt | Qml. Декомпозиция задания. 02:40 Задача 1: Добавление заголовка "Стенд управления LED" в верхнюю часть главного окна (Qt Quick) 03:20 GitFlic: использование готового шаблона с DropShadow — lashko_ag/004_dropshadow_basic - https://gitflic.ru/project/lashko_ag/004_main_page_template_dropshadow 05:00 Устанавливаем цвет основного фона окна приложения, более мягкий белый 05:34 Полоса для заголовка с тенью (topBar); How to use Qt GraphicalEffects DropShadow 08:50 git сохранение изменений, создание ветки под задачу 2_delegate_button для добавления кнопок 10:17 Задача 2: добавить ListView. Список кнопок для управления LED на учебном стенде 10:55 Модель ListModel содержит элементы с названиями кнопок (role) ( btnName: "LED blue" и тд). 11:30 Используется delegate: Button для отображения этих названий. 13:15 При нажатии на кнопку выводится сообщение в консоль с названием кнопки.(QML signal handler) 14:00 git сохранение изменений, создание ветки под задачу 3_pin_to_listmodel для добавления свойства pin 15:02 Задача 3: Добавить свойство pin (pin: 18) (role) для каждого элемента в ListModel. 15:45 В обработчике нажатия кнопки onClicked формировать текстовое сообщение о выбранном pin и выводить его в консоль. 16:25 Промежуточный результат простого графического приложения на Qmlс кнопками и ListView 17:45 git сохранение изменений, создание ветки под задачу 4_frequency_state для управления состоянием частоты мигания LED 18:45 Задача 4: Добавить свойство (role) frequency (frequency: 0) для каждого элемента в ListModel. 19:05 Вопрос на собеседовании: что такое role? в Qt QML? Объяснение ролей в моделях данных 19:18 Дополнительные вопросы и советы по собеседованию по Qt / qml 19:55 В обработчике нажатия кнопки изменять состояние frequency 0 и 1, соответственно состоянию светодиода на стенде (выкл/вкл). 22:35 git сохранение изменений, создание ветки под задачу 5_button_color для изменения цвета кнопок 23:50 Задача 5: Динамическое изменение цвета кнопок в зависимости от состояние frequency (role). 24:12 Использование background: Rectangle{} для Button. Редактирования свойств Button для кастомизации внешнего вида Button в QML 28:05 Итог: готовое приложение с кастомными кнопками и управлением LED в Qt Quick/QML 29:00 git сохранение изменений, слияние веток master, git merge — финальный этап разработки #Qt #QML #QtQuick #Git #GitFlic #Программирование #ProgrammingTutorial #РазработкаПрограмм #UX #Интерфейс #Кнопки #ListView #МоделиДанных #DropShadow #Собеседование #ПрограммированиеНаQt #Кастомизация #РазработкаПриложений #ПрограммированиеДляНачинающих #Технологии #ПрограммированиеНаC++ #lashko #background #Button #role
Тестовые задачи для подготовки к собеседованию на Qt | Qml. Что такое role? Как изменить цвет кнопок? Как использовать background: Rectangle{} для Button. Код на GitFlic: practice_3_qml_listview_delegate_button_for_stend https://gitflic.ru/project/lashko_ag/practice_3_qml_listview_delegate_button_for_stend ---------------------------------------------------------------------------------------- Предыдущие части смотреть: Практика [1] Qt Qml ListView. Как добавить C++ class в Qml. Задание с собеседования. https://rutube.ru/video/5142a13b24bcc03f392195a0ee5cefb3/ Практика [2] Qt Qml ListModel. Задача с собеседования. Методы model: get | append | remove | count. https://rutube.ru/video/c7f498d930c8593de18914c26602856e/ #004 Qt Qml - Как сделать тень под элементом. Dropshadow. https://rutube.ru/video/a2707baa0a0cdfb05d736a8d5f023e12/ ---------------------------------------------------------------------------------------- Предыдущие части код на GitFlic: practice_1_qml_name_list_cpp_class_str_length https://gitflic.ru/project/lashko_ag/practice_1_qml_name_list_cpp_class_str_length practice_2_qml_name_list_ListElement_currentIndex https://gitflic.ru/project/lashko_ag/practice_2_qml_name_list_listelement_currentindex Добавление тени 004_dropshadow_basic https://gitflic.ru/project/lashko_ag/004_main_page_template_dropshadow ---------------------------------------------------------------------------------------- Предыдущие части dzen читать: Практика [1]: создать приложение на Qt / Qml - бэкенд С++, которое отображает список имен, ListView | подключение к Qml (setContextProperty) https://dzen.ru/a/aCdV0Ja-EgBXNPyF ---------------------------------------------------------------------------------------- 00:00 Настройка проекта в Qt Creator: выбор шаблона Qt Quick Application 00:50 git сохранение изменений, создание ветки под задачу 1_topBar_name. Добавление заголовка "Стенд управления LED" в интерфейс 01:32 Задача для собеседования на Qt | Qml. Декомпозиция задания. 02:40 Задача 1: Добавление заголовка "Стенд управления LED" в верхнюю часть главного окна (Qt Quick) 03:20 GitFlic: использование готового шаблона с DropShadow — lashko_ag/004_dropshadow_basic - https://gitflic.ru/project/lashko_ag/004_main_page_template_dropshadow 05:00 Устанавливаем цвет основного фона окна приложения, более мягкий белый 05:34 Полоса для заголовка с тенью (topBar); How to use Qt GraphicalEffects DropShadow 08:50 git сохранение изменений, создание ветки под задачу 2_delegate_button для добавления кнопок 10:17 Задача 2: добавить ListView. Список кнопок для управления LED на учебном стенде 10:55 Модель ListModel содержит элементы с названиями кнопок (role) ( btnName: "LED blue" и тд). 11:30 Используется delegate: Button для отображения этих названий. 13:15 При нажатии на кнопку выводится сообщение в консоль с названием кнопки.(QML signal handler) 14:00 git сохранение изменений, создание ветки под задачу 3_pin_to_listmodel для добавления свойства pin 15:02 Задача 3: Добавить свойство pin (pin: 18) (role) для каждого элемента в ListModel. 15:45 В обработчике нажатия кнопки onClicked формировать текстовое сообщение о выбранном pin и выводить его в консоль. 16:25 Промежуточный результат простого графического приложения на Qmlс кнопками и ListView 17:45 git сохранение изменений, создание ветки под задачу 4_frequency_state для управления состоянием частоты мигания LED 18:45 Задача 4: Добавить свойство (role) frequency (frequency: 0) для каждого элемента в ListModel. 19:05 Вопрос на собеседовании: что такое role? в Qt QML? Объяснение ролей в моделях данных 19:18 Дополнительные вопросы и советы по собеседованию по Qt / qml 19:55 В обработчике нажатия кнопки изменять состояние frequency 0 и 1, соответственно состоянию светодиода на стенде (выкл/вкл). 22:35 git сохранение изменений, создание ветки под задачу 5_button_color для изменения цвета кнопок 23:50 Задача 5: Динамическое изменение цвета кнопок в зависимости от состояние frequency (role). 24:12 Использование background: Rectangle{} для Button. Редактирования свойств Button для кастомизации внешнего вида Button в QML 28:05 Итог: готовое приложение с кастомными кнопками и управлением LED в Qt Quick/QML 29:00 git сохранение изменений, слияние веток master, git merge — финальный этап разработки #Qt #QML #QtQuick #Git #GitFlic #Программирование #ProgrammingTutorial #РазработкаПрограмм #UX #Интерфейс #Кнопки #ListView #МоделиДанных #DropShadow #Собеседование #ПрограммированиеНаQt #Кастомизация #РазработкаПриложений #ПрограммированиеДляНачинающих #Технологии #ПрограммированиеНаC++ #lashko #background #Button #role