Приступая к работе с Visual Studio

Сведения о том, как установить Visual Studio, представлены в предыдущей статье.

Создание приложения с помощью Visual Studio 2017

Автор: Николь Брук (Nicole Bruck)

Этап 1. Создание

Мы воспользуемся Visual Studio и Xamarin для создания базового приложения Android (которое также поддерживает iOS и Windows Phone) — даже если вы никогда раньше не занимались разработкой мобильных приложений, никаких специальных знаний не потребуется!

  • Выберите «Файл» → «Создать» → «Проект»
  • Слева разверните узел «Кроссплатформенные приложения» и выберите тип проекта «Кроссплатформенное приложение (Xamarin.Forms или машинный код)»и присвойте ему имя «HelloWorld»
  • На следующем экране выберите шаблон «Пустое приложение» и установите переключатель «Портативная библиотека классов (PCL)» в разделе «Стратегия совместного использования кода»:

Этап 2. Внесение изменений

В мобильное приложение необходимо добавить область текста и кнопку. Затем мы назначим для кнопки действие, чтобы при ее нажатии отображалась фраза «Hello, World!»»

  • Щелкните правой кнопкой мыши проект HelloWorldApp (Portable) и выберите пункт «Новый элемент»
  • Выберите шаблон страницы Xaml Page и присвойте новой странице имя «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 в обозревателе решений
  • В public App() замените «MainPage» на «HelloWorldPage»

Этап 3. Сборка и запуск

Теперь приступим к сборке проекта, чтобы проверить работоспособность кода.

  • На панели инструментов Visual Studio выберите проект HelloWorld.Android и соответствующий эмулятор

Если вы готовы познакомиться с другими функциями отладки, обратитесь к следующей статье: Отладка и многое другое.