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

실습 정보: 효과를 사용하여 SimpleTabItem 스타일 사용자 지정(Blend에서 WPF 지원)

이 페이지는 WPF 프로젝트에만 적용됨

SimpleTabItem 스타일 템플릿을 사용하여 탭 컨트롤의 모양을 쉽게 사용자 지정할 수 있습니다.

SimpleTabItem 스타일에 효과 추가

  1. 아트보드에 SimpleTabControl 개체를 그립니다. SimpleTabControl 개체에는 기본적으로 두 개의 SimpleTabItem 템플릿이 포함되어 있습니다.

    팁

    간단한 스타일 컨트롤을 자산 패널에 있는 스타일 범주의 단순한 스타일 아래에서 사용할 수 있습니다. 목록에서 원하는 단순한 스타일(simple style) 컨트롤을 선택한 후 아트보드에 그릴 수 있습니다.

  2. 개체 및 타임라인 패널에서 탭 항목 중 하나를 마우스 오른쪽 단추로 클릭하고 템플릿 편집을 가리킨 다음 현재 템플릿 편집을 클릭합니다. SimpleStyles.xaml 리소스 사전을 변경하지 않으려면 현재 템플릿 편집 대신 복사본 편집을 클릭하여 새 템플릿을 만들고 문서에 저장할 수 있습니다.

    복사본 만들기에 대한 자세한 내용은 Blend에서 개체 복사, 잘라내기, 붙여넣기 또는 삭제를 참조하십시오.

    팁

    템플릿 편집 모드를 종료하고 문서 범위로 돌아가려면 개체 및 타임라인 패널의 개체 트리 위에 있는 범위 반환 을 클릭합니다.

    기존 템플릿의 템플릿 편집 모드로 돌아가려면 개체 및 타임라인 패널에서 템플릿을 편집하려는 템플릿의 개체를 마우스 오른쪽 단추로 클릭하고 템플릿 편집을 가리킨 다음 현재 항목 편집을 클릭합니다.

  3. 컨트롤 템플릿의 편집 범위에 있는 동안 개체 및 타임라인 패널에서 Bd 개체를 선택한 다음 속성 패널의 모양 범주에서 Effect 속성 옆에 있는 새로 만들기를 클릭합니다.

  4. 개체 선택 대화 상자에서 DropShadowEffect를 선택한 다음 확인을 클릭합니다.

    Effect 속성 아래의 영역에 DropShadowEffect 효과에 대해 설정 가능한 속성(예: BlurRadius 속성)이 포함된 하위 속성 편집기가 표시됩니다. 하위 속성 편집기는 진한 테두리로 식별할 수 있습니다. 설정을 수정할 때 Effect 속성의 왼쪽에 표시되는 드롭다운 화살표를 사용하여 하위 속성 편집기를 확장/축소할 수 있습니다.

  5. 트리거 패널에서 IsPressed 상태를 선택하여 트리거의 기록 모드를 설정합니다. 속성 패널에서 Effect 속성을 확장한 다음 BlurRadius 속성을 15로 변경합니다.

    트리거 패널의 활성 상태인 경우 속성 아래에 새 줄이 나타나 탭 항목을 클릭할 때 발생할 속성 변경을 반영합니다.

  6. 탭 컨트롤의 다른 탭 항목에 사용자 지정 템플릿을 적용하려면 개체 및 타임라인 패널에서 다른 탭 항목을 마우스 오른쪽 단추로 클릭하고 템플릿 편집리소스 적용을 차례로 가리킨 다음 사용자 지정 템플릿의 이름을 클릭합니다.

  7. 응용 프로그램을 테스트(F5 키)하여 결과를 확인합니다.

표시: