사용자 도구

사이트 도구


사이드바

카테고리

sdk:wpf:xaml_basic

xaml 편집기

  • VisualStudio를 설치하면 같이 설치되는 것 같은데, 어느 버젼인지는 모름.
  • C:\Program Files\Microsoft SDKs\Windows\v6.0A\Bin\Xamlpad.exe

엘리먼트, 어트리뷰트

xml 기반으로 닷넷의 네임스페이스, 데이터 타입, 이벤트에 대응 되는 요소를 정리한 것.

XamlPad에서 실행 가능한 코드. 프로그램 내의 화면 전체에 큰 버튼을 만든다.
<Page 
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:sys="clr-namespace:System;assembly=mscorlib" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" >
<Grid>
  <Button Content="OK"/>
</Grid>
</Page>

<Page>와 <Grid>는 기본으로 넣는다고 생각하고 예제 정리

Xaml 요소는

= 오브젝트 엘리먼트<sup>Object element</sup> : 기본 생성자를 사용하는 닷넷 객체 생성
= 프로퍼티 어트리뷰트<sup>Property attribute</sup> : 생성된 닷넷 객체에 같은 프로퍼티를 설정하는 것과 같다
= 이벤트 어트리뷰트<sup>Event attribute</sup> : 객체의 이벤트 처리기와 연결된다.
button_Click 이벤트 처리기가 필요해지면서 단독 실행은 안되게 되었지만..
<Button Content="OK" Click="button_Click"/>
Button : 오브젝트엘리먼트
Content : 프로퍼티어트리뷰트
button_Click : 이벤트처리기
  • xaml 키워드들은 대소문자를 구분 :
    <Button…. ← ok
    <button…. ← X

네임스페이스

<Page 
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" >
...
  • http://schemas... : 이것은 url 처럼 보이지만, url이 아니고 WPF 모듈이 인식하는 네임스페이스라고. 그렇다고 하네. 웹브라우져에서 입력해봐야..
  • xmlns:x=… x 라는 새로운 네임스페이스를 불러 들이는 것.
  • WPF의 하드코딩된 XmlnsDefinitionAttribute 인스턴스를 이용해서 xaml 요소와 닷넷 요소를 맵핑
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" // 기본 네임스페이스
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" // 두번째 네임스페이스

꼭 넣어야 한다고 하니, 그냥 갖다 씁니다. 안넣으면 에러, 에러, 에러, 에러

프로퍼티엘리먼트

특정 요소에 추가 속성을 지정하려고 하는데,

  • 추가 요소가 오브젝트엘리먼트 요소이고미리 정해진 닷넷객체인데
  • 일반 어트리뷰트로는 입력할 수 없는 경우오브젝트엘리먼트를 선언해서 써야 하는데 xaml 상에서는 입력할 방법이 없으니

무슨 소리야… 다시 정리 필요한 부분

<Button xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation">
  <Button.Content>
    <Rectangle Height="40" Width="40" Fill="Black"/>
  </Button.Content>
</Button>

컨텐트 프로퍼티 구문 안에, 오브젝트엘리먼트를 추가하는 것으로 다른 객체를 갖다 붙일 수 있다.위의 Height, Width, Fill 부분

이걸 프로퍼티엘리먼트Property element라고 한다.

타입컨버터

  • Brush, Color, FontWeight, Point 처럼 많이 쓰이는 데이터 타입을 처리해주는 타입 컨버터가 있다.
  • TypeConverter 에서 파생된 클래스로, 추가 타입컨버터가 필요하면 작성할 수 있다.
  • 타입컨버터는 대소문자를 구분하지 않는다.
    White == white == wHite 모두 같은 값으로 인식.
타입컨버터가 Background 어트리뷰트에서 White를 흰색 브러쉬로 인식하게 한다.
<Button xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" Content="Test" Background="White">
</Button> 
타입컨버터가 White를 브러쉬로 인식하지 못한다면, 이렇게 써 줘야 한다.
<Button xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" Content="Test">
  <Button.Background>
    <SolidColorBrush Color="White"/>
  </Button.Background>
</Button>

마크업 확장식

타입컨버터가 인식하지 못하는 새로운 키워드를 사용해야 할때, 마크업 확장을 통해 한계 돌파.

