Xamarin.Forms Samouczek
Pierwsze kroki z Xamarin.Forms

Uwagi

Wersje

Instalacja (Visual Studio)

Xamarin.Forms to wieloplatformowa abstrakcyjna platforma narzędziowa z interfejsem użytkownika, która umożliwia programistom łatwe tworzenie interfejsów użytkownika, które można udostępniać na urządzeniach z Androidem, iOS, Windows i Windows Phone. Interfejsy użytkownika są renderowane przy użyciu natywnych elementów sterujących platformy docelowej, umożliwiając aplikacjom Xamarin.Forms zachowanie odpowiedniego wyglądu i działania dla każdej platformy.

Wtyczka Xamarin dla programu Visual Studio

Aby rozpocząć pracę z Xamarin.Forms for Visual Studio, musisz mieć samą wtyczkę Xamarin. Najprostszym sposobem na zainstalowanie jest pobranie i zainstalowanie najnowszego programu Visual Studio.

Jeśli masz już zainstalowany najnowszy program Visual Studio, wybierz Panel sterowania> Programy i funkcje, kliknij prawym przyciskiem myszy Visual Studio i kliknij Zmień. Po otwarciu instalatora kliknij przycisk Zmień i wybierz międzyplatformowe narzędzia programistyczne dla urządzeń mobilnych:

Możesz także wybrać instalację zestawu Android SDK:

Usuń zaznaczenie, jeśli masz już zainstalowany zestaw SDK. Będziesz mógł skonfigurować Xamarin do korzystania z istniejącego zestawu SDK systemu Android później.

Xamarin.Forms

Xamarin.Forms to zestaw bibliotek dla biblioteki Portable Class i zestawów natywnych. Sama biblioteka Xamarin.Forms jest dostępna jako pakiet NuGet. Aby dodać go do swojego projektu, po prostu użyj zwykłej komendy Install-Package w konsoli Menedżera pakietów:

Install-Package Xamarin.Forms

dla wszystkich początkowych zespołów (na przykład MyProject, MyProject.Droid i MyProject.iOS).

Najprostszym sposobem na rozpoczęcie pracy z Xamarin.Forms jest utworzenie pustego projektu w Visual Studio:

Jak widać, istnieją 2 dostępne opcje utworzenia pustej aplikacji - Portable i Shared. Polecam zacząć od Portable One, ponieważ jest najczęściej używany w prawdziwym świecie (różnice i dodatkowe wyjaśnienia do dodania).

Po utworzeniu projektu upewnij się, że korzystasz z najnowszej wersji Xamarin.Forms, ponieważ początkowy szablon może zawierać stary. Użyj konsoli Menedżera pakietów lub opcji Zarządzaj pakietami NuGet, aby uaktualnić do najnowszej wersji Xamarin.Forms (pamiętaj, że to tylko pakiet NuGet).

Chociaż szablony Visual Studio Xamarin.Forms utworzą dla Ciebie projekt platformy iOS, musisz podłączyć Xamarin do hosta kompilacji Mac, aby móc uruchomić te projekty na symulatorze iOS lub urządzeniach fizycznych.

Hello World Xamarin Forms: Visual Studio

Po pomyślnym zainstalowaniu Xamarina, jak opisano w pierwszym przykładzie, czas uruchomić pierwszą przykładową aplikację.

Krok 1: Tworzenie nowego projektu.

W Visual Studio wybierz Nowy -> Projekt -> Visual C # -> Międzyplatformowy -> Pusta aplikacja (Xamarin.Forms Portable)

Nazwij aplikację „Hello World”, wybierz lokalizację do utworzenia projektu i kliknij OK. To stworzy dla Ciebie rozwiązanie, które zawiera trzy projekty:

1. HelloWorld (tutaj umieszczana jest twoja logika i widoki, tj. Projekt przenośny)
2. HelloWorld.Droid (projekt na Androida)
3. HelloWorld.iOS (projekt iOS)

Krok 2: Badanie próbki

Po utworzeniu rozwiązania przykładowa aplikacja będzie gotowa do wdrożenia. Otwórz App.cs znajdujący się w katalogu głównym projektu przenośnego i sprawdź kod. Jak widać poniżej, Content próbki jest StackLayout który zawiera Label :

using Xamarin.Forms;

namespace Hello_World
{
    public class App : Application
    {
        public App()
        {
            // The root page of your application
            MainPage = new ContentPage
            {
                Content = new StackLayout
                {
                    VerticalOptions = LayoutOptions.Center,
                    Children = {
                        new Label {
                            HorizontalTextAlignment = TextAlignment.Center,
                            Text = "Welcome to Xamarin Forms!"
                        }
                    }
                }
            };
        }
        protected override void OnStart()
        {
            // Handle when your app starts
        }
        protected override void OnSleep()
        {
            // Handle when your app sleeps
        }
        protected override void OnResume()
        {
            // Handle when your app resumes
        }
    }
}

Krok 3: Uruchomienie aplikacji

Teraz wystarczy kliknąć prawym przyciskiem myszy projekt, który chcesz uruchomić ( HelloWorld.Droid lub HelloWorld.iOS ) i kliknąć Set as StartUp Project . Następnie na pasku narzędzi Visual Studio kliknij przycisk Start (zielony trójkątny przycisk, który przypomina przycisk Odtwórz), aby uruchomić aplikację na docelowym symulatorze / emulatorze.