BG1 빼고 다 끔

slider speed. 가장 궁금했던 녀석인데..

Name에는 공백은 언더바로 치환되어 변수로 설정된다.
width / height 값은 이미지의 원래 크기인데 X와Y는 왜 마이너스 값일까?

scroll의 scroll direction은 all / vertical / horizontal 이 있으나 방향에 영향을 미치지 못한다.
value 는 min ~ max 사이 값으로 현재 값이다. max를 넘는 값이 들어갈수도 있으나 max로 표현된다.


스타일 셋팅 이게 표현의 핵심인듯.

슬라이더를 보면 main / indicator / knob로 나뉘는데
main의 배경 투명도를 켜고 꺼보면 먼가 차이가 난다.

이미지 자체는 투명인데 배경을 설정하지 않으면 흰색이 그냥 표시되는건가?

indicator는 슬라이더 바의 표시될 영역이라고 하면 되려나
32라면 왼쪽으로 부터 32 만큼 찬 것을 표시해주고 혹은 하단에서 부터 1/3이 차는걸 표현해주는 녀석이다.

main과는 다르게 indicator의 경우 표시되는 영역인 1/3 하단 영역에 대한 투명도가 사라진다.

knob는 손잡이 인데, 슬라이더의 중앙이라고 해야하나? 말 그대로 손잡이를 그려주는데
이 디자인에서는 노브가 없는 디자인이기에 투명하게 설정해서 손잡이를 지운다.


심심해서 slider 추가하고 가로 세로 비율을 다르게 했더니 비율에 따라 슬라이더 방향이 바뀐다. 이게 머야 -_-

35에서 50 으로 하니 옆으로 찬다.

이벤트는 연계되는 상황에 대해서 어떻게 할지인데
trigger 가 value_changed 이고
어떻게 보면 슬라이더 값이 바뀔때 event2로 speed_number_2와

speed_number_1의 값을 바꾸도록 한다.

이벤트는 제법 여러가지가 있는데
key_right 부터 short / long click 등 엄청 여러가지 이벤트가 존재한다.





위에서 이벤트로 걸린건 아래의 숫자 속도인데
글씨를 두번 써서 그림자 효과라.. 그럼 포트에서 자체적으로 그림자를 지원안하는건가?


'프로그램 사용 > lvgl' 카테고리의 다른 글
| figma lvgl plugin (0) | 2026.02.02 |
|---|---|
| eez studio (0) | 2026.02.02 |
| esp32 lvgl benchmark (0) | 2026.02.02 |
| esp32 lvgl 소스 코드 따라가기 (0) | 2026.01.28 |
| squartline studio 설치 (0) | 2026.01.28 |
