Binding 이해 및 활용

TAG

Binding 이해 및 활용

태그 바인딩

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

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 답글
제목