Summary

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

Details

Page properties

Author

...	...	@@ -1,1 +1,1 @@
1		-XWiki.pradeeka
	1	+XWiki.Xiaoling

Content

...	...	@@ -161,7 +161,6 @@
161	161	* In the **PROJECT SETTINGS**, select **LVGL version **as **8.3.11** and **Resolution** as **800** x **480**.
162	162	* Select the **CREATE **button to create the new project with the selected settings.
163	163
164		-
165	165	[[image:squareline-studio-launcher-screen.png]]
166	166
167	167
...	...	@@ -269,7 +269,7 @@
269	269	Widgets commonly have two types of relationships: **parallel** and **parent-child**.
270	270
271	271	* In a **parallel relationship**, widgets' positions are determined relative to a shared reference object.
272		-* In a **parent-child relationship**, any part of the child object outside the parent's boundaries is hidden by default. To make the child object fully visible, you must adjust its position to fit within the parent's range, as shown in Image 13.
	271	+* In a **parent-child relationship**, any part of the child object outside the parent's boundaries is hidden by default. To make the child object fully visible, you must adjust its position to fit within the parent's range.
273	273
274	274	[[image:1727486567182-334.png||height="318" width="278"]]
275	275
...	...	@@ -287,13 +287,11 @@
287	287	==== **Preview the screen** ====
288	288
289	289
290		-You can test the result by clicking on the **PLAY** button. The screen will change into play mode. See Image 14.
	289	+You can test the result by clicking on the **PLAY** button as shown in the image below. The screen will change into play mode.
291	291
292	292	[[image:1727487368023-281.png]]
293	293
294		- Image 14: Simulating the project
295	295
296		-
297	297	For more information, please visit the official link: [[SquareLine Studio 1.4.2 Documentation ~| SquareLine Studio>>url:https://docs.squareline.io/docs/squareline/]].
298	298
299	299
...	...	@@ -300,7 +300,7 @@
300	300	== 2.4 Integrate UI Code to ESP-IDF Project ==
301	301
302	302
303		-To achieve the integrating, we first need to export the UI code, then make some modifications, and finally relocate the UI code to a specific position within the project.
	300	+To integrate, first export the UI code, then make some modifications, and finally relocate the UI code to a specific position within the project.
304	304
305	305	[[image:1727229798126-306.png]]
306	306
...	...	@@ -320,6 +320,7 @@
320	320
321	321	image 18 modify CMakeLists.txt
322	322
	320	+
323	323	The last step of integrating is adding two lines of code in main.c file.
324	324
325	325	[[image:1727229926561-300.png]]

image-20241226135550-1.png

Author

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

Size

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

Content