Xamarin 따라하기

정의

 MS 에서 제공하는 cross-platform UI toolkit 이다.

배우는 이유

C# 을 이용해서 android, ios application 을 개발할 수 있기 때문이다.

Xamarin 시작하는 방법

1. 설치

아래 링크를 보고 따라 하면 설치된다. 

https://docs.microsoft.com/en-us/xamarin/get-started/installation/?pivots=windows

Mobile development with .NET 을 설치한다.

2. 예제 따라하기

아래 링크는 Quickstarts 이다.

https://docs.microsoft.com/en-us/xamarin/get-started/quickstarts/

위 그림중에 Create a Xamarin.Forms application 을 선택해서 따라 하면 된다.

내용은 Project 를 하나 만들고

세팅을 Tabbed 로 시작하여

솔루션 explorer 에서 폴더를 4개 삭제하고

Models

Service

ViewModels

Views 

이렇게 4개를 삭제하고

NotePage 라는 이름으로 Content Page 를 추가하고 

NotePage.xaml 파일에 있는 내용을 지우고 

예제에 있는 code 를 복사해 넣는다.

내용은 Editor 하나에  Grid 적용하여 Button 2개 추가하는 내용이다.

이에 해당하는 소스 

NotePage.xaml.cs 에 코드를 수정한다.

하나도 Content Page 를 추가한다.

AboutPage 로 이름을 지정한다.

동일하게 .xaml 와 .xaml.cs 를 수정한다.

그리고, tabbed 프로젝트로 하였기 때문에 page를 연결하기 위해

AppShell.xaml 파일을 열어서 변경한다.

TabBar 아래에 ShellContent 를 수정한다.

동일하게 AppShell.xaml.cs 도 연다

기존 코드를 그냥 삭제하고 InitializeComponent() 만 호출한다.

기존 App.xaml 을 열어서 수정한다.

그냥 막 지운다.

App.xaml.cs 도 한번 열어서 수정한다.

그리고, 빌드한다.

그리고, 안드로이드 프로젝트를 start project 로 변경하고 실행한다. 

( 에뮬에서 동작 확인이 가능하다)

window pc 에서 그냥 다음다음 형태로 설치가 되는 거라 확인하기가 쉽다.

그리고, 아이폰 프로젝트를 start project 로 변경한다.

실행한다.

아이폰용은 mac 에서만 동작하기 때문에 별도에 action 이 필요하다.

아이폰이 있으면 remote 로 확인할 수 있다.

아래 링크에 영상이 있다. 이걸보고 따라해 주시가 바란다.

https://docs.microsoft.com/en-us/xamarin/tools/ios-simulator/deploy