분류 전체보기 300

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 테마 스타일의 스타일 속성을 포함할지 여부를 설정합니다. 테마..

StatusBar

안녕하세요, 이번 글에서는 Microsoft에서 제공하는 WPF [StatusBar의 스타일 및 템플릿] 예제를 톺아보겠습니다. StatusBar Style의 경우 StatusBar, Separator와 StatusBarItem 순서로 나눠져 있습니다. 이번 글에서는 순서대로 보도록 하겠습니다. StatusBar 애플리케이션 창에서 가로 막대에 항목과 정보를 표시하는 Control을 나타냅니다. StatusBar Style 예제의 XAML 코드를 StatusBar에 적용하면 위와 같은 결과가 나옵니다. 이러한 결과에 도달하도록 코드 순서로 속성을 살펴보면 다음과 같습니다. StatusBar 속성 x:Key XAML 정의 사전에서 만들고 참고하는 요소를 고유하게 식별합니다. 문자를 이용하여 값을 설정하지만..

Slider

안녕하세요, 이번 글에서는 Microsoft에서 제공하는 WPF [Slider의 스타일 및 템플릿] 예제를 톺아보겠습니다. Slider Style의 경우 SliderButtonStyle, SliderThumbStyle, HorizontalSlider, VerticalSlider와 Slider 순서로 나눠져 있습니다. 이번 글에서는 Slider, HorizontalSlider&VerticalSlider와 SliderButtonStyle 순서로 보도록 하겠습니다. ⭐ SliderThumbStyle은 [Thumb의 스타일 및 템플릿] 예제와 동일합니다. Slider Thumb을 따라 Track Control을 이동하여 값 범위에서 선택할 수 있는 Control을 나타냅니다. Slider Style 예제의 XA..

ScrollViewer

안녕하세요, 이번 글에서는 Microsoft에서 제공하는 WPF [ScrollViewer의 스타일 및 템플릿] 예제를 톺아보겠습니다. ScrollViewer 표시 가능한 다른 요소를 포함할 수 있는 Scroll 가능한 영역을 나타냅니다. ScrollViewer를 사용하면 실제 크기보다 작은 영역에 Content를 표시할 수 있습니다. ScrollViewer Style 예제의 XAML 코드를 ScrollViewer에 적용하면 위와 같은 결과가 나옵니다. 이러한 결과에 도달하도록 코드 순서로 속성을 살펴보면 다음과 같습니다. ⭐ 위 이미지의 경우 확인을 쉽게하기 위해서 Border로 테두리를 설정했습니다. ScrollViewer 속성 x:Key XAML 정의 사전에서 만들고 참고하는 요소를 고유하게 식별합니..

ScrollBar②

안녕하세요, 이번 글에서는 지난 글에 이어서 Microsoft에서 제공하는 WPF [ScrollBar의 스타일 및 템플릿] 예제를 톺아보겠습니다. ScrollBar Style의 경우 ScrollBarLineButton, ScrollBarPageButton, ScrollBarThumb, VerticalScrollBar, HorizontalScrollBar와 ScrollBar 순서로 나눠져 있습니다. 이번 글에서는 ScrollBarPageButton과 ScrollBarThumb에 대해서 보도록 하겠습니다. ⭐ ScrollBarLineButton은 [RepeatButton의 스타일 및 템플릿] 예제와 동일합니다. ScrollBarPageButton 예제에서 사용된 ScrollBarPageButton은 Scro..

ScrollBar①

안녕하세요, 이번 글에서는 Microsoft에서 제공하는 WPF [ScrollBar의 스타일 및 템플릿] 예제를 톺아보겠습니다. ScrollBar Style의 경우 ScrollBarLineButton, ScrollBarPageButton, ScrollBarThumb, VerticalScrollBar, HorizontalScrollBar, ScrollBar 순서로 나눠져 있습니다. 이번 글에서는 ScrollBar와 HorizontalScrollBar&VerticalScrollBar에 대해서 보도록 하겠습니다. ⭐ ScrollBarLineButton은 [RepeatButton의 스타일 및 템플릿] 예제와 동일합니다. ScrollBar 값에 따라 위치가 지정되는 이동식 Thumb이 있는 Scroll 막대를 제..

RepeatButton

안녕하세요, 이번 글에서는 Microsoft에서 제공하는 WPF [RepeatButton의 스타일 및 템플릿] 예제를 톺아보겠습니다. RepeatButton 누른 시점부터 놓을 때까지 해당 Click 이벤트를 반복해서 발생시키는 Control을 나타냅니다. RepeatButton Style 예제의 경우 [ScrollBar 스타일 및 템플릿] 예제의 RepeatButton에 사용되는 Style를 미리 정의해둔 것입니다. 예제의 XAML 코드를 RepeatButton에 적용하면 위와 같은 결과가 나옵니다. 이러한 결과에 도달하도록 코드 순서로 속성을 살펴보면 다음과 같습니다. RepeatButton 속성 x:Key XAML 정의 사전에서 만들고 참고하는 요소를 고유하게 식별합니다. TargetType 이 S..

RadioButton

안녕하세요, 이번 글에서는 Microsoft에서 제공하는 WPF [RadioButton의 스타일 및 템플릿] 예제를 톺아보겠습니다. RadioButton 사용자가 선택할 수는 있지만 선택을 취소할 수 없는 단추를 나타냅니다. RadioButton의 속성 중 IsChecked를 사용하여 프로그래밍 방식으로만 선택을 취소할 수 있습니다. RadioButton Style 예제의 XAML 코드를 RadioButton에 적용하면 위와 같은 결과가 나옵니다. 이러한 결과에 도달하도록 코드 순서로 속성을 살펴보면 다음과 같습니다. RadioButton 속성 x:Key XAML 정의 사전에서 만들고 참고하는 요소를 고유하게 식별합니다. 문자를 이용하여 값을 설정하지만 예제에서처럼 x:Type을 사용하여 Control에..

728x90