Compose For Wear OS Beta Sürümü Duyuruldu!

Serkan Alc
Developer MultiGroup
4 min readMay 19, 2022

Google I/O ile birlikte hayatımıza giren bir diğer yenilik, Wear OS için daha güzel UI’lar oluşturmamıza yardımcı olmak üzere tasarlanmış modern declarative UI’ toolkit olan Compose for Wear OS’in Beta sürümü oldu!

Compose for wear OS, akıllı saatler için son metarial design’ı da içinde barındıran optimize edilmiş bileşen desteği sağlıyor. Bileşenler, temel Compose kitaplıklarının üzerine inşa edilmiş ve araç seti, Modern Android Development’dan yararlanarak bir bütün halinde geliştirme sürecini hızlandırmaya yardımcı olmuş.

Compose for wear OS, Beta Sürümüyle üretime hazır uygulamalar oluşturmak için ihtiyacınız olan her şeye sahip ve API kararlı gibi gözüküyor. Bu yıl içerisinde çıkması beklenen 1.0 Sürümü için sadece hazır ve çalışır durumda olan yapıları cilalamak kalıyor!

Developer Preview announcement’dan bu yana yapılan büyük değişiklikler şunları içeriyor:

📌 Input Bileşenleri (Yeni!)

Kullanıcı Input bileşenleri eksikliği gidermek adına saat uygulamaları için özelleştirilebilir farklı Composable’lar eklendi 👇🏻

  • Picker, kullanıcının kayan listeden bir öğe seçmesini sağlar. Varsayılan olarak seçilebilir öğelerin listesi, yandan görülen dönen bir silindir izlenimi vermek için her iki yönde de ‘sonsuz’ olarak tekrarlanır. İlginç bir şekilde Picker, altında ScalingLazyColumn uygulamasını kullanıyor ve birçok gelişmiş ScalingLazyColumn özelliğinin geliştirilmesine ve iyileştirilmesine yardımcı oluyor.
  • Slider, kullanıcıların bir dizi değer arasından seçim yapmasına olanak tanır. Genelde kullandığımız yazı tipi boyutu veya parlaklık gibi ayarları yapmak için idealdir.
  • Stepper, kullanıcıların bir dizi değer arasından seçim yapmasına olanak tanıyan tam ekran bir kontrol bileşenidir. Örneğin, kullanıcılar kulaklıklarının sesini kontrol edebilir.

📌 Dialog’lar (Yeni!)

Navigasyon hedefleri veya diğer herhangi bir içeriğin üzerine katmanlandırılacak geleneksel tam ekran Dialog’lar olarak kullanılabilen full-screen Alert ve Confirmation composable öğeleri eklendi. İletişim kutusu, swipe-to-dismiss’i destekler ve kaydırma hareketi sırasında arka planda ana içeriği gösterir.

Scaffold ile tutarlılık için, tam ekran bir dialog kutusu bir PositionIndicator ve bir Vignette görüntüler.

📌 Progress Göstergesi (Yeni!)

Saat yönünde dairesel bir iz boyunca bir ilerlemeyi görüntülemek için saat ekranlarına göre optimize edilmiş bir ilerleme göstergesi olan CircularProgressIndicator’ı eklendi.

CircularProgressIndicator’ın nasıl kullanılabileceğine dair birkaç seçenek vardır:

👉🏼 Sonsuz ilerlemeyi göstermek
👉🏼 Devam eden bir görevin tamamlanma oranını ifade etmek.

Progress Göstergeleri, örneğin tam ekranda kullanıldığında TimeText gibi diğer içeriklere yer bırakan dairesel izde bir boşluğa izin verir.

📌 Sayfa Göstergesi (Yeni!)

UI araç seti, sayfalandırmayı uygulamanıza yardımcı olmak için toplam sayfa sayısını ve seçilen sayfayı temsil eden bir HorizontalPageIndicator bileşeni sağlıyor.

