style&template 52

Window

안녕하세요, 이번 글은 Microsoft에서 제공하는 WPF [Window의 스타일 및 템플릿] 예제를 톺아보겠습니다. Window Style의 경우 Window와 ResizeGrip으로 나눠져 있습니다. 이번 글에서는 Window에 대해서 보도록 하겠습니다. ⭐ ResizeGrip의 경우 NavigationWindow의 ResizeGrip과 동일합니다. Window 창과 대화 상자의 수명을 생성, 구성, 표시 및 관리하는 기능을 제공합니다. 예제의 XAML 코드를 ToolTip에 적용하면 위와 같은 결과가 나옵니다. 이러한 결과에 도달하도록 코드 순서로 속성을 살펴보면 다음과 같습니다. Window 속성 x:Key XAML 정의 사전에서 만들고 참고하는 요소를 고유하게 식별합니다. TargetType ..

TreeView①

안녕하세요, 이번 글에서는 Microsoft에서 제공하는 WPF [TreeView의 스타일 및 템플릿] 예제를 톺아보겠습니다. TreeView Style의 경우 TreeView, ExpandCollapseToggleStyle, TreeViewItemFocusVisual과 TreeViewItem 순서로 나눠져 있습니다. 이번 글에서는 TreeView와 ExpandCollapseToggleStyle를 보도록 하겠습니다. TreeView 확장 및 축소할 수 있는 항목이 포함된 트리 구조에서 계층적 데이터가 표시되는 Control을 나타냅니다. 예제의 XAML 코드를 TreeView에 적용하면 위와 같은 결과가 나옵니다. 이러한 결과에 도달하도록 코드 순서로 속성을 살펴보면 다음과 같습니다. TreeView 속..

ToolTip

안녕하세요, 이번 글에서는 Microsoft에서 제공하는 WPF [ToolTip의 스타일 및 템플릿] 예제를 톺아보겠습니다. ToolTip 인터페이스의 요소 정보를 표시하는 팝업 창을 만드는 Control을 나타냅니다. 예제의 XAML 코드를 ToolTip에 적용하면 위와 같은 결과가 나옵니다. 이러한 결과에 도달하도록 코드 순서로 속성을 살펴보면 다음과 같습니다. ToolTip 속성 x:Key XAML 정의 사전에서 만들고 참고하는 요소를 고유하게 식별합니다. TargetType 이 Style을 적용할 형식을 설정합니다. OverridesDefaultStyle 테마 스타일의 Style 속성을 포함할지 여부를 설정합니다. 테마 스타일 속성을 사용하지 않으면 true이고 사용하면 false입니다. HasD..

ToolBar③

