एक Android परियोजना में सामग्री डिजाइन प्रतीक आयात करें

144

क्या किसी एंड्रॉइड प्रोजेक्ट में मटीरियल डिज़ाइन आइकन रिपॉजिटरी के सभी आइकन आयात करने का एक आसान तरीका यह है कि इसे मैन्युअल रूप से करने का खतरा है?

icons material-design

— इवान अरनिबार
स्रोत

358

वेक्टर एसेट स्टूडियो पर एक नज़र डालें

वेक्टर एसेट स्टूडियो शुरू करने के लिए इन चरणों का पालन करें:

Android Studio में, Android ऐप प्रोजेक्ट खोलें।

प्रोजेक्ट विंडो में, Android दृश्य चुनें।

Res फ़ोल्डर पर राइट-क्लिक करें और नया> वेक्टर एसेट चुनें।

वेक्टर एसेट स्टूडियो खोलने के बाद, आप निम्नानुसार एक सामग्री आइकन जोड़ सकते हैं:

"मटेरियल आइकन" चुनें (क्लिप आर्ट पर क्लिक करके: ICON)

चुनें पर क्लिक करें

एक सामग्री आइकन का चयन करें

— mpkuth
स्रोत

24

यह जवाब कमाल है! न केवल आप सामग्री डिज़ाइन आइकन चुन सकते हैं जो पहले से ही एंड्रॉइड स्टूडियो (बिना किसी अतिरिक्त प्लगइन्स के) के भीतर बंडल किया गया है, बल्कि आपको वेक्टरड्राइव और (इसके लिए प्रतीक्षा करें ...) मिलेगा: "यदि आपका न्यूनतम एपीआई स्तर इनमें से किसी एक एपीआई पर सेट है स्तर, वेक्टर एसेट स्टूडियो भी ग्रेडल को निर्देश देता है कि पिछड़े-अनुकूलता के लिए वेक्टर की रेखापुंज छवियों को उत्पन्न करें "

— lenrok258

5

तुम भी xml फ़ाइल में रंग बदल सकते हैं और नए पीएनजी के निर्माण के दौरान उत्पन्न होगा ( अनुप्रयोग / निर्माण / उत्पन्न / Res / pngs / डिबग में )। मुझे पसंद है! :-)

— lenrok258

2

इस उत्तर के लिए Upvote! यदि आपका आइकन चुनिंदा "मटेरियल आइकॉन" में नहीं दिखता है , तो आप इसे मटेरियल आइकॉन से डाउनलोड कर सकते हैं , यदि आप SVG फॉर्मेट चुनते हैं, तो वेक्टर एसेट में लोकल SVG फाइल चुनें और आइकन के लिए xml फाइल जेनरेट करें। यदि आप पीएनजी प्रारूप चुनते हैं, तो res-> नई छवि एसेट-> पथ में राइट-क्लिक करें: पथ में: बड़ी छवि (xxxhdpi) चुनें, और हर घनत्व के लिए png उत्पन्न करें।

— नोय

11

एंड्रॉइड स्टूडियो 2.2 पूर्वावलोकन 5 के रूप में, वेक्टर एसेट स्टूडियो में अब कोई "चुनें" बटन नहीं है, लेकिन किसी को आइकन (नाम के नीचे) के छोटे प्रतिनिधित्व पर क्लिक करना होगा। मुझे यह पता लगाने में

— थोड़ा

2

हाल ही में वेक्टर संपत्ति स्टूडियो में सामग्री आइकन के बजाय एक क्लिप आर्ट प्रकार होता है, अपना आइकन चुनने के लिए नीचे दिए गए एंड्रॉइड आइकन पर क्लिक करें

— गीगार्टन

23

आप Google स्टूडियो द्वारा प्रदान की गई इन सामग्री आइकन के साथ काम करने में मदद करने के लिए एंड्रॉइड स्टूडियो एंड्रॉइड मटेरियल डिज़ाइन आइकन जेनरेटर प्लगइन के लिए इस नए प्लगइन का उपयोग कर सकते हैं : Google सामग्री-डिज़ाइन-आइकॉन

— ऑस स्टिनग्रे
स्रोत

1

