티스토리 뷰
xamlPad 는 아주간단하게 XAML을 만들어주는 Windows SDK 툴입니다.
(XAML은 WPF기반에서 열리는문서죠.)
폰트를 변경하는 컨트롤 같은 WPF 형태를 xamlpad로 만들어 봤습니다.
Typography 클래스의 값을 바궈가면서 바로 위 화면에서 바뀌는걸 볼수가 있습니다.
텍스트 내용은 FlowDocument 요소 안에서 사용되어지는 걸 알 수 있습니다.
이 요소는 검색, 페이징, 탐색, 내용축소 등등을 할 수 있습니다.
이런 어려운 작업도 WPF는 금방할 수 있다구요!!
Visual Tree를 봅시다.
visual tree 구조는 여러분이 작업하고 있는 컨트롤, 템플릿을 한눈에 보여 분석하게 해줍니다.
이러한 정보는 UI수정이나 수행소모시간등에 도움을 줄 것입니다.
메뉴에서 Show Visual Tree 버튼을 클릭해 봅시다.
아래와 같이 나올 겁니다.
XamlPad:
노드 확장을 클릭해보면
Label, TextBox, Button 컨트롤이 XamlPad의 panel에 표시되어 있습니다.
WPF 컨트롤은 ControlTemplate 을 가지고 있고, 이 컨트롤은 visual tree에 속해 있기 때문입니다.
더 자세한 정보는 Visual Layer Overview. 여기를 참조 해보세요.
Viewing Properties of a Visual Object
Visual Tree Explorer에 있는 아이템을 클릭해 보면 속성설정이 보이실 겁니다.
Property Tree Explorer 패널은 Visual Tree Explorer 하위에 있는 것으로 선택한 객체 대한 속성설정을 보여줍니다.
예를 들어,
Label를 선택하면 그 아래로 두개의 클래스가 파생되어 펼쳐집니다.
- Label
- ContentControl
- Control
알다시피, 컨트롤들은 대부분 BackGround 와 FontFamily속성을 가지고 있죠.
WPF도 거의 동일합니다.
- Lorin 씀