임베디드 UI를 브라우저에서 디자인하고, MegaPy 보드에서 바로 실행하세요.
MegaPy LVGL Designer는 드래그 앤 드롭으로 LVGL 9 화면을 배치하고, 실제 LVGL 엔진으로 그려 보여 주며, MicroPython 코드까지 자동으로 만들어 줍니다. MegaPy 디스플레이 보드를 고르면 아이디어가 오후 한나절 만에 동작하는 화면이 됩니다.
화면 개발에 필요한 모든 것
툴체인 설치도, 변경 사항 하나 확인하려고 보드를 굽는 일도 필요 없습니다. 에디터를 열고, 디자인하고, 결과를 보드로 보내세요.
드래그 앤 드롭 레이아웃
버튼, 라벨, 슬라이더 등을 캔버스에 놓으세요. 부모 기준 9방향 앵커로 정렬하거나, 가이드선을 보며 다른 위젯에 맞춰 정렬할 수 있습니다.
픽셀 단위로 정확한 미리보기
위젯은 CSS 흉내가 아니라 WebAssembly로 컴파일된 LVGL이 직접 그립니다. 화면에 보이는 그대로 보드에 나옵니다.
MicroPython 양방향 편집
생성된 스크립트가 화면 바로 아래에 있습니다. 코드를 고치고 Apply를 누르면 캔버스와 속성 패널이 따라 바뀝니다.
보드로 바로 전송
Chrome이나 Edge에서 USB로 보드를 연결해 파일을 살펴보고 프로젝트를 바로 기록할 수 있습니다.
계정에 자동 저장
프로젝트는 브라우저에 저장되면서 계정과 동기화되어, 다른 컴퓨터에서도 이어서 작업할 수 있습니다.
언제든 내려받기
프로젝트를 zip으로 내려받아 직접 관리하는 저장소에 보관하세요.
아이디어에서 동작하는 화면까지, 세 단계
보드 선택
Mega800, MegaSquare, MegaPro 중 사용할 보드의 해상도로 프로젝트를 시작합니다.
디자인과 미리보기
위젯을 끌어다 놓고 스타일을 정한 뒤, 실시간 LVGL 미리보기로 결과를 확인합니다.
업로드와 실행
생성된 MicroPython을 USB로 보드에 보내면 화면이 바로 실행됩니다.
에디터에 맞춰 만든 보드
모든 보드에 같은 크기의 캔버스가 에디터에 준비되어 있어, 첫 클릭부터 레이아웃이 패널에 꼭 맞습니다.
Mega800
병렬 RGB 인터페이스의 와이드 가로형 패널. 대시보드, 상태 표시줄, 컨트롤을 한 화면에 담을 수 있습니다.
MegaSquare
정사각형 MIPI 패널. 다이얼, 시계처럼 어느 방향에서 봐도 균형 잡힌 레이아웃에 어울립니다.
MegaPro
세로형 MIPI 패널. 메뉴, 목록처럼 아래로 길게 스크롤되는 화면에 적합합니다.