मैंने इसे स्थापित किया है, लेकिन मैं इसका उपयोग कैसे करूं?

— --१५ का गल्पप्रेल

1

@gldraphael - एक बार "फाइल" - "नया" चुनें - "मटेरियल डिज़ाइन आइकन"। यह सुनिश्चित करने के लिए 48dp के आकार का चयन करें कि उत्पन्न फ़ाइलों में से प्रत्येक में मानक 48, 72, 96, 144 और 192 पिक्सेल ऊंचाई / चौड़ाई है। यदि आवश्यक हो तो बेशक एक छोटे डीपी आकार का चयन करें।

— मार्टीन डेविस

2

@MartynDavis धन्यवाद हालांकि मुझे यह मिल गया। मुझे इसके बारे में सबसे अधिक पसंद है यह तथ्य है कि मैं रंग भी चुन सकता हूं।

— १२:२३

15

फ़ोल्डर पर drawable> right click> new> vector assetक्लिक करें, फिर आइकन:

— घाटी
स्रोत

6

यहाँ एक स्क्रिप्ट है जो सामग्री डिज़ाइन आइकन पर github भंडार का क्लोन करता है

https://github.com/google/material-design-icons

और सभी फ़ाइलों का एक सूचकांक बनाता है। यह भी श्रेणी के द्वारा उप-श्रेणियों के लिए svg फ़ाइलों की प्रतिलिपि बनाता है। आप इसे अपनी परियोजना में रुचि रखने वाली फ़ाइलों की प्रतिलिपि बनाने के लिए एक आधार के रूप में उपयोग कर सकते हैं - बस अपनी पसंद के अनुसार खोज और सीपीपी प्रतिलिपि विवरण को संशोधित करें। यदि आपको उदाहरण के लिए एक निश्चित आकार में पीएनजी की आवश्यकता है - वे पड़ोसी निर्देशिकाओं में हैं और आपको उसके अनुसार खोज और प्रतिलिपि कमांड को संशोधित करना होगा।

#!/bin/bash
# WF 2016-06-04
# get google material design icons
# see http://stackoverflow.com/questions/28684759/import-material-design-icons-into-an-android-project
tmp=/tmp/icons
index=$tmp/index.html
mkdir -p $tmp
cd $tmp
if [ ! -d material-design-icons ]
then
  git clone https://github.com/google/material-design-icons
fi
cat << EOF > $index
<html>
  <head>
    <head>
    <body>
      <h1>Google Material Design Icons</h1>
EOF
for icon in `find . -name *.svg | grep production | grep 48`
do
    svg=`basename $icon .svg`
    category=`echo $icon | cut -f3 -d '/'`
    echo $category $svg.svg
    mkdir -p $tmp/$category
    cp $icon $tmp/$category
    echo "    <img src='"$icon"' title='"$category $svg"' >" >> $index
done
cat << EOF >> $index
  </body>
</html>
EOF

— वोल्फगैंग फाहल
स्रोत

1

मधुर लिपि। चूँकि यह उस रेपो के लिए एक थ्रॉवे का उपयोग-केस है, जो उथले क्लोन प्राप्त करने के लिए git क्लोन - depth = 1 में बदलने का सुझाव देता है। थोड़ी तेजी से डाउनलोड करता है।

— mbac32768

2

मुझे यह लिंक मेरे लिए मददगार लगी।

https://dev.materialdesignicons.com/getting-started/android

ढाल कार्यान्वयन उपलब्ध है

dependencies {
    implementation 'net.steamcrafted:materialiconlib:1.1.5'
}

ढाल निर्भरता जोड़ने के बाद, आप इस तरह से मेनू आइटम बना सकते हैं।

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto" <!-- important, you'll have to include this to use the custom xml attributes -->
    xmlns:tools="http://schemas.android.com/tools" >

    <!-- example of a menu item with an icon -->
    <item
        android:title="Disable Wifi"
        app:showAsAction="always"
        app:materialIcon="wifi_off" <!-- This sets the icon, HAS AUTOCOMPLETE ;) -->
        app:materialIconColor="#FE0000" <!-- Sets the icon color -->
    />

</menu>

— जमाली को नवादा
स्रोत