Summary

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

Details

Page properties

Author

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

Content

...	...	@@ -140,7 +140,7 @@
140	140	=== 2.2.2 Install SquareLine Studio ===
141	141
142	142
143		-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.4.2.
	143	+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.
144	144
145	145	[[image:squareline.io_downloads.png]]
146	146
...	...	@@ -156,28 +156,22 @@
156	156	== 2.3 Simple usage of SquareLine Studio and exporting UI code ==
157	157
158	158
159		-After launching and logging into the software, create a new project as shown in Image 2.
	159	+Start the SquareLine Studio. The **launcher screen** appears as shown in the below image. You can create a new project by clicking **Create** in the top menu.
160	160
161		-* Select the major **LVGL** version as **8.3**.
	161	+* Select major **LVGL** version: **8.3**.
162	162	* Select the **Desktop** tab.
163	163	* Select  **Eclipse with  SDL for  development on PC**:
164		-* In the **PROJECT SETTINGS**, select **LVGL version** **8.3.11**
165		-* Select the **CREATE **button.
	164	+* In the **PROJECT SETTINGS**, select **LVGL version **as **8.3.11** and **Resolution** as **800** x **480**.
	165	+* Select the **CREATE **button to create the new project with the selected settings.
166	166
167	167	[[image:image-20240928103357-2.png||height="680" width="708"]]
168	168
169		- Image 2: Creating a new SquareLine project
170	170
	170	+Next, you need to configure some additional settings for this project. Select** File  -> Project Settings** as shown in the image below.
171	171
172		-Next, you need to configure some settings for this project. By clicking in the specified order shown in Image 3, you will be directed to the page displayed in Image 4.
173		-
174		-* Select** File  -> Project Settings**
175		-
176	176	[[image:1727229582471-566.png]]
177	177
178		- Image 3 accessing project settings
179	179
180		-
181	181	In the PROJECT SETTINGS dialog box, configure/modify the project settings:
182	182
183	183	* **UI Files Export Root**: Select a folder on your computer to store the UI files.