Summary

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

Details

Page properties

Author

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

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.5.0. See the image below.
	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.
144	144
145	145	[[image:squareline.io_downloads.png]]
146	146
...	...	@@ -156,22 +156,28 @@
156	156	== 2.3 Simple usage of SquareLine Studio and exporting UI code ==
157	157
158	158
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.
	159	+After launching and logging into the software, create a new project as shown in Image 2.
160	160
161		-* Select major **LVGL** version: **8.3**.
	161	+* Select the major **LVGL** version as **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 **as **8.3.11** and **Resolution** as **800** x **480**.
165		-* Select the **CREATE **button to create the new project with the selected settings.
	164	+* In the **PROJECT SETTINGS**, select **LVGL version** **8.3.11**
	165	+* Select the **CREATE **button.
166	166
167	167	[[image:image-20240928103357-2.png||height="680" width="708"]]
168	168
	169	+ Image 2: Creating a new SquareLine project
169	169
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	+
172	172	[[image:1727229582471-566.png]]
173	173
	178	+ Image 3 accessing project settings
174	174
	180	+
175	175	In the PROJECT SETTINGS dialog box, configure/modify the project settings:
176	176
177	177	* **UI Files Export Root**: Select a folder on your computer to store the UI files.