Ekran şekline bağlı olarak HorizontalPageIndicator, hangi sayfanın etkin olduğunu ve sayfalar arasında ne kadar uzaklıkta olduğunu gösteren form faktörüne özel bir görsel gösterge sağlar.

📌 İyileştirmeler

👉🏼 ScalingLazyColumn: Ölçekleme parametrelerinin güncellenmesi, varsayılan ekstra padding ve içeriğin boyutundan büyüklüğünün alınması gibi Wear OS for Material Design ile tutarlı olması için varsayılan davranış iyileştirildi.

👉🏼 Scaffold: Yuvarlak ekranda doğru konumlandırmayı garanti etmek için PageIndicator yuvası eklendi.

👉🏼 Navigation: Compose Navigation ile özellik eşliği sağlandı ve tam ekran ve sayfa kaydırmada harika bir deneyim sağlamak için kenar kaydırma desteği eklendi.

👉🏼 Curved elements: Eklenen CurvedModifiers ve geliştiricilerin radyal, açısal, süpürme, (ters) saat yönünün tersine, iç/dış gibi kavisli bir dünya için anlamlı olan kavramları kullanmalarını sağlayan yeni bir DSL. CurvedLayout, lineer ve kavisli dünyalar arasındaki köprüdür ve curvedComposable, mantıklı olduğunda geleneksel şekillendirilebilir bileşenleri tanıtmak için kullanılabilir.

Bu son eklemelerle, Wear OS için Compose Material kataloğunda artık Görünüm tabanlı layout’larda bulunandan daha fazla bileşen buluduruyor ve yeni Wear OS tasarım yönergelerinin kullanıma hazır uygulanmasını sağlıyor.

📌 Tool’lar

Android Studio Electric Eel, Compose for Wear OS ile gelişen en iyi deneyim için en son özellikleri sağlıyor. Bunlar;

👉🏼 Otomatik tamamlama ve düzenleyici eylemlerini iyileştiren düzenleyici ve araç desteği.
👉🏼 İşletim Sistemine Özel Birleştirilebilir Önizleme giyin.
👉🏼 Wear OS-specific composable ön izlemesi 🆕
👉🏼 Wear OS proje şablonu için Compose 🆕

📌 Horologist (Yeni!)

Harika bir haber daha! Compose for Wear OS ve diğer Wear OS API’leri tarafından sağlanan işlevleri tamamaya yarayan bir dizi Wear kitaplığı sağlayan bir Google açık kaynak projesi olan Horologist piyasaya sürüldü!

“Horologist” saat bilimi ile uğraşan kişilere verilen addır

Horologist yararlı Compose uzantıları sunuyor:

👉🏼 Oynatma denetimi ve ses düzeyi ekranları dahil olmak üzere Medya UI bileşenleri.
👉🏼 Malzeme tarih ve saat seçicileri.
👉🏼 Kaydırma ve gezinme ekranı değişiklikleriyle senkronize kalan TimeText ve PositionIndicator ile Navigasyona duyarlı Scaffold.

Horologist, geliştiricilere farklı deneyimlerde harika Wear OS uygulamaları oluşturmaya yönelik ek araçlar sağlamak için büyüyecek gibi duruyor!

Compose for Wear OS Beta’ya ulaştığına göre, uygulamanızı hızla hayata geçirmek veya mevcut kullanıcı arayüzünüzü yenilemek için Compose’u kullanmaya başlamanın tam zamanı!

Bu yazımı Announcing Compose for Wear OS Beta Bloğunu temel alarak hazırladım.Umarım beğenmişsinizdir. Compose ile ilgi içerik üretmeye devam edeceğim. Compose’a ilgi duyuyor ve içeriklerimden daha hızlı haberdar olmak istiyorsanız, beni Twitter’dan takip edebilirsiniz!

- Compose’lu Günlerim 👋🏼

--

--

Serkan Alc
Developer MultiGroup

Founder & Community Lead at Developer MultiGroup | Coffee, Community & Development ☀️