대화 상자 표시

 스마트폰에서 대화 상자 형태를 표현하는 방법은 3가지가 있다. 여기서는 이 3가지 방법에 대해 설명하고자 한다.

첫 번째는 간단히 메시지를 표시하는 것으로 스마트폰에서는 대화 상자의 형태가 아닌 Toast를 많이 사용한다. Toast에 대해서는 기본프로그램 제작에서 한번 설명했으며 아래의 형태로 메시지를 표시한다.

            Toast.MakeText(this, "표시하고자 하는 문자열", ToastLength.Short).Show();

 

두 번째는 질문을 하여 답을 얻는 대화 상자이다.

DialogSample이라는 이름으로 Blank App(Android) 프로젝트를 만들고, Back 키를 눌렀을 때 종료할 것인지를 묻는 대화 상자를 구성해 볼 것이다.

질문하는 대화 상자에 대해서는 클래스 형태로 제작하여 제공하고, 그 클래스를 사용하는 법을 설명하는 형태를 취할 것이다.

먼저 MessageBox라는 클래스를 여기를 눌러 다운받아 프로젝트 폴더에 넣고 프로젝트에 추가한다.

MainActivity.cs파일을 열어 MessageBox를 사용하기 위해 CommonLib을 using하고 아래와 같이 소스를 추가한다.

        public override void OnBackPressed()

        {

            MessageBox messageBox = MessageBox.Execute(this, "도착알림이", "앱을 종료할까요?");

            messageBox.okEvent += MessageBoxOK;

        }

 

        void MessageBoxOK()

        {

            Finish();

            Android.OS.Process.KillProcess(Android.OS.Process.MyPid());

        }

OnBackPressed 함수는 스마트폰의 Back 버튼을 눌렀을 때 호출되는 함수이며 함수내에서 예 버튼을 눌렀을 때 호출되는 MessageBoxOK를 정의하여 구현한다..

MessageBoxOK 함수내에서 App을 완전히 종료하도록 구현했다. Android.OS.Process.KillProcess(Android.OS.Process.MyPid());를 호출해주지 않으면 화면에서는 사라지나 완전히 종료되지는 않는다.

다음은 App을 실행하여 Back 버튼을 누른 화면이다.

세번째로 대화 상자를 원하는대로 꾸며서 호출하는 것이다.

먼저 layout을 추가해보자.

좌측 Tree의 layout에서 마우스 우측버튼을 클릭하여 생성된 팝업 메뉴에서 Add의 부메뉴 New Item을 선택하면 다음과 같이 화면에 나타난다.

Android Layout을 선택하고 Name에 SetDestNameDlg.axml을 입력하고 Add를 선택하면 다음과 같이 추가가 된다.

Toolbox를 클릭하여 Text(Medium)을 삽입한 후 text를 목적지 설정으로 수정하고, Plain Text를 삽입한 후 id를 @+id/editTextDest로 수정하며, Button을 삽입하여 text를 확인으로 id를 @+id/buttonOK로 수정하면 다음과 같이 화면이 변경된다.

좌측 Tree의 프로젝트(DialogSample)에서 마우스 우측버튼을 클릭하여 생성된 팝업 메뉴에서 Add의 부메뉴 New Item을 선택하면 다음과 같이 화면에 나타난다.

Fragment을 선택하고 Name에 SetDestNameDlg.cs을 입력하고 Add를 선택하면 다음과 같이 추가가 된다.

다음과 같이 수정한다.

- Fragment로부터 상속 받은 SetDestNameDlg를 DialogFragment로부터 상속 받도록 수정하고, inflater.Inflate함수를 이용하여 axml 파일과 연결하도록 한다.

- buttonOK를 눌렀을 때 호출되는 함수를 만들어 editTextDest에 아무것도 입력하지 않으면 Toast.MakeText함수를 이용하여 메시지를 표출해주도록 한다.

- editTextDest에 입력을 했으면 FinishedInputName이라는 delegate를 이용하여 대화 상자를 호출한 Activity에 입력한 문자열을 전달해준 후(잠시후 설명) Dismiss를 이용하여 대화 상자를 종료하도록 한다.

대화 상자를 호출할 수 있도록 Execute라는 함수를 다음과 같이 만들었다.

- FragmentManager를 이용하여 호출하는 Activity에 fragment가 있으면 떼어내고 AddToBackStack함수를 null인자로 호출하도록 한다.

- SetDestNameDlg를 생성하고 앞에서 만들어 놓은 finishedInputName이라는 delegate에 연결을하고 대화 상자를 호출하도록 한다.

수정 완료한 Source는 다음과 같다.

using Android.App;

using Android.OS;

using Android.Views;

using Android.Widget;

 

namespace DialogSample

{

    public delegate void FinishedInputName(string strText);

    public class SetDestNameDlg : DialogFragment

    {

        public FinishedInputName finishedInputName = null;

        public override void OnCreate(Bundle savedInstanceState)

        {

            base.OnCreate(savedInstanceState);

        }

        public override View OnCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)

        {

            View view = inflater.Inflate(Resource.Layout.SetDestNameDlg, container, false);

            Button button = view.FindViewById<Button>(Resource.Id.buttonOK);

            button.Click += delegate

            {

                EditText text = view.FindViewById<EditText>(Resource.Id.editTextDest);

                string strText = text.Text;

                if (string.IsNullOrEmpty(strText) == true)

                    Toast.MakeText(Activity, "저장할 이름을 입력한 후 확인을 선택하세요.", ToastLength.Short).Show();

                else if (finishedInputName != null)

                {

                    finishedInputName(strText);

                    this.Dismiss();

                }

            };

            return view;

        }

 

        public static void Execute(Activity parent, FinishedInputName finishedInputName)

        {

            FragmentTransaction ft = parent.FragmentManager.BeginTransaction();

            //Remove fragment else it will crash as it is already added to backstack

            Fragment prev = parent.FragmentManager.FindFragmentByTag("dialog");

            if (prev != null)

            {

                ft.Remove(prev);

            }

 

            ft.AddToBackStack(null);

 

            SetDestNameDlg dlg = new SetDestNameDlg();

            dlg.Arguments = null;

            dlg.finishedInputName = finishedInputName;

            //Add fragment

            dlg.Show(ft, "dialog");

        }

    }

}

이제 Execute함수를 이용하여 대화 상자를 호출해보자.

먼저 Main.axml을 열어 Toolbox에서 Button을 하나 삽입하고 id를 @+id/buttonDest로 수정한다.

MainActivity.cs를 열어 다음과 같이 수정한다.

- buttonDest를 클릭했을 때 호출되는 함수를 만들어 SetDestName.Execute(Execute작성시 static으로 작성했으므로 이런형태로 호출)함수를 호출한다.

- SetDestNameDlgOK라는 함수를 만들고 SetDestNameDlg에서 delegate로 생성한 finishedInputName로 호출이 가능하도록 Execute의 두 번째 인자로 넘겨준다.

실행하여 Button을 클릭하면 다음과 같이 대화 상자가 화면에 나타난다.

목적지에 아무것도 입력하지 않고 확인을 선택하면 다음과 같이 메시지가 화면에 나타난다.

 

다운로드