android扁平化界面设计—在android中使用Font-Awesome

Font-Awesome 是为Bootstrap设计的一个图标集合字体，里面包含了300多个常用图标。使用Font-Awesome还具有如下优点：

1、减少了图标的绘制工作

2、适合扁平化界面设计

3、图标的大小和颜射可以在代码中自己设置，颜射不固定，可变性大

4、减小了APK的大小

Font-Awesome的使用方式：

到http://fortawesome.github.io/Font-Awesome/下载Font-Awesome字体，目前最新版本是4.3.0然后解压压缩包，将Fonts文件夹下的fontawesome-webfont.ttf文件放到项目的assets目录下。到http://fortawesome.github.io/Font-Awesome/cheatsheet/查看相应的图标，你可以将这个网页下载下来保存好。你也可以在下载的Font-Awesome字体中的css目录中的font-awesome.css文件中查找，我试过了，我实在看不出哪个图标，所以还是在http://fortawesome.github.io/Font-Awesome/cheatsheet中看比较好。

然后在values文件夹下的strings文件中定义你的图标，比如我红心图标那么就在strings.xml中这样定义：<string name="heard">&#xf004;</string>。接着在布局文件中定义好TextView，如：

<TextView
android:id="@+id/test_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/heard"//注意这个一定不能忘记
android:textSize="50sp"
android:textColor="#F59012"
android:textAppearance="?android:attr/textAppearanceLarge" />

接着在Java代码中，就是你的activity中定义TextView

public class LoginActivity extends Activity implements OnClickListener{
private TextView t1;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        setContentView(R.layout.login);
        Typeface font = Typeface.createFromAsset(getAssets(), "fontawesome-webfont.ttf");//记得加上这句
        t1=(TextView) findViewById(R.id.test_view);
        t1.setTypeface(font);
        

Typeface font = Typeface.createFromAsset(getAssets(), "fontawesome-webfont.ttf");和

setTypeface(font);这不能忘记了。然后运行你的项目，然后在TextView中就可以看到你要的图标了。

就这么简单，个人觉得比自己去设计什么图标好多了，而且扁平化风格适合现在界面设计的风格。

如有需要帮助请留言，欢迎讨论！