İ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:

   

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:

   

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:

   

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

   

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:

   

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

    

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

    

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:

   

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

   

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:

   

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:

   

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

   

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:

   

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

   

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

    

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:

   

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:

   

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

   

Not

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

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

   

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

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

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

6. 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.";
   }
   

7. Android'de uygulamada hata ayıklama:

   

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

   

9. 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:

   

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

   

Not

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

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

   

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

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

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

6. 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.";
   }
   

7. Android'de uygulamada hata ayıklama:

   

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

   

9. iOS'ta uygulamada hata ayıklama:

   

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

Sonraki Adımlar

• Tek Sayfalı Hızlı Başlangıç – Daha işlevsel bir uygulama oluşturun.
• Xamarin.Forms Örnekler – Kod örneklerini ve örnek uygulamaları indirip çalıştırın.
• Mobile Apps e-kitabı oluşturma – Geliştirmeyi öğreten Xamarin.Forms , PDF olarak sunulan ve yüzlerce ek örnek içeren ayrıntılı bölümler.