#11주차 WPF 로그인 창 만들기

WPF에서 로그인 창 디자인을 해보겠다

새 프로잭트 WPF 앱 을 클릭하고 다음을 누른다

그럼 아래와 같은 모습이 보일 것이다

디자인 창에 아래와 같은 코드를 입력한다

  <Grid Background="LightSteelBlue">
        <StackPanel Margin="40" Background="AliceBlue">
            <TextBlock Text="로그인" HorizontalAlignment="Center"
                       FontSize="18" FontWeight="Black"
                       Padding="10"/>
            <StackPanel Orientation="Horizontal" Margin="20 20 20 10">
                <TextBlock Text="Id : "
                           HorizontalAlignment="Right"
                           FontSize="18" MinWidth="100"/>
                <TextBox x:Name="txtID" FontSize="18" MinWidth="200"/>
            </StackPanel>
            <StackPanel Orientation="Horizontal" Margin="20 20 20 10">
                <TextBlock Text="PassWord : "
                           HorizontalAlignment="Right"
                           FontSize="18" MinWidth="100"/>
                <PasswordBox x:Name="txtPW" FontSize="18" MinWidth="200"/>
            </StackPanel>
            <StackPanel Orientation="Horizontal">
                <TextBlock MinWidth="100"/>
                <Button x:Name="btnLogin" Content="Login" Margin="20"
                        FontSize="18"
                        MinWidth="180"
                        Click="btnLogin_Click"/>
            </StackPanel>
        </StackPanel>
    </Grid>

PasswordBox를 사용하면 자동으로 문자가 기호로 변경되서 출력이 가능해진다.

Button에는 Click이라는 이벤트가 존재한다.

WPF는 이벤트를 적으면 자동으로 cs파일에 이벤트 메소드가 생성된다

 

그다음 CS코드는 아래와 같다

public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void btnLogin_Click(object sender, RoutedEventArgs e)
        {
            if (txtID.Text == "abcd" && txtPW.Password == "1234")
                MessageBox.Show("로그인 성공!");
            else
                MessageBox.Show("로그인 실패!");
        }
    }

실행을 누르면 출력 결과가 보일 것이다

ID를 abcd PW를 1234로 지정을 해주었기 떄문에 그 외의 ID와 PW를 입력하면 로그인 실패가 뜬다