Summary

• Page properties (2 modified, 0 added, 0 removed)
• Attachments (0 modified, 0 added, 1 removed)
  • image-20240928144830-11.png

Details

Page properties

Author

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

Content

...	...	@@ -29,8 +29,7 @@
29	29
30	30	== 1.2  Features ==
31	31
32		-* ESP32-WROOM MCU: 8MB RAM & 16MB ROM
33		-* Dragino LA66 LoRa Module
	32	+* ESP32-WROOM MCU + Dragino LA66 LoRa Module
34	34	* Support Private LoRa protocol or LoRaWAN protocol
35	35	* Support WiFi & BLE wireless protocol
36	36	* 5.0" HMI touch screen
...	...	@@ -45,12 +45,6 @@
45	45
46	46	**LoRa**:
47	47
48		-* Frequency Range: 870 MHz ~~ 960 MHz
49		-* TCXO crystal to ensure RF performance on low temperature
50		-* Maximum Power +22 dBm constant RF output
51		-* High sensitivity: -148 dBm
52		-* LoRa Tx Current: <90 mA at +17 dBm, 108 mA at +22 dBm
53		-* LoRa Rx current: <9 mA
54	54
55	55	**WiFi:**
56	56
...	...	@@ -108,6 +108,7 @@
108	108
109	109	Next, you need to install the ESP-IDF extension within VSCode. The detailed operation steps are illustrated in image 1.
110	110
	104	+
111	111	[[image:image-20240928110211-5.png||height="508" width="866"]]
112	112
113	113	image 1 ESP-IDF extension install
...	...	@@ -135,6 +135,7 @@
135	135
136	136	image 3 project settings
137	137
	132	+
138	138	[[image:image-20240928105309-4.png||height="526" width="556"]]
139	139
140	140	image 4 modify project settings
...	...	@@ -147,6 +147,7 @@
147	147
148	148	[[image:image-20240928111412-6.png||height="526" width="864"]]
149	149
	145	+
150	150	image 5 add widgets
151	151
152	152	**2.modify widget**
...	...	@@ -165,15 +165,17 @@
165	165
166	166	Third part: It is an area of style setting.
167	167
168		-Fourth part: It is an area for adding events. In image 8, it is adding a click event to a button. If the button is clicked after the click event is added as shown in image 8, the current screen will fade into another specified screen, and the switching process will last 500ms.
	164	+Fourth part: It is an area for adding events. In image 8, it is adding a click event to a button. If the button is clicked after the click event is added, the current screen will fade into another specified screen, and the switching process will last 500ms.
169	169
170	170	[[image:1727485480434-713.png||height="395" width="290"]]
171	171
	168	+
	169	+
172	172	image 8 add event for button
173	173
174	174	**3.change label widget content**
175	175
176		-Modify the content in text as shown in image 9, the text content of label widget will be changed accordingly.
	174	+Modify the content in text, the text content of label widget will be changed accordingly.
177	177
178	178	[[image:image-20240928090825-1.png||height="327" width="391"]]
179	179
...	...	@@ -228,7 +228,7 @@
228	228
229	229	Create a empty directory entitled "ui" in path "basic_prj/app_components/ui/", and then copy all UI code exported to this directory.
230	230
231		-[[image:image-20240928144830-11.png]]
	229	+[[image:1727229845835-509.png||height="165" width="582"]]
232	232
233	233	image 17 open CMakeLists.txt
234	234
...	...	@@ -250,6 +250,7 @@
250	250
251	251	The project consists of two screens. The first screen displays the company's logo, the project name, and a button to navigate to the next screen. The second screen presents some information about this HMI screen product through an image and includes a button to return to the previous screen.
252	252
	251	+(% class="wikigeneratedid" %)
253	253	== 2.6 Test Result ==
254	254
255	255	By pressing the button lying bottom right, the screen can switch to another as expected. This indicates that the UI file has been successfully integrated into the project and is now effective.

image-20240928144830-11.png

Author

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

Size

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

Content