Summary

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

Details

Page properties

Author

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

Content

...	...	@@ -1,11 +3,12 @@
1		-
2		-
3	3	(% style="text-align:center" %)
4		-[[image:image-20241226135550-1.png]]
	2	+[[image:image-20240915231842-1.png]]
5	5
6	6
7	7
8	8
	7	+
	8	+
	9	+
9	9	(% _mstvisible="1" %)
10	10	(% _msthash="315238" _msttexthash="18964465" _mstvisible="3" %)**Table of Contents:**
11	11
...	...	@@ -141,7 +141,7 @@
141	141
142	142	Download and install the latest version of [[SquareLine Studio>>https://squareline.io/downloads#lastRelease]] on your computer. It supports Windows, Linux, and Mac OS. The software version we are using here is 1.5.0. See the image below.
143	143
144		-[[image:squareline.io_downloads.png||height="888" width="1294"]]
	145	+[[image:squareline.io_downloads.png]]
145	145
146	146
147	147	After installation, you can use SquareLine Studio with a **PERSONAL license plan**. Click **LOG IN** and create a free account using your email address. Then activate your PERSONAL license plan for free. You don’t need to provide any credit card information. However, the PERSONAL license plan has the following limitations:
...	...	@@ -160,9 +160,11 @@
160	160	* In the **PROJECT SETTINGS**, select **LVGL version **as **8.3.11** and **Resolution** as **800** x **480**.
161	161	* Select the **CREATE **button to create the new project with the selected settings.
162	162
163		-[[image:squareline-studio-launcher-screen.png||height="752" width="1415"]]
164	164
	165	+[[image:squareline-studio-launcher-screen.png]]
165	165
	167	+
	168	+
166	166	Next, you need to configure some additional settings for this project. To do so, select** File  -> Project Settings** as shown in the image below.
167	167
168	168	[[image:1727229582471-566.png]]
...	...	@@ -266,7 +266,7 @@
266	266	Widgets commonly have two types of relationships: **parallel** and **parent-child**.
267	267
268	268	* In a **parallel relationship**, widgets' positions are determined relative to a shared reference object.
269		-* 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.
270	270
271	271	[[image:1727486567182-334.png||height="318" width="278"]]
272	272
...	...	@@ -284,11 +284,13 @@
284	284	==== **Preview the screen** ====
285	285
286	286
287		-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.
288	288
289	289	[[image:1727487368023-281.png]]
290	290
	294	+ Image 14: Simulating the project
291	291
	296	+
292	292	For more information, please visit the official link: [[SquareLine Studio 1.4.2 Documentation ~| SquareLine Studio>>url:https://docs.squareline.io/docs/squareline/]].
293	293
294	294
...	...	@@ -295,7 +295,7 @@
295	295	== 2.4 Integrate UI Code to ESP-IDF Project ==
296	296
297	297
298		-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.
299	299
300	300	[[image:1727229798126-306.png]]
301	301
...	...	@@ -315,7 +315,6 @@
315	315
316	316	image 18 modify CMakeLists.txt
317	317
318		-
319	319	The last step of integrating is adding two lines of code in main.c file.
320	320
321	321	[[image:1727229926561-300.png]]

image-20241226135550-1.png

Author

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

Size

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

Content