Genişletilebilir öğe, ek içeriği satır içinde gösteren özel bir çiptir.
Genişletilebilir öğe çipi
Genişletilebilir öğeler, uygulamaların ekranda daha az alana yüksek yoğunluklu içerik göstermesine olanak tanır. Bir uygulamayı kompakt halde tutmak ve kullanıcıların ek içeriğe hızlı bir şekilde erişmesini sağlamak istediğinizde bu bileşeni kullanın.
Kullanıcıların aşağıdaki görevleri gerçekleştirmesine izin vermek için bu bileşeni kullanın:
- Daha fazla liste öğesi göster (çip, kart)
- Daha fazla metin göster
Anatomi
Liste genişletme
Çip ortaya hizalanmalıdır.
A. Etiket
Etiket metni özelleştirilebilir. Varsayılan değer "Daha fazla göster"dir.
B. Kapsayıcı
Düğme, kapsayıcı kenarlığı içermelidir.
C. Genişlet simgesi
Varsayılan simge, aşağı bakan v ayracıdır. Özelleştirilebilir veya kaldırılabilir. Simge, LTR dili yerel ayarı için sağa, RTL dil yerel ayarı için ise sola hizalanır.
Genişleyen metin
Çip ortaya hizalanmalıdır.
A. Etiket
Etiket metni özelleştirilebilir. Varsayılan değer "Diğer"dir.
B. Kapsayıcı
Düğmenin iki varyantı vardır: dış çizgili ve dış çizgisiz.
C. Genişlet simgesi
Varsayılan simge, aşağı bakan v ayracıdır. Özelleştirilebilir veya kaldırılabilir. Simge, LTR dili yerel ayarı için sağa, RTL dil yerel ayarı için ise sola hizalanır.
Davranış
Listeyi genişletme
Bir listede daha fazla öğe görüntülemek ve genişletmek için çipe dokunun. Genişletme işlemi animasyon yaparak Daha fazla göster metnini gizler ve diğer öğeleri tek bir hareketle ortaya çıkarır. Daraltılmış durumda görüntülenen öğelerin sayısını özelleştirebilirsiniz. Önerilen öğe sayısı üçtür.
Genişleyen metin
Genişletmek ve daha fazla metin görüntülemek için çipe dokunun. Genişletme işlemi animasyon yaparak Diğer metnini gizler ve diğer öğeleri tek bir hareketle ortaya çıkarır. Daraltılmış durumda görüntülenen metin satırlarının sayısını özelleştirebilirsiniz. Önerilen satır sayısı sekizdir.
Dokunma hedefi yalnızca düğmeden değil, tüm metin alanından oluşur.
Çip stilleri
Listeyi genişletme
Simge boyutu: 20 dp x 20 dp
Simge rengi: Yüzeyde
Yükseklik: 32 dp
Genişlik: Metne ve dile göre değişir
Çizgi: 1 dp
Etiket stili: Başlık 1
Etiket rengi: Yüzeyde
Genişleyen metin
Simge boyutu: 20 dp x 20 dp
Simge rengi: Yüzeyde
Yükseklik: 32 dp
Genişlik: Metne ve dile göre değişir
Çizgi: 0 veya 1 dp
Doldurma: Yok
Etiket stili: Başlık 1
Etiket rengi: Yüzeyde
Dolgu
Genişletilebilir öğe bileşeninin hem liste varyantı hem de metin varyantı için çip aşağıdaki dolgu değerlerine sahip olmalıdır:
- Üst dolgu: 8 dp
- Alt dolgu: 16 dp
Kullanım
Genişletilebilir öğelerin kullanımına örnekler:
