Visual Studio 시작

Visual Studio를 설치해야 한다면 앞 문서를 확인하세요.

Visual Studio 2017로 앱 빌드 도움말 보기

작성자: Nicole Bruck

1단계: 만들기

Visual Studio 및 Xamarin을 사용하여 기본 Android 앱을 빌드하는 방법을 알아보겠습니다(iOS 및 Windows Phone도 지원). 모바일 앱 개발 경험이 전혀 없더라도 상관없습니다!

  • [파일] → [새로 만들기] → [프로젝트…] 선택
  • 왼쪽에서 크로스 플랫폼 노드를 선택하고 “크로스 플랫폼 앱(Xamarin.Forms 또는 Native)” 프로젝트 유형을 선택한 다음 이름을 “HelloWorld”라고 지정
  • 다음 화면에서 빈 앱 템플릿 및 PCL(Portable Class Library) 코드 공유 전략 선택:

2단계: 편집

텍스트 영역과 단추를 모바일 앱에 추가하겠습니다. 그런 다음 “Hello, World!”라고 표시하도록 단추에 작업을 추가할 것입니다.”

  • HelloWorldApp(Portable) 프로젝트를 마우스 오른쪽 단추로 클릭한 후 [새 항목] 선택
  • Forms Xaml 페이지 템플릿을 선택한 후 새 페이지의 이름을 “HelloWorldPage”로 지정
  • 솔루션 탐색기에서 HelloWorldPage.xaml 선택
  • 다음 코드로 바꾸기:


    • xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
      x:Class="HelloWorld.HelloWorldPage">



                  iOS="20, 40, 20, 20"
                  Android="20, 20, 20, 20"
                  WinPhone="20, 20, 20, 20" />



                   HorizontalOptions="FillAndExpand"
                   Orientation="Vertical"
                   Spacing="15">





       
  • 솔루션 탐색기에서 HelloWorldPage.xaml 노드 확장
  • 솔루션 탐색기에서 HelloWorldPage.xaml.cs 선택
  • 다음 코드로 바꾸기
    • using System;
      using System.Collections.Generic;
      using System.Linq;
      using System.Text;
      using System.Threading.Tasks;

      using Xamarin.Forms;

      namespace HelloWorld
      {
      public partial class HelloWorldPage : ContentPage
      {
      public HelloWorldPage()
      {
      InitializeComponent();
      }

      private async void SayHelloButton_OnClicked(object sender, EventArgs e)
      {
      var name = NameEntry.Text;
      await DisplayAlert("Greeting", $"Hello {name}!", "Howdy");
      }
      }
      }
  • 솔루션 탐색기에서 App.xaml.cs 열기
  • 공개 App()에서 “MainPage”를 “HelloWorldPage”로 바꾸기

3단계: 빌드 및 실행

이제 프로젝트 빌드를 시작하여 모든 코드가 작동하도록 하겠습니다.

  • Visual Studio 도구 모음에서 HelloWorld.Android 프로젝트 및 적절한 에뮬레이터 선택
을 클릭하여 Android 에뮬레이터 빌드 및 실행” open=”no”]

일부 디버깅 기능의 체험을 시작할 준비가 되었으면 다음 문서로 이동하세요. 디버그 및 추가 정보.