Changes for page LTS5 LoRa HMI Touch Screen
Last modified by Dilisi S on 2025/02/26 19:24
Change comment:
Uploaded new attachment "image-20250122173546-6.png", version {1}
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -358,11 +358,10 @@ 358 358 359 359 = 4. Example Project 2: LoRaWAN RS485 Alarm = 360 360 361 -= 5. The methodfor addinganewtype of panel to the project =361 += 5. Adding new panel to the project = 362 362 363 -If you don't have this need, then this part of the content can be ignored. 364 364 365 -1. 364 +**~1. **Design a panel in SquareLine Studio, as shown in Image 5.1 below for reference. 366 366 367 367 [[image:image-20241121113445-1.png||height="584" width="934"]] 368 368 ... ... @@ -369,7 +369,7 @@ 369 369 Image 5.1: a panel about water_leak 370 370 371 371 372 -2. **Export the UI file: **You need to adjust the export path first, then click '**Export -> Export UI Files**' on the menu bar. This step was introduced earlier. After that, you can get the UI files as shown in Image 5.2.371 +**2. Export the UI file: **You need to adjust the export path first, then click '**Export -> Export UI Files**' on the menu bar. This step was introduced earlier. After that, you can get the UI files as shown in Image 5.2. 373 373 374 374 [[image:image-20241121141120-4.png||height="383" width="795"]] 375 375 ... ... @@ -376,7 +376,7 @@ 376 376 Image 5.2: Exported UI files 377 377 378 378 379 -3. **Delete and rename some file.** Here are the steps:378 +**3. Delete and rename some file.** Here are the steps: 380 380 381 381 Step 1: Delete the 'components' directory. 382 382 Step 2: Delete 'filelist.txt'. ... ... @@ -404,7 +404,7 @@ 404 404 405 405 image 5.6 extra_lib/CMakeLists.txt after add 406 406 407 -6. 406 +**6. ** **Modify the header files included in the fonts and images directories**. 408 408 409 409 Open the **fonts/ui_font_Font12.c** file, as shown in Image 5.7, and change **#include "../ui.h"** to **#include "../ui_water_leak.h"**. The modified file is shown in Image 5.8. Other font files need to be modified in the same way. 410 410 ... ... @@ -437,7 +437,7 @@ 437 437 image 5.12 ui_water_leak/CMakeLists.txt after modification 438 438 439 439 440 -8. 439 +**8. **Modify the **ui_water_leak.h** file. Images 5.13 and 5.14 show the code before modification, while Images 5.15 and 5.16 show the code after modification. 441 441 442 442 [[image:image-20241122094200-23.png]] 443 443 ... ... @@ -455,7 +455,7 @@ 455 455 456 456 image 5.16 ui_water_leak.h (2) before modification 457 457 458 -9. **Modify ui_water_leak.c file.** The image 5.17, 5.18, 5.19 show the code before modification, and the image 5.20, 5.21, 5.22 show the code after modification.457 +**9. Modify ui_water_leak.c file.** The image 5.17, 5.18, 5.19 show the code before modification, and the image 5.20, 5.21, 5.22 show the code after modification. 459 459 460 460 _ui_flag_modify( ((lv_obj_t *)(e->user_data)), LV_OBJ_FLAG_HIDDEN, _UI_MODIFY_FLAG_TOGGLE); This code replaces 4 lines of code in ui_water_leak.c, so it is pasted here for convenience. 461 461 ... ... @@ -483,7 +483,7 @@ 483 483 484 484 image 5.22 ui_water_leak.c (3) after modification 485 485 486 -10. **Modify ui_water_leak_events.h file.** The image 5.23 show the code before modification, and the image 5.24 show the code after modification.485 +**10. Modify ui_water_leak_events.h file.** The image 5.23 show the code before modification, and the image 5.24 show the code after modification. 487 487 488 488 [[image:image-20241122134113-35.png||height="380" width="421"]] 489 489 ... ... @@ -493,7 +493,7 @@ 493 493 494 494 image 5.24 ui_water_leak_events_.h after modification 495 495 496 -11. **Modify ui_water_leak_events.c file.** The image 5.25 show the code before modification, and the image 5.26 show the code after modification.495 +**11. Modify ui_water_leak_events.c file.** The image 5.25 show the code before modification, and the image 5.26 show the code after modification. 497 497 498 498 Step1. '#include "ui.h"'~-~->'#include "ui_water_leak.h"' 499 499 ... ... @@ -514,7 +514,7 @@ 514 514 image 5.26 ui_water_leak_events_.c after modification 515 515 516 516 517 -12. **Modify ui_water_leak_style.c file.**516 +**12. Modify ui_water_leak_style.c file.** 518 518 519 519 Step1. '#include "../ui.h"'~-~->#include '"../ui_water_leak.h"' 520 520 ... ... @@ -557,7 +557,6 @@ 557 557 558 558 image 5.32 ui_water_leak_style.c (4) 559 559 560 - 561 561 [[image:image-20241122154755-49.png||height="864" width="513"]] 562 562 563 563 image 5.33 ui_water_leak_style.c (4) ... ... @@ -598,31 +598,22 @@ 598 598 599 599 return union_sensor; 600 600 601 -[[image:image-202 50122173546-6.png||height="777" width="922"]]599 +[[image:image-20241122171211-54.png||height="635" width="792"]] 602 602 603 603 image 5.38 604 604 605 605 606 -13. Rest midificationinsort.hfile.604 +**13. Modify sort.c file.** 607 607 608 - Inimage5.39 as below, wecansee"WATER_LEAK_TYPE" at line24 andwaterswitchstatusdefinitionat line32,33,and thesearewhat weneedto add in sort.606 +Add a line of code ~-~-'#include "ui_water_leak.h"' as shown in image 5.39 line 16. 609 609 610 -[[image:image-202 50122170230-1.png||height="580" width="513"]]608 +[[image:image-20241122173718-56.png||height="378" width="579"]] 611 611 612 - image 5.39 sort. h610 + image 5.39 sort.c (1) 613 613 614 -13. **Modify sort.c file.** 615 - 616 -Add a line of code ~-~-'#include "ui_water_leak.h"' as shown in image 5.39 line 26. 617 - 618 -[[image:image-20250122171910-5.png||height="524" width="510"]] 619 - 620 - image 5.40 sort.c (1) 621 - 622 622 There are still some changes need to be done in sort.c, and omit here for the moment. 623 623 624 624 625 - 626 626 = 6. FAQ = 627 627 628 628 == 6.1 == ... ... @@ -655,7 +655,7 @@ 655 655 656 656 657 657 * Datasheet 658 -* Source Code : [[dragino/LoRa-HMI-Touch-Screen: Open Source LoRa / LoRaWAN HMI Touch Screen Project>>url:https://github.com/dragino/LoRa-HMI-Touch-Screen/tree/main]]647 +* Source Code 659 659 * Mechinical 660 660 661 661 = 10. FCC Warning =