Button

WPF에서 버튼을 만들어 보자

 

비쥬얼스튜디오에서 WPF의 UI 편집을 XAML로만 가능한지 알았다.

WPF도 윈도우즈 폼처럼 도구 상자를 이용한 편집이 지원된다. WPF로 나온 책들이 XAML 만 나열해서 위지웍 리소스 편집이 지원 안되는지 알았다.

 

기본적으로 도구상자를 이용해서 편집 할 것이며, 리소스 편집이 지원 안되면 XAML을 직접 편집하도록 할 것이다.

 

도구 상자를 열어서 TextBox, Button, TextBlock을 추가 해보자.
TextBox, TextBlock은 윈도우즈 API의 에디터 박스, 스테틱 박스와 각각 같다.

 

버튼을 눌렀을 때, TextBlock의 출력 문자을을 바꿔 보자.
버튼의 클릭 이벤트는 속성의 이벤트 탭에서 Click을 추가한다.

코드는 아래와 같이 추가한다.

C# 코드

private void button1_Click(object sender, RoutedEventArgs e)

{

    textBlock1.Text = "Buttton Click " + textBox1.Text;

}

 

XAML 코드

 

<Window x:Class="TextBlock.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="TextBox TextBlock Button" Height="161" Width="281">

    <Grid>

        <TextBox Height="23" HorizontalAlignment="Left" Margin="48,12,0,0"

                Name="textBox1" Text="TextBox" VerticalAlignment="Top" Width="164" />

        <Button Content="Button" Height="23" HorizontalAlignment="Left" Margin="48,49,0,0"

                Name="button1" VerticalAlignment="Top" Width="164" Click="button1_Click" />

        <TextBlock Height="23" HorizontalAlignment="Left" Margin="48,92,0,0" Name="textBlock1"

                   Text="TextBlock" VerticalAlignment="Top" Width="164" />

    </Grid>

</Window>

소스: wpf_button.zip