Binding 이해 및 활용

ETC

Binding 이해 및 활용

관리자 0 5906

태그 바인딩

​

여러 객체에 태그를 바인딩할 수 있다.

​

​

1. 태그 바인딩 설명

​

  1) 태그 바인딩

태그 바인딩은 태그와 한 객체를 연결시키는 것을 말한다.

​

​

  2) 예시

다음은 태그 바인딩이 가능한 디자인 요소들이다.

태그 바인딩은 값 표시, 값 입력, 객체 제어의 세 가지 목적으로 나뉜다.

​


  3) 값을 표시하기 위한 태그 바인딩

텍스트, 레이블, 트렌드 차트, 트렌드 뷰가 이에 해당한다.

태그를 바인딩함으로써 태그의 값을 표시하는 역할을 한다.

​


  4) 값을 입력하기 위한 태그 바인딩

텍스트 입력, 콤보박스, 체크박스, 라디오 버튼이 이에 해당한다.

태그를 바인딩함으로써 태그에 값을 입력할 수 있다.

​


  5) 객체를 제어하기 위한 태그 바인딩

이미지, 오디오, 비디오, IP카메라가 이에 해당한다.

태그를 바인딩함으로써 요소의 재생/정지를 조작할 수 있다.

​



2. 태그 바인딩 샘플 만들어보기

(객체를 생성할 때는 도구를 클릭하고 마우스 커서를 Design 영역으로 옮겼을 때 커서가 십자 표시로 되면 생성할 위치에 클릭한 상태로 드래그하면 된다.)

​

  1) 배경을 설정한다.

​

   (1) 페이지를 클릭하고 속성 편집을 아래와 같이 설정한다.

​


   (2) 이미지를 클릭하고 작화 화면 전체를 드래그한다.

​

​

   (3) 배경으로 사용하고 싶은 이미지를 선택하고 열기를 누른다.

​


   (4) 생성한 이미지 객체를 객체 탐색기에서 잠근다.

​


  2) 심볼 라이브러리에서 GIF 이미지를 하나 가져온다.

​

​

  3) 위젯 도구에서 체크박스를 하나 삽입한다.

​

​

  4) 위젯 도구의 레이블을 하나 삽입한다.

​

​

  5) 디지털 태그를 하나 생성한다.

​

​

  6) &bsp; gif 이미지, 체크박스, 레이블을 클릭하고 속성 편집에서 바인딩을 찾는다.

​

​

  7) 위 객체의 속성 편집에서 생성한 디지털 태그를 모두 바인딩한다.

​


  8) 실행이나 F5를 눌러 뷰어를 연다.

​

​

  9) 보기 메뉴를 눌러 태그 상태를 클릭한다.

​

체크박스를 클릭함으로써 digital 태그가 바뀌는 걸 볼 수 있다. 또한 digital 태그의 값에 맞춰 이미지 애니메이션과 레이블이 표시하는 값이 바뀌는 걸 알 수 있다.


0 Reply Comment