Karmaşık öğeleri temsil etmek için çip oluşturma

Chip bileşeni, kompakt ve etkileşimli bir kullanıcı arayüzü öğesidir. Genellikle simge ve etiketle birlikte kişi veya etiket gibi karmaşık öğeleri temsil eder. Bu düğmeler işaretlenebilir, kapatılabilir veya tıklanabilir olabilir.

Beş çip türü ve bunları kullanabileceğiniz yerler aşağıda verilmiştir:

  • Yardım: Kullanıcıya görev sırasında rehberlik eder. Genellikle kullanıcı girişine yanıt olarak geçici bir kullanıcı arayüzü öğesi olarak görünür.
  • Filtre: Kullanıcıların bir dizi seçenekten içeriği hassaslaştırmalarına olanak tanır. Bu öğeler seçilebilir veya seçimi kaldırılabilir. Seçildiğinde onay işareti simgesi içerebilir.
  • Giriş: Kullanıcı tarafından sağlanan bilgileri (ör. menüdeki seçimler) temsil eder. Simge ve metin içerebilir ve kaldırmak için bir "X" sunabilir.
  • Öneri: Kullanıcıya son etkinliğine veya girişine göre öneriler sunar. Genellikle kullanıcı işlemlerini istemek için bir giriş alanının altında görünür.
  • Yükseltilmiş: Düz yerine yükseltilmiş bir görünüme sahiptir.

Sürüm uyumluluğu

Bu uygulama için projenizin minSDK değerinin API düzeyi 21 veya üstü olarak ayarlanması gerekir.

Bağımlılıklar

Yardım çipi oluşturma

AssistChip bileşeni, kullanıcıyı belirli bir yöne yönlendiren bir yardım çipi oluşturmanın basit bir yolunu sunar. Bu işlevin ayırt edici özelliklerinden biri, Şekil 1'de gösterildiği gibi çipin sol tarafında bir simge göstermenize olanak tanıyan leadingIcon parametresidir. Aşağıdaki örnekte bu özelliği nasıl uygulayabileceğiniz gösterilmektedir:

Basit bir yardımcı çip.
Şekil 1. Yardım çipi.

Filtre çipi oluşturma

FilterChip bileşeni, çipin seçilip seçilmediğini izlemenizi gerektirir. Aşağıdaki örnekte, yalnızca kullanıcı çipi seçtiğinde önceden işaretlenmiş bir simgeyi nasıl gösterebileceğiniz gösterilmektedir:

Sonuçlar

İşaretli olmayan ve plan arka planına sahip, seçilmemiş bir filtre çipi.
Şekil 2. Seçilmemiş filtre çipi.
İşaret ve renkli arka plan içeren seçili filtre çipi.
Şekil 3. Seçilen filtre çipi.

Giriş çipi oluşturma

Kullanıcı etkileşiminden kaynaklanan çipler oluşturmak için InputChip bileşenini kullanabilirsiniz. Örneğin, bir e-posta istemcisinde kullanıcı e-posta yazarken giriş çipi, kullanıcının "kime:" alanına girdiği adresi temsil edebilir.

Aşağıdaki uygulamada, seçili durumdaki bir giriş çipi gösterilmektedir. Kullanıcı, çipe bastığında çipi kapatır.

Sonuçlar

Avatar ve ek simge içeren bir giriş çipi.
Şekil 4. Çipi girin.

Öneri çipi oluşturma

SuggestionChip bileşeni, hem API tanımı hem de yaygın kullanım alanları açısından bu sayfada listelenen bileşenler arasında en temel olanıdır. Öneri çipleri, dinamik olarak oluşturulmuş ipuçlarını gösterir. Örneğin, bir yapay zeka sohbet uygulamasında, en son mesaja verilecek olası yanıtları sunmak için öneri çiplerini kullanabilirsiniz.

SuggestionChip için aşağıdaki uygulamayı düşünün:

Sonuçlar

Basit bir yardımcı çip.
Şekil 5. Yardım çipi.

Yükseltilmiş çip oluşturma

Bu dokümandaki tüm örneklerde, düz bir görünüme sahip temel bileşenler kullanılmaktadır. Gelişmiş bir görünüme sahip bir çip istiyorsanız aşağıdaki üç bileşenden birini kullanın:

Önemli noktalar

Dört bileşen, dört çip türüne karşılık gelir ve aşağıdaki parametreleri paylaşır:

  • label: Çipte görünen dize.
  • icon: Çipin başında gösterilen simge. Bazı composable'larda ayrı bir leadingIcon ve trailingIcon parametresi vardır.
  • onClick: Kullanıcı çipi tıkladığında çipin çağırdığı lambda.

Bu kılavuzu içeren koleksiyonlar

Bu kılavuz, daha geniş Android geliştirme hedeflerini kapsayan, özel olarak seçilmiş Hızlı Kılavuz koleksiyonlarından biridir:

Birleştirilebilir işlevlerin, Materyal Tasarım tasarım sistemine dayalı güzel kullanıcı arayüzü bileşenleri oluşturmanızı nasıl kolaylaştırabileceğini öğrenin.

Sorularınız veya geri bildiriminiz mi var?

Sık sorulan sorular sayfamıza giderek kısa kılavuzlar hakkında bilgi edinebilir veya bize ulaşarak düşüncelerinizi bizimle paylaşabilirsiniz.