المكوِّن Chip
هو عنصر مضغوط تفاعلي
يمثل إدخالاً أو سمة أو إجراءًا.
علم التشريح
![](https://developer.android.com/static/wear/images/components/chips-anatomy.png?authuser=1&hl=ar)
أ. تصنيف أساسي
ب: التصنيف الثانوي (اختياري)
ج: الرمز (اختياري)
د: الحاوية
اقتراحات التصميم
![](https://developer.android.com/static/wear/images/components/chips-image.png?authuser=1&hl=ar)
تحتوي شرائح الصور على إجراءات ذات صلة بصورة تم اختيارها. تعمل شرائح الصور بشكل جيد لتقديم شكل ومضمون أكثر تحديدًا.
Chip(
...
label = {
Text(
text = "Summer Mix",
maxLines = 1,
overflow = TextOverflow.Ellipsis
)
},
colors = ChipDefaults.imageBackgroundChipColors(
backgroundImagePainter = painterResource(id = R.drawable.clouds)
)
)
![](https://developer.android.com/static/wear/images/components/chip-avatar.png?authuser=1&hl=ar)
يمكنك استخدام شرائح الصور الرمزية لتنفيذ الإجراءات المرتبطة بصورة رمزية تم اختيارها. ويمكن أن تتضمّن شرائح الصورة الرمزية أيضًا رموزًا تسهّل التعرّف على الصورة الرمزية، مثل صورة مستند تعريف جهة الاتصال. تكون رموز الصورة الرمزية 32x32dp.
Chip(
...
label = {
Text(text = "Mark Castle")
},
icon = {
Icon(
painter = painterResource(id = R.drawable.avatar),
contentDescription = null,
modifier = Modifier.size(ChipDefaults.LargeIconSize)
.wrapContentSize(align = Alignment.Center)
)
}
)
المكوّنات ذات الصلة
![](https://developer.android.com/static/wear/images/components/chip-compact.png?authuser=1&hl=ar)
أمّا المكوِّن ذو الصلة، CompactChip فهو خيار مختلف لمكوِّن الشريحة الذي يظهر بحجم أصغر ومصمَّم للاستخدام في الحالات التي لا تتوفّر فيها مساحة أقل. تحتوي الشرائح المكثّفة على فتحة للرمز وفتحة لتصنيف نص سطر واحد. ويكون ارتفاع الشرائح المكثّفة 48 وحدة بكسل مستقلة الكثافة ومساحة يمكن النقر عليها.
تسلسل هرمي
![](https://developer.android.com/static/wear/images/components/chip-hierarchy.png?authuser=1&hl=ar)
استخدِم تعبئة ألوان مختلفة للدلالة على التسلسل الهرمي للشرائح. صمِّم كل شاشة بحيث تحتوي على شريحة واحدة بارزة للإجراء الأساسي.
تركيز عالٍيمكنك استخدام شرائح عالية التركيز لتنفيذ الإجراءات الأساسية في الصفحة. يمكنك استخدام الألوان الأساسية كتعبئة لشريحة تركيز عالية.
التوكيد المتوسط
يمكنك استخدام شرائح التشديد المتوسطة للإجراءات الأقل أهمية من الإجراءات
الأساسية. استخدام ألوان ثانوية لتعبئة شريحة تركيز متوسط.
يمكنك بدلاً من ذلك استخدام المكوِّن OutlineChip المخصّص. تشمل الشريحة المحددة خلفية شفافة ولونًا أساسيًا ملونًا يبلغ تعتيمه 60% ومحتوى ملون أساسي.
تركيز منخفض
تحتوي شرائح التركيز المنخفض على تعبئة شفافة وتصنيف نصي فقط. ويمكنك استخدام شرائح
توكيد منخفضة للإشارة إلى علاقة فرعية بشريحة أساسية أو ثانوية.
الأحجام
![](https://developer.android.com/static/wear/images/components/chip-size1.png?authuser=1&hl=ar)
الشريحة التلقائية
الرمز: 24dp
الارتفاع: 52dp
![](https://developer.android.com/static/wear/images/components/chip-size2.png?authuser=1&hl=ar)
شريحة مدمجة
الرمز: 20 بكسل مستقل الكثافة
الارتفاع: 32 بكسل مستقل الكثافة
المنطقة القابلة للنقر: 48 بكسل مستقل الكثافة
الاستخدام
يمكنك الاطّلاع على أمثلة على استخدام الشرائح، مثل الشرائح العادية، ضمن "الإعدادات" و"شرائح الصور" في تطبيق للتمارين الرياضية.