style&template 52

Label

안녕하세요, 이번 글에서는 Microsoft에서 제공하는 WPF [Label의 스타일 및 템플릿] 예제를 톺아보도록 하겠습니다. Label Control에 대한 Text 레이블을 나타내며 선택키에 대한 지원을 제공합니다. [ Label 속성 ] Target 사용자가 레이블의 선택키를 누를 때 focus를 받는 요소를 설정합니다. _File [ Label Style ] 예제의 XAML 코드를 Label에 적용하면 위와 같은 결과가 나옵니다. 이러한 결과에 도달하도록 코드 순서로 속성을 살펴보면 다음과 같습니다. Label 속성 x:Key XAML 정의 사전에서 만들고 참조하는 요소를 고유하게 식별합니다. TargetType 이 Style을 적용할 형식을 설정합니다. HorizontalContentAlign..

GroupBox

안녕하세요, 이번 글에서는 Microsoft에서 제공하는 WPF [GroupBox의 스타일 및 템플릿] 예제를 톺아보도록 하겠습니다. GroupBox UI(사용자 인터페이스) Content의 윤곽선과 Header가 포함된 Container를 만드는 Control을 나타냅니다. [ GroupBox Style ] 예제의 XAML 코드를 GroupBox에 적용하면 위와 같은 결과가 나옵니다. 이러한 결과에 도달하도록 코드 순서로 속성을 살펴보면 다음과 같습니다. GroupBox 속성 TargetType 이 Style을 적용할 형식을 설정합니다. Template ... ... ... Control의 템플릿을 설정합니다. 예제에서 사용되는 Template는 Control의 외형을 지정해줄 수 있는 ControlT..

Frame④

안녕하세요, 이번 글에서는 Microsoft에서 제공하는 WPF [Frame의 스타일 및 템플릿] 예제를 톺아보도록 하겠습니다. Frame Style의 경우 Frame, FrameButtonStyle, FrameMenu, FrameHeaderMenuItem, FrameSubmenuItem으로 나눠져 있습니다. 이번 글에서는 FrameSubmenuItem에 대해서 보도록 하겠습니다. [ FrameSubmenuItem ] 예제에 사용된 FrameSubmenuItem은 Frame의 MenuItem의 ItemContainerStyle 부분을 Style로 미리 정의해둔 것입니다. FrameSubmenuItem 속성 x:Key XAML 정의 사전에서 만들고 참조하는 요소를 고유하게 식별합니다. TargetType ..

Frame③

안녕하세요, 이번 글에서는 Microsoft에서 제공하는 WPF [Frame의 스타일 및 템플릿] 예제를 톺아보도록 하겠습니다. Frame Style의 경우 Frame, FrameButtonStyle, FrameMenu, FrameHeaderMenuItem, FrameSubmenuItem로 나눠져 있습니다. 이번 글에서는 FrameHeaderMenuItem에 대해서 보도록 하겠습니다. [ FrameHeaderMenuItem ] 예제에 사용된 FrameHeaderMenuItem은 Frame의 MenuItem 부분을 Style로 미리 정의해둔 것입니다. FrameHeaderMenuItem 속성 x:Key XAML 정의 사전에서 만들고 참조하는 요소를 고유하게 식별합니다. TargetType 이 Style을 ..

Frame②

안녕하세요, 이번 글에서는 Microsoft에서 제공하는 WPF [Frame의 스타일 및 템플릿] 예제를 톺아보도록 하겠습니다. Frame Style의 경우 Frame, FrameButtonStyle, FrameMenu, FrameHeaderMenuItem, FrameSubmenuItem로 나눠져 있습니다. 이번 글에서는 FrameButtonStyle과 FrameMenu에 대해서 보도록 하겠습니다. [ FrameButtonStyle ] 예제에 사용된 FrameButtonStyle은 Frame의 Button 부분을 Style로 미리 정의해둔 것입니다. FrameButtonStyle 속성 x:Key XAML 정의 사전에서 만들고 참조하는 요소를 고유하게 식별합니다. TargetType 이 Style을 적용할..

Frame①

안녕하세요, 이번 글에서는 Microsoft에서 제공하는 WPF [Frame의 스타일 및 템플릿] 예제를 톺아보도록 하겠습니다. Frame Style의 경우 Frame, FrameButtonStyle, FrameMenu, FrameHeaderMenuItem, FrameSubmenuItem로 나눠져 있습니다. 이번 글에서는 Frame에 대해서 보도록 하겠습니다. Frame Frame은 탐색을 지원하는 Content Control입니다. [ Frame 속성 ] JournalOwnership Frame에서 자체 탐색 기록을 관리하는지 아니면 부모 탐색기(NavigationWindow, Frame)에서 탐색 기록을 관리하는지를 가져오거나 설정합니다. 기본값은 Automatic이며, 다른 값으로 OwnsJourn..

Expander

안녕하세요, 이번 글에서는 Microsoft에서 제공하는 WPF [Expander의 스타일 및 템플릿] 예제를 톺아보도록 하겠습니다.   Expander Expander는 Content를 표시하는 축소 가능한 창이 포함된 Header를 표시하는 Control를 나타냅니다.   [ Expander 속성 ]ExpandDirection Expander Content 창이 열리는 방향을 설정합니다. 기본값은 Down이며, 다른 값으로 Left, Right, Up이 있습니다.  IsExpanded Expander Content 창이 표시되는지 여부를 설정합니다. Content 창이 확장되면 true이고, 그렇지 않으면 false(기본값)입니다.    [ Expander Style ] 예제의 XAML 코드를 Exp..

DocumentViewer

안녕하세요, 이번 글에서는 Microsoft에서 제공하는 WPF [DocumentViewer의 스타일 및 템플릿] 예제를 톺아보도록 하겠습니다. DocumentViewer DocumentViewer는 페이지를 매긴 형식으로 FixedDocument Content를 보는 데 사용됩니다. ⭐ FixedDocument : 사용자 텍스트 선택, 키보드 탐색 및 검색을 위한 읽기 권한을 가진 휴대용, 고화질, 고정 형식의 문서를 호스트 합니다. [ DocumentViewer 속성 ] HorizontalOffset 가로 스크롤 위치를 설정합니다. 초기 기본값은 0.0입니다. HorizontalPageSpacing 페이지 간의 가로 간격을 설정합니다. 기본값은 10.0입니다. MaxPagesAcross 표시할 최대 ..

DatePicker②

안녕하세요, 이번 글에서는 지난 글에 이어서 Microsoft에서 제공하는 WPF [DatePicker의 스타일 및 템플릿] 예제를 톺아보도록 하겠습니다. DatePicker Style의 경우 DatePicker, DropDownButtonStyle, Calendar로 나눠집니다. 이번 글에서는 DropDownButtonStyle에 대해서 보도록 하겠습니다. 👀 Calendar의 경우 예제에서 [Calendar의 스타일 및 템플릿] 예제를 사용하였기 때문에 DatePicker에서는 따로 다루지 않습니다. [ DropDownButtonStyle ] 예제에 사용된 DropDownButtonStyle은 DatePicker의 Button 부분을 Style로 미리 정의해둔 것입니다. DropDownButtonSt..

DatePicker①

안녕하세요, 이번 글에서는 Microsoft에서 제공하는 WPF [DatePicker의 스타일 및 템플릿] 예제를 톺아보도록 하겠습니다. DatePicker Style의 경우 DatePicker, DropDownButtonStyle, Calendar로 나눠집니다. 이번 글에서는 DatePicker에 대해서 보도록 하겠습니다. 👀 Calendar의 경우 예제에서 [ Calendar의 스타일 및 템플릿 ] 예제를 사용하였기 때문에 DatePicker에서는 따로 다루지 않습니다. DatePicker 사용자가 날짜를 선택할 수 있도록 해주는 Control을 나타냅니다. DatePicker를 사용하면 Text Field에 입력하거나 DropDown 하여 Calendar Control를 사용하여 날짜를 선택할 수 ..

728x90