开源项目-AndroidBootstrap学习

最近看了个Android-Bootstrap开源项目,这个项目对于没有美工的开发人员是个福音,bootstraptwitter推出的前端的一个快速开发漂亮网站的框架,网页的图标和样式都很好看,而这个Android-Bootstrap项目就是把网页的图标效果做到安卓中来。该项目中自己封装了一些常用前端显示组件(现在有四个组件bootstrap buttonsfont awesome texts, bootstrap edit textsboostrap thumbnails,其他如tabsaction bar正在开发中),而且自定义了一些属性(这些属性值可以在源码中layout下的attrs.xml中看到),可以通过xml布局文件和代码两种方式来改变图标样式。

这些组件很好玩,比如封装的Bootstrap buttons中有三个TextView,可以设置他们的图像、文字和位置,还有一些小图标可以闪烁和旋转,这些封装组件在项目源码中都可以看到。而且使用也很简单,和使用Android自带的那些组件类似的使用方法。项目源码在AndroidBootstrap文件夹中,而且还给出了Demo就是AndroidBootstrapTest文件夹,但在使用时要注意:

1. 要么把AndroidBootstrap文件夹中的工程作为你的工程的依赖库,或者该工程编译成jar文件,然后添加到你的工程中即可。

2. 要把fontawesome-webfont.ttf 文件放到你的工程的assets文件夹下,这个应该与调用fontawesome的小图标有关,参见http://fortawesome.github.io/Font-Awesome/cheatsheet/ 

3.  在你的工程中的每个layout文件中添加两行

xmlns:bootstrapbutton="http://schemas.android.com/apk/res-auto"

xmlns:fontawesometext="http://schemas.android.com/apk/res-auto"

项目中图标实例如下图:

 开源项目-AndroidBootstrap学习_第1张图片

 

项目在github的地址:https://github.com/Bearded-Hen/Android-Bootstrap

使用方法:https://github.com/Bearded-Hen/Android-Bootstrap/wiki

 

你可能感兴趣的:(android,前端,bootstrap,开源项目,布局)