컨트롤 배경 색상을 “fancy gradient brush” 와 같은 사용자 정의 문자열을 이용하고 싶을때 사용자 지정 마크업 확장식을 만들어서 사용한다.

  • 중괄호 ({})로 감싸진 어트리뷰트를 만나면 xaml에서는 문자열이 아니라 마크업 확장식으로 인식

  • 접두사(x:)를 제외한 첫번째 단어가 마크업 확장식 클래스 이름
  • 이름 끝에 Extensison 접미사가 붙은 것이 클래스지만 xaml에서는 Extension은 제외한다.
    • x:Null –> NullExtension, x:Static –> StaticExtension
  • 두번째 네임스페이스에 있는 요소와 매핑 되므로 'x' 접두사가 꼭 필요함.
  • Binding은 기본 네임스페이스를 사용하므로 Extension 접두사를 붙이지 않는다.

아 뭐지.. 이해 안되네.

오브젝트 엘리먼트의 자식 요소들

오브젝트 엘리먼트의 자식 엘리먼트 타입 :

  1. 컨텐트 프로퍼티의 값
  2. 컬렉션 아이템
  3. 부모엘리먼트의 타입으로 캐스팅할 수 있는 값

컨텐트 프로퍼티

사용자 지정 프로퍼티를 설정하는 기능

컨텐트 프로퍼티 사용하는 간단한 예
<Button Content="OK"/>
컨텐트 프로퍼티 없는 경우
<Button>
OK2
</Button>

다른 객체를 포함시킬 수도 있다.

Rectangle 를 컨텐트프로퍼티로 추가
<Button>
<Rectangle Height="40" Width="40" Fill="Black"/>
</Button>
  • 컨텐트프로퍼티는 Content 키워드만 사용한다.
  • 예외는
    • ComboBox, ListBox, TabControl 등 몇 컨트롤은 컨텐트프로퍼티 대신 Items 프로퍼티를 사용

컬렉션 아이템

리스트list와 딕셔너리dictionary

리스트(list)

System.Collections.IList를 구현한 컬렉션.

Items 프로퍼티로 리스트박스에 아이템 추가
<ListBox>
  <ListBoxItem Content="Item1"/>
  <ListBoxItem Content="Item2"/>
</ListBox>

딕셔너리

  • System.Collections.IDictionary 인터페이스를 구현한 컬렉션.
  • 키와 값을 쌍으로 가진 데이터를 추가/삭제/열거할 수 있다.
  • 두번째 네임스페이스에 정의된 x:Key를 사용해서 데이터를 컬렉션에 추가
두개의 Color를 ResourceDictionary에 추가
<ResourceDictionary>
  <Color x:Key="1" A="255" R="255" G="255" B="255"/>
  <Color x:Key="2" A="0" R="0" G="0" B="0"/>
</ResourceDictionary>

런타임 로드 & 파싱

  • 로드 : XamlReader 의 Load 함수 사용
  • 저장 : XamlWriter 의 Save 함수 사용

로드

Window _wnd = null;
using( FileStream _fs = new FileStream("MyWindow.xaml", FileMode.Open, FileAccess.Read) ) {
  _wnd = (Window)XamlReader.Load( _fs );
}

로드 후에는 인스턴스로 저장 되기 때문에, 파일을 더 사용하지 않는다.

또한, 루트 엘리먼트의 요소(인스턴스)가 있기 때문에 자식 엘리먼트를 검색할 수 있다.

5개의 OK 버튼을 갖고 있는 StackPanel이 있는 엘리먼트가 있다는 가정
Window _wnd = null;
using( FileStream _fs = new FileStream("MyWindow.xaml", FileMode.Open, FileAccess.Read) ) {
  _wnd = (Window)XamlReader.Load( _fs );
}
// 
StackPanel _panel = (StackPanel)Window.Content;
Button _okBtn = (Button)_panel.Children[4];

위의 방식으로 찾는 것은 프로그램이 깨지기 쉬우므로 엘리먼트에 이름을 부여해서 찾는 방법도 있다.

Name키워드를 사용해서 이름을 부여한다.
<Button x:Name="okButton">OK</Button>

Grid

<Grid>
  <_COMPONENT_  Grid.Column='1' Grid.ColumnSpan='2'/>
</Grid>

_COMPONENT_는 컬럼 1번 (왼쪽으로부터 두번째)에 배치하고 컬럼 두개를 (컬럼1부터 + 컬럼2까지) 사용해서 배치한다.

sdk/wpf/xaml_basic.txt · 마지막으로 수정됨: 2017/07/07 18:26 저자 kieuns