Xamarin.iOS Uygulamaları için Ekranları Başlatma

1. Mac için Visual Studio'da Dosya > Yeni Çözümü'nü ve ardından Tek Görünüm Uygulaması'ni seçerek yeni bir proje oluşturun:

   

   • Varsayılan olarak, yeni bir Project, Başlatma Ekranı arabirimini tanımlayan bir LaunchScreen.storyboard dosyası içerir.
   • Bunun yerine mevcut projeye Bir Başlatma Ekranı Görsel Taslak eklemek için Çözüm Bölmesi'nde proje adına sağ tıklayın ve Yeni Dosya Ekle>... öğesini ve ardından Ekranı Başlat'ı seçin:

   

   • Dosyayı LaunchScreen olarak veya seçtiğiniz başka bir adla adlandırın.

2. Projeyi, Başlatma Ekranı için uygun Görsel Taslak'ı kullanacak şekilde yapılandırın:

   • Düzenlemek üzere açmak için Çözüm Bölmesi'nde Info.plist dosyasına çift tıklayın.
   • Görüntüleri Başlat bölümünde, Başlatma Ekranı'nın uygun Görsel Taslak adına ayarlandığından emin olun:

   

   • Varsayılan olarak yeni bir Project, LaunchScreen.storyboard dosyasını Başlatma Ekranı olarak kullanacak şekilde yapılandırılır.

3. Başlat Ekranında kullanılabilir olması için Assets.xcassets Varlık Kataloğu'na bir görüntü ekleyin. Daha fazla bilgi için Görüntü Görüntüleme kılavuzunun Varlık Kataloğu Görüntü Kümesine Görüntü Ekleme bölümüne bakın.

4. Düzenleme için LaunchScreen.storyboard dosyasını Çözüm Bölmesi'nde çift tıklayarak açın.

5. iOS Tasarım Aracı Başlatma Ekranı Görsel Taslak'ın önizlemesini görüntülemek için bir cihaz ve yönlendirme seçin. Alt araç çubuğundaki cihaz seçim panelini açın ve i Telefon 4S ve Dikey'i seçin.

   

   • Cihaz ve yönlendirmenin seçilmesinin yalnızca iOS Tasarım Aracı tasarımı önizleme biçimini değiştirdiğini unutmayın. Burada yapılan seçimden bağımsız olarak, aksini belirtmek için Özellikleri Düzenle düğmesi kullanılmadığı sürece yeni eklenen kısıtlamalar tüm cihazlara ve yönlendirmelere uygulanır.

6. Görünüm Denetleyicisi'nin ana Görünümünün Arka plan rengini ayarlayın. Görünüm Denetleyicisi'nin ortasına tıklayarak Görünüm'ü seçin ve Özellikler Bölmesi'ni kullanarak arka plan rengini ayarlayın:

   

7. Başlatma Ekranına Bir Görüntü Görünümü ekleyin ve kaynak Görüntüsünü ayarlayın:

   • Resim Görünümünü Araç Kutusu Bölmesi'nden Görünümün ortasına sürükleyin.
   • Görüntü Görünümü seçili durumdayken, Özellikler Bölmesi'nin Pencere Öğesi bölümünde Görüntü özelliğini Assets.xcassets Varlık Kataloğu'na zaten eklenmiş olan Görüntü Kümesi olarak ayarlayın. Görüntü Görünümü'nü gerektiği gibi yeniden konumlandırın ve boyutlandırın:

   

8. Görüntü Görünümünün altına bir Etiket ekleyin ve özniteliklerini ayarlamak için Özellikler Bölmesi'ni kullanın:

   

9. Kısıtlamalar Araç Çubuğu'ndaki sağ taraftaki düğmeyi kullanarak Kısıtlama Düzenleme Modu'na geçin:

   

10. Resim Görünümü'ne yükseklik ve genişliğini ayarlayıp yatay ve dikey olarak ortalayarak kısıtlamalar ekleyin:

    

    • Kısıtlama ekleme hakkında daha fazla bilgi için bkz. iOS için Xamarin Tasarım Aracı ile Otomatik Düzen.

