다음을 통해 공유

방법: DocumentViewer의 스타일 확장

  • 아티클

업데이트: 2007년 11월

이 예제에서는 DocumentViewer 컨트롤의 기본 스타일을 확장하는 방법을 보여 줍니다.

예제

다음 XAML(Extensible Application Markup Language) 코드는 DocumentViewer 컨트롤과 관련 스타일이 포함된 창을 정의합니다. 예제 스타일에서는 BasedOn 특성을 사용하여 기본 DocumentViewer 스타일을 확장합니다. 이 경우 예제 스타일은 기본 도구 모음 스타일에서 사용되는 배경 그라데이션을 미러링하고 이를 콘텐츠 표시 영역의 배경에 적용합니다.

<Window x:Class="SDKSample.Window1"
        xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml">
  <Window.Resources>
    <Style 
      x:Key="MyDVStyleExtend"
      BasedOn="{StaticResource {x:Type DocumentViewer}}" 
      TargetType="{x:Type DocumentViewer}">
      <Setter Property="Background">
        <Setter.Value>
          <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
            <GradientStop Offset="0.0" Color="#CC99CCFF" />
            <GradientStop Offset="1.0" Color="White" />
          </LinearGradientBrush>
        </Setter.Value>
      </Setter>
    </Style>
  </Window.Resources>
  <Grid>
    <DocumentViewer  Style="{StaticResource MyDVStyleExtend}" Name="MyDocumentViewer"/>
  </Grid>
</Window>

다음 그림에서는 이 예제의 스타일이 설정된 DocumentViewer가 콘텐츠 없이 렌더링하는 방법을 보여 줍니다.

기본 스타일이 확장된 DocumentViewer 컨트롤의 예

스크린 샷: DocumentViewer 확장 스타일

작업 설명

  • 이 예제에 표시된 스타일은 DocumentViewer 기본 스타일을 바꾸는 것이 아니라 확장하기 때문에 DocumentViewer 스타일(예: 도구 모음 및 컨텍스트 메뉴)에 의해 정의된 UI(사용자 인터페이스) 요소가 계속 표시됩니다.

  • 스타일은 스타일 키(x:Key)를 요소의 Style 특성에 의해 참조되는 값에 일치시켜 적용됩니다. 위의 예제에서 스타일 키는 "MyDVStyleReplace"입니다. 키 자체는 현재 범위 내에서 고유해야 하는 임의의 문자열 값입니다.

  • 로컬 리소스로 정의된 스타일은 위의 예제에 표시된 StaticResource 구문을 사용하여 정적 리소스로 참조되어야 합니다.

  • 스타일 및 ControlTemplate은 TargetType을 사용하여 해당 스타일을 DocumentViewer 컨트롤에만 적용할 수 있음을 나타냅니다. 스타일 또는 컨트롤 템플릿에 대한 대상 형식과 스타일이 적용되는 요소 간에 불일치 사항이 있으면 InvalidOperationException 예외가 발생합니다.

참고 항목

작업

방법: DocumentViewer의 스타일 바꾸기

참조

DocumentViewer