Katlanabilir cihazlar, yenilikçi uygulama geliştirme için fırsatlar sunar. Aynı cihazdaki büyük ve küçük ekranlar, tamamlayıcı ancak farklı etkileşimli deneyimler sunar. Masaüstü duruşu ve kitap duruşu gibi katlama özellikleri, yaratıcı düzenler ve alışılmadık kullanıcı arayüzleri oluşturmanızı sağlar.
Duyarlı/uyarlanabilir tasarım
Katlanabilir cihazlar için destek, duyarlı tasarımla başlar. Duyarlı düzenler, bir uygulamanın çeşitli ekran boyutlarında harika görünmesini ve çalışmasını sağlar. BoxWithConstraints composable'ı ile duyarlı tasarım uygulayın.
Ancak katlanabilir cihazların katlanmış ve açılmış ekranlarını en iyi şekilde desteklemek için düzenin uyarlanması gerekir. Katlanmış ve açılmış ekranların ekran boyutu ve en boy oranı arasındaki farklar oldukça büyük olabilir. Bu nedenle, duyarlı bir düzen bile her iki ekranı da yeterince destekleyemeyebilir. Uyarlanabilir tasarım, farklı ekran boyutları ve yapılandırmalar için optimize edilmiş alternatif düzenler oluşturur. Uyarlanabilir düzenler, katlanabilir bir cihaz katlandığında veya açıldığında, dikey ya da yatay yönde veya masaüstü ya da kitap duruşunda optimize edilmiş bir kullanıcı deneyimi sunar.
Örneğin, yatay yönde açılmış büyük ekranlı bir katlanabilir cihaz tablet gibidir. Gezinme çubuğu içeren iki bölmeli düzen, geniş ekrandan mükemmel şekilde yararlanır. Katlandığında standart bir telefona benzeyen cihazda, alt gezinme çubuğuyla tek sütunlu bir düzen kullanılıyor. Bu düzen basit ama etkili. Düzenler ayrı olduğundan her birini kendi kullanım alanına göre optimize edebilirsiniz.
Katlanabilir cihazlar, ekranı cihazın içine katlanacak şekilde içe veya ekranı cihazın etrafına sarılacak şekilde dışa doğru olmak üzere çeşitli şekillerde katlanabilir. Duyarlı/uyarlanabilir tasarım, uygulamanızı her türlü katlanabilir form faktörünü destekleyecek şekilde hazırlar.
Katlanabilir cihazlar için duyarlı/uyarlanabilir tasarım hakkında daha fazla bilgi edinmek için aşağıdaki kaynaklara göz atın:
- Farklı ekran boyutlarını destekleme
- Materyal Tasarım — Düzen uygulama
Katlanabilir cihazların durumları ve pozisyonları
Katlanabilir cihazın katlanma yeri, ekranı iki bölüme ayırır. Katlama, ekranın esnek bir alanı veya çift ekranlı cihazlarda iki ekranı ayıran bir menteşe olabilir.
Katlamanın boyutu ve occlusionType özelliği vardır. Bu özellik, katlamanın ekranın bir kısmını kapatıp kapatmadığını tanımlar. Çift ekranlı cihazlarda occlusionType FULL olduğundan, bir uygulama her iki ekrana da yayılıyor olsa bile katlama (menteşe) alanında içerik görüntülenemez.
Katlanabilir cihazlar, FLAT (tamamen açık) veya HALF_OPENED (tamamen açık ile tamamen kapalı arasında bir yerde) gibi çeşitli katlanmış durumlarda olabilir.
Bir cihaz HALF_OPENED durumundayken katlama yönüne bağlı olarak iki duruş mümkündür: masaüstü duruşu (yatay katlama) ve kitap duruşu (dikey katlama).
Masaüstü ve kitap duruşları yeni düzen olanakları sunar ancak cihaz durumu da bazı sınırlamalar getirir.HALF_OPENED Örneğin, kat yerine yakın kullanıcı arayüzü kontrollerine erişmek kullanıcılar için zor olabilir ve katın üzerinde yer alan metinlerin okunması zor olabilir (veya occlusionType FULL ise okunamayabilir).
Düzenlerinizi, kullanıcı arayüzü öğelerine tüm cihaz durumlarında erişilebilecek şekilde tasarlayın. İletişim kutularını ve pop-up menüleri, kat yerinin üzerine gelmeyecek şekilde konumlandırın. Cihaz kısmen katlandığında önemli içeriklerin görüntülenebildiğinden emin olun. Cihaz yarı açıkken içeriği iki alana böler: Masaüstü duruşunda üst ve alt, kitap duruşunda sol ve sağ.
Katlamalar ve katlanabilir duruşlar hakkında daha fazla bilgi için Uygulamanızı katlamaya uygun hale getirme başlıklı makaleyi inceleyin.
Uygulama sürekliliği
Bir cihaz katlandığında veya açıldığında, bir ekrandan diğerine geçiş yaparken uygulama durur ve yeniden başlar. Kullanıcının deneyiminde sürekliliği korumak için uygulama, katlanmış veya açılmış bir ekranda uygulama düzenini yeniden oluştururken durumunu geri yüklemelidir. Örneğin, uygulamalar şunları yapmalıdır:
- Giriş alanlarına yazılan metinleri saklama
- Klavye durumunu geri yükleme
- Kaydırılabilir alanların kaydırma konumunu geri yükleme
- Uygulama durdurulduğunda medya oynatmayı kaldığı yerden devam ettirme
Katlanabilir bir cihazın farklı ekran düzenleri de birbirini tamamlamalıdır. Örneğin, katlanmış ekranda bir online mağazadaki ürünün resmi ve açıklaması gösteriliyorsa açılmış ekranda aynı resim ve açıklama gösterilerek devamlılık sağlanmalı, ayrıca ürün özellikleri veya yorumlar gibi tamamlayıcı içerikler de eklenmelidir.
Uygulama durumunu ve sürekliliğini yönetme hakkında daha fazla bilgi edinmek için Kullanıcı arayüzü durumlarını kaydetme ve Yapılandırma değişikliklerini işleme başlıklı makaleleri inceleyin.
Çoklu görev
Büyük ekranlı katlanabilir cihazlar, çoklu pencere modunda çoklu görev için ideal olan tablet boyutunda bir ekrana sahiptir. Katlanabilir cihazlar bölünmüş ekran modunu destekler. Bazıları ise uygulamaların taşınabilir ve yeniden boyutlandırılabilir pencerelerde yer aldığı, masaüstü pencereli görüntüleme sistemine benzer bir masaüstü pencereli görüntüleme modunu da destekler.
|
|
|
|
|
Android 12 (API düzeyi 31) ve sonraki sürümlerde varsayılan olarak çok pencereli mod kullanılır. Büyük ekranlarda, uygulama yapılandırmasına bakılmaksızın tüm uygulamalar çok pencereli modda çalışır. Android 7.0'a (API düzeyi 24) kadar olan önceki sürümlerde, çok pencereli modu desteklemek için uygulamanızı yeniden boyutlandırılabilir şekilde yapılandırmanız gerekir.
Çoklu pencere modunda çoklu görev hakkında bilgi edinmek için Çoklu pencere modunu destekleme başlıklı makaleyi inceleyin.
Sürükleme ve bırakma
Büyük ekranlı katlanabilir cihazlar, sürükle ve bırakma etkileşimleri için yeterli ekran alanını sağlar. Katlanabilir cihazlarda çoklu pencere modu, uygulamalar arasında sürükleyip bırakma özelliğini etkinleştirir.
Sürükle ve bırak etkileşimleri, verimli ve ilgi çekici bir kullanıcı deneyimi oluşturur. Android sürükle ve bırakma çerçevesini kullanarak uygulamanıza sürükle ve bırakma özellikleri ekleyin. Daha fazla bilgi için Sürükle ve bırak özelliğini etkinleştirme başlıklı makaleyi inceleyin.