11. Etikete kısıtlamalar ekleyin, yatay olarak ortalayın, yükseklik ve genişlik sağlayın ve Resim Görünümü'nden dikey olarak sabit bir uzaklık konumlandırın:

    

12. Tasarımın tüm senaryolarda amaçlandığı gibi göründüğünü doğrulamak için diğer cihazları ve yönlendirmeleri test edin. Belirli bir cihaz veya yönlendirme için ayarlamaların yapılması gereken durumlarda, belirli boyut sınıfları için kısıtlamalar eklemek için Özellikleri Düzenle düğmesini kullanın:

    

13. Değişiklikleri Görsel Taslak'a kaydedin. Uygulamayı bir simülatörde veya cihazda çalıştırdığınızda, uygulama başlatılırken Başlatma Ekranı görünür.

1. Yeni bir proje oluşturma. Visual Studio'da Dosya Yeni Proje Visual C# > i Telefon & iPad > iOS Uygulaması (Xamarin) seçeneğini belirleyin:> > >

   

   Tek Görünüm Uygulaması şablonunu seçin ve ardından Tamam'a tıklayın:

   

2. Çözüm Gezgini Resources > LaunchScreen.xib varsa, dosyaya sağ tıklayıp Sil'i seçerek silin. Bu dosya sonraki adımda görsel taslakla değiştirilecek.

3. Başlatma Ekranı olarak kullanılacak bir Görsel Taslak oluşturun. Çözüm Gezgini, Projeye sağ tıklayın ve Yeni Öğe Ekle>... öğesini ve ardından Boş Görsel Taslak'ı seçin. Bu Görsel Taslak LaunchScreen.storyboard adını verin ve Ekle'ye tıklayın:

   

4. Projeyi LaunchScreen.storyboard dosyasını Başlatma Ekranı Görsel Şeridi olarak kullanacak şekilde yapılandırın:

   • Düzenlemek üzere açmak için Çözüm Gezgini Info.plist dosyasına çift tıklayın.
   • Görsel Varlıklar sekmesinde Başlatma Ekranı'nı LaunchScreen olarak ayarlayın.

   

5. Başlat Ekranında kullanılabilmesi için Projedeki Varlık Kataloğu'na görüntü ekleyin:

   • Çözüm Gezgini Varlık Katalogları'na sağ tıklayın ve Varlık Kataloğu Ekle'yi seçin. Bu yeni Varlık Kataloğu Varlıklarını adlandır:

   

   • Görüntü Görüntüleme kılavuzunun Varlık Kataloğu Görüntü Kümesine Görüntü Ekleme bölümünde açıklandığı gibi Varlıklar Varlık Kataloğu'na yeni bir Görüntü Kümesi ekleyin.

6. Çözüm Gezgini çift tıklayarak LaunchScreen.storyboard dosyasını düzenlemek üzere açın.

   • Görsel Taslak dosyasını düzenlemek için Visual Studio'da Mac derleme konağına etkin bir bağlantı gerekir. Ayrıntılar için Mac'e Bağlan kılavuzuna bakın.

7. iOS Tasarım Aracı Başlatma Ekranı Görsel Taslak'ın önizlemesini görüntülemek için bir cihaz ve yönlendirme seçin. Alt araç çubuğundaki cihaz seçim panelini açın ve i Telefon 4S ve Dikey'i seçin:

   

   • Cihaz ve yönlendirmenin seçilmesinin yalnızca iOS Tasarım Aracı tasarımı önizleme biçimini değiştirdiğini unutmayın. Burada yapılan seçimden bağımsız olarak, aksini belirtmek için Özellikleri Düzenle düğmesi kullanılmadığı sürece yeni eklenen kısıtlamalar tüm cihazlara ve yönlendirmelere uygulanır.

8. Araç Kutusundan tasarım yüzeyine sürükleyerek Görsel Taslak'a bir Görünüm Denetleyicisi ekleyin:

   

9. Görünüm Denetleyicisi'nin ana Görünümünün Arka plan rengini ayarlayın. Görünüm Denetleyicisi'nin ortasına tıklayarak Görünüm'ü seçin ve Özellikler Penceresi'ni kullanarak arka plan rengini ayarlayın:

   

