- Label: Butonun üzerinde gösterilecek metni belirtir.
- Icon: Butona eşlik edecek simgeyi seçmenizi sağlar.
- Tooltip: Kullanıcı buton üzerine geldiğinde gösterilecek açıklama.
- Position: Butonun ekranın neresine sabitleneceğini belirler:
- top left: Sol üst köşeye sabitlenir.
- top right: Sağ üst köşeye sabitlenir.
- bottom left: Sol alt köşeye sabitlenir.
- bottom right: Sağ alt köşeye sabitlenir.
- offsetX: Butonun yatayda (sağdan veya soldan) ne kadar boşluk bırakacağını belirtir (px cinsinden).
- offsetY: Butonun dikeyde (alttan veya üstten) ne kadar boşluk bırakacağını belirtir (px cinsinden).
offsetX ve offsetY değerleri, seçilen pozisyona göre kenardan olan mesafeyi ayarlamak için kullanılır. Örneğin:
- bottom right seçildiğinde:
- offsetX: sağ kenardan boşluk
- offsetY: alt kenardan boşluk
- top left seçildiğinde:
- offsetX: sol kenardan boşluk
- offsetY: üst kenardan boşluk
FloatButton ile FloatPanel Kullanımı
- FloatButton, genellikle FloatPanel tetiklemek için kullanılır.
- FloatPanel, Navigate aksiyonuyla açılır; bu aksiyon şu şekilde tanımlanır:
- +ADD ACTION →onClick → Navigate aksiyonu atanır.
- Hedef panel tipi olarak FloatPanel seçilir.
FloatPanel, Drawer ve Modal bileşenlerine alternatif olarak kullanılır.
Kullanım Senaryoları
- Yeni kayıt eklemek için “+” butonu
- Yardım veya destek paneli açmak
- Geri bildirim veya yorum formu çağırmak
- Ek ayarlar veya işlemleri açmak
FloatButton, kullanıcı arayüzünü sade tutarak hızlı aksiyon erişimi sağlamak isteyen uygulamalar için ideal bir çözümdür.
