Xamarin 강좌

기본 프로그램 제작

Visual Studio 2015를 실행하여 File 메뉴의 부메뉴 New의 Project를 선택하면 다음과 같이 화면에 나타난다.

<그림 1>

좌측 Tree에서 Android를 선택하고 중앙 리스트에서 Blank App(Android)를 선택한후 Name에 MakeProgram을 입력한 후 OK를 선택하면 다음과 같이 MakeProgram이라는 프로젝트가 생성된다.

<그림 2>

기본적으로 생성된 프로젝트를 실행하면 까만색 화면이 나타나도록 되어 있다.

이를 수정하여 다음과 같은 화면을 만들어 보도록 하겠다.

화면 디자인을 하기전에 이미지를 먼저 넣어 보겠다.

프로젝트 디렉토리(<그림 1>의 Location에 입력한 폴터 + Name에 입력한 폴더(여기서는 D:\User\jys\Xamarine\Education\MakeProgram))의 \Resources\drawable에 화면에 넣을 이미지를 복사하여 넣습니다(필자는 BusStop.png를 복사하여 넣었으며 해당 이미지는 여기를 클릭하면 다운받을 수 있다).

위 그림과 같이 왼쪽 Tree의 drawable에서 마우스 왼쪽 버튼을 선택하여 생성된 메뉴에서 Add의 부메뉴 Existing Item을 선택하면 다음과 같은 대화 상자가 생성된다.

BusStop.png를 선택하고 Add를 선택하면 drawable아래 BusStop이 추가된다.

<그림 2> 왼쪽 Tree의 layout아래 Main.axml파일을 더블클릭하면 다음과 같이 디자인할 수 있는 화면이 나타난다.

Toolbox의 ImageView를 마우스로 클릭하여 화면에 드레그하여 놓으면 다음과 같이 ImageView가 화면에 추가된다.

추가된 ImageView를 클릭하고 Properties의 src의 버튼을 선택하면 다음과 같이 화면에 나타난다.

앞에서 추가한 이미지 busstop을 선택한 후 Ok를 선택하면 화면은 다음과 같이 바뀐다.

변경된 ImageView를 선택하여 하단에 생긴 동그라미 점에 마우스를 올리면 커스가 위아래 화살표로 바뀐다. 그 상태에서 마우스를 클릭하여 위쪽으로 올려서 이미지 크기 만큼 ImageView를 줄인다.

Toolbox에서 Text (Medium)를 마우스로 클릭하여 화면에 드레그하여 놓으면 다음과 같이 Text가 화면에 추가된다.

Properties의 id를 textView1에서 textViewDistance로 수정하고, 스크롤을 내려 text의 Medium Text를 삭제한다. 이 Text는 향후 남은 거리를 표시하기 위해 추가한 것이며 프로그램에서 구분하여 사용하기 위해 textViewDistance로 수정한 것이다.

Toolbox에서 Button을 마우스로 클릭하여 화면에 드레그하여 놓은 후, Properties의 id를 buttonDestination으로 수정하고 text에 목적지 설정을 입력한다.

Toolbox에서 Button을 마우스로 클릭하여 화면에 드레그하여 놓은 후, Properties의 id를 buttonEnviron으로 수정하고 text에 환경 설정을 입력한다.

다음은 디자인을 완성한 모양이다.

이제 소스를 편집해보도록 하겠다.

연동은 간단히 타이틀을 도착알림이로 수정하고, 목적지 설정을 선택하면 목적지 설정이라는 알림이 뜨고, 환경 설정을 클릭하면 환경 설정이라는 알림이 뜨도록 수정한다.

먼저 타이틀은 MainActivity class 선언 바로위의 "MakeProgram"을 "도착 알림이"로 수정하면 된다.

아래쪽을 보면 MyButton에 빨간색 줄이 쳐져 있는 것을 알수 있다. 이것은 앞에서 HELLOW WORLD. CLICK ME!를 삭제했기 때문에 Error가 났다는 것을 의미한다.

두줄을 아래와 같이 수정한다.

Button button = FindViewById<Button>(Resource.Id.buttonDestination);
button.Click += delegate { OnClickDestination(); };

buttonDestination은 목적지 설정 버튼을 추가한 후 Properties에 설정한 id이며 그 버튼을 클릭했을 때 실행되는 함수를 OnClickDestination()을 사용할 수 있도록 호출한 것이다.

물론 아래와 같이 함수를 선언하여 수행하고자 하는 기능을 구현하면된다.

        void OnButtonDestination()
        {
            Toast.MakeText(this, "목적지 설정", ToastLength.Short).Show();
        }

Toast는 메시지 표현방식의 하나로 많이 사용하는 기능이다.

환경 설정도 같은 방식으로 수정하면 된다.

아래는 수정완료한 소스 화면이다.

이제 F5를 눌러보자 F5는 Debug 메뉴의 Start Debug를 실행하는 것으로 앱 설치 파일인 .apk파일을 만들고 디바이스에 배포하고 설치한 후 실행하여 디버깅을 할 수 있도록 하는 기능을 수행한다.

스마트폰을 연결하지 않고 디버깅을 했으므로 에뮬레이터가 동작하여 디버깅을 수행한다.

예전에는 에뮬레이터가 속도도 느리고 불안했으나 이제 많이 좋아진 듯하다(예전에는 필자도 지니모션이라는 에뮬레이터를 추가로 설치해서 사용했으나 그럴필요가 없을 듯 하다).

에뮬레이터는 Visual Studio 화면 상단 중앙의 콤보박스에서 선택할 수 있다. 기본 설정은 Android_ARMv7a (Android 6.0 - API 23)으로 선택되어 있으나 Android_Accelerated_x86 (Android 6.0 API 23)로 설정을 변경하여 실행하는 것이 약 10배 정도 빠르다고 한다.

처음 설치하면 에뮬레이터 선택 콤보박스가 나타나지 않는다(Android 프로젝트가 아닌 경우에는 나타나지 않는 것이 정상이다).