屬性說明:
icon:接收一個IconData對象衡蚂。
IconData屬性:
- codePoint:icon在字體庫中的Unicode碼
- fontFamily:選擇的[codePoint]所指示icon所在的字體族寝殴,在pubspec.yaml文件中指定
- fontPackage:如果引用的是其它Package中的字體,則需要指明包名
- matchTextDirection:是否匹配文字的閱讀習慣(從左往右和從右往左)禾蚕。如果為true,那么當設置為從右往左時,圖像會沿y軸翻轉(zhuǎn)180°展示。
size:icon的大小腕窥,寬高一致,寬高不能單獨設置
color:icon的顏色
semanticLabel:Icon控件的描述信息
textDirection:文字閱讀方向(TextDirection.ltr,TextDirection.rtl)
IconData的獲壬竿瘛:
- 使用自帶的Icons類中定義的內(nèi)容簇爆。
首先在pubspec.yaml中配置
flutter:
uses-material-design: true
然后在需要使用Icons類的文件中導入
import 'package:flutter/material.dart';
最后就可以愉快的使用系統(tǒng)提供的圖標了
- 使用阿里巴巴的矢量圖標庫Iconfont。
首先要生成ttf文件爽撒,怎么生成參考這篇文章:使用iconfont.ttf圖標文字庫代替圖標圖片
然后把下載到的ttf文件拷貝到自己項目中入蛆,我是放在static/font下,保留demo.css和demo_uniconde.html文件是為了方便的查找需要的圖標的Unicode碼
接著在pubspec.yaml中配置
# family名字自己指定
fonts:
- family: myIconfont
fonts:
- asset: static/fonts/iconfont.ttf
最后就可以愉快的使用我們自己的圖標字體庫了
new IconData(0xe612, fontFamily: 'myIconfont', matchTextDirection: false);