10. Başlatma Ekranına Bir Görüntü Görünümü ekleyin ve kaynak Görüntüsünü ayarlayın:

    • Bir Görüntü Görünümünü Araç Kutusu'ndan Görünümün ortasına sürükleyin.
    • Resim Görünümü seçili durumdayken, Özellikler Penceresinin Pencere Öğesi bölümünde Görüntü özelliğini Varlıklar Varlık Kataloğu'na zaten eklenmiş olan Görüntü Kümesi olarak ayarlayın. Görüntü Görünümü'nü gerektiği gibi yeniden konumlandırın ve boyutlandırın:

    

11. Resim Görünümünün altına bir Etiket ekleyin:

    • Bir Etiketi Araç Kutusu'ndan tasarım yüzeyine sürükleyerek Görüntü Görünümü'nü altına yerleştirin.
    • Özellikler Penceresini kullanarak Etiket özniteliklerini ayarlayın:

    

12. Kısıtlamalar Araç Çubuğu'ndaki sağ taraftaki düğmeyi kullanarak Kısıtlama Düzenleme Modu'na geçin:

    

13. Resim Görünümü'ne yükseklik ve genişliğini ayarlayıp yatay ve dikey olarak ortalayarak kısıtlamalar ekleyin:

    

    • Kısıtlama ekleme hakkında bilgi için bkz. iOS için Xamarin Tasarım Aracı ile Otomatik Düzen.

14. Etikete kısıtlamalar ekleyin, yatay olarak ortalayın, yükseklik ve genişlik sağlayın ve Resim Görünümü'nden dikey olarak sabit bir uzaklık konumlandırın:

    

15. Tasarımın tüm senaryolarda amaçlandığı gibi göründüğünü doğrulamak için diğer cihazları ve yönlendirmeleri test edin. Belirli bir cihaz veya yönlendirme için ayarlamaların yapılması gereken durumlarda, belirli boyut sınıfları için kısıtlamalar eklemek için Özellikleri Düzenle düğmesini kullanın:

    

16. Değişiklikleri Görsel Taslak'a kaydedin. Uygulamayı bir simülatörde veya cihazda çalıştırdığınızda, uygulama başlatılırken Başlatma Ekranı görünür.

Mevcut bir uygulamayı Başlatma Ekranları için Görsel Taslakları kullanacak şekilde güncelleştirirken, Çözüm Gezgini Proje Adı'na sağ tıklayın ve Yeni Dosya Ekle...'yi>seçin. iOS>Başlatma Ekranı'nı seçin ve Yeni düğmesine tıklayın:

Ardından, Çözüm Gezgini dosyaya çift tıklayarak Info.plist düzenlemek üzere açın. Ekranı Başlat'ın altında, yukarıda oluşturulan yeni Görsel Taslak dosyasını seçin.

Yeni Görsel Taslak'ı başlatma ekranı olarak kullanmak için aşağıdakileri yapın:

1. Çözüm Gezgini dosyaya çift tıklayarak Info.plist düzenlemek üzere açın.

2. Düzenleyicinin Evrensel Başlatma Görüntüleri bölümüne kaydırın, Ekranı Başlat açılan listesini açın ve yukarıda oluşturulan görsel taslak adını seçin:

   

1. Çözüm Gezgini proje adına sağ tıklayın ve Yeni Dosya Ekle...'yi>seçin:

   

2. Başlatma ekranı için bir ad girin ve Ekle düğmesine tıklayın:

   

3. Çözüm Gezgini, yeni oluşturulan görsel taslak dosyasına çift tıklayarak düzenlemek üzere açın.

4. Boyut Sınıfı'nın any:any olarak ayarlandığından ve Farklı Görüntüle'nin Genel olduğundan emin olun:

   

5. Uygulama paketine eklediğiniz Boyut Sınıfları, basit kullanıcı arabirimi öğeleri (gibi UIImageView) ve görüntülerden başlatma ekranını bir araya getirin:

   

6. Değişiklikleri Görsel Taslak'a kaydedin.