将 material 个设计图标导入 android 个项目
Import material design icons into an android project
是否有一种简单的方法可以将 Material 设计图标存储库的所有图标导入到 android 项目中,而无需手动操作?
您可以将这个新插件用于 android studio
Android Material Design Icon Generator Plugin
帮助您使用 Google 提供的这些 material 图标:
Google material-design-icons
Follow these steps to start Vector Asset Studio:
- In Android Studio, open an Android app project.
- In the Project window, select the Android view.
- Right-click the res folder and select New > Vector Asset.
After you open Vector Asset Studio, you can add a material icon as follows:
- Select "Material Icon" (by clicking on the Clip Art: ICON)
- Click Choose
- Select a material icon
这是一个克隆 material 设计图标的 github 存储库的脚本
在
https://github.com/google/material-design-icons
并创建所有文件的索引。它还按类别将 svg 文件复制到子目录。您可以以此为基础将您感兴趣的文件复制到您的项目中——只需根据您的喜好修改 find 和 cp copy 语句。如果你例如需要一定大小的 png - 它们位于相邻目录中,然后您需要相应地修改查找和复制命令。
#!/bin/bash
# WF 2016-06-04
# get google material design icons
# see
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
我发现这个 link 对我有帮助。
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>
在文件夹 drawable
> right click
> new
> vector asset
,然后单击图标:
是否有一种简单的方法可以将 Material 设计图标存储库的所有图标导入到 android 项目中,而无需手动操作?
您可以将这个新插件用于 android studio Android Material Design Icon Generator Plugin 帮助您使用 Google 提供的这些 material 图标: Google material-design-icons
Follow these steps to start Vector Asset Studio:
- In Android Studio, open an Android app project.
- In the Project window, select the Android view.
- Right-click the res folder and select New > Vector Asset.
After you open Vector Asset Studio, you can add a material icon as follows:
- Select "Material Icon" (by clicking on the Clip Art: ICON)
- Click Choose
- Select a material icon
这是一个克隆 material 设计图标的 github 存储库的脚本 在
https://github.com/google/material-design-icons
并创建所有文件的索引。它还按类别将 svg 文件复制到子目录。您可以以此为基础将您感兴趣的文件复制到您的项目中——只需根据您的喜好修改 find 和 cp copy 语句。如果你例如需要一定大小的 png - 它们位于相邻目录中,然后您需要相应地修改查找和复制命令。
#!/bin/bash
# WF 2016-06-04
# get google material design icons
# see
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
我发现这个 link 对我有帮助。
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>
在文件夹 drawable
> right click
> new
> vector asset
,然后单击图标: