SimpleScrollViewer

  • 아티클

This page applies to WPF projects only

스크롤 뷰어(ScrollViewer)는 스크롤 가능 영역에 콘텐츠를 표시하는 콘텐츠 컨트롤입니다. Microsoft Expression Blend에서는 스크롤 뷰어를 두 번 클릭한 다음 요소를 그려 스크롤 뷰어에 콘텐츠를 넣을 수 있습니다. 스크롤 뷰어에 여러 요소를 넣으려면 먼저 Grid나 Canvas 같은 레이아웃 패널을 추가해야 합니다. 기본적으로 스크롤 뷰어에도 텍스트가 표시되며, 스크롤 뷰어를 선택한 다음 속성 패널의 공용 속성 범주에서 Content 속성을 수정하여 텍스트를 편집할 수 있습니다. 스크롤 뷰어에서 요소의 위치를 지정할 때 스크롤 뷰어의 영역을 벗어나도록 지정하려면 속성 패널의 레이아웃 아래 고급 속성 옵션에서 위치 지정 속성을 수동으로 설정해야 합니다. 기본적으로 세로 스크롤 막대가 표시됩니다. 가로 스크롤 막대가 표시되도록 하려면 HorizontalScrollBarVisibility 속성을 Visible로 설정합니다.

SimpleScrollViewer 컨트롤의 아트보드 보기

Cc295291.0f9eba2b-ac29-4bc1-8cdb-9d32dc717992(KO-KR,Expression.30).png

컨트롤 템플릿 분석

SimpleScrollViewer 컨트롤 템플릿은 다음 항목으로 구성됩니다.

  • Grid 레이아웃 패널 스크롤 뷰어 내에 여러 자식 요소를 넣는 데 사용됩니다. 또한 Grid를 사용하면 응용 프로그램 UI(사용자 인터페이스) 디자이너가 템플릿에 더 많은 요소를 손쉽게 추가할 수 있습니다. ScrollContentPresenter 요소가 들어 있는 Grid 패널의 행과 열은 배율 크기 조정으로 설정되어 스크롤 뷰어가 확장될 때 확장됩니다. 스크롤 막대가 포함된 Grid 패널의 행과 열은 스크롤 막대에 필요한 크기에 따라 자동으로 크기가 조정되도록 설정되어 있습니다.

  • ScrollContentPresenter 요소 이 템플릿이 적용되는 스크롤 막대의 Content 속성을 표시하는 데 사용됩니다. 스크롤 막대의 콘텐츠를 표시하려면 이 요소가 있어야 합니다.

  • PART_HorizontalScrollBar와 PART_VerticalScrollBar로 명명된 두 개의 ScrollBar 요소 콘텐츠를 스크롤하는 데 사용됩니다. 스크롤 막대에서는 기본적으로 SimpleScrollBarStyle 템플릿을 사용합니다.

    Cc295291.alert_caution(KO-KR,Expression.30).gif주의:

    이름이 "PART_"로 시작되는 요소는 컨트롤을 구현하는 코드에서 참조되므로 이러한 요소의 이름을 바꾸지 마십시오.

    개체 보기: SimpleScrollViewer 컨트롤의 기본 구성 요소(템플릿)

    Cc295291.ce27ad4d-055a-4d08-b6ee-f83fd4836820(KO-KR,Expression.30).png

속성 트리거 사용

컨트롤 템플릿의 속성 트리거는 컨트롤이 속성 변경에 응답하도록 하는 데 사용됩니다. 트리거 패널의 항목을 클릭하여 트리거가 활성화될 때 변경되는 속성을 확인할 수 있습니다. 예를 들어 SimpleScrollViewer 템플릿에서는 IsMouseOver 속성이 True가 되면 Border 요소의 배경색이 MouseOverBrush 리소스로 변경됩니다.

브러시 사용

SimpleScrollViewer 템플릿에서는 SimpleStyles.xaml 리소스 사전의 브러시 리소스를 사용하지 않습니다. 대신 Background 속성은 템플릿이 적용되는 슬라이더 컨트롤의 Background 속성에 템플릿 바인딩됩니다.

모범 사례 및 디자인 지침

  • 일반적으로 디자이너가 컨트롤에 시각적 요소를 더 추가할 수 있도록 하려면 템플릿의 루트로 Grid 컨트롤을 사용합니다. 기본적으로 Expression Blend에서는 Grid 컨트롤과 같은 레이아웃 패널을 찾아 활성화함으로써 아트보드에 추가되는 새 요소가 해당 레이아웃 패널의 자식 요소가 되도록 합니다.

  • SimpleScrollViewer의 콘텐츠는 이 템플릿이 적용되는 ScrollViewer의 Content 속성에 해당 콘텐츠를 자동으로 바인딩하는 ScrollContentPresenter 요소로 표시됩니다. SimpleScrollViewer의 콘텐츠를 표시하려면 ScrollContentPresenter 요소가 있어야 합니다.

  • 스크롤 막대의 표시 유형은 스크롤 뷰어 컨트롤에 의해 제어되는데, 표시 유형을 지정하는 속성에 템플릿이 바인딩되기 때문입니다. 이러한 바인딩을 통해 필요에 따라 자동으로 스크롤 막대를 숨기거나 표시할 수 있습니다. 스크롤 막대 표시 유형에 대한 기본값은 스크롤 뷰어 컨트롤이나 템플릿에서 설정할 수 있습니다.

  • 스크롤 뷰어가 제대로 작동하려면 모든 템플릿 바인딩을 유지해야 합니다. 또한 PART_HorizontalScrollBar 및 PART_VerticalScrollBar와 같은 이름은 컨트롤 클래스의 코드에서 사용되므로 이러한 이름의 스크롤 막대는 변경하면 안 됩니다.

  • PART_HorizontalScrollBar와 PART_VerticalScrollBar로 명명된 스크롤 막대를 마우스 오른쪽 단추로 클릭하고 컨트롤 구성 요소(템플릿) 편집과 리소스 적용를 차례로 가리킨 다음 스크롤 막대 템플릿의 이름을 클릭하여 스크롤 뷰어 템플릿의 스크롤 막대에 기존 스크롤 막대 템플릿을 적용할 수 있습니다. 템플릿의 방향은 스크롤 막대의 방향과 일치해야 합니다.