Szkolenie TouchGFX 2024 dla STM32 prowadzi od pierwszych kroków w TouchGFX Designer do tworzenia własnych interfejsów. Poznasz generowanie kodu dla wyświetlaczy, strukturę plików oraz projektowanie ekranów i interakcji. Na trzech pełnych projektach zobaczysz, jak łączyć automatycznie wygenerowany kod z własnym projektem. Autor dzieli się przemyśleniami wykraczającymi poza dokumentację, co skraca czas potrzebny na lekturę 4080 stron materiałów.

Start i środowisko TouchGFX Designer

W module wprowadzającym poznasz, dlaczego w kursie wykorzystano STM32 i TouchGFX oraz jaki jest cel i zakres szkolenia. Dowiesz się, jakie oprogramowanie i dokumentacja towarzyszą pracy z TouchGFX. Następnie przejdziesz przez okno TouchGFX Designer, układ paneli i najważniejsze funkcje, które wspierają projektowanie interfejsów. Dzięki temu łatwiej odnajdziesz potrzebne narzędzia i zrozumiesz, gdzie powstaje kod generowany dla wyświetlaczy w projektach STM32. Zobaczysz, jak poruszać się po elementach środowiska i jak wygląda typowy przepływ pracy od pomysłu do pierwszego widoku.

Budowa interfejsu i interakcje

Po zapoznaniu się ze środowiskiem utworzysz projekt bazowy. Na jego podstawie zbudujesz pierwsze widoki, dodasz przyciski i skonfigurujesz interakcje. Następnie oprogramujesz reakcje na zdarzenia oraz rozwiniesz obsługę przycisków o bardziej zaawansowane przypadki. Krok po kroku przeanalizujesz, które elementy konfigurujesz w Designerze, a które dopisujesz w kodzie. Dzięki temu nauczysz się projektować logiczny przepływ działań użytkownika i przygotujesz podwaliny pod bardziej rozbudowane ekrany.

Wiele ekranów i elementy UI

Kolejna część dotyczy pracy z wieloma ekranami. Nauczysz się przełączać widoki i kontrolować sposób prezentacji grafiki. Dodasz pola tekstowe, z którymi wygodnie przekażesz dane użytkownikowi, oraz paski postępu, aby pokazać stan operacji. Poznasz także kontenery, które ułatwiają organizację elementów i powtórne użycie kompozycji. Taki zestaw narzędzi pozwoli Ci budować przejrzyste i spójne ekrany oraz zachować porządek w strukturze projektu.

Trzy projekty krok po kroku

W części projektowej przejdziesz przez trzy kompletne przykłady. Najpierw powstanie wykres liniowy, który obrazuje sposób prezentowania danych w czasie. Następnie zbudujesz okno raportu z czytelnym układem informacji. Na końcu przygotujesz graficzną prezentację danych, łącząc różne komponenty interfejsu. Każdy projekt spina wcześniejsze zagadnienia i pokazuje praktyczne zastosowanie funkcji TouchGFX, co ułatwia samodzielne tworzenie podobnych rozwiązań.

Integracja z własnym kodem i podsumowanie

Autor prowadzi przez strukturę wygenerowanego kodu i wyjaśnia, jak bezpiecznie łączyć go z własnym projektem. Nauczysz się, gdzie dopisywać logikę, aby korzystać z możliwości TouchGFX i nie nadpisać zmian przy ponownej generacji. Na koniec podsumujesz kluczowe kroki i upewnisz się, jak rozwijać aplikację. Znajomość podstaw STM32 i STM32CubeIDE wystarczy, a znajomość FreeRTOS może ułatwić rozbudowę w kierunkach wykraczających poza zakres kursu.