رموز المواد

إنّ العنصر Icon القابل للإنشاء هو طريقة ملائمة لرسم رمز لون واحد على الشاشة يتّبع إرشادات التصميم المتعدد الأبعاد. لاستخدام Icon، أدرِج مكتبة Compose Material (أو مكتبة Compose Material 3).

على سبيل المثال، إذا كان لديك متّجه قابل للرسم أردت تحميله بالإعدادات التلقائية للمواد، يمكنك استخدام سمة Icon القابلة للإنشاء على النحو التالي:

Icon(
    painter = painterResource(R.drawable.baseline_directions_bus_24),
    contentDescription = stringResource(id = R.string.bus_content_description)
)
MaterialIconsSnippets.kt

بشكلٍ تلقائي، يتم تلوين العنصر القابل للتجميع Icon باللون LocalContentColor.current ويكون حجمه 24.dp. ويعرِض أيضًا مَعلمة اللون tint (التي تستخدِم آلية التلوين نفسها الموضّحة في قسم تظليل الصورة). يُستخدَم العنصر القابل للتجميع Icon لعناصر الرموز الصغيرة. عليك استخدام العنصر القابل للتجميع Image للحصول على المزيد من خيارات التخصيص.

تتضمن مكتبة رموز Material أيضًا مجموعة من عناصر Icons المحددة مسبقًا والتي يمكن استخدامها في Compose بدون الحاجة إلى استيراد رسومات SVG يدويًا. لرسم النسخة المستديرة من رمز سلة التسوّق:

Icon(
    Icons.Rounded.ShoppingCart,
    contentDescription = stringResource(id = R.string.shopping_cart_content_desc)
)
MaterialIconsSnippets.kt

الشكل 1: سلة تسوق متجهة مع رمز

تجدر الإشارة إلى أنّه ليس من الضروري استخدام Icon لعرض VectorDrawable على الشاشة، إذ يستخدم Icon Modifier.paint(painterResource(R.drawable.ic_bus_stop)) لرسم Icon على الشاشة. لمزيد من المعلومات عن جميع الرموز المتاحة، اطّلِع على مستندات الرموز.