تنزيل Android Bootstrap - تنزيل كود مصدر Android Bootstrap

أندرويد-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.

يدعم

إذا كان لديك سؤال حول كيفية استخدام المشروع، يرجى طرح سؤال على StackOverflow، باستخدام العلامة android-bootstrap-widgets .

إذا كنت تعتقد أنك وجدت خطأ ما في المكتبة، فيجب عليك إنشاء عدد جديد بدلاً من ذلك.

جافادوك

تتم استضافة 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 يسمح بتجميع أزرار Bootstrap معًا والتحكم في سماتها بشكل جماعي.

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

AwesomeTextView

أداة نصية تعرض أيقونات 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 "
 />

BootstrapThumbnail

يعرض الصور في عرض مستطيل، تحت عنوان 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 طرق رئيسية يمكنك من خلالها المساعدة:

أضف المزيد من محارف الأيقونات، باستخدام الإرشادات الموجودة هنا
ساعد في تنفيذ طرق العرض الموجودة في مواصفات Twitter Bootstrap ولكنها ليست موجودة في هذه المكتبة بعد.
اطرح مشكلة إذا رأيت خطأ ما أو لم تكن متأكدًا من كيفية عمل شيء ما، أو حتى الأفضل - أرسل طلب سحب مع الإصلاح!

الإصدار

يستخدم هذا المشروع الإصدار الدلالي. هناك العديد من التغييرات العاجلة في الإصدار 2.X من المكتبة، بما في ذلك:

AwesomeTextView يحل محل FontAwesomeText
تواقيع/سمات الطريقة المتغيرة المختلفة لطرق العرض
تحل سمات BootstrapBrand/BootstrapSize العالمية محل التعدادات الخاصة بالعرض

يرجى النظر في التأثير الذي قد تحدثه هذه التغييرات على تطبيقك قبل الترقية!

اتصال

إذا كانت لديك أي أسئلة أو مشكلات أو كنت تريد فقط إخبارنا بالمكان الذي تستخدم فيه Android Bootstrap، قم بتغريدنا على @BeardedHen، أو أرسل بريدًا إلكترونيًا إلى [email protected]، أو توجه إلى موقعنا على الويب لرؤية المزيد من إبداعاتنا.