머티리얼 디자인 아이콘을 안드로이드 프로젝트로 가져 오기

143

Material Design 아이콘 저장소의 모든 아이콘을 수동으로 수행 할 위험없이 안드로이드 프로젝트로 가져 오는 쉬운 방법이 있습니까?

icons material-design

357

Vector Asset Studio를 시작하려면 다음 단계를 따르십시오.

Android Studio에서 Android 앱 프로젝트를 엽니 다.

프로젝트 창에서 Android보기를 선택하십시오.

res 폴더를 마우스 오른쪽 단추로 클릭하고 새로 작성> 벡터 자산을 선택하십시오.

Vector Asset Studio를 연 후 다음과 같이 재질 아이콘을 추가 할 수 있습니다.

클립 아트 : 아이콘을 클릭하여 "재료 아이콘"을 선택하십시오.

선택을 클릭하십시오

재료 아이콘을 선택하십시오

— mpkuth
소스

24

이 답변은 굉장합니다! 추가 플러그인없이 이미 Android Studio에 번들로 제공되는 머티리얼 디자인 아이콘을 선택할 수있을뿐만 아니라 VectorDrawable을 얻을 수있을 것입니다. ( 최소 API 레벨이이 API 중 하나에 설정되어있는 경우

— lenrok258

5

xml 파일에서 색상을 변경할 수도 있으며 빌드 중에 ( app / build / generated / res / pngs / debug에서 ) 새 png가 생성됩니다 . 구 스타! :-)

— lenrok258

2

이 답변에 찬성! 아이콘이 "Material Icon (재료 아이콘)"에 나타나지 않는 경우 Material Icons (재료 아이콘 ) 에서 아이콘을 다운로드 할 수 있습니다. SVG 형식을 선택한 경우 Vector Asset에서 Local SVG File (로컬 SVG 파일)을 선택하고 아이콘의 xml 파일을 생성하십시오. PNG 형식을 선택하는 경우 해상도-> 새 이미지 자산-> 이미지 선택-> 경로에서 이미지 선택-> 큰 이미지 (xxxhdpi)를 선택하고 모든 밀도에 대해 png를 생성하십시오.

— noe

11

Android Studio 2.2 Preview 5부터는 Vector Asset Studio에 더 이상 "선택"버튼이 없지만 아이콘의 작은 표현 (이름 아래)을 클릭해야합니다. 알아 내기 위해 시간이 좀

— 걸렸

2

최근 벡터 자산 스튜디오에는 소재 아이콘 대신 클립 아트 유형이 있습니다. 아이콘 아래에서 안드로이드 아이콘을 클릭하여 아이콘을 선택하십시오

— Gigarthan

23

Android 스튜디오 용이 새로운 플러그인 Android Material Design Icon Generator Plugin 을 사용하면 Google에서 제공하는 다음과 같은 재질 아이콘으로 작업 할 수 있습니다. Google material-design-icons

— 오스틴 스타 그레이
소스

1

설치했지만 어떻게 사용합니까?

— gldraphael

1

@gldraphael-설치가 완료되면 "파일"- "새로 만들기"- "재료 디자인 아이콘"을 선택하십시오. 생성 된 각 파일이 표준 48, 72, 96, 144 및 192 픽셀 높이 / 폭을 갖도록하려면 48dp의 크기를 선택하십시오. 물론 필요한 경우 더 작은 dp 크기를 선택하십시오.

— Martyn Davis

2

@MartynDavis 감사합니다. 그래도 찾았습니다. 내가 가장 좋아하는 것은 색상을 선택할 수 있다는 것입니다.

— gldraphael

15

폴더에 drawable> right click> new> vector asset다음 아이콘을 클릭합니다 :

— 골짜기
소스

6

머티리얼 디자인 아이콘의 github 저장소를 복제하는 스크립트는 다음과 같습니다.

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

모든 파일의 색인을 만듭니다. 또한 svg 파일을 범주별로 하위 디렉토리로 복사합니다. 이를 사용하여 관심있는 파일을 프로젝트에 복사 할 수 있습니다. find 및 cp copy 문을 원하는대로 수정하십시오. 예를 들어 특정 크기의 png가 필요한 경우 이웃 디렉토리에 있으며 그에 따라 find 및 copy 명령을 수정해야합니다.

#!/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

달콤한 대본. 이것은 repo에 대한 일종의 끔찍한 유스 케이스이므로 얕은 클론을 얻으려면 git clone --depth = 1로 변경하는 것이 좋습니다. 조금 더 빨리 다운로드하십시오.

— mbac32768

1

이 링크가 도움이되었다는 것을 알았습니다.

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

gradle 구현이 가능합니다

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

gradle 의존성을 추가 한 후에 이런 방식으로 메뉴 아이템을 생성 할 수 있습니다.

<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>

— 본당 자 말리
소스