스톱워치 스크립트를 객체화 시켜 재사용하기 편하게 개선하였습니다.

Samples

스톱워치 스크립트를 객체화 시켜 재사용하기 편하게 개선하였습니다.

1. 전체적인 화면 UI입니다. 스톱워치가 여러개 필요한 경우를 위한 작화파일입니다.

d00173acd653af1bbf0cf6eaae41a27c_1527212732_5118.PNG

 

2. 필요한 태그의 목록들입니다. 각각의 스톱워치는 디지털태그 2개 아날로그 태그 1개가 필요합니다.
d00173acd653af1bbf0cf6eaae41a27c_1527212748_3402.PNG

 

3. reset태그의 속성입니다. 초기값을 false로 해야 스카다가 시작할 때 리셋되지 않습니다.
d00173acd653af1bbf0cf6eaae41a27c_1527212773_9606.PNG

 

4. reset버튼의 객체 설정입니다. 그림과 같은 방식으로 설정해 주셔야 합니다.
d00173acd653af1bbf0cf6eaae41a27c_1527212776_8391.PNG

 

5. switch태그의 속성입니다. 그림처럼 종료할 때 값저장을 선택하시면 마지막에 스카다를 종료했을 때의 상태를 기억합니다.
d00173acd653af1bbf0cf6eaae41a27c_1527212779_3578.PNG

 

6. OnOff버튼의 객체 설정입니다. 그림과 같은 방식으로 설정해 주셔야 합니다.

d00173acd653af1bbf0cf6eaae41a27c_1527213845_2801.PNG

 

 

7. time태그의 속성입니다. 그림처럼 종료할 때 값저장을 선택하시면 마지막에 스카다를 종료했을 때의 시간 값을 기억합니다.

   또한 값의 종류는 Float으로 해주시면 됩니다.

   아날로그 태그의 기본값은 Int16입니다. 하지만 Int16은 시간값을 담기엔 부족하므로 Float으로 설정해 주시거나 최대값을 늘려주시면 되지만

   Float으로 설정하는 것이 간편합니다.
d00173acd653af1bbf0cf6eaae41a27c_1527212781_348.PNG

 

8. 화면에 시간을 표시해줄 라벨 객체의 속성입니다. 시간 값이 들어있는 time태그를 매핑하고

   텍스트 형식을 그림과 같이 설정해 주시면 됩니다. 필요에 따라 형식은 바꿔주시면 됩니다.

d00173acd653af1bbf0cf6eaae41a27c_1527213357_7383.PNG

9. 서버 스크립트에 있는 스크립트 내용입니다.StopWatch 함수를 붙여넣은 후에 스톱워치를 추가하실 때마다

  StopWatch($XT("time1"),$XT("switch1"),$XT("reset1"),100); 코드를 넣어주시면 됩니다.

  마지막에 있는 숫자 100은 밀리세컨드이며 시간을 갱신할 주기입니다. 

d00173acd653af1bbf0cf6eaae41a27c_1527221625_7586.PNG
 

 

10. AllReset 버튼이 필요하신 경우 페이지 스크립트에 아래와 같은 코드를 넣으시면 됩니다.
d00173acd653af1bbf0cf6eaae41a27c_1527212798_748.PNG

 

11. 페이지 스크립트에 10번의 코드를 넣으신 후에 버튼 객체에 함수를 매핑해줍니다.
d00173acd653af1bbf0cf6eaae41a27c_1527212801_2504.PNG
 

0 답글
제목