Tworzenie pierwszej Xamarin.Forms aplikacji

Instrukcje krok po kroku dotyczące systemu Windows

Wykonaj następujące kroki wraz z powyższym filmem wideo:

1. Wybierz pozycję Plik > nowy > projekt... lub naciśnij przycisk Utwórz nowy projekt... .

2. Wyszukaj ciąg "Xamarin" lub wybierz pozycję Mobile z menu Typ projektu. Wybierz typ projektu Aplikacja mobilna (Xamarin.Forms).

3. Wybierz nazwę projektu — w przykładzie użyto ciągu "AwesomeApp".

4. Kliknij pozycję Pusty typ projektu i upewnij się, że wybrano pozycję Android i iOS :

   

5. Zaczekaj, aż pakiety NuGet zostaną przywrócone (na pasku stanu pojawi się komunikat "Przywracanie ukończone").

6. Nowe instalacje programu Visual Studio 2022 nie będą miały zainstalowanych zestawów SDK systemu Android. Może zostać wyświetlony monit o zainstalowanie najnowszego zestawu SDK systemu Android:

   

7. Nowe instalacje programu Visual Studio 2022 nie będą miały skonfigurowanego emulatora systemu Android. Kliknij strzałkę listy rozwijanej na przycisku Debuguj i wybierz pozycję Utwórz emulator systemu Android, aby uruchomić ekran tworzenia emulatora:

   

8. Na ekranie tworzenia emulatora użyj ustawień domyślnych i kliknij przycisk Utwórz :

   

9. Utworzenie emulatora spowoduje powrót do okna Menedżer urządzeń. Kliknij przycisk Start, aby uruchomić nowy emulator:

   

10. Program Visual Studio 2022 powinien teraz wyświetlić nazwę nowego emulatora na przycisku Debuguj:

    

11. Kliknij przycisk Debuguj, aby skompilować i wdrożyć aplikację w emulatorze systemu Android:

    

Dostosowywanie aplikacji

Aplikację można dostosować w celu dodania funkcji interaktywnych. Wykonaj następujące kroki, aby dodać interakcję użytkownika do aplikacji:

1. Edytuj plik MainPage.xaml, dodając ten kod XAML przed końcem pliku </StackLayout>:

   <Button Text="Click Me" Clicked="Button_Clicked" />
   

2. Edytuj MainPage.xaml.cs, dodając ten kod na końcu klasy:

   int count = 0;
   void Button_Clicked(object sender, System.EventArgs e)
   {
       count++;
       ((Button)sender).Text = $"You clicked {count} times.";
   }
   

3. Debugowanie aplikacji w systemie Android:

   

Tworzenie aplikacji systemu iOS w programie Visual Studio 2022

Istnieje możliwość skompilowania i debugowania aplikacji systemu iOS z programu Visual Studio przy użyciu komputera Mac z siecią. Aby uzyskać więcej informacji, zapoznaj się z instrukcjami konfiguracji.

Instrukcje krok po kroku dotyczące systemu Windows

Wykonaj następujące kroki wraz z powyższym filmem wideo:

1. Wybierz przycisk Utwórz > nowy > projekt... lub naciśnij przycisk Utwórz nowy projekt...

   

2. Wyszukaj ciąg "Xamarin" lub wybierz pozycję Mobile z menu Typ projektu. Wybierz typ projektu Aplikacja mobilna (Xamarin.Forms):

   

3. Wybierz nazwę projektu — w przykładzie użyto ciągu "AwesomeApp":

   

4. Kliknij pozycję Pusty typ projektu i upewnij się, że wybrano pozycję Android i iOS :

   

5. Zaczekaj, aż pakiety NuGet zostaną przywrócone (na pasku stanu pojawi się komunikat "Przywracanie ukończone").

6. Nowe instalacje programu Visual Studio 2019 nie będą miały skonfigurowanego emulatora systemu Android. Kliknij strzałkę listy rozwijanej na przycisku Debuguj i wybierz pozycję Utwórz emulator systemu Android, aby uruchomić ekran tworzenia emulatora:

   

7. Na ekranie tworzenia emulatora użyj ustawień domyślnych i kliknij przycisk Utwórz :

   

8. Utworzenie emulatora spowoduje powrót do okna Menedżer urządzeń. Kliknij przycisk Start, aby uruchomić nowy emulator:

   

9. Program Visual Studio 2019 powinien teraz wyświetlić nazwę nowego emulatora na przycisku Debuguj:

   

10. Kliknij przycisk Debuguj, aby skompilować i wdrożyć aplikację w emulatorze systemu Android:

    

Dostosowywanie aplikacji

Aplikację można dostosować w celu dodania funkcji interaktywnych. Wykonaj następujące kroki, aby dodać interakcję użytkownika do aplikacji:

1. Edytuj plik MainPage.xaml, dodając ten kod XAML przed końcem pliku </StackLayout>:

   <Button Text="Click Me" Clicked="Button_Clicked" />
   

2. Edytuj MainPage.xaml.cs, dodając ten kod na końcu klasy:

   int count = 0;
   void Button_Clicked(object sender, System.EventArgs e)
   {
       count++;
       ((Button)sender).Text = $"You clicked {count} times.";
   }
   

3. Debugowanie aplikacji w systemie Android:

   

Uwaga

Przykładowa aplikacja zawiera dodatkowe interaktywne funkcje, które nie są omówione w filmie wideo.

Tworzenie aplikacji systemu iOS w programie Visual Studio 2019

Istnieje możliwość skompilowania i debugowania aplikacji systemu iOS z programu Visual Studio przy użyciu komputera Mac z siecią. Aby uzyskać więcej informacji, zapoznaj się z instrukcjami konfiguracji.

W tym filmie wideo omówiono proces kompilowania i testowania aplikacji systemu iOS przy użyciu programu Visual Studio 2019 w systemie Windows:

Instrukcje krok po kroku dla komputerów Mac

Wykonaj następujące kroki wraz z powyższym filmem wideo:

1. Wybierz pozycję Plik > nowe rozwiązanie... lub naciśnij przycisk Nowy projekt..., a następnie wybierz wieloplatformową >> aplikację Pusta aplikacja formularzy:

   

2. Upewnij się, że wybrano systemy Android i iOS :

   

Uwaga

Tylko znaki A-Z, a-z, "_", "." i cyfry są obsługiwane dla nazwy aplikacji i identyfikatora organizacji.

3. Przywróć pakiety NuGet, klikając prawym przyciskiem myszy rozwiązanie:

   

4. Uruchom emulator systemu Android, naciskając przycisk debugowania (lub Uruchom uruchom > debugowanie).

5. Edytuj plik MainPage.xaml, dodając ten kod XAML przed końcem pliku </StackLayout>:

   <Button Text="Click Me" Clicked="Handle_Clicked" />
   

6. Edytuj MainPage.xaml.cs, dodając ten kod na końcu klasy:

   int count = 0;
   void Handle_Clicked(object sender, System.EventArgs e)
   {
       count++;
       ((Button)sender).Text = $"You clicked {count} times.";
   }
   

7. Debugowanie aplikacji w systemie Android:

   

8. Kliknij prawym przyciskiem myszy, aby ustawić system iOS na projekt startowy:

   

9. Debugowanie aplikacji w systemie iOS przez wybranie symulatora systemu iOS z listy rozwijanej.

Instrukcje krok po kroku dla komputerów Mac

Wykonaj następujące kroki wraz z powyższym filmem wideo:

1. Wybierz pozycję Plik > nowe rozwiązanie... lub naciśnij przycisk Nowy projekt..., a następnie wybierz wieloplatformową >> aplikację Pusta aplikacja formularzy:

   

2. Upewnij się, że wybrano pozycję Android i iOS z funkcją udostępniania kodu platformy .NET Standard :

   

Uwaga

Tylko znaki A-Z, a-z, "_", "." i cyfry są obsługiwane dla nazwy aplikacji i identyfikatora organizacji.

3. Przywróć pakiety NuGet, klikając prawym przyciskiem myszy rozwiązanie:

   

4. Uruchom emulator systemu Android, naciskając przycisk debugowania (lub Uruchom uruchom > debugowanie).

5. Edytuj plik MainPage.xaml, dodając ten kod XAML przed końcem pliku </StackLayout>:

   <Button Text="Click Me" Clicked="Handle_Clicked" />
   

6. Edytuj MainPage.xaml.cs, dodając ten kod na końcu klasy:

   int count = 0;
   void Handle_Clicked(object sender, System.EventArgs e)
   {
       count++;
       ((Button)sender).Text = $"You clicked {count} times.";
   }
   

7. Debugowanie aplikacji w systemie Android:

   

8. Kliknij prawym przyciskiem myszy, aby ustawić system iOS na projekt startowy:

   

9. Debugowanie aplikacji w systemie iOS:

   

Gotowy kod można wyświetlić w witrynie GitHub.

Następne kroki

• Szybki start dotyczący pojedynczej strony — tworzenie bardziej funkcjonalnej aplikacji.
• Xamarin.Forms Przykłady — pobieranie i uruchamianie przykładowych przykładów kodu oraz przykładowych aplikacji.
• Tworzenie książki ebook usługi Mobile Apps — szczegółowe rozdziały, które uczą programowania Xamarin.Forms , dostępne jako plik PDF i w tym setki dodatkowych przykładów.