x / y 바인딩
값을 픽셀 그대로 받아 요소를 옮깁니다. 가로는
x, 세로는 y.필요: 파트가 필요 없습니다 — 요소 전체가 움직입니다
prop: x | y 태그 값 = 이동 거리(px) · 환산 없음 · 원래 자리 기준설명
태그 값을 그대로 이동 거리(px)로 씁니다. 작화에서 놓아 둔 자리가 0이고, 거기서부터 상대적으로 움직입니다. x 는 오른쪽이 양수, y 는 아래쪽이 양수입니다.
두 prop 은 서로를 건드리지 않습니다. 한 요소에 x 와 y 를 각각 다른 태그로 걸면 두 축이 독립적으로 움직입니다 — 위치 좌표를 그대로 받아 물체를 따라 그릴 때 쓰는 방식입니다.
값이 좌표가 아니라 계측치라서 "0~100 을 위로 80px" 처럼 환산이 필요하면 slideY 를 쓰세요.
설정 항목
| 이름 | 값 | 기본 | 설명 |
|---|---|---|---|
| 태그 | tagId | — | 읽을 게이트웨이 태그. 값이 곧 픽셀 입니다. y 는 양수가 아래쪽. |
동작
x = 40 → 오른쪽으로 40px. 음수면 반대 방향입니다. 범위 제한이 없으므로 큰 값을 주면 화면 밖으로 나갑니다.
y 와 slideY 를 같은 요소에 함께 걸지 마세요. 둘이 같은 자리(요소의 세로 이동값)를 씁니다. 나중에 계산된 쪽이 앞의 것을 덮어서, 두 태그 중 하나는 무시된 것처럼 보입니다. x 는 slideY 가 건드리지 않으므로 함께 써도 됩니다.
요소는 옮겨져도 원래 자리를 차지하고 있습니다. 겹치는 판정이나 클릭 영역이 아니라 그리기 위치만 바뀌므로, 멀리 옮긴 요소 위에 다른 요소가 있으면 클릭이 가려질 수 있습니다.
숫자가 아닌 값이 오면 직전 위치가 그대로 남습니다. 값이 안 오는 것과 안 움직이는 것이 화면에서 같아 보입니다.
해 보기
제품 샘플 › 바인딩 표현 사전슬라이더를 끌면 타일이 값만큼 좌우·상하로 움직인다
제품에 들어 있는 샘플