우연히 한달전에 외국 VOLOS 유투브 채널에서 본 터치 디스플레이가 예뻐서 구매함.
다른 제품들에 비해 다소 비싼데 디자인이 잘나옴.
원본이미지 ( 영상 캡처 이미지 )
유투브 원본 채널 주소 바로가기
( 링크 텍스트로 유투브채널 영상 확인하기 )
링크텍스트
릴리고(LilyGo)에서 나온 최신 디스플레이 : T4-S3
구매처 : 알리익스프레스 9만~10만원
( 배송까지 한 1주일정도 소요됨. )
( 쿠팡에선 10만원 이상으로 살수 있음 )
Volos 유투브 채널에서 깃허브에 본인의 ui 소스를 올려놔서 영상에서 본거 처럼 디스플레이에 띄울 수 있음.
따라하기만해도 거의다 실행됨.
( volos 영상 하단의 깃허브주소 들어가면 설정법 가이드 있음 )
Volos 깃허브에 가서 소스를 Zip 파일로 받습니다. ( coolUI )
그걸 압축 풀어서 내문서 아두이노 폴더에 넣어줍니다.
예제 열기에서 coolUI 를 열어줍니다.
업로드 하다가 ESP32Time.h 가 경로에 없다 에러가 뜸. 플러그인 탭에서 검색해서 설치만 해주면 해결됨.
내가 실습한 이미지 (아래)
아두이노에서
TFT_eSPI.h 를 이용해서 gui 디자인 한다는 점
코드가 단순한데 코드가 길긴함.
LVGL 이란 가벼운 언어로 GUI 만드는 방식과
squareLine studio 로 좀 더 figma 처럼 만들기도 가능함.
화면 UI가 대쉬보드처럼 예쁘고 마음에 들어서 결국 플러터 디자인으로 옮겨보기~
아직 터치 로직은 안넣었음.
어제오늘 이리저리 나름 재미나게 함.
나름 성과?
차트 그래프 그리는 거 연습
원형 프로그래스바 연습
임베디드UI 는 하나의 기기, 하나의 디스플레이를 위한 디자인이 대부분이라 가벼운 디자인으로 만들고,
모바일UI는 다양한 기기의 스펙을 맞춰야하니
반응형으로 만드는 것이 더 효율적이다.
더 공부할 부분들
스타일써서 중복된 코드를 줄이기
좀더 컴포넌트(위젯) 나누기
_터치로 상태도 변경되게끔 수정해보기
