[C#] WPF 기초 강좌 #2

프로젝트 구조 이해

생성후 중요 파일

MainWindow.xaml      → UI 디자인 (화면)
MainWindow.xaml.cs   → C# 코드 (로직)
App.xaml             → 앱 설정

XAML 기본 문법

XAML은 UI를 정의하는 XML 형태입니다.

<Grid>
    <Button Content="클릭하세요"
            Width="120"
            Height="40"/>
</Grid>

주요 요소
•Grid → 레이아웃
•Button → 버튼
•TextBlock → 텍스트

버튼 클릭 이벤트 만들기

XAML

<Button Content="클릭"
        Click="Button_Click"/>

C# 코드 (MainWindow.xaml.cs)

private void Button_Click(object sender, RoutedEventArgs e)
{
    MessageBox.Show("버튼 클릭됨!");
}

실행결과

레이아웃 기초

1. Grid (가장 중요)

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

    <Button Grid.Row="0" Content="위"/>
    <Button Grid.Row="1" Content="아래"/>
</Grid>

 

2. StackPanel

<StackPanel>
    <Button Content="버튼1"/>
    <Button Content="버튼2"/>
</StackPanel>

 

위에서 아래로 자동 정렬됨

 

데이터 바인딩 (핵심 개념)

WPF의 가장 중요한 기능!
TextBox → TextBlock 연결

<StackPanel>
    <TextBox x:Name="inputBox"/>
    <TextBlock Text="{Binding Text, ElementName=inputBox}"/>
</StackPanel>

 

결과: 입력하면 바로 아래 텍스트에 반영됨

간단한 실습: 계산기 느낌 UI

<StackPanel Margin="20">
    <TextBox x:Name="num1"/>
    <TextBox x:Name="num2"/>

    <Button Content="더하기"
            Click="Add_Click"/>

    <TextBlock x:Name="result"/>
</StackPanel>


private void Add_Click(object sender, RoutedEventArgs e)
{
    int a = int.Parse(num1.Text);
    int b = int.Parse(num2.Text);

    result.Text = (a + b).ToString();
}