How to Create Widgets in LVGL Editor (and Examples?)

How-to
1

Hi,

I’d like to know how to create widgets (e.g., buttons, labels) in the LVGL Editor. What are the steps?

Also, are there any examples available that show how to do this?

Thanks!

2

First check this official video https://youtu.be/YEoHK5P0ASE

Then you can find example project in official repo GitHub - lvgl/lvgl_editor

1 Like
3

i cant use lv_indic and lv_knob

4

indicator & knob are parts of some widgets, which you can use to apply different styles.
Example XML

<component>
	<styles>
		<style name="style_base" width="content" bg_color="0x6688ee" bg_opa="0" />
		<style name="style_indicator" bg_color="0xff0000" bg_opa="255" />
		<style name="style_knob" bg_color="0x00ff00" bg_opa="255" />
	</styles>

	<view extends="lv_obj">
		<style name="style_base" />

		<lv_slider>
			<style name="style_indicator" selector="indicator" />
			<style name="style_knob" selector="knob" />
		</lv_slider>
	</view>
</component>

What are you trying to achieve @npwh?