Android

Jetpack Oluşturma ile Ayna Efekti | tarafından Pankaj Rai | Haz, 2022

Bir listedeki veya geneldeki görüntüler için ayna efektine sahip olmayı hiç merak ettiniz mi? Güçlü Jetpack Compose UI araç seti ile basit ve kolaydır.

Gördüğünüz gibi bu etki aşağıdakileri içerir
1. Ters görüntü
2. Ters çevrilmiş görüntünün %50 görünürlüğü
3. Bulanık ters görüntü
4. Orijinal görüntüdeki gibi aynı kenarlar

Şimdi Jetpack Compose kullanarak her birinin nasıl yapıldığını görelim.

Bu, 300 dp sabit yüksekliğe sahip bir görüntü içeren orijinal görüntü oluşturulabilir, şimdi bunun için nasıl bir ayna görüntüsü yapabileceğimizi görelim.

ters görüntü
İlk adım, görüntüyü 180 derece döndürmektir ve en iyi yanı, doğrudan değiştirici aracılığıyla desteklenmesidir.

Ters çevrilmiş görüntünün %50 görünürlüğü
Şimdi bu döndürülmüş görüntüyü yüksekliğin %50’sine nasıl kırpabileceğimize bakalım, bunun için de bir değiştirici kullanacağız, ancak yüksekliğin %50’sine kırpmak için doğrudan bir destek mevcut olmadığından özel bir yapı oluşturacağız. şekil değiştirici

HalfSizeShape, bunun gibi bir klip değiştirici ile çağrılacak

Bulanık ters görüntü
Şimdi zor kısım geliyor, bir ayna efekti gibi görünecek şekilde ters çevrilmiş bir görüntü üzerine bir bulanıklık yansıtılıyor, ancak aşağıdaki gibi pürüzsüz bir doku sağlamak için gradyan bile ekleniyor

Orijinal görüntüdeki gibi aynı kenarlar
Ayna efektini çizmek için aynı oluşturulabilir bir kez daha çağrıldığından, aynı değiştirici özelliğin yanında devam edilir, bu, orijinal görüntünün yuvarlatılmış bir kenar köşesine sahip olması durumunda ayna görüntüsünün de aynı özelliğe sahip olacağı anlamına gelir.

Şimdi, bu örnekteki bir görüntü gibi herhangi bir oluşturulabilir öğe için bir ayna efektine ihtiyacınız olduğunda, aşağıdaki gibi Ayna birleştirilebilir öğesini çağırabilirsiniz.

Güçlü Jetpack Oluşturma araç seti sayesinde, yalnızca birkaç satırla ayna efekti elde edersiniz.

İlgili Makaleler

Bir cevap yazın

E-posta hesabınız yayımlanmayacak.

Başa dön tuşu