[LVGL#2] 다양한 위젯(widget)에 대해 살펴보고 ESP32와 위젯간 상호작용하는 방법 알아보기!(녹칸다의 LVGL)

https://youtube.com/live/WJQyDssnorU

[LVGL#2] 다양한 위젯(widget)에 대해 살펴보고 ESP32와 위젯간 상호작용하는 방법 알아보기!(녹칸다의 LVGL)

녹칸다의 LVGL 시리즈이다!

이번편은 LVGL에서 지원하는 다양한 UI요소인 위젯을 활용해보도록 한다!
위젯을 제어하기 위한 함수나 파라미터등을 알아내고 ESP32에서 제어할 수 있도록 해보자!

아직은 터치가 되는 LCD가 아니기 때문에 터치와 관련된 상호작용은 안되고 출력으로만 활용해보도록 한다!

아래 공유되어있는 구글 슬라이드를 통해서 라이브방송중 자료가 업로드된다!
https://docs.google.com/presentation/d/19r0fmOsAy9E8pwTJI9fmxbo_lzV8DLWAYhIWkVJDars/edit#slide=id.g2da02a74726_2_0

(예제)
(예제1) ESP32에 18번핀과 19번핀에 누름버튼(택트스위치)을 2개 연결하고 LVGL로 라벨을 2개 생성한다! 18번핀에 연결된 버튼을 누르면 label1에 “button1” 이라는 문구가 출력되고 19번핀에 연결된 버튼을 누르면 label1에 “button2”가 출력되도록 하시오! 버튼1을 누르면 label2에 숫자가 업카운트되고 버튼 2를 누르면 다운카운트 되도록 하시오!  

example1_main.txt

0.00MB

example1_UI.zip

0.01MB

 

(예제2) (예제1번 추가해서) 가변저항을 34번핀에 연결하고 측정한 아날로그값을 label3를 만들어서 출력하시오!(0.1초간격)

example2_main.txt

0.00MB

example2_UI.zip

0.01MB

 

(예제3) 예제1번에서 연결해놓은 버튼1과 버튼2가 있다! 버튼1을 누르면 스위치1이 on쪽으로 이동하고 버튼2를 누르면 off쪽으로 이동하도록 하시오! 스위치2는 버튼1이 눌려지면 토글되고, 스위치3은 버튼2가 눌려지면 토글된다!

example3_main.txt

0.00MB

example3_UI.zip

0.01MB

 

(예제4) 예제1번에서 34번핀에 연결해놓은 가변저항의 측정값을 arc로 표현하고 현재 가변저항의 값을 arc 정가운데 있는 label을 이용해서 표현하시오!

example4_main.txt

0.00MB

example4_UI.zip

0.01MB

 

(예제5) 버튼1을 누르면 슬라이더1이 백분율을 기준으로 80%위치로 이동한다 버튼2를 누르면 30%위치로 이동하도록 한다!(with 라벨1)
가변저항을 돌리면 가변저항의 값을 슬라이더2로 표현한다!(with 라벨2)

example5_main.txt

0.00MB

example5_UI.zip

0.01MB