This shows you the differences between two versions of the page.
|
si:laboratoare:2025:05 [2025/10/31 22:21] cosmin.chenaru [Exercitii] |
si:laboratoare:2025:05 [2025/11/03 19:31] (current) cosmin.chenaru cb_night_mode_event_handler |
||
|---|---|---|---|
| Line 70: | Line 70: | ||
| ==== Exercitii ==== | ==== Exercitii ==== | ||
| - | **0.** (Optional) Rulati simulatorul LVGL pe Linux-ul vostru | + | === 0. (Optional) Rulati simulatorul LVGL pe Linux-ul vostru === |
| Pentru a usura munca developerilor, LVGL a fost portat pe Linux ([[https://github.com/lvgl/lv_port_linux|lv_port_linux]] unde poate rula cu mai multe backend-uri (e.g. Wayland, X11). Pentru a compila proiectul, instalati urmatoarele pachete. | Pentru a usura munca developerilor, LVGL a fost portat pe Linux ([[https://github.com/lvgl/lv_port_linux|lv_port_linux]] unde poate rula cu mai multe backend-uri (e.g. Wayland, X11). Pentru a compila proiectul, instalati urmatoarele pachete. | ||
| Line 101: | Line 101: | ||
| Urmatorul ecran va fi afisat | Urmatorul ecran va fi afisat | ||
| + | {{:si:laboratoare:2025:2025-10-31_22-20-06.png?300|}} | ||
| + | Copiati codul {{:si:laboratoare:2025:main.c.txt|oferit ca suport}} pentru acest laborator peste cel original din simulator si recompilati. Un ecran cu un cerc de dimensiunea 240x240 pixeli va fi afisat, iar in interior vom avea timpul curent, un checkbox pentru a activa modul de noapte si un contor care va numara pasii. | ||
| - | **1.** ToDo | + | <code> |
| + | cp ~/Downloads/main.c.txt src/main.c | ||
| + | cmake --build build -j$(nproc) | ||
| + | ./build/bin/lvglsim | ||
| + | </code> | ||
| + | |||
| + | {{:si:laboratoare:2025:2025-10-31_22-37-44.png?200|}} {{:si:laboratoare:2025:lvgl-hacktorwatch.png?400|}} | ||
| + | |||
| + | Recomandam sa rulati exercitiile 3, 4 si 5 pe simiulator, iar apoi pe ceas. | ||
| + | |||
| + | === 1. Rulati exemplul oferit ca suport pentru acest laborator pe ceas === | ||
| + | |||
| + | Folositi config-ul hacktorwatch:lvgl pentru acest laborator. In acest config aplicatia HacktorWatch (CONFIG_HACKTORWATCH_REV2) este activata in mod implicit. Compilati {{:si:laboratoare:2025:hacktorwatch_main.c.txt|suportul de laborator}} si incarcati noua imagine pe ceas, iar apoi deschideti aplicatia "hacktorwatch" din linie de comanda. | ||
| + | |||
| + | <code> | ||
| + | /tools/configure.sh -l hacktorwatch:lvgl | ||
| + | cp ~/Downloads/hacktorwatch_main.c.txt nuttx-apps/hacktorwatch-rev2/main/hacktorwatch_main.c | ||
| + | cd nuttx | ||
| + | make flash ESPTOOL_PORT=/dev/ttyACM0 ESPTOOL_BAUD=115200 ESPTOOL_BINDIR=../esp32s3-bins -j$(nproc) | ||
| + | </code> | ||
| + | |||
| + | === 2. Activati driver-ul de touchscreen CST816S === | ||
| + | |||
| + | * Activati CONFIG_INPUT_CST816S pentru a activa driver-ul de touchscreen. Ceasul HacktorWatch foloseste chip-ul Hynitron CST816S pentru touchscreen, iar driver-ul va crea intrarea ”/dev/input0” pe care biblioteca LVGL o va folosi. | ||
| + | |||
| + | <note warning>CONFIG_INPUT_CST816S va avea ca dependenta CONFIG_ESP32S3_GPIO_IRQ</note> | ||
| + | |||
| + | * Activati LV_USE_NUTTX_TOUCHSCREEN pentru ca LVGL sa fie compilat cu suport de touchscreen | ||
| + | |||
| + | * Din cauza unui bug, codul de touchscreen din LVGL citeste in continuu date de la driver-ul de touchscreen. Aplicati urmatoarea modificare in fisierul nuttx-apps/graphics/lvgl/lvgl/src/drivers/nuttx/lv_nuttx_touchscreen.c. Prin aceasta modificare, vom lasa codul de LVGL sa opreasca procesarea in momentul cand degetul este luat de pe touchscreen. <code> | ||
| + | --- ./graphics/lvgl/lvgl/src/drivers/nuttx/lv_nuttx_touchscreen.c 2024-10-24 21:45:11.000000000 +0300 | ||
| + | +++ ./graphics/lvgl/lvgl/src/drivers/nuttx/lv_nuttx_touchscreen.c 2025-08-10 20:04:58.486933763 +0300 | ||
| + | @@ -146,7 +146,11 @@ | ||
| + | /* Save last sample and let lvgl continue reading */ | ||
| + | touchscreen->last_sample = sample; | ||
| + | touchscreen->has_last_sample = true; | ||
| + | - data->continue_reading = true; | ||
| + | + | ||
| + | + if (sample.point[0].flags & TOUCH_DOWN) | ||
| + | + data->continue_reading = true; | ||
| + | + else | ||
| + | + data->continue_reading = false; | ||
| + | } | ||
| + | else { | ||
| + | /* No more sample available, clear last sample flag */ | ||
| + | </code> | ||
| + | |||
| + | |||
| + | === 3. Activati optiunea "Night Mode" === | ||
| + | |||
| + | Momentan, la fiecare click pe checkbox-ul "Night Mode" nu se va intampla nimic, deoarece handler-ul de eveniment nu este inregistrat. Adaugati urmatoarea linie (cea cu +, dar scoateti plusul) in locul unde este creat checkbox-ul | ||
| + | |||
| + | <code> | ||
| + | lv_obj_add_state(cb_night_mode, 0); | ||
| + | lv_obj_align(cb_night_mode, LV_ALIGN_LEFT_MID, 0, -30); | ||
| + | + lv_obj_add_event_cb(cb_night_mode, cb_night_mode_event_handler, LV_EVENT_ALL, NULL); | ||
| + | </code> | ||
| + | |||
| + | Pentru ca checkbox-ul este foarte mic iar precizia touchscreen-ului mica, putem mari dimensiunea checkbox-ului cu urmatoarele linii | ||
| + | |||
| + | <code> | ||
| + | + lv_obj_set_style_pad_left(cb_night_mode, 20, LV_PART_INDICATOR); | ||
| + | + lv_obj_set_style_pad_right(cb_night_mode, 20, LV_PART_INDICATOR); | ||
| + | + lv_obj_set_style_pad_top(cb_night_mode, 20, LV_PART_INDICATOR); | ||
| + | + lv_obj_set_style_pad_bottom(cb_night_mode, 20, LV_PART_INDICATOR); | ||
| + | </code> | ||
| + | |||
| + | Verificati ca background-ul ecranului devine mai inchis in momentul activarii checkbox-ului. | ||
| + | |||
| + | === 4. Cititi si afisati ceasul sistemului === | ||
| + | |||
| + | In functia main(), adaugati urmatoarele linii | ||
| + | |||
| + | <code> | ||
| + | hacktorwatch_init_watch_face(); | ||
| + | + | ||
| + | + /* Update clock each second */ | ||
| + | + lv_timer_create(update_clock, 1000, NULL); | ||
| + | |||
| + | while (1) | ||
| + | </code> | ||
| + | |||
| + | === 5. Incrementati pasii folosind un timer === | ||
| + | |||
| + | In mod normal pasii ar fi numarati in urma evenimentului primit de la senzorul de miscare, dar pentru asta este nevoie de un algoritm care sa ruleze si sa detecteze miscarea. In laboratorul de astazi vom simula detectia pasilor cu un timer care se activeaza la fiecare jumatate de secunda. | ||
| + | |||
| + | <code> | ||
| + | /* Update clock each second */ | ||
| + | lv_timer_create(update_clock, 1000, NULL); | ||
| + | + | ||
| + | + /* Update the steps */ | ||
| + | + lv_timer_create(update_steps, 500, NULL); | ||
| + | |||
| + | while (1) | ||
| + | </code> | ||
| + | |||
| + | === 6. Mariti frecventa de afisaj a LCD-ului === | ||
| + | |||
| + | In mod implicit, frecventa de lucra a protocolului de comunicare SPI folosit intre placa ESP32S3 si LCD este de 40Mhz. Observam o imbunatatire a rate de refresh a LCD-ului daca marim frecventa la 60Mhz | ||
| + | |||
| + | <code> | ||
| + | --- arch/xtensa/src/esp32s3/esp32s3_spi.c | ||
| + | +++ arch/xtensa/src/esp32s3/esp32s3_spi.c | ||
| + | @@ -90,7 +90,7 @@ | ||
| + | |||
| + | /* SPI default frequency (limited by clock divider) */ | ||
| + | |||
| + | -#define SPI_DEFAULT_FREQ (400000) | ||
| + | +#define SPI_DEFAULT_FREQ (600000) | ||
| + | |||
| + | /* SPI default width */ | ||
| + | </code> | ||
| ==== Resurse ==== | ==== Resurse ==== | ||
| * [[https://lvgl.io]] | * [[https://lvgl.io]] | ||
| * [[https://docs.lvgl.io/master/examples.html]] | * [[https://docs.lvgl.io/master/examples.html]] | ||