IconFont
阿里妈妈MUX倾力打造的矢量图标管理、交流平台。适用于Web、Android、IOS,官网地址。
Android中使用IconFont
Android使用说明官网
android可以直接使用单个icon(svg,png)。也可以直接引入字体应用。
第一步
从iconfont平台选择要使用到的图标,添加到购物车后统一归类到自己创建的项目文件夹中并下载至本地;复制字体文件iconfont.ttf到项目 app/src/assets/iconfont目录。确认目录地址是否正确。
第二步
打开从iconfont平台下载下来的文件,并在目录中打开demo.html,找到图标相对应的 HTML 实体字符码;比如
第三步
打开 res/values/strings.xml,添加 string值;string就当做普通字符串处理,需要添加应用于几个文本控件,创建几个文本字符串即可,如果单个文本可存在多张图片,则可将该字符串多添加几个图片,如下icons
㘅 㖭 㖮 㖯
㘅
㘅
㘅
第四步:打开 activity_main.xml,添加 string 值到 TextView,控件id名字任意,跟正常开发一样,text文本也跟平时开发一样@string找到指定的字符串。通过设置textSize设置该图片的大小。textColor设置该图片颜色。跟正常textview一样使用即可
android:id="@+id/iconfont"
android:layout_width="100dp"
android:layout_height="100dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
android:text="@string/icons"
android:textSize="30sp"
android:textColor="#ff0000"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent" />
第五步
为 TextView 指定文字:
import android.graphics.Typeface;
import android.os.Bundle;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Typeface iconfont = Typeface.createFromAsset(getAssets(), "iconfont/iconfont.ttf");
TextView textview = (TextView)findViewById(R.id.iconfont);
textview.setTypeface(iconfont);
}
}
微信图片_20191224182922.png