Android Bootstrapのダウンロード - Android Bootstrapソースコードのダウンロード

Android-ブートストラップ

Android Bootstrap は、Twitter Bootstrap 仕様に従ってスタイル設定されたカスタムビューを提供する Android ライブラリです。これにより、特にすでにブートストラップフレームワークに精通している場合は、アプリ全体で一貫したテーマを取得しようとするのではなく、開発により多くの時間を費やすことができます。

クイックスタート

次の依存関係を build.gradle に追加し、上のボタンの「XXX」を最新バージョンに置き換えてください。

 dependencies {
   compile 'com.beardedhen:androidbootstrap:{X.X.X}'
}

また、アプリケーションクラスを次のようにオーバーライドする必要があります。

 public class SampleApplication extends Application {
    @ Override public void onCreate () {
        super . onCreate ();
        TypefaceProvider . registerDefaultIconSets ();
    }
}

次に、ライブラリをチェックアウトして、ほとんどの機能をカバーするサンプルコードを調査する必要があります。サンプルアプリはGoogle Playからも入手できます。

サポート

プロジェクトの使用方法について質問がある場合は、タグandroid-bootstrap-widgets を使用して StackOverflow で質問してください。

ライブラリにバグを見つけたと思われる場合は、代わりに新しい問題を作成する必要があります。

Javadoc

プロジェクトの Javadoc は Github でホストされています。

例

ブートストラップボタン

グリフアイコンをサポートし、Bootstrap ブランドを使用してテーマを設定できるボタン。

< com .beardedhen.androidbootstrap.BootstrapButton
 android : layout_width = " wrap_content "
 android : layout_height = " wrap_content "
 android : text = " BootstrapButton "
 app : bootstrapBrand = " success "
 app : bootstrapSize = " lg "
 app : buttonMode = " regular "
 app : showOutline = " false "
 app : roundedCorners = " true "
 />

###BootstrapButtonGroup BootstrapButton をグループ化し、その属性をまとめて制御できるようにします。

< com .beardedhen.androidbootstrap.BootstrapButtonGroup
 android : layout_width = " wrap_content "
 android : layout_height = " wrap_content "
 android : text = " BootstrapButtonGroup "
 android : orientation = " vertical "
 app : bootstrapBrand = " success "
 app : bootstrapSize = " lg "
 app : roundedCorners = " true "
 >
 < com .beardedhen.androidbootstrap.BootstrapButton
    android : layout_width = " wrap_content "
    android : layout_height = " wrap_content "
    android : text = " BootstrapButton 1 "
    />
 < com .beardedhen.androidbootstrap.BootstrapButton
    android : layout_width = " wrap_content "
    android : layout_height = " wrap_content "
    android : text = " BootstrapButton 2 "
    />
</ com .beardedhen.androidbootstrap.BootstrapButtonGroup>

素晴らしいテキストビュー

グリフアイコンを表示するテキストウィジェット。Bootstrap ブランドを使用してテーマ化できます。

< com .beardedhen.androidbootstrap.AwesomeTextView
 android : layout_width = " wrap_content "
 android : layout_height = " wrap_content "
 app : bootstrapBrand = " success "
 app : fontAwesomeIcon = " fa_android "
 />

###BootstrapProgressBar 進行状況を 0 ～ 100 のバーで表示し、現在の進行状況の更新をアニメーションで表示します。

< com .beardedhen.androidbootstrap.BootstrapProgressBar
 android : layout_width = " wrap_content "
 android : layout_height = " wrap_content "
 app : animated = " true "
 app : bootstrapBrand = " warning "
 app : progress = " 78 "
 app : striped = " true "
 />

ブートストラップProgressBarGroup

