رموز المواد

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

على سبيل المثال، إذا كان لديك عنصر قابل للرسم باستخدام متّجه وأردت تحميله باستخدام الإعدادات التلقائية في Material، يمكنك استخدام العنصر القابل للتجميع 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 القابلة للإنشاء لمزيد من خيارات التخصيص.

تتضمن مكتبة رموز المواد أيضًا مجموعة من رموز 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 على الشاشة. لمزيد من المعلومات حول جميع الرموز المتاحة، ألقِ نظرة على مستندات الرموز: