Genişletilebilir öğeler

Genişletilebilir öğe, ek içerikleri satır içinde gösteren özel bir çiptir.

Genişletilebilir öğe çipi

Genişletilebilir öğeler, uygulamaların ekranda daha az alanda yüksek yoğunluklu içerik barındırmasına olanak tanır. Bir uygulamanın küçük olmasını ve aynı zamanda kullanıcıların ek içeriklere hızlı bir şekilde erişmesini sağlamak istediğinizde bu bileşeni kullanın. Kullanıcıların aşağıdaki görevleri yerine getirmesine izin vermek için bu bileşeni kullanın:

  • Daha fazla liste öğesi (çip, kart) göster
  • Daha fazla metin göster

Anatomi

Genişleyen liste
Çip ortaya hizalanmalıdır.

A. Etiket
Etiket metni özelleştirilebilir. Varsayılan değer "Daha fazla göster"dir.

B. Kapsayıcı
Düğmenin kapsayıcı kenarlığı olmalıdır.

C. Genişlet simgesi
Varsayılan simge, özelleştirilebilen veya kaldırılabilen aşağı bakan zikzaktır. Simge, LTR dili yerel ayarı için sağa, RTL dili yerel ayarı için sola hizalıdı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ışı.

C. Genişlet simgesi
Varsayılan simge, özelleştirilebilen veya kaldırılabilen aşağı bakan zikzaktır. Simge, LTR dili yerel ayarı için sağa, RTL dili yerel ayarı için sola hizalıdır.

Davranış

Genişleyen liste

Bir listede daha fazla öğe görüntüleyip görüntülemek için çipe dokunun. Genişletme işlemi animasyon uygulanarak Daha fazla göster metni gizlenir ve diğer öğeler tek bir akıcı hareketle ortaya çıkar. Daraltılmış durumda görüntülenen öğelerin sayısını özelleştirebilirsiniz. Önerilen öğe sayısı üçtür.

Genişleyen metin

Daha fazla metni genişletip görüntülemek için çipe dokunun. Genişletme işlemi animasyon olarak gösterilir, Diğer metni gizlenir ve diğer öğeler tek bir akıcı hareketle ortaya çıkar. Daraltılmış durumda görüntülenen metin satırı sayısını özelleştirebilirsiniz. Önerilen satır sayısı sekizdir.

Dokunma hedefi yalnızca düğmeyi değil, metin alanının tamamından oluşur.

Çip stilleri

Genişleyen liste

Simge boyutu: 20 dp x 20 dp
Simge rengi: Yüzey
Yükseklik: 32 dp
Genişlik: Metin ve dile göre değişir
Çizgi: 1 dp
Etiket stili: Başlık 1
Etiket rengi: Yüzey

Genişleyen metin

Simge boyutu: 20 dp x 20 dp
Simge rengi: Yüzey
Yükseklik: 32 dp
Genişlik: Metin ve dile göre değişir
Çizgi: 0 veya 1 dp
Dolgu: Yok
Etiket stili: Başlık 1
Etiket rengi: Yüzey

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 öğe kullanımına örnekler: