보이는 하나의 디자인을 screen 으로 부르고
스크린간 전환은
trigger - clicked
action - change screen 으로 하여 구현이 된다.
그래서 메인화면에서 톱니바퀴를 누르면 설정으로 fade on 하여 가게 되는데


새로운 이벤트 목록은 아래와 같다.
일단 위의 경우 사용된건 change screen 인데
그 외에는 set opacity나 play animation 정도가 눈에 띈다.



fade on 대신 move left / move right 하고
duration 100 msec에서 1000 msec 으로 해주면 좀 슬라이드 되는 느낌이 들게 움직인다.
아래는 move left 전환효과를 순간 캡쳐 한 것.

---
스크린 변경이 아니라 일부 그룹에 대한 show / hide로 구현된 경우도 있는데
우측 하단의 3개를 누르면 속도는 뜨면서 내용이 변한다.



아무튼 설정을 보면
action - play 에서 group driving을 딜레이 없이 animation on 을 한다는데,

initial action 에 on으로 정의 된 건 없어서 모르겠다. on/off 의 on 같기도 한데?

그리고 BTN BG1 ADD / BTN BG2/3 REMOVE로
선택되었다는 밝은 주황색 배경을 on/off 해준다.

'프로그램 사용 > lvgl' 카테고리의 다른 글
| squareline studio / 애니메이션 (0) | 2026.02.03 |
|---|---|
| nxp gui guider for lvgl (0) | 2026.02.03 |
| lvgl perf mon (0) | 2026.02.03 |
| ebike demo ui 구조 분석 - 속도 슬라이더 및 텍스트 (0) | 2026.02.02 |
| figma lvgl plugin (0) | 2026.02.02 |
