문서를 영문으로 보려면 영문 확인란을 선택하세요. 마우스 포인터를 텍스트 위로 이동시켜 팝업 창에서 영문 텍스트를 표시할 수도 있습니다.
번역
영문

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

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

JJ170542.0345097b-aefd-4c9e-a7e4-115fadabe492(ko-kr,VS.120).png

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

  1. 도구 패널에서 아래쪽 도구 그룹을 마우스 오른쪽 클릭한 다음, 나타나는 목록에서 Slider컨트롤JJ170542.b478d0b9-7525-47cb-b633-0007e08432d4(ko-kr,VS.120).png을 선택합니다.

  2. Slider 컨트롤을 주 문서의 아트보드로 끌어 놓습니다.

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

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

    • Maximum2001으로 설정합니다. 슬라이더를 0에서 2001로 이동시킵니다.

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

  4. 도구 패널에서 아래쪽으로부터 두 번째인 도구 그룹을 마우스 오른쪽 클릭한 다음, 나타나는 목록에서 TextBox컨트롤 JJ170542.b5206bf1-18c8-491f-8239-3e542b2ca147(ko-kr,VS.120).png 을 선택합니다.

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

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

  7. 고급 옵션 JJ170542.12e06962-5d8a-480d-a837-e06b84c545bb(ko-kr,VS.120).png을 클릭하고, 나타나는 목록에서 데이터 바인딩을 클릭합니다.

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

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

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

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

    팁

    Value 속성이 표시되지 않을 경우 표시 드롭다운 목록에서 모든 속성을 선택합니다. 표시 드롭다운 목록의 기본값은 일치하는 형식만입니다. 일치하는 형식만이 선택되었을 때 원하는 속성이 목록에 표시되지 않을 경우 값을 부드럽게 변환하기 위해 값 변환기를 만들어야 할 수도 있습니다.

    자세한 내용은 실습 정보: 데이터 형식 변환을 참조하십시오.

  11. 속성 표시 JJ170542.de239c9d-42ce-4f5e-83b9-5f9924c0431f(ko-kr,VS.120).png를 클릭한 다음 바인딩 방향옆의 TwoWay를 선택합니다.

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

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

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

    JJ170542.0279e814-a5af-4322-84d4-754083a57f83(ko-kr,VS.120).png
    팁

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

표시: