Unduhan Android Bootstrap - Unduhan kode sumber Android Bootstrap

Android-Bootstrap

Android Bootstrap adalah perpustakaan Android yang menyediakan tampilan khusus yang ditata sesuai dengan Spesifikasi Bootstrap Twitter. Hal ini memungkinkan Anda menghabiskan lebih banyak waktu untuk pengembangan daripada mencoba mendapatkan tema yang konsisten di seluruh aplikasi Anda, terutama jika Anda sudah familiar dengan Bootstrap Framework.

Mulai Cepat

Tambahkan dependensi berikut ke build.gradle Anda, pastikan Anda mengganti 'XXX' dengan versi terbaru pada tombol di atas:

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

Anda juga harus mengganti kelas aplikasi Anda dengan yang berikut ini:

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

Anda kemudian harus memeriksa perpustakaan dan menyelidiki kode contoh, yang mencakup sebagian besar fitur. Aplikasi sampel juga tersedia di Google Play.

Mendukung

Jika Anda memiliki pertanyaan tentang cara menggunakan proyek ini, silakan ajukan pertanyaan di StackOverflow, menggunakan tag android-bootstrap-widgets .

Jika Anda merasa menemukan bug di perpustakaan, Anda sebaiknya membuat terbitan baru.

Javadoc

Javadoc untuk proyek ini dihosting di Github.

Contoh

Tombol Bootstrap

Tombol yang mendukung ikon Glyph, dan dapat diberi tema menggunakan 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 Memungkinkan BootstrapButtons dikelompokkan bersama dan atributnya dikontrol secara massal.

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

Tampilan Teks Luar Biasa

Widget teks yang menampilkan ikon Glyph, dan dapat diberi tema menggunakan Bootstrap Brands.

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

###BootstrapProgressBar Menampilkan kemajuan dalam bilah dari 0-100, dan menganimasikan pembaruan pada kemajuan saat ini.

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

BootstrapProgressBarGroup

Mengizinkan BootstrapProgressBars dikelompokkan bersama untuk mendapatkan efek bilah kemajuan bertumpuk.

     < 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 Menampilkan teks yang tidak dapat diklik dalam widget yang mirip dengan BootstrapButton, cukup besar menggunakan elemen 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 "
 />

BootstrapEditTeks

Memungkinkan pengeditan teks dalam widget bertema menggunakan BootstrapBrand.

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

###BootstrapCircleThumbnail Menampilkan gambar dalam Tampilan Melingkar yang dipotong di tengah, bertema 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 Gambar Mini

Menampilkan gambar dalam Tampilan persegi panjang, bertema 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 Menampilkan tampilan dalam wadah bertema.

< 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 Menampilkan tampilan dengan opsi dropdown, disediakan oleh array string.

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

Gaya Kustom

Gaya khusus dapat diterapkan ke tampilan mana pun di perpustakaan ini dengan membuat kelas yang mengimplementasikan BootstrapBrand, dan mengaturnya pada Tampilan. Silakan lihat contoh kode BootstrapButton untuk lebih detail.

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

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

Berkontribusi

Kontribusi sangat diharapkan! Ada 3 cara utama yang dapat Anda lakukan untuk membantu:

Tambahkan lebih banyak Tipografi Ikon, menggunakan instruksi di sini
Membantu mengimplementasikan tampilan yang ada dalam Spesifikasi Bootstrap Twitter namun belum ada di perpustakaan ini.
Ajukan masalah jika Anda melihat bug atau tidak yakin tentang cara kerja sesuatu, atau bahkan lebih baik lagi - kirim permintaan tarik dengan perbaikan!

Pembuatan versi

Proyek ini menggunakan Versi Semantik. Ada beberapa perubahan yang dapat menyebabkan gangguan pada perpustakaan V2.X, termasuk:

AwesomeTextView menggantikan FontAwesomeText
Berbagai tanda tangan/atribut metode yang diubah untuk tampilan
Atribut Global BootstrapBrand/BootstrapSize menggantikan enum khusus tampilan

Harap pertimbangkan dampak perubahan ini pada aplikasi Anda sebelum melakukan upgrade!

Kontak

Jika Anda memiliki pertanyaan, masalah, atau hanya ingin memberi tahu kami di mana Anda menggunakan Android Bootstrap, tweet kami di @BeardedHen, email [email protected], atau kunjungi situs web kami untuk melihat lebih banyak kreasi kami.