티스토리 뷰

C#/WPF

WPF tutorial - xaml이란, xaml 기본

광그로 2017. 6. 20. 13:37

xaml이란? http://www.wpf-tutorial.com/xaml/what-is-xaml/


xaml(eXtensible Application Markup Language)은 GUI를 설명하기 위한 xml의 변형입니다.

window 또는 page를 만들 때, xaml과 codebehind file로 구성이됩니다.

xaml은 모든 element가 있는 interface를 설명하고, codebehind file은 모든 이벤트들을 처리하며 xaml control하여 관리할 수 있는 액세스 권한을 갖습니다.


xaml 기본 http://www.wpf-tutorial.com/xaml/basic-xaml/


HTML의 경우 대/소문자를 구분하지 않지만, xaml은 control name이 .NET framework의 type과 일치하여야 하기 때문에 대/소문자를 구분합니다. 

1
<Button FontWeight="Bold" Content="A button" />
Button(tag)에 FontWeight(property)Content(property)를 추가해라.
cs

(attribute와 property의 차이가 무엇일까...)


1
2
3
4
Control-Dot-Property 표기법을 사용
<Button>
    <Button.FontWeight>Bold</Button.FontWeight>
    <Button.Content>A button</Button.Content>
</Button>

cs

위 2가지의 방법 모두 동일한 결과를 나타냅니다.



1
2
3
4
5
6
7
8
9
10
<Button>
    <Button.FontWeight>Bold</Button.FontWeight>
    <Button.Content>
        <WrapPanel>
            <TextBlock Foreground="Blue">Multi</TextBlock>
            <TextBlock Foreground="Red">Color</TextBlock>
            <TextBlock>Button</TextBlock>
        </WrapPanel>
    </Button.Content>
</Button>
cs


1
2
3
4
5
6
7
<Button FontWeight="Bold">
    <WrapPanel>
        <TextBlock Foreground="Blue">Multi</TextBlock>
        <TextBlock Foreground="Red">Color</TextBlock>
        <TextBlock>Button</TextBlock>
    </WrapPanel>
</Button>
cs

위 2가지의 방법 모두 동일한 결과를 나타냅니다.




'C# > WPF' 카테고리의 다른 글

WPF tutorial - Resource  (0) 2017.06.20
WPF tutorial - Command-line parameters in WPF  (2) 2017.06.20
WPF tutorial - App.xaml로 작업하기  (0) 2017.06.20
WPF tutorial - window  (0) 2017.06.20
WPF tutorial - xaml의 이벤트  (0) 2017.06.20
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/11   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
글 보관함