BootstrapProgressBar をグループ化して、積み重ねられたプログレスバーの効果を得ることができます。

     < com .beardedhen.androidbootstrap.BootstrapProgressBarGroup
         android : id = " @+id/example_progress_bar_group_round_group "
         android : layout_width = " match_parent "
         android : layout_height = " wrap_content "
         android : layout_gravity = " center_vertical "
         app : bootstrapSize = " md "
         app : bootstrapMaxProgress = " 100 " >

         < com .beardedhen.androidbootstrap.BootstrapProgressBar
             android : layout_width = " 0dp "
             android : layout_height = " wrap_content "
             app : bootstrapBrand = " success "
             app : bootstrapProgress = " 20 "
             />

         < com .beardedhen.androidbootstrap.BootstrapProgressBar
             android : layout_width = " 0dp "
             android : layout_height = " wrap_content "
             app : bootstrapBrand = " danger "
             app : bootstrapProgress = " 20 "
             />

         </ com .beardedhen.androidbootstrap.BootstrapProgressBarGroup>

###BootstrapLabel BootstrapButton に似たウィジェット内にクリック不可能なテキストを表示します。H1 ～ H6 要素を使用したサイズになります。

< com .beardedhen.androidbootstrap.BootstrapLabel
 android : layout_width = " wrap_content "
 android : layout_height = " wrap_content "
 app : bootstrapBrand = " primary "
 app : bootstrapHeading = " h3 "
 app : roundedCorners = " true "
 android : text = " Bootstrap Label "
 />

ブートストラップ編集テキスト

BootstrapBrand を使用してテーマを設定したウィジェット内のテキストを編集できるようにします。

< com .beardedhen.androidbootstrap.BootstrapEditText
 android : layout_width = " wrap_content "
 android : layout_height = " wrap_content "
 app : bootstrapSize = " md "
 app : bootstrapBrand = " info "
 />

###BootstrapCircleThumbnail BootstrapBrand をテーマにした、中央が切り取られた円形ビューに画像を表示します。

< com .beardedhen.androidbootstrap.BootstrapCircleThumbnail
 android : layout_width = " wrap_content "
 android : layout_height = " wrap_content "
 android : src = " @drawable/my_drawable "
 app : bootstrapBrand = " danger "
 app : hasBorder = " true "
 />

ブートストラップサムネイル

BootstrapBrand をテーマにした長方形のビューに画像を表示します。

< com .beardedhen.androidbootstrap.BootstrapThumbnail
 android : layout_width = " wrap_content "
 android : layout_height = " wrap_content "
 android : src = " @drawable/my_drawable "
 app : bootstrapBrand = " info "
 app : hasBorder = " true "
 />

###BootstrapWell テーマ別コンテナーにビューを表示します。

< com .beardedhen.androidbootstrap.BootstrapWell
        android : layout_width = " match_parent "
        android : layout_height = " wrap_content "
        android : layout_gravity = " center "
        android : layout_margin = " 8dp "
        app : bootstrapSize = " xl " >

        < TextView
            android : layout_width = " wrap_content "
            android : layout_height = " wrap_content "
            android : gravity = " right "
            android : text = " Look, I'm in a large well! "
            />
    </ com .beardedhen.androidbootstrap.BootstrapWell>

###BootstrapDropDown 文字列の配列によって提供されるドロップダウンオプションを含むビューを表示します。

< com .beardedhen.androidbootstrap.BootstrapDropDown
                android : layout_width = " wrap_content "
                android : layout_height = " wrap_content "
                android : layout_marginLeft = " 8dp "
                app : bootstrapText = " Medium {fa_thumbs_o_up} "
                app : bootstrapBrand = " regular "
                app : roundedCorners = " true "
                app : bootstrapSize = " md "
                app : dropdownResource = " @array/bootstrap_dropdown_example_data "
                app : bootstrapExpandDirection = " down " />

カスタムスタイル

BootstrapBrand を実装するクラスを作成し、それをビューに設定することで、このライブラリ内の任意のビューにカスタムスタイルを適用できます。詳細については、BootstrapButton のサンプルコードを参照してください。

    class CustomBootstrapStyle implements BootstrapBrand {
        // specify desired colors here
    }

    BootstrapButton btn = new BootstrapButton ( context );
    btn . setBootstrapBrand ( new CustomBootstrapStyle ( this );