[C#/WPF] 팝업 메세지 띄우기

이번 포스팅에서는 WPF 내에서 팝업 메세지를 띄우는 방법에 대해서 작성하도록 하겠습니다.

 

WPF에서는 팝업 메세지 형식이 MessageBox밖에 없어서 안드로이드 스튜디오에서 사용되는 팝업 메세지 기능인 토스트(Toast)를 TextBlock과 DoubleAnimation을 이용하여 비슷하게 만들어 봤습니다.

 

우선, 버튼이 눌렸을 때 팝업 메세지가 뜨도록 하기 위해 Button과 메세지를 띄울 TextBlock을 생성해줍니다.

TextBlock 테두리를 투명으로 설정했습니다.

다음으로, 팝업 메세지를 띄울 함수를 작성해보도록 하겠습니다.

private void ToastMessage(string message)
        {
            Color clr = Color.FromRgb(200, 210, 145);
            SolidColorBrush brush = new SolidColorBrush(clr);

            txtblk.Text = message;
            txtblk.Background = brush;

            DoubleAnimation dba1 = new DoubleAnimation();
            dba1.From = 1;
            dba1.To = 1;
            dba1.Duration = new Duration(TimeSpan.FromSeconds(1));

            DoubleAnimation dba2 = new DoubleAnimation();
            dba2.From = 1;
            dba2.To = 0;
            dba2.Duration = new Duration(TimeSpan.FromSeconds(1));
            dba1.Completed += delegate (object sender1, EventArgs e1)
            {
                txtblk.BeginAnimation(OpacityProperty, dba2);
            };
            txtblk.BeginAnimation(OpacityProperty, dba1);
        }

위 코드 설명을 간단히 하자면, txtblk는 앞서 생성한 TextBlock의 이름입니다.

xaml에서 TextBlock의 Background를 지정해주면 팝업 메세지가 뜨기 전부터 화면에 TextBlock이 나타나기 때문에 함수 호출시 Background 값이 설정되도록 cs에서 설정해주었습니다.

이때, xaml에서는 색상을 유니코드로 지정해줬다면 cs에서는 색상값을 R,G,B값으로 지정해줘야 합니다.  그리고 매개변수로 팝업으로 띄울 메세지를 입력 받아 txtblk의 Text에 저장해줍니다.

 

저는 원하는 색상의 RGB값을 그림판에서 확인한 뒤 사용하였습니다.

 

다음으로, 2개의 DoubleAnimation을 만들어주었습니다.

dba1이 끝난 뒤, dba2를 실행하여 TextBlock의 opacity가 1에서 0으로 변하여 메세지가 서서히 사라지도록 만들었습니다.

메세지가 서서히 나타나기를 바라면 위 코드에서 'dba1.From = 1' 을 'dba1.From = 0' 으로만 수정해주면 됩니다.

(이때, DoubleAnimation을 사용해주기 위해서는 ' using System.Media.Animation; ' 을 추가해주어야 합니다.)

 

마지막으로, Button 클릭 이벤트 함수에 ToastMessage 함수를 호출해줍니다.

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            ToastMessage("\n2oo1s.tistory");
        }

프로그램을 실행해보면 버튼을 눌렀을 때, TextBlock 위치에 메세지가 떴다가 사라지는 것을 확인할 수 있습니다.