샘플 열기 → 운전에서 만져 보기 → 작화로 뜯어 보기 → 직접 한 장설명
1. 샘플을 엽니다. 위 '해 보기'의 물탱크 미믹을 누르세요. 운전 모드로 열립니다.
2. 만져 봅니다. 화면 아래 슬라이더를 끌어 보세요. 탱크 채움, 수위 숫자, 경보 색, 아래쪽 추이선이 동시에 반응합니다. 게이트웨이에 연결돼 있지 않은데도 도는 이유는 그 값이 화면 안에서만 도는 값 이기 때문입니다.
3. 뜯어 봅니다. 상단 작화를 누르면 같은 화면이 편집 상태로 열립니다. 탱크를 클릭하고 오른쪽 패널의 데이터 항목을 보세요 — 방금 움직인 것이 어떤 규칙으로 걸려 있는지 그대로 보입니다.
4. 직접 만들어 봅니다.
- 페이지 목록 위 + 로 빈 페이지를 만듭니다.
- 오른쪽 심볼 탭에서 탱크를 끌어다 놓습니다.
- 탱크를 고르고 데이터에서 level 을 걸고, 태그 이름에
local:test라고 적습니다. - 글자 요소를 하나 넣고 같은
local:test에 text 를 겁니다. - F5 를 누르면 지금 페이지가 운전으로 뜹니다.
값을 바꿔 볼 슬라이더가 필요하면, 아무 도형이나 하나 놓고 컨트롤을 슬라이더로 지정한 뒤 값 이름에 같은 local:test 를 적으면 됩니다.
설정 항목
| 이름 | 값 | 기본 | 설명 |
|---|---|---|---|
| 작화 | 모드 | — | 그리는 모드. 요소를 옮기고 값을 붙입니다. |
| 운전 | 모드 | — | 실제로 도는 모드. 값이 흐르고 버튼이 눌립니다. |
| F5 | 단축키 | — | 작화 중에 지금 페이지만 운전으로 미리 봅니다. |
동작
local: 로 시작하는 이름은 화면 안에서만 도는 값입니다. 설비도 태그 등록도 없이 화면을 시험할 수 있습니다. 실제 값을 붙일 때는 그 자리에 게이트웨이 태그 이름을 적으면 되고, 나머지는 그대로 둡니다.
시험용 local: 값을 남긴 채 현장에 걸지 마세요. 화면은 멀쩡히 도는 것처럼 보이지만 아무 설비와도 이어져 있지 않습니다. 운전 화면으로 넘기기 전에 태그를 모두 바꿨는지 확인하세요.
작화에서 만든 것은 자동으로 남습니다. 새로고침해도 마지막 상태가 돌아옵니다. 다만 임시 자리라 오래 두려면 저장을, 다른 PC 나 표시 창에서도 보려면 서버에 저장을 눌러야 합니다 — 파일 다루기.
다음으로 볼 것: 값을 화면에 붙이는 방법 전체는 태그와 화면 사이, 화면을 여러 장으로 늘리는 것은 페이지와 화면 에 있습니다.