Jak nawigować między stronami w projekcie Xamarin

Xamarin to platforma oprogramowania używana do wieloplatformowego rozwoju mobilnego. Możesz go używać do tworzenia aplikacji na iOS, Androida, Windows i nie tylko. Możesz utworzyć nowy projekt Xamarin przy użyciu programu Visual Studio i wypełnić aplikację, dodając zawartość, widżety i inne funkcje.

Gdy tworzysz nową aplikację mobilną, Twoja aplikacja może wymagać kilku stron. W takim przypadku aplikacja będzie również potrzebować wymaganej funkcjonalności, aby użytkownicy mogli nawigować między tymi stronami.

Jak skonfigurować projekt Xamarin

Rozpocząć, utwórz nowy projekt Xamarin. Kiedy tworzysz nową aplikację, pojawi się domyślna strona główna o nazwie Strona główna.xaml przechowywane w głównym folderze projektu Xamarin. The Strona główna.xaml Strona działa jako ekran startowy przy pierwszym uruchomieniu aplikacji.

Strona zawiera również Strona główna.xaml.cs plik, w którym możesz napisać swoją logikę programowania za pomocą C#. Inne platformy mogą używać innych Języki gier mobilnych, które mogą być przydatne do nauki.

1. Nawigować do Strona główna.xaml i otwórz.
2. w Strona główna.xaml pliku, zmodyfikuj kod domyślny. Zastąp zawartość Układ stosu Element UI z nową etykietą:

   <StackLayout Padding = "50">
   <Tekst etykiety = "Moja nowa aplikacja mobilna"
    Opcje poziome = "Środek"
    Opcjepionowe = "Wyśrodkuj i rozwiń"
    Atrybuty czcionki = "Pogrubiona kursywa"
    Rozmiar czcionki = "24"
    Kolor tekstu = "Czarny" />
   </StackLayout>
   

3. W górnej części okna programu Visual Studio kliknij zielony przycisk odtwarzania, aby uruchomić aplikację w emulatorze.
4. Poczekaj, aż projekt się skompiluje przed uruchomieniem emulatora.

Jak dodać drugą stronę do projektu Xamarin

Obecnie Twój projekt Xamarin ma tylko jedną stronę. Aby utworzyć nową stronę, dodaj nową xaml plik i wypełnij go jakąś zawartością.

1. W Eksploratorze rozwiązań kliknij prawym przyciskiem myszy projekt. Wybierz Dodaći kliknij Nowy przedmiot.
2. Wybierz Strona z treścią od Xamarin. Formularze Kategoria. Nazwij nowy plik Druga strona.xamli kliknij Dodać.
3. Zobaczysz, że nowa strona pojawi się w Eksploratorze rozwiązań i będzie składać się z obu: xaml plik i xaml.cs plik. The xaml plik będzie składał się z elementów UI i widżetów, a xaml.cs plik będzie składał się z innej logiki kodu i funkcjonalności.
4. Otworzyć Druga strona.xaml plik, który będzie już zawierał jakiś domyślny kod. W obrębie Układ stosu Element interfejsu użytkownika, zastąp bieżącą etykietę etykietą z napisem „Druga strona”.

   <Układ stosu>
   <Tekst etykiety="Druga strona"
    Rozmiar czcionki="42"
    Opcjepionowe="Wyśrodkuj i rozwiń"
    Opcje poziome="Wyśrodkuj i rozwiń" />
   </StackLayout>

Jak przejść do drugiej strony ze strony głównej

Aby przejść do drugiej strony, dodaj przycisk, który spowoduje przejście aplikacji do niej.

1. otwarty Strona główna.xaml.
2. Dodaj element interfejsu użytkownika przycisku. Dodaj nowy przycisk pod etykietą.

   <Tekst przycisku = "Przejdź do drugiej strony"
    x: Nazwa = "Przycisk 1"
    Kolor tła = "#2196F3"
    Kolor tekstu = "Biały dym"
    Żądanie wysokości = "50" />

3. otwarty Strona główna.xaml.csi utwórz funkcję o nazwie Nawigować do(). Wewnątrz funkcji użyj Nawigacja. PushAsync funkcji, aby przejść do nowej strony. Będziesz musiał dodać nowy obiekt strony jako argument.

   asynchronicznypróżnia NavigateTo (nadawca obiektu, EventArgs e)
   {
    Nawigacja. PushAsync(Nowy DrugaStrona());
   }

4. Wróć do Strona główna.xaml. Dodaj nowy Nawigować do() funkcja w Kliknięty atrybut. Spowoduje to uruchomienie funkcji, gdy użytkownik naciśnie przycisk.

   <Tekst przycisku = "Przejdź do drugiej strony"
    x: Nazwa = "Przycisk 1"
    Kliknięty = "Nawigować do"
    Kolor tła = "#2196F3"
    Kolor tekstu = "Biały dym"
    Żądanie wysokości = "50" />

5. W górnej części okna programu Visual Studio kliknij zielony przycisk odtwarzania, aby uruchomić aplikację za pomocą emulatora.
6. Kliknij przycisk na stronie głównej. Zobaczysz, że aplikacja przechodzi na drugą stronę.

Tworzenie aplikacji mobilnych przy użyciu platformy Xamarin

Xamarin to narzędzie typu open source, którego można używać do tworzenia aplikacji mobilnych w systemach iOS, Android, Windows i nie tylko. Możesz utworzyć nowy projekt Xamarin przy użyciu programu Visual Studio, wypełnić aplikację i dodać wiele stron.

Aby dodać wiele stron, utwórz nowe strony treści i wypełnij je treścią. Możesz także wykorzystać zdarzenia kliknięcia lub inne zdarzenia, aby uruchomić aplikację, aby przejść do nowej strony.

Budowanie aplikacji mobilnej wymaga bardzo wiele, dlatego ważne jest, abyś na początku zrozumiał podstawy. Poznaj niektóre ze wspaniałych kursów, na których możesz się uczyć.