Summary

• Page properties (1 modified, 0 added, 0 removed)
• Attachments (0 modified, 1 added, 0 removed)
  • image-20250122173546-6.png

Details

Page properties

Content

...	...	@@ -358,10 +358,11 @@
358	358
359	359	= 4. Example Project 2: LoRaWAN RS485 Alarm =
360	360
361		-= 5. Adding new panel to the project =
	361	+= 5. The method for adding a new type of panel to the project =
362	362
	363	+If you don't have this need, then this part of the content can be ignored.
363	363
364		-**~1. **Design a panel in SquareLine Studio, as shown in Image 5.1 below for reference.
	365	+1. Design a panel in SquareLine Studio, as shown in Image 5.1 below for reference.
365	365
366	366	[[image:image-20241121113445-1.png||height="584" width="934"]]
367	367
...	...	@@ -368,7 +368,7 @@
368	368	Image 5.1: a panel about water_leak
369	369
370	370
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.
	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.
372	372
373	373	[[image:image-20241121141120-4.png||height="383" width="795"]]
374	374
...	...	@@ -375,7 +375,7 @@
375	375	Image 5.2: Exported UI files
376	376
377	377
378		-**3. Delete and rename some file.** Here are the steps:
	379	+3. **Delete and rename some file.** Here are the steps:
379	379
380	380	Step 1: Delete the 'components' directory.
381	381	Step 2: Delete 'filelist.txt'.
...	...	@@ -403,7 +403,7 @@
403	403
404	404	image 5.6 extra_lib/CMakeLists.txt after add
405	405
406		-**6. ** **Modify the header files included in the fonts and images directories**.
	407	+6.  **Modify the header files included in the fonts and images directories**.
407	407
408	408	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.
409	409
...	...	@@ -436,7 +436,7 @@
436	436	image 5.12 ui_water_leak/CMakeLists.txt after modification
437	437
438	438
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.
	440	+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.
440	440
441	441	[[image:image-20241122094200-23.png]]
442	442
...	...	@@ -454,7 +454,7 @@
454	454
455	455	image 5.16 ui_water_leak.h (2) before modification
456	456
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.
	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.
458	458
459	459	_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.
460	460
...	...	@@ -482,7 +482,7 @@
482	482
483	483	image 5.22 ui_water_leak.c (3) after modification
484	484
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.
	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.
486	486
487	487	[[image:image-20241122134113-35.png||height="380" width="421"]]
488	488
...	...	@@ -492,7 +492,7 @@
492	492
493	493	image 5.24 ui_water_leak_events_.h after modification
494	494
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.
	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.
496	496
497	497	Step1. '#include "ui.h"'~-~->'#include "ui_water_leak.h"'
498	498
...	...	@@ -513,7 +513,7 @@
513	513	image 5.26 ui_water_leak_events_.c after modification
514	514
515	515
516		-**12. Modify ui_water_leak_style.c file.**
	517	+12. **Modify ui_water_leak_style.c file.**
517	517
518	518	Step1. '#include "../ui.h"'~-~->#include '"../ui_water_leak.h"'
519	519
...	...	@@ -556,6 +556,7 @@
556	556
557	557	image 5.32 ui_water_leak_style.c (4)
558	558
	560	+
559	559	[[image:image-20241122154755-49.png||height="864" width="513"]]
560	560
561	561	image 5.33 ui_water_leak_style.c (4)
...	...	@@ -596,22 +596,31 @@
596	596
597	597	return union_sensor;
598	598
599		-[[image:image-20241122171211-54.png||height="635" width="792"]]
	601	+[[image:image-20250122173546-6.png||height="777" width="922"]]
600	600
601	601	image 5.38
602	602
603	603
604		-**13. Modify sort.c file.**
	606	+13. Rest midification in sort.h file.
605	605
606		-Add a line of code ~-~-'#include "ui_water_leak.h"' as shown in image 5.39 line 16.
	608	+In image 5.39 as below, we can see "WATER_LEAK_TYPE" at line 24 and water leak switch status definition at line 32,33, and these are what we need to add in sort.
607	607
608		-[[image:image-20241122173718-56.png||height="378" width="579"]]
	610	+[[image:image-20250122170230-1.png||height="580" width="513"]]
609	609
610		- image 5.39 sort.c (1)
	612	+ image 5.39 sort.h
611	611
	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	+
612	612	There are still some changes need to be done in sort.c, and omit here for the moment.
613	613
614	614
	625	+
615	615	= 6. FAQ =
616	616
617	617	== 6.1 ==
...	...	@@ -644,7 +644,7 @@
644	644
645	645
646	646	* Datasheet
647		-* Source Code
	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]]
648	648	* Mechinical
649	649
650	650	= 10. FCC Warning =

image-20250122173546-6.png

Author

...	...	@@ -1,0 +1,1 @@
	1	+XWiki.xieby

Size

...	...	@@ -1,0 +1,1 @@
	1	+200.4 KB

Content