안녕하세요, 이번 글에서는 지난 글에 이어서 Microsoft에서 제공하는 WPF [ToolBar의 스타일 및 템플릿] 예제를 톺아보겠습니다. ToolBar Style의 경우 ToolBarButtonBaseStyle, ToolBar.(ButtonStyleKey, ToggleButtonStyleKey, CheckBoxStyleKey, RadioButtonStyleKey, TextBoxStyleKey), ToolBarThumbStyle, ToolBarOverflowButtonStyle, ToolBar와 ToolBarTray 순서로 나눠져 있습니다. 이번 글에서는 ToolBarButtonBaseStyle와 ToolBar.(ButtonStyleKey, ToggleButtonStyleKey, CheckBoxSty..

ToolBar②

안녕하세요, 이번 글에서는 지난 글에 이어서 Microsoft에서 제공하는 WPF [ToolBar의 스타일 및 템플릿] 예제를 톺아보겠습니다. ToolBar Style의 경우 ToolBarButtonBaseStyle, ToolBar.(ButtonStyleKey, ToggleButtonStyleKey, CheckBoxStyleKey, RadioButtonStyleKey, TextBoxStyleKey), ToolBarThumbStyle, ToolBarOverflowButtonStyle, ToolBar와 ToolBarTray 순서로 나눠져 있습니다. 이번 글에서는 ToolBarThumbStyle과 ToolBarOverflowButtonStyle을 보도록 하겠습니다. ToolBarThumbStyle 예제에서 사..

ToolBar①

안녕하세요, 이번 글에서는 Microsoft에서 제공하는 WPF [ToolBar의 스타일 및 템플릿] 예제를 톺아보겠습니다. ToolBar Style의 경우 ToolBarButtonBaseStyle, ToolBar.(ButtonStyleKey, ToggleButtonStyleKey, CheckBoxStyleKey, RadioButtonStyleKey, TextBoxStyleKey), ToolBarThumbStyle, ToolBarOverflowButtonStyle, ToolBar와 ToolBarTray 순서로 나눠져 있습니다. 이번 글에서는 ToolBarTray와 ToolBar을 보도록 하겠습니다. ToolBarTray ToolBarTray는 ToolBar의 레이아웃을 처리하는 Container를 나타냅..

ToggleButton

안녕하세요, 이번 글에서는 Microsoft에서 제공하는 WPF [ToggleButton의 스타일 및 템플릿] 예제를 톺아보겠습니다. ⭐ 예제의 경우 [ComboBox의 스타일 및 템플릿]에서 사용되는 ComboBoxToggleButton과 동일합니다. ToggleButton ToggleButton은 CheckBox 같이 상태를 전환할 수 있는 Control의 기본 클래스입니다. 주로 2가지 상태 중 하나로 선택되도록 만드는 Button입니다. 예제의 XAML 코드는 [ComboBox 스타일 및 템플릿] 예제의 ToggleButton에 사용할 ControlTemplate을 미리 정의해둔 것입니다. ToggleButton Template 구성 ... ... Grid 열 및 행으로 구성되는 유연한 모눈 영역..

Thumb

안녕하세요, 이번 글에서는 Microsoft에서 제공하는 WPF [Thumb의 스타일 및 템플릿] 예제를 톺아보겠습니다. ⭐ 예제의 경우 [Slider의 스타일 및 템플릿]에서 사용되는 SliderThumbStyle과 동일합니다. Thumb 사용자가 끌어올 수 있는 Control을 나타냅니다. 예제의 XAML 코드를 Thumb에 적용하면 위와 같은 결과가 나옵니다. 이러한 결과에 도달하도록 코드 순서로 속성을 살펴보면 다음과 같습니다. Thumb 속성 x:Key XAML 정의 사전에서 만들고 참고하는 요소를 고유하게 식별합니다. TargetType 이 Style을 적용할 형식을 설정합니다. SnapsToDevicePixels 렌더링 하는 동안 Thumb의 렌더링에 디바이스 관련 픽셀 스냅(Pixel Sn..

TextBox

안녕하세요, 이번 글에서는 Microsoft에서 제공하는 WPF [TextBox의 스타일 및 템플릿] 예제를 톺아보겠습니다. TextBox 서식 없는 텍스트를 표시하거나 편집하는 데 사용할 수 있는 Control을 나타냅니다. TextBox는 형식이 지정되지 않은 텍스트만을 지원합니다. 다양한 형식이 지정되는 텍스트의 경우 RischTextBox를 사용하여야 합니다. 예제의 XAML 코드를 TexBox에 적용하면 위와 같은 결과가 나옵니다. 이러한 결과에 도달하도록 코드 순서로 속성을 살펴보면 다음과 같습니다. TextBox 속성 TargetTye 이 Style을 적용할 형식을 설정합니다. SnapsToDevicePixels 렌더링 하는 동안 TextBox의 렌더링에 디바이스 관련 픽셀 스냅(Pixel ..

TabControl

안녕하세요, 이번 글에서는 Microsoft에서 제공하는 WPF [TabControl의 스타일 및 템플릿] 예제를 톺아보겠습니다. TabControl Style의 경우 TabControl과 TabItem 순서로 나눠져 있습니다. 이번 글에서는 순서대로 보도록 하겠습니다. TabControl 화면에서 같은 공간을 공유하는 여러 항목이 포함된 Control을 나타냅니다. 예제의 XAML 코드를 TabControl에 적용하면 위와 같은 결과가 나옵니다. 이러한 결과에 도달하도록 코드 순서로 속성을 살펴보면 다음과 같습니다. TabControl 속성 TargetType 이 Style을 적용할 형식을 설정합니다. OverridesDefaultStyle 테마 스타일의 스타일 속성을 포함할지 여부를 설정합니다. 테마..

728x90