رموز المواد

رمز التركيب 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 للحصول على المزيد من خيارات التخصيص.

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

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

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

أفلام مُقترَحة لك

• ملاحظة: يتم عرض نص الرابط عندما تكون لغة JavaScript غير مفعّلة.
• المراجع في ميزة "الإنشاء"
• تسهيل الاستخدام في ميزة "الإنشاء"
• جارٍ تحميل الصور {:#loading-images}