Summary

• Page properties (1 modified, 0 added, 0 removed)

Details

Page properties

Content

...	...	@@ -161,6 +161,7 @@
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	+
164	164	[[image:squareline-studio-launcher-screen.png]]
165	165
166	166
...	...	@@ -268,7 +268,7 @@
268	268	Widgets commonly have two types of relationships: **parallel** and **parent-child**.
269	269
270	270	* In a **parallel relationship**, widgets' positions are determined relative to a shared reference object.
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.
	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.
272	272
273	273	[[image:1727486567182-334.png||height="318" width="278"]]
274	274
...	...	@@ -286,11 +286,13 @@
286	286	==== **Preview the screen** ====
287	287
288	288
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.
	290	+You can test the result by clicking on the **PLAY** button. The screen will change into play mode. See Image 14.
290	290
291	291	[[image:1727487368023-281.png]]
292	292
	294	+ Image 14: Simulating the project
293	293
	296	+
294	294	For more information, please visit the official link: [[SquareLine Studio 1.4.2 Documentation ~| SquareLine Studio>>url:https://docs.squareline.io/docs/squareline/]].
295	295
296	296
...	...	@@ -297,7 +297,7 @@
297	297	== 2.4 Integrate UI Code to ESP-IDF Project ==
298	298
299	299
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.
	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.
301	301
302	302	[[image:1727229798126-306.png]]
303	303
...	...	@@ -317,7 +317,6 @@
317	317
318	318	image 18 modify CMakeLists.txt
319	319
320		-
321	321	The last step of integrating is adding two lines of code in main.c file.
322	322
323	323	[[image:1727229926561-300.png]]