Tablet ve Masaüstü uygulamaları için düzen

  • Makale
  • Okumak için 2 dakika

Xamarin.Forms desteklenen platformlarda kullanılabilen tüm cihaz türlerini destekler, bu nedenle telefonlara ek olarak uygulamalar da şu platformlarda çalışır:

  • Ipads
  • Android tabletler,
  • Windows tabletler ve masaüstü bilgisayarlar (Windows 10).

Bu sayfada kısaca şöyle tartışacağız:

  • desteklenen cihaz türleri ,ve
  • tabletler ve telefonlar için düzenleri iyileştirme.

Cihaz Türleri

Daha büyük ekranlı cihazlar, tarafından desteklenen tüm platformlar için Xamarin.Forms kullanılabilir.

iPad'ler (iOS)

Şablon, Xamarin.FormsXamarin.Forms IPad ayarını Evrensel olarak yapılandırarak otomatik > olarak iPhone desteği iPad içerir.

Başlangıç deneyimi sağlamak ve tüm cihazlarda tam ekran çözünürlüğünü kullandığından emin olmak için, iPad özel bir başlatma ekranı (bir görüntü şeridi kullanarak) sağlanmalıdır. Bu, uygulamanın mini, iPad ve iPad doğru iPad Pro sağlar.

iOS 9'dan önce tüm uygulamalar cihazda tam ekranı kullandı, ancak bazı iPad'ler artık bölünmüş ekran çoklu görevi gerçekleştirebilirsiniz. Bu, uygulamanın ekranın yan tarafında yalnızca bir sütun, ekranın genişliğinin %50'sini veya ekranın tamamını kaplar.

Bölünmüş Ekran Örneği

Bölünmüş ekran işlevselliği, uygulamanızı 320 piksel veya 1366 piksel genişliğinde olacak şekilde tasarlamanız gerektiği anlamına gelir.

Android Tabletler

Android ekosistemi, küçük telefonlardan büyük tabletlere kadar çok sayıda desteklenen ekran boyutuna sahiptir. Xamarin.Forms tüm ekran boyutlarını destekleyese de, daha büyük cihazlar için kullanıcı arabiriminizi ayarlamak istediğiniz diğer platformlarda olduğu gibi.

Birçok farklı ekran çözünürlüğünü desteklerken, kullanıcı deneyimini iyileştirmek için yerel görüntü kaynaklarınızı farklı boyutlarda sebilirsiniz. Android uygulama projenizin klasör ve dosya adlarını uygulamanıza en iyi duruma getirilmiş görüntü kaynaklarını içerecek şekilde yapılandırma hakkında daha fazla bilgi için Android kaynakları belgelerini (ve özellikle farklı ekran boyutları için kaynak oluşturma)gözden geçirebilirsiniz.

Windows Tabletler ve Masaüstleri

Windows çalıştıran tabletleri ve masaüstü bilgisayarları desteklemek için, Windows üzerinde çalışan evrensel uygulamalar Windows UWPdesteğini Windows 10.

Tüm tabletlerde Windows masaüstü bilgisayarlarda çalışan uygulamalar, tam ekran çalıştırmaya ek olarak rastgele boyutlara yeniden boyutlandırılabilir.

Bölünmüş Ekran Örneği

Tablet ve Masaüstü için en iyi duruma getirme

Kullanıcı arabiriminizi Xamarin.Forms telefon veya tablet/masaüstü cihazın kullanıp kullanılmay durumuna göre ayarlayabilirsiniz. Bu, tabletler ve masaüstü bilgisayarlar gibi büyük ekranlı cihazlar için kullanıcı deneyimini en iyi duruma getirmenizi sağlar.

Device.Idiom

Sınıfını kullanarak Device uygulama veya kullanıcı arabiriminizin davranışını değiştirebilirsiniz. Numaralama Device.Idiom kullanarak

if (Device.Idiom == TargetIdiom.Phone)
{
    HeroImage.Source = ImageSource.FromFile("hero.jpg");
} else {
    HeroImage.Source = ImageSource.FromFile("herotablet.jpg");
}

Bu yaklaşım, tek tek sayfa düzenleri üzerinde önemli değişiklikler yapmak, hatta daha büyük ekranlarda tamamen farklı sayfalar işlemek için genişletilebilir.

FlyoutPage'den yararlan

, özellikle yerel bir iOS deneyimi sağlamak iPad daha büyük FlyoutPageUISplitViewController ekranlar için idealdir.

Telefonlarda bir düzen ve daha büyük ekranların başka bir düzen kullanması için kullanıcı arabiriminizi nasıl uyarlayabilirsiniz ( ile) görmek için bu Xamarin blog gönderisini gözden geçirebilirsiniz.