说明:Android-Bootstrap是针对Android系统设计的前端框架,同时它采用了Bootstrap的配色和样式。
包含以下12种UI控件
1 | BootstrapEditText | 编辑栏 |
2 | BootstrapButton | 按钮 |
3 | BootstrapButtonGroup | 按钮组合 |
4 | BootstrapBadge | 角标 |
5 | BootstrapAlert | 提醒 |
6 | BootstrapCircleThumbnail | 圆形图片 |
7 | BootstrapThumbnail | 方形图片 |
8 | BootstrapDropDown | 拉伸选择框 |
9 | BootstrapLabel | 标题 |
10 | BootstrapProgressBar | 进度条 |
11 | BootstrapWell | 面板(内容凹陷显示或插图效果的容器) |
12 | AwesomeTextView | 显示字形图标的文本小部件 |
使用:第一步:将以下依赖项添加到你的生成.gradle,确保用上面按钮上的最新版本替换'x.x.x':
dependencies {
compile 'com.beardedhen:androidbootstrap:{X.X.X}'
}
第二步:重写应用程序类
public class SampleApplication extends Application { @Override public void onCreate() { super.onCreate(); // setup default typefaces TypefaceProvider.registerDefaultIconSets(); } }
第三步:在布局文件根标签中添加
xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools"
即可开始使用。
以BootstrapButton为例:
在layout中添加
<com.beardedhen.androidbootstrap.BootstrapButton android:id="@+id/bbutton_example_corners" style="@style/wrapping_button" android:text="Corners" app:bootstrapBrand="success" app:bootstrapSize="lg" app:buttonMode="regular" app:showOutline="false" app:roundedCorners="true" />
以上属性为通用属性,各控件都可使用。
以下是各控件一些属性展示:
1.1 BootstrapButton
1.2 AwesomeTextView
exampleFlash.startFlashing(true, AwesomeTextView.AnimationSpeed.FAST); exampleRotate.startRotate(true, AwesomeTextView.AnimationSpeed.SLOW);
可通过startFlashing使AwesomeTextView做闪动动画
可通过startRotate使AwesomeTextView做旋转动画
-
- BootstrapBadge
- BootstrapBadge
lonelyBadge.setBadgeText(String.valueOf(new Random().nextInt()));
可通过setBadgeText来改变BootstrapBadge的显示内容
-
- BootstrapAlert
- BootstrapAlert
alert.setVisibilityChangeListener(new BootstrapAlert.VisibilityChangeListener() { @Override public void onAlertDismissStarted(BootstrapAlert alert) { Log.d(TAG, "Started dismissing alert!"); } @Override public void onAlertDismissCompletion(BootstrapAlert alert) { Log.d(TAG, "Finished dismissing alert!"); } @Override public void onAlertAppearStarted(BootstrapAlert alert) { Log.d(TAG, "Started appearing alert!"); } @Override public void onAlertAppearCompletion(BootstrapAlert alert) { Log.d(TAG, "Finished appearing alert!"); } });
可用设置setVisibilityChangeListener的方式监听BootstrapAlert
的出现和消失
- 1.1BootstrapCircleThumbnail和BootstrapThumbnail
- 使用方法基本和imageview相同,可用app:hasBorder设置是否有边框
- BootstrapDropDown
可用app:dropdownResource设置下拉的列表内容
可用app:bootstrapExpandDirection设置是上拉(UP)还是下拉(DOWN)
- BootstrapLabel
用法和BootstrapButton基本相同,可用app:bootstrapHeading设置标题大小,值可以为h1,h2,h3,h4,h5,h6
- BootstrapProgressBar
可用app:striped设置以下两种样式
可用app:animated设置进度变化的时候是否有动效
- 使用方法基本和imageview相同,可用app:hasBorder设置是否有边框