Android Bootstrap下載 - Android Bootstrap原始碼下載

Android-Bootstrap

Android Bootstrap 是一個 Android 函式庫，它提供根據 Twitter Bootstrap 規格設計的自訂視圖。這使您可以花更多的時間進行開發，而不是嘗試在整個應用程式中獲得一致的主題，特別是如果您已經熟悉 Bootstrap 框架的話。

快速入門

將以下依賴項新增至您的 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 上提問。

如果您認為在庫中發現了錯誤，則應該建立一個新問題。

Java文檔

該專案的 javadoc 託管在 Github 上。

範例

引導按鈕

一個支援 Glyph 圖示的按鈕，並且可以使用 Bootstrap Brands 進行主題化。

< 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 Brands 進行主題化。

< 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 "
 />

Bootstrap進度條組

允許 BootstrapProgressBars 組合在一起以具有堆疊進度條的效果。

     < 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 "
 />

Bootstrap編輯文本

允許在使用 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 "
 />

Bootstrap縮圖

在矩形視圖中顯示影像，以 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 );