style&template 52

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에..

ProgressBar

안녕하세요, 이번 글에서는 Microsoft에서 제공하는 WPF [ProgressBar의 스타일 및 템플릿] 예제를 톺아보겠습니다. ProgressBar 작업 진행률을 나타냅니다. 작업이 진행됨에 따라 기본적으로 왼쪽에서 오른쪽으로 채워진 창으로 구성됩니다. ProgressBar Style 예제의 XAML 코드를 ProgressBar에 적용하면 위와 같은 결과가 나옵니다. 이러한 결과에 도달하도록 코드 순서로 속성을 살펴보면 다음과 같습니다. ProgressBar 속성 x:Key XAML 정의 사전에서 만들고 참고하는 요소를 고유하게 식별합니다. 문자를 이용하여 값을 설정하지만 예제에서처럼 x:Type을 사용하여 Control에 바로 적용하도록 설정할 수 있습니다. TargetType 이 Style을 적..

PasswordBox

안녕하세요, 이번 글에서는 Microsoft에서 제공하는 WPF [PasswordBox의 스타일 및 템플릿] 예제를 톺아보겠습니다. PasswordBox 암호를 입력하고 처리하는 데 사용할 Control을 나타냅니다. PasswordBox Style 예제의 XAML 코드를 PasswordBox에 적용하면 위와 같은 결과가 나옵니다. 이러한 결과에 도달하도록 코드 순서로 속성을 살펴보면 다음과 같습니다. PasswordBox 속성 x:Key XAML 정의 사전에서 만들고 참고하는 요소를 고유하게 식별합니다. 문자를 이용하여 값을 설정하지만 예제에서처럼 x:Type을 사용하여 Control에 바로 적용하도록 설정할 수 있습니다. TargetType 이 Style을 적용할 형식을 설정합니다. SnapsToDe..

NavigationWindow③

안녕하세요, 이번 글에서는 지난 글에 이어서 Microsoft에서 제공하는 WPF [NavigationWindow의 스타일 및 템플릿] 예제를 톺아보겠습니다. NavgationWindow Style의 경우 NavWinButtonStyle, NavWinMenu, NavWinHeaderMenuItem, NavWinSubmenuItem, NavigationWindow, ResizeGrip 순서로 나눠져 있습니다. 이번 글에서는 NavWinButtonStyle과 ResizeGrip에 대해서 보도록 하겠습니다. NavWinButtonStyle 예제에서 사용된 NavWinButtonStyle은 NavigationWindow에서 Button에 사용할 Style을 미리 정의해둔 것입니다. 🌟 NavWinButtonSt..

728x90