Bir Xamarin Projesinde Sayfalar Arasında Nasıl Gezinilir

Xamarin, platformlar arası mobil geliştirme için kullanılan bir yazılım platformudur. Bunu iOS, Android, Windows ve daha fazlasında uygulamalar oluşturmak için kullanabilirsiniz. Visual Studio'yu kullanarak yeni bir Xamarin projesi oluşturabilir ve içerik, widget'lar ve diğer işlevler ekleyerek uygulamanızı doldurabilirsiniz.

Yeni bir mobil uygulama oluşturduğunuzda, uygulamanız birkaç sayfa gerektirebilir. Bu durumda, uygulamanın, kullanıcıların bu sayfalar arasında gezinmesi için gerekli işlevselliğe de ihtiyacı olacaktır.

Xamarin Projesi Nasıl Kurulur

Başlamak, yeni bir Xamarin projesi oluştur. Yeni bir uygulama oluşturduğunuzda, adında varsayılan bir ana sayfa olacaktır. Ana Sayfa.xaml ana Xamarin proje klasöründe saklanır. bu Ana Sayfa.xaml sayfası, uygulamayı ilk başlattığınızda başlangıç ​​ekranınız gibi davranır.

Sayfada ayrıca bir AnaSayfa.xaml.cs C# kullanarak programlama mantığınızı yazabileceğiniz dosya. Diğer platformlar diğerlerini kullanabilir öğrenmeniz için faydalı olabilecek mobil geliştirme oyun dilleri.

1. Şu yöne rotayı ayarla Ana Sayfa.xaml ve açın.
2. İçinde AnaSayfa.xaml dosyası, varsayılan kodu değiştirin. İçeriğini değiştirin StackLayout Yeni bir etikete sahip UI öğesi:

   <StackLayout Dolgusu = "50">
   <Etiket Metni = "Yeni Mobil Uygulamam"
    YataySeçenekler = "Merkez"
    VerticalOptions = "MerkezVeGenişlet"
    FontAttributes = "Kalın italik"
    Yazı Boyutu = "24"
    MetinRengi = "Siyah" />
   </StackLayout>
   

3. Uygulamayı öykünücüde çalıştırmak için Visual Studio penceresinin üst kısmındaki yeşil oynat düğmesine tıklayın.
4. Öykünücü başlatılmadan önce projenin derlenmesini bekleyin.

Xamarin Projesine İkinci Sayfa Nasıl Eklenir

Şu anda Xamarin projenizin yalnızca bir sayfası var. Yeni bir sayfa oluşturmak için yeni bir sayfa ekleyin xaml dosya ve bazı içerikle doldurun.

1. Solution Explorer'da projeye sağ tıklayın. Seçme Ekleve üzerine tıklayın Yeni öğe.
2. Seçme İçerik sayfası itibaren Xamarin. Formlar kategori. Yeni dosyayı adlandırın SecondPage.xamlve üzerine tıklayın Ekle.
3. Çözüm Gezgini'nde yeni sayfanın göründüğünü göreceksiniz ve hem bir xaml dosya ve bir xaml.cs dosya. bu xaml dosya, UI öğelerinden ve widget'lardan oluşacaktır ve xaml.cs dosyası diğer kod mantığı ve işlevlerinden oluşacaktır.
4. Aç SecondPage.xaml zaten bazı varsayılan kodları içerecek olan dosya. İçinde StackLayout UI öğesi, geçerli etiketi "İkinci Sayfa" yazan bir etiketle değiştirin.

   <StackLayout>
   <Etiket Metni="İkinci sayfa"
    Yazı Boyutu="42"
    VerticalOptions="MerkezVeGenişlet"
    HorizontalOptions="MerkezVeGenişlet" />
   </StackLayout>

Ana Sayfadan İkinci Sayfaya Nasıl Gidilir

İkinci sayfaya gitmek için, uygulamayı bu sayfaya gitmek üzere tetikleyecek bir düğme ekleyin.

1. Açık AnaSayfa.xaml.
2. Bir düğme kullanıcı arabirimi öğesi ekleyin. Yeni düğmeyi etiketin altına ekleyin.

   <Düğme Metni = "İkinci Sayfaya Git"
    x: İsim = "Buton 1"
    Arka PlanRenk = "#2196F3"
    MetinRengi = "Beyaz duman"
    YükseklikTalebi = "50" />

3. Açık AnaSayfa.xaml.csve adlı bir işlev oluşturun Şu yöne rotayı ayarla(). İşlevin içinde şunu kullanın: Navigasyon. PushAsync yeni sayfaya gitmek için işlev. Yeni sayfa nesnesini argüman olarak eklemeniz gerekecek.

   zaman uyumsuzgeçersiz NavigateTo (nesne gönderen, EventArgs e)
   {
    Navigasyon. PushAsync(yeni İkinci sayfa());
   }

4. Geri dönmek AnaSayfa.xaml. yeni ekle Şu yöne rotayı ayarla() içinde işlev tıklandı bağlanmak. Bu, kullanıcı düğmeye bastığında işlevin çalışmasını tetikleyecektir.

   <Düğme Metni = "İkinci Sayfaya Git"
    x: İsim = "Buton 1"
    tıklandı = "Şu yöne rotayı ayarla"
    Arka PlanRenk = "#2196F3"
    MetinRengi = "Beyaz duman"
    YükseklikTalebi = "50" />

5. Uygulamayı öykünücüyü kullanarak başlatmak için Visual Studio penceresinin üst kısmındaki yeşil oynat düğmesine tıklayın.
6. Ana sayfadaki butona tıklayın. Uygulamanın ikinci sayfaya gittiğini göreceksiniz.

Xamarin Kullanarak Mobil Uygulamalar Oluşturma

Xamarin, iOS, Android, Windows ve daha fazlasında mobil uygulamalar geliştirmek için kullanabileceğiniz açık kaynaklı bir araçtır. Visual Studio'yu kullanarak yeni bir Xamarin projesi oluşturabilir, uygulamayı doldurabilir ve birden çok sayfa ekleyebilirsiniz.

Birden çok sayfa eklemek için yeni içerik sayfaları oluşturun ve bunları içerikle doldurun. Uygulamayı yeni sayfaya gitmek üzere tetiklemek için tıklama olaylarını veya diğer olayları da kullanabilirsiniz.

Bir mobil uygulama oluşturmaya yönelik çok şey vardır, bu nedenle başlarken temelleri anlamanız önemlidir. Öğrenebileceğiniz harika kurslardan bazılarını keşfedin.