ดาวน์โหลด Android Bootstrap - ดาวน์โหลดซอร์สโค้ด Android Bootstrap

Android-Bootstrap

Android Bootstrap เป็นไลบรารี Android ที่ให้มุมมองที่กำหนดเองตามสไตล์ตามข้อกำหนด Bootstrap ของ Twitter สิ่งนี้ช่วยให้คุณใช้เวลาในการพัฒนามากขึ้น แทนที่จะพยายามสร้างธีมที่สอดคล้องกันในแอปของคุณ โดยเฉพาะอย่างยิ่งหากคุณคุ้นเคยกับ Bootstrap Framework อยู่แล้ว

เริ่มต้นอย่างรวดเร็ว

เพิ่มการพึ่งพาต่อไปนี้ให้กับ 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

สนับสนุน

หากคุณมีคำถามเกี่ยวกับวิธีใช้โปรเจ็กต์ โปรดถามคำถามใน StackOverflow โดยใช้แท็ก android-bootstrap-widgets

หากคุณคิดว่าคุณพบจุดบกพร่องในห้องสมุด คุณควรสร้างปัญหาใหม่แทน

จาวาด็อก

javadoc สำหรับโปรเจ็กต์โฮสต์บน Github

ตัวอย่าง

BootstrapButton

ปุ่มที่รองรับไอคอน 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 อนุญาตให้ BootstrapButtons จัดกลุ่มเข้าด้วยกันและควบคุมคุณลักษณะทั้งหมดได้

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

สุดยอด TextView

วิดเจ็ตข้อความที่แสดงไอคอน Glyph และสามารถจัดธีมได้โดยใช้ 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 "
 />

BootstrapProgressBarGroup

อนุญาตให้ 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 "
 />

BootstrapEditText

อนุญาตให้แก้ไขข้อความในวิดเจ็ตที่มีธีมโดยใช้ 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 );

มีส่วนร่วม

ยินดีเป็นอย่างยิ่ง! มี 3 วิธีหลักที่คุณสามารถช่วยได้:

เพิ่มแบบอักษรของไอคอนเพิ่มเติม โดยใช้คำแนะนำที่นี่
ช่วยนำมุมมองที่มีอยู่ในข้อกำหนด Bootstrap ของ Twitter แต่ยังไม่มีในไลบรารีนี้
แจ้งปัญหาหากคุณเห็นจุดบกพร่องหรือไม่แน่ใจว่าบางสิ่งทำงานอย่างไร หรือดียิ่งกว่านั้น - ส่งคำขอดึงพร้อมการแก้ไข!

การกำหนดเวอร์ชัน

โปรเจ็กต์นี้ใช้การกำหนดเวอร์ชันเชิงความหมาย มีการเปลี่ยนแปลงที่สำคัญหลายประการใน V2.X ของไลบรารี รวมถึง:

AwesomeTextView แทนที่ FontAwesomeText
ลายเซ็น/คุณลักษณะของเมธอดที่เปลี่ยนแปลงต่างๆ สำหรับมุมมอง
แอตทริบิวต์ Global BootstrapBrand/BootstrapSize แทนที่ enum เฉพาะมุมมอง

โปรดพิจารณาว่าการเปลี่ยนแปลงเหล่านี้อาจส่งผลต่อแอปของคุณอย่างไรก่อนที่จะอัปเกรด!

ติดต่อ

หากคุณมีคำถาม ปัญหา หรือเพียงต้องการแจ้งให้เราทราบว่าคุณใช้ Android Bootstrap อยู่ที่ไหน ทวีตหาเราที่ @BeardedHen ส่งอีเมลไปที่ [email protected] หรือตรงไปที่เว็บไซต์ของเราเพื่อดูการสร้างสรรค์เพิ่มเติมของเรา