개체를 사용자 입력 값 또는 기타 내부 값에 바인딩

한 속성의 값을 다른 속성의 값에 바인딩하여 동기화되거나 한 속성의 변경 내용이 다른 속성을 변경하도록 할 수 있습니다. 사용자 입력 내용이 컨트롤 표시 방법을 결정하도록 만드는 경우에 유용합니다. 예를 들어 미디어 플레이어에서 볼륨 슬라이더의 값이 텍스트 상자의 콘텐츠를 업데이트함으로써 사용자가 볼륨의 숫자 값을 알 수 있습니다.

텍스트 상자에 슬라이더 값 바인딩

1. 도구 패널에서 아래쪽 도구 그룹을 마우스 오른쪽 단추로 클릭하면 나타나는 목록에서 Slider 컨트롤 을 선택합니다.

2. 주 문서의 아트보드에 슬라이더 컨트롤을 그립니다.

3. 새 슬라이더 개체를 선택한 상태에서 속성 패널의 공용 속성에서 다음 속성을 찾고 해당 값을 설정합니다.

   • LargeChange를 10으로 설정합니다. 이 값은 슬라이더 막대를 클릭할 때 변경되는 크기입니다.

   • Maximum을 2001로 설정합니다. 슬라이더가 0부터 2001까지 이동합니다.

   • SmallChange를 1로 설정합니다. 이 값은 화살표 키를 사용하여 슬라이더를 이동할 때 변경되는 크기입니다.

4. 도구 패널에서 아래쪽으로 부터 두 번째인 도구 그룹을 마우스 오른쪽 단추로 클릭하면 나타나는 목록에서 TextBox 컨트롤 을 선택합니다.

5. 슬라이더 개체 옆의 아트보드에 텍스트 상자 컨트롤을 그립니다.

6. 새 텍스트 상자 개체를 선택한 상태에서 속성 패널의 공용 속성에서 Text 속성을 찾습니다. 이 Text 속성을 슬라이더 값에 바인딩합니다.

7. 고급 속성 옵션을 클릭하면 나타나는 목록에서 데이터 바인딩을 클릭합니다.

8. 데이터 바인딩 만들기 대화 상자에서 요소 속성 탭을 클릭합니다. 이 탭에서 내부 값을 속성에 바인딩합니다.

9. 장면 요소 아래에서 요소 트리를 확장하고 [Slider] 개체를 선택합니다.

10. 속성에서 **Value : (Double)**을 선택합니다.

    그러면 텍스트 상자의 콘텐츠가 슬라이더의 값에 바인딩됩니다.

    팁:
    Value 속성이 표시되지 않을 경우 표시 드롭다운 목록에서 모든 속성을 선택합니다. 표시 드롭다운 목록의 기본값은 일치하는 형식만입니다. 일치하는 형식만이 선택되었을 때 원하는 속성이 목록에 표시되지 않을 경우 값을 부드럽게 변환하기 위해 값 변환기를 만들어야 할 수도 있습니다. 자세한 내용은 실습 정보: 데이터 형식 변환을 참조하십시오.

11. 고급 속성 표시를 클릭한 다음 바인딩 방향 옆에 TwoWay를 선택합니다.

    이 설정은 텍스트 상자가 슬라이더를 업데이트하고 슬라이더가 텍스트 상자를 업데이트하는 두 가지 모두가 가능합니다.

12. F5 키를 눌러 응용 프로그램을 실행합니다.

13. 슬라이더 Thumb를 끌어서 텍스트 상자 업데이트의 값을 확인합니다.

    

    팁:
    어떻게 슬라이더의 값에 소수 자리가 너무 많아 텍스트 상자에 표시할 수 없는지 확인합니다. 따라서 값이 텍스트 상자로 전달되기 전에 값을 정수로 변환하는 값 변환기를 만드는 것이 좋습니다.

참조

작업

실습 정보: 데이터 형식 변환

기타 리소스

컨트롤에 데이터 표시