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

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

Yukarıdaki videoyla birlikte şu adımları izleyin:

  1. Dosya > Yeni Proje... öğesini seçin veya Yeni proje oluştur... düğmesine basın>.

  2. "Xamarin" için arama yapın veya Proje türü menüsünden Mobil'i seçin. Mobil Uygulama (Xamarin.Forms) proje türünü seçin.

  3. Bir proje adı seçin; örnekte "AwesomeApp" kullanılır.

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

    Android ve iOS Boş Uygulaması

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

  6. Yeni Visual Studio 2022 yüklemelerinde Android SDK'ları yüklü olmayacaktır, en son Android SDK'sını yüklemeniz istenebilir:

    Android SDK'sı yükleme

  7. Yeni Visual Studio 2022 yüklemelerinde bir Android öykünücüsü yapılandırılmaz. Hata Ayıkla düğmesindeki açılan oka tıklayın ve öykünücü oluşturma ekranını başlatmak için Android Öykünücüsü Oluştur'u seçin:

    Android Öykünücüsü oluştur açılan menüsü

  8. Ö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ı

  9. Öykünücü oluşturmak sizi Aygıt Yöneticisi penceresine döndürür. Yeni öykünücüyü başlatmak için Başlangıç düğmesine tıklayın:

    Aygıt Yöneticisi Android öykünücüsü

  10. Visual Studio 2022 artık Hata Ayıkla düğmesinde yeni öykünücünün adını göstermelidir:

    Hata Ayıkla düğmesinde Android öykünücüsü adı

  11. Uygulamayı derlemek ve Android öykünücüsine 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şlevler eklemek için özelleştirilebilir. Uygulamaya kullanıcı etkileşimi eklemek için aşağıdaki adımları gerçekleştirin:

  1. MainPage.xaml dosyasını düzenleyin ve bu XAML'yi sonuna kadar </StackLayout>ekleyin:

    <Button Text="Click Me" Clicked="Button_Clicked" />
    
  2. Bu kodu sınıfın sonuna ekleyerek MainPage.xaml.cs düzenleyin:

    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ıklama:

    Düğmeli Android uygulaması

Visual Studio 2022'de iOS uygulaması oluşturma

Ağa bağlı bir Mac bilgisayarla Visual Studio'dan iOS uygulamasını derleyip hatalarını ayıklamak mümkündür. Daha fazla bilgi için kurulum yönergelerine bakın.

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

Yukarıdaki videoyla birlikte şu adımları izleyin:

  1. Dosya > Yeni Proje... öğesini seçin veya Yeni proje oluştur... düğmesine basın>:

    Yeni proje oluşturma

  2. "Xamarin" için arama yapın veya Proje türü menüsünden Mobil'i seçin. Mobil Uygulama (Xamarin.Forms) proje türünü seçin:

    Xamarin projeleri için filtre uygulama

  3. Bir proje adı seçin; örnekte "AwesomeApp" kullanılır:

    Proje adı seçme

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

    .NET Standard ile Android ve iOS

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

  6. Yeni Visual Studio 2019 yüklemelerinde bir Android öykünücüsü yapılandırılmaz. Hata Ayıkla düğmesindeki açılan oka tıklayın ve öykünücü oluşturma ekranını başlatmak için Android Öykünücüsü Oluştur'u seçin:

    Android Öykünücüsü oluştur açılan menüsü

  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 Aygıt Yöneticisi penceresine döndürür. Yeni öykünücüyü başlatmak için Başlangıç düğmesine tıklayın:

    Aygıt Yöneticisi Android öykünücüsü

  9. Visual Studio 2019 artık Hata Ayıkla düğmesinde yeni öykünücünün adını göstermelidir:

    Hata Ayıkla düğmesinde Android öykünücüsü adı

  10. Uygulamayı derlemek ve Android öykünücüsine 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şlevler eklemek için özelleştirilebilir. Uygulamaya kullanıcı etkileşimi eklemek için aşağıdaki adımları gerçekleştirin:

  1. MainPage.xaml dosyasını düzenleyin ve bu XAML'yi sonuna kadar </StackLayout>ekleyin:

    <Button Text="Click Me" Clicked="Button_Clicked" />
    
  2. Bu kodu sınıfın sonuna ekleyerek MainPage.xaml.cs düzenleyin:

    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ıklama:

    Android uygulaması

Not

Örnek uygulama, videoda ele alınmayan ek etkileşimli işlevleri içerir.

Visual Studio 2019'da iOS uygulaması oluşturma

Ağa bağlı bir Mac bilgisayarla Visual Studio'dan iOS uygulamasını derleyip hatalarını ayıklamak mümkündür. Daha fazla bilgi için kurulum yönergelerine bakın.

Bu video, Windows'da Visual Studio 2019 kullanarak bir iOS uygulaması oluşturma ve test etme sürecini kapsar:

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

Yukarıdaki videoyla birlikte şu adımları izleyin:

  1. Dosya > Yeni Çözümü... öğesini seçin veya Yeni Proje... düğmesine basın, ardından Çok Platformlu > Uygulama > Boş Formlar Uygulaması'nı seçin:

    Boş Forms Uygulaması

  2. Android ve iOS'un seçili olduğundan emin olun:

    .NET Standard ile Android ve iOS

Not

Uygulama Adı ve Kuruluş Tanımlayıcınız için yalnızca A-Z, a-z, '_', '.' ve sayılar desteklenir.

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

    Çözüm için bağlam menüsünden seçilen NuGet Paketlerini Geri Yükle'yi gösteren ekran görüntüsü.

  2. Hata ayıklama düğmesine (veya Hata Ayıklamayı Başlat'ı çalıştır > ) basarak Android öykünücüsü başlatın.

  3. MainPage.xaml dosyasını düzenleyin ve bu XAML'yi sonuna kadar </StackLayout>ekleyin:

    <Button Text="Click Me" Clicked="Handle_Clicked" />
    
  4. Bu kodu sınıfın sonuna ekleyerek MainPage.xaml.cs düzenleyin:

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

    Android Öykünücüsü'ni gösteren ekran görüntüsü.

  6. iOS'yi Başlangıç Projesi olarak ayarlamak için sağ tıklayın:

    Başlangıç projesini iOS olarak ayarlama

  7. Açılan listeden bir iOS simülatörü seçerek iOS'ta uygulamada hata ayıklama.

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

Yukarıdaki videoyla birlikte şu adımları izleyin:

  1. Dosya > Yeni Çözümü... öğesini seçin veya Yeni Proje... düğmesine basın, ardından Çok Platformlu > Uygulama > Boş Formlar Uygulaması'nı seçin:

    Boş Forms Uygulaması

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

    .NET Standard ile Android ve iOS

Not

Uygulama Adı ve Kuruluş Tanımlayıcınız için yalnızca A-Z, a-z, '_', '.' ve sayılar desteklenir.

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

    Çözüm için bağlam menüsünden seçilen NuGet Paketlerini Geri Yükle'yi gösteren ekran görüntüsü.

  2. Hata ayıklama düğmesine (veya Hata Ayıklamayı Başlat'ı çalıştır > ) basarak Android öykünücüsü başlatın.

  3. MainPage.xaml dosyasını düzenleyin ve bu XAML'yi sonuna kadar </StackLayout>ekleyin:

    <Button Text="Click Me" Clicked="Handle_Clicked" />
    
  4. Bu kodu sınıfın sonuna ekleyerek MainPage.xaml.cs düzenleyin:

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

    Android Öykünücüsü'ni gösteren ekran görüntüsü.

  6. iOS'yi Başlangıç Projesi olarak ayarlamak için sağ tıklayın:

    Başlangıç projesini iOS olarak ayarlama

  7. iOS'ta uygulamada hata ayıklama:

    iOS uygulaması

Tamamlanmış kodu GitHub'da görüntüleyebilirsiniz.

Sonraki Adımlar