İlk uygulamanızı oluşturma Xamarin.Forms

Bu videoyu izleyin ve ile ilk mobil uygulamanızı oluşturun .

Windows için adım adım yönergeler

Örnek indir Örneği indirin

Yukarıdaki video ile birlikte bu adımları izleyin:

  1. dosya yeni > Project.. . öğesini seçin veya > düğmesine basın:

    Yeni proje oluşturma

  2. "Xamarin" araması yapın veya Project türü menüsünden mobil ' i seçin. Mobil uygulama ( ) proje türünü seçin:

    Xamarin projeleri için filtre

  3. Proje adı seçin – örnek "AwesomeApp" kullanır:

    Proje adı seçin

  4. Boş proje türüne tıklayın ve Android ve iOS 'ın seçili olduğundan emin olun:

    Android ve iOS, .NET Standard

  5. NuGet paketleri geri yüklenene kadar bekleyin (durum çubuğunda "geri yükleme tamamlandı" iletisi görünür).

  6. yeni Visual Studio 2019 yüklemelerinin yapılandırılmış bir Android öykünücüsü yoktur. hata ayıkla düğmesindeki açılan oka tıklayın ve Android Emulator oluştur ' u seçerek öykünücü oluşturma ekranını başlatın:

    Android Emulator açılır listesini oluştur

  7. Öykünücü oluşturma ekranında, varsayılan ayarları kullanın ve Oluştur düğmesine tıklayın:

    Android öykünücüsü oluşturma ekranı

  8. Öykünücü oluşturmak sizi Device Manager penceresine döndürür. Yeni öykünücüyü başlatmak için Başlat düğmesine tıklayın:

    Device Manager Android öykünücüsü

  9. Visual Studio 2019 şimdi hata ayıklama düğmesinde yeni öykünücü adını göstermelidir:

    Hata ayıklama düğmesinde Android öykünücü adı

  10. Uygulamayı derlemek ve Android öykünücüsünde dağıtmak için Hata Ayıkla düğmesine tıklayın:

    Uygulamayı görüntüleyen Android öykünücüsü

Uygulamayı özelleştirme

Uygulama etkileşimli işlevsellik eklemek için özelleştirilebilir. Uygulamaya Kullanıcı etkileşimi eklemek için aşağıdaki adımları gerçekleştirin:

  1. MainPage. xaml' i düzenleyerek, bu xaml 'yi şu sonundan önce ekleyin :

    <Button Text="Click Me" Clicked="Button_Clicked" />
    
  2. MainPage. xaml. csöğesini düzenleyerek bu kodu sınıfın sonuna ekleyin:

    int count = 0;
    void Button_Clicked(object sender, System.EventArgs e)
    {
        count++;
        ((Button)sender).Text = $"You clicked {count} times.";
    }
    
  3. Android 'de uygulamada hata ayıkla:

    Android uygulaması

Not

Örnek uygulama, videoda kapsanmayan ek etkileşimli işlevselliği içerir.

Visual Studio 2019 ' de bir iOS uygulaması oluşturma

ağ bağlantılı bir Mac bilgisayar ile Visual Studio iOS uygulamasını derlemek ve hata ayıklamak mümkündür. Daha fazla bilgi için kurulum yönergelerine bakın.

bu videoda, Windows Visual Studio 2019 kullanarak bir iOS uygulaması oluşturma ve test etme işlemi ele alınmaktadır:

Windows için adım adım yönergeler

Örnek indir Örneği indirin

Yukarıdaki video ile birlikte bu adımları izleyin:

  1. yeni dosya > Project.. . öğesini seçin veya > düğmesine basın, sonra Visual C# platformlar arası > mobil uygulama ( Xamarin.Forms )seçeneğini belirleyin:

    Mobil uygulama (<span class =Xamarin. Forms Mobile App (<span class= ) " Data-LinkType = "göreli yol"/>

  2. .NET Standard kod paylaşımıyla Android ve iOS 'un seçili olduğundan emin olun:

    Android ve iOS, .NET Standard

  3. NuGet paketleri geri yüklenene kadar bekleyin (durum çubuğunda "geri yükleme tamamlandı" iletisi görünür).

  4. Hata Ayıkla düğmesine (veya hata ayıklama başlatma hata ayıklama menüsü öğesi) basarak Android öykünücüsü ' nü başlatın.

  5. MainPage. xaml' i düzenleyerek, bu xaml 'yi şu sonundan önce ekleyin :

    <Button Text="Click Me" Clicked="Button_Clicked" />
    
  6. MainPage. xaml. csöğesini düzenleyerek bu kodu sınıfın sonuna ekleyin:

    int count = 0;
    void Button_Clicked(object sender, System.EventArgs e)
    {
        count++;
        ((Button)sender).Text = $"You clicked {count} times.";
    }
    
  7. Android 'de uygulamada hata ayıkla:

    Ekran görüntüsü Android Emulator gösterir.

    İpucu

    ağ bağlantılı bir Mac bilgisayar ile Visual Studio iOS uygulamasını derlemek ve hata ayıklamak mümkündür. Daha fazla bilgi için kurulum yönergelerine bakın.

Mac için adım adım yönergeler

Örnek indir Örneği indirin

Yukarıdaki video ile birlikte bu adımları izleyin:

  1. dosya yeni çözüm.. . ' ı seçin veya yeni Project... düğmesine basın ve ardından multiplatform uygulaması boş formlar uygulaması' nı seçin:

    Boş Forms uygulaması

  2. .NET Standard kod paylaşımıyla Android ve iOS 'un seçili olduğundan emin olun:

    Android ve iOS, .NET Standard

  3. çözüme sağ tıklayarak NuGet paketlerini geri yükleyin:

    ekran görüntüsü, çözüm için bağlam menüsünden seçili olan geri yükleme NuGet paketlerini gösterir.

  4. Hata Ayıkla düğmesine basarak (veya başlatma hata ayıklamayı Çalıştır) Android öykünücüsü ' nü başlatın.

  5. MainPage. xaml' i düzenleyerek, bu xaml 'yi şu sonundan önce ekleyin :

    <Button Text="Click Me" Clicked="Handle_Clicked" />
    
  6. MainPage. xaml. csöğesini düzenleyerek bu kodu sınıfın sonuna ekleyin:

    int count = 0;
    void Handle_Clicked(object sender, System.EventArgs e)
    {
        count++;
        ((Button)sender).Text = $"You clicked {count} times.";
    }
    
  7. Android 'de uygulamada hata ayıkla:

    Ekran görüntüsü Android Emulator gösterir.

  8. İOS 'ı başlangıç Projectayarlamak için sağ tıklayın:

    Başlangıç projesini iOS olarak ayarlama

  9. İOS 'ta uygulamada hata ayıkla:

    iOS uygulaması

Tamamlanan kodu örnekler galerisinden indirebilir veya GitHubüzerinde görüntüleyebilirsiniz.

Sonraki Adımlar