Android-Bootstrap简易说明

说明：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做旋转动画

 

1. 1. BootstrapBadge

lonelyBadge.setBadgeText(String.valueOf(new Random().nextInt()));

可通过setBadgeText来改变BootstrapBadge的显示内容

1. 1. 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. 1.1BootstrapCircleThumbnail和BootstrapThumbnail
   1. 使用方法基本和imageview相同，可用app:hasBorder设置是否有边框
      
       
   2. BootstrapDropDown
      
      可用app:dropdownResource设置下拉的列表内容
      可用app:bootstrapExpandDirection设置是上拉（UP）还是下拉(DOWN)
       
   3. BootstrapLabel
      用法和BootstrapButton基本相同，可用app:bootstrapHeading设置标题大小，值可以为h1,h2,h3,h4,h5,h6
      
       
   4. BootstrapProgressBar
      可用app:striped设置以下两种样式
      可用app:animated设置进度变化的时候是否有动效