[LVGL#5] 터치IC(XPT2046)가 장착된 ILI9341로 LVGL시작해보기!(녹칸다의 LVGL)

https://youtube.com/live/x_dfcz63atI

 

[LVGL#5] 터치IC(XPT2046)가 장착된 ILI9341로 LVGL시작해보기!(녹칸다의 LVGL) 녹칸다의 LVGL 시리즈이다! 이번편은 touch가 가능한 ili9341 LCD를 이용해서 LVGL을 작동시켜보도록 한다! LCD를 뒤집어보면 뒤쪽에 쪼그만한 까만칩이 있는게 있고 없는게 있는데 그게 바로 XPT2046이다! 1~4편에서 녹칸다가 템플릿으로 만들어놨던 코드는 터치부분이 전혀 반영되어있지 않다! LCD에 화면을 출력하기위한 IC와 터치를 인식하기 위한 IC가 독립적으로 작동되기 때문에 XPT2046을 위한 라이브러리를 별도로 추가해주어야 한다! 기본 템플릿코드에서 뭐가 어떻게 수정이 되어야 그게 가능하겠는지 함께 알아보도록 하자! (생각보다 어렵지는 않음) 주의할 점은 빵판과 점퍼케이블로 LCD와 터치부분을 연결하게 되면 인식이 잘 안되었다는 것이다! (녹칸다가 가진 ILI9341이 약간 고장나서 그런것일수도!) 정확하게 연결했다면 무조건 작동이 되어야하는 완벽한 테스트코드를 첫번째 예제로 만들어보도록 하자! 아래 공유되어있는 구글 슬라이드를 통해서 라이브방송중 자료가 업로드된다! https://docs.google.com/presentation/d/19r0fmOsAy9E8pwTJI9fmxbo_lzV8DLWAYhIWkVJDars/edit#slide=id.g2de454e7db9_1_0

 

[LVGL#5] 터치IC(XPT2046)가 장착된 ILI9341로 LVGL시작해보기!(녹칸다의 LVGL)

녹칸다의 LVGL 시리즈이다!

이번편은 touch가 가능한 ili9341 LCD를 이용해서 LVGL을 작동시켜보도록 한다!
LCD를 뒤집어보면 뒤쪽에 쪼그만한 까만칩이 있는게 있고 없는게 있는데 그게 바로 XPT2046이다!

1~4편에서 녹칸다가 템플릿으로 만들어놨던 코드는 터치부분이 전혀 반영되어있지 않다!

LCD에 화면을 출력하기위한 IC와 터치를 인식하기 위한 IC가 독립적으로 작동되기 때문에 XPT2046을 위한 라이브러리를 별도로 추가해주어야 한다!

기본 템플릿코드에서 뭐가 어떻게 수정이 되어야 그게 가능하겠는지 함께 알아보도록 하자!
(생각보다 어렵지는 않음)

주의할 점은 빵판과 점퍼케이블로 LCD와 터치부분을 연결하게 되면 인식이 잘 안되었다는 것이다!
(녹칸다가 가진 ILI9341이 약간 고장나서 그런것일수도!)

정확하게 연결했다면 무조건 작동이 되어야하는 완벽한 테스트코드를 첫번째 예제로 만들어보도록 하자!

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

(ILI9341에 터치가 되는 템플릿 프로젝트)

ili9341_touch.7z

16.85MB

 

예제1) ESP32와 ILI9341을 연결하고 터치 좌표를 시리얼모니터에 출력해보기!(템플릿 프로젝트 만들기)

example1_main.txt

0.00MB

example1_UI.zip

0.03MB

 

예제2)LCD화면에 버튼을 2개와 라벨1개를 만들어서 어떤 버튼을 눌려졌는지를 라벨에 출력하시오!(LVGL내부에서 처리하는 방식)

example2_main.txt

0.00MB

example2_UI.zip

0.03MB

 

예제3)LCD화면에 버튼을 2개와 라벨1개를 만들어서 어떤 버튼을 눌려졌는지를 라벨에 출력하시오!(ESP32에서 처리하는 방식)

example3_main.txt

0.00MB

example3_UI.zip

0.03MB

 

예제4)버튼1을 누르면 카운터가 1씩 증가하고 버튼2를 누르면 카운터가 1씩 감소하도록해서 라벨에 결과를 출력하시오!

example4_main.txt

0.00MB

example4_UI.zip

0.03MB

 

예제5)ESP32의 5번핀에 LED를 1개 연결하고 버튼1을 누르면 LED가 켜지고, 버튼2를 누르면 꺼지도록하시오!

example5_main.txt

0.00MB

example5_UI.zip

0.03MB

 

예제6) 예제5번에서 스위치 위젯을 이용해서 LED를 ON/OFF하시오!

example6_main.txt

0.00MB

example6_UI.zip

0.03MB

 

예제7) 위젯중에 arc를 이용해서 연결된 led의 밝기제어를 하시오!

example7_main.txt

0.00MB

example7_UI.zip

0.03MB

 

예제8) 7번예제에서 감압식터치는 너무 한계가있어서 그대로 유지하되 버튼2개를 추가해서 led의 밝기가 30단위로 증감되도록 하시오!

example8_main.txt

0.00MB

example8_UI.zip

0.03MB