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) )
डिफ़ॉल्ट रूप से, Icon
कंपोज़ेबल में LocalContentColor.current
और
साइज़ 24.dp
है. यह एक tint
रंग पैरामीटर भी दिखाता है (जो विज्ञापन के असर को
टिंट करने का वही तरीका जो इमेज टिंट सेक्शन में बताया गया है).
Icon
कंपोज़ेबल, छोटे आइकॉन के एलिमेंट के इस्तेमाल के लिए बनाया गया है. आपने लोगों तक पहुंचाया मुफ़्त में
को पसंद के मुताबिक़ बनाने के ज़्यादा विकल्पों के लिए, Image
कंपोज़ेबल का इस्तेमाल करना चाहिए.
मटीरियल आइकॉन लाइब्रेरी में पहले से तय Icons
का सेट भी शामिल होता है, जो
मैन्युअल तरीके से SVG फ़ाइल इंपोर्ट किए बिना, 'लिखें' बॉक्स में इसका इस्तेमाल किया जा सकता है.
शॉपिंग कार्ट का राउंडेड वर्शन
आइकॉन:
Icon( Icons.Rounded.ShoppingCart, contentDescription = stringResource(id = R.string.shopping_cart_content_desc) )
यह ध्यान देने वाली बात है कि रेंडर करने के लिए, Icon
का इस्तेमाल करना ज़रूरी नहीं है
स्क्रीन पर VectorDrawable
, हुड के तहत, Icon
Modifier.paint(painterResource(R.drawable.ic_bus_stop)
) जिन पर Icon
ड्रॉ करना है
स्क्रीन. सभी उपलब्ध आइकॉन के बारे में ज़्यादा जानने के लिए,
Icons दस्तावेज़.
आपके लिए सुझाव
- ध्यान दें: JavaScript बंद होने पर लिंक टेक्स्ट दिखता है
- Compose में संसाधन
- Compose में सुलभता
- इमेज लोड हो रही हैं {:#loading-images}