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

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 कंपोज़ेबल का इस्तेमाल करना चाहिए.

मटीरियल आइकॉन लाइब्रेरी में पहले से तय 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 ड्रॉ करना है स्क्रीन. सभी उपलब्ध आइकॉन के बारे में ज़्यादा जानने के लिए, Icons दस्तावेज़.

आपके लिए सुझाव

• ध्यान दें: JavaScript बंद होने पर लिंक टेक्स्ट दिखता है
• Compose में संसाधन
• Compose में सुलभता
• इमेज लोड हो रही हैं {:#loading-images}