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
<string name="icons">㘅 㖭 㖮 㖯</string>
<string name="gouwuche">㘅</string>
<string name="home">㘅</string>
<string name="wode">㘅</string>
第四步:打开 activity_main.xml
,添加 string
值到 TextView
,控件id
名字任意,跟正常开发一样,text
文本也跟平时开发一样@string
找到指定的字符串。通过设置textSize
设置该图片的大小。textColor
设置该图片颜色。跟正常textview
一样使用即可
<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
网友评论