visual studio for mac 툴을 이용하여 xamarin 의 iOS 구현하기

visual studio for mac 툴을 이용하여 xamarin 의 iOS 를 간단히 구현해 보았습니다.

new project 를 선택합니다.

iOS 에서 single view app 템플릿을 선택합니다.

app name 에 앱의 이름을 지정하고, organization identifier 에 조직을 기재합니다. 아래 devices 는 iPhone 만 선택하고 다음 선택합니다.

화면을 구성하기 위해, Main.stroyboard 를 선택합니다. 아래와 같이 name, phone 입력란과 버튼을 만들어 봅니다.

name, phone 의 표기는 label 을 도구상자에서 검색하여 드레그 한 다음, 

속성에서 text 에 name 이라고  기재해 줍니다.

phone 도 아래 처럼 text 에 기재해 줍니다.

name, phone 의 입력란은 도구상자에서 text field 검색하여 드레그 하여 위치에 둡니다.

label 과 다르게 각각 id 값을 지정해 줄겁니다. 이는 submit 버튼을 누르면 ViewController.cs 에서 사용자가

입력한 값을 얻기 위함 입니다.

name id 는 txtName 으로 명명하고, 속성에서 text 에 your name 이라고 기재합니다.

phone id 의 name 은 txtPhone 으로 명명하고, text 에 010-111-2222 라고 기재했습니다.

이제 submit 이라는 버튼을 만들기 위해, 도구상자에서 button 검색하여 드레그 합니다.

submit 버튼의 name 은 btnSubmit 으로 명칭 지정하고, button 명은 title 에 기재합니다.

submit 버튼을 더블클릭 합니다. 그러면 이벤트 핸들러 코드가 자동적으로 viewcontroller.cs 에 추가되며

이동하게 됩니다.

partial void BtnSubmit_TouchUpInside(UIButton sender)

        {

            var name = txtName.Text; //name 입력값

            var phone = txtPhone.Text; //phone 입력값

            var msg = string.Format("name : {0} , phone : {1}", name, phone);

            //경고창 생성하기

            var okAlertController = UIAlertController.Create("정보", msg, UIAlertControllerStyle.Alert);

            //경고창에 추가 버튼 생성(닫기버튼)

            okAlertController.AddAction(UIAlertAction.Create("닫기", UIAlertActionStyle.Default, null));

            // 경고창 보여주기

            PresentViewController(okAlertController, true, null);

        }

입력하고 submit 을 클릭하면 아래와 같이 경고창이 보이며, 닫기하면 경고창이 닫힙니다.

사용하면서 아쉬운 점은 아직 한글 입력 부분이 매끄럽지 않다는 부분입니다. 디자이너 화면에서 한글을 입력하면 제대로 입력이 되지

않고 여러번 수정하게 만듭니다. 아직 이 부분은 개선해야 할 사항으로 보이며, 빌드나 애뮬레이터 띄워서 실행하는것은 정말 빠릅니다.

애뮬레이터는 xcode의 애뮬레이터를 띄우는 듯 싶습니다. 그래서 당연히 xcode 먼저 맥에 설치 이후 visual studio for mac 을 설치하셔서

구현하셔야 합니다.

소스는 10 메가 이상 나와서 여기에 올릴 수가 없네요. github 에 올려 드립니다.

https://github.com/shimpark/HelloWorld_xamarin_ios_mac

감사합니다.