मटीरियल आइकॉन

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

पहली इमेज: आइकॉन वाला शॉपिंग कार्ट वेक्टर

इस बात का ध्यान रखें कि स्क्रीन पर VectorDrawable को रेंडर करने के लिए Icon का इस्तेमाल Modifier.paint(painterResource(R.drawable.ic_bus_stop)) को स्क्रीन पर Icon ड्रॉ करने के लिए Icon करने की ज़रूरत नहीं होती. सभी उपलब्ध आइकॉन के बारे में ज़्यादा जानने के लिए, आइकॉन के दस्तावेज़ देखें.