[WPF] Hello World! 출력해보기

 

 

 

WPF Prog.

---

C#을 공부하면서 함께하는 WPF 입니다. 외국 튜토리얼에서 보고 비슷하게 구성해 본 것입니다.

 

 별다른 설명을 하지 않고 프로젝트를 만들어 보고 간단한 테스트를 해보겠습니다.  

 

 1. [FILE] → [New Project] → [WPF Applicatoin] 을 선택하고 "NAME"을 "TEST_WPF" 라 설정했습니다.

 

2. 프로젝트를 만들고 난후 보여지는 화면입니다. 탭이 상단에 두개 생성된 것을 볼 수 있습니다.

안드로이드와 아주 유사한데요. 한쪽은 UI 를 보여주고 밑쪽에 바로 테스트를 할 수 있도록 되어 있습니다.

아주 편리하네요. 수정하자마자 확인이 가능합니다. 안드로이드 !! 좀 배우라고 기본 설정좀 바꿔!!

그리고 두번째 탭은 실제 동작 코드가 들어가는 곳입니다.

 

 

3. UI 컴포넌트는 왼쪽 벽면에 붙어 있습니다. 누르시면 다음과 같이 메뉴를 볼 수 있습니다.

(노트북 화면이 작아 이리 표시되는지는 모르겠습니다. 왠지 그럴것 같습니다.)

 

4. 간단히 다음과 같이 테스트를 해볼까 합니다.

버튼을 누르면 텍스트박스가 메시지를 내뱉습니다.

 

 

 

 

디자인 탭의 XML 파일입니다. 확장자를 확인하시면 .xaml 이구요. 버튼과 텍스트 박스의 컴포넌트 생성은

UI 메뉴를 통해 만들었구요.

 

MainWindow.xaml

<Window x:Class="TEST_WPF.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Button x:Name="button1" Content="Button" HorizontalAlignment="Center" VerticalAlignment="Center" Width="75" Margin="0,0,0,0" Click="Button_Click_1"/>
        <TextBox x:Name="txtBox1" HorizontalAlignment="Center" Height="23" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Center" Width="120" Margin="199,121,199.4,178.4"/>
    </Grid>
</Window>

 

컴포넌트의 이름은 위에서 보시는 바와 같이 x 라는 네임스페이스로 설정이 간응합니다.

각각 "button1"과 "txtBox1"이라는 이름을 주었습니다.

 

 다음은 소스코드 입니다.  

MainWindow.xaml 

namespace TEST_WPF
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void Button_Click_1(object sender, RoutedEventArgs e)
        {
            txtBox1.Text = "헬로~~ 마이월드";
        }
    }
}

 

 이벤트 등록은 .xaml 파일에 버튼에 미리 바인딩 해놓았습니다. Text 속성을 통해서 버튼을 누르면 텍스트 박스의 글씨가 바뀌게 해놓았습니다.