Téléchargement Android Bootstrap - Téléchargement du code source Android Bootstrap

Android-Bootstrap

Android Bootstrap est une bibliothèque Android qui fournit des vues personnalisées conçues selon la spécification Twitter Bootstrap. Cela vous permet de consacrer plus de temps au développement plutôt que d'essayer d'obtenir un thème cohérent dans votre application, surtout si vous êtes déjà familier avec le framework Bootstrap.

Démarrage rapide

Ajoutez la dépendance suivante à votre build.gradle, en vous assurant de remplacer « XXX » par la dernière version sur le bouton ci-dessus :

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

Vous devez également remplacer votre classe d'application par ce qui suit :

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

Vous devez ensuite extraire la bibliothèque et étudier l'exemple de code, qui couvre la plupart des fonctionnalités. L'exemple d'application est également disponible sur Google Play.

Soutien

Si vous avez une question sur l'utilisation du projet, veuillez poser une question sur StackOverflow, en utilisant la balise android-bootstrap-widgets .

Si vous pensez avoir trouvé un bug dans la bibliothèque, vous devez plutôt créer un nouveau ticket.

Javadoc

Le javadoc du projet est hébergé sur Github.

Exemples

Bouton Bootstrap

Un bouton qui prend en charge les icônes Glyph et peut être thématique à l'aide de 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 Permet de regrouper les BootstrapButtons et de contrôler leurs attributs en masse.

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

GénialTextView

Un widget de texte qui affiche les icônes de glyphes et peut être thématique à l'aide de Bootstrap Brands.

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

###BootstrapProgressBar Affiche la progression dans une barre de 0 à 100 et anime les mises à jour de la progression actuelle.

< 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

Permet de regrouper les BootstrapProgressBars pour avoir l’effet d’une barre de progression empilée.

     < 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 Affiche du texte non cliquable dans un widget similaire au BootstrapButton, redimensionnable à l'aide d'éléments 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

Permet l'édition de texte dans un widget thématique utilisant BootstrapBrand.

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

###BootstrapCircleThumbnail Affiche les images dans une vue circulaire recadrée au centre, sur le thème de 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 "
 />

Vignette Bootstrap

Affiche les images dans une vue rectangulaire, sur le thème 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 Affiche une vue dans un conteneur thématique.

< 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 Affiche une vue avec des options déroulantes, fournies par un tableau de chaînes.

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

Styles personnalisés

Des styles personnalisés peuvent être appliqués à n'importe laquelle des vues de cette bibliothèque en créant une classe qui implémente BootstrapBrand et en la définissant sur la vue. Veuillez consulter l'exemple de code de BootstrapButton pour plus de détails.

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

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

Contribuer

Les contributions sont les bienvenues ! Il existe 3 manières principales d’aider :

Ajoutez plus de polices d'icônes, en suivant les instructions ici
Aidez à implémenter les vues qui sont présentes dans la spécification Twitter Bootstrap mais ne sont pas encore dans cette bibliothèque.
Soulevez un problème si vous voyez un bug ou si vous n'êtes pas sûr du fonctionnement de quelque chose, ou mieux encore - envoyez une pull-request avec un correctif !

Gestion des versions

Ce projet utilise le versioning sémantique. Il y a plusieurs changements importants dans la V2.X de la bibliothèque, notamment :

AwesomeTextView remplace FontAwesomeText
Diverses signatures/attributs de méthodes modifiés pour les vues
Les attributs globaux BootstrapBrand/BootstrapSize remplacent les énumérations spécifiques à la vue

Veuillez réfléchir à l'effet que ces modifications pourraient avoir sur votre application avant de procéder à la mise à niveau !

Contact

Si vous avez des questions, des problèmes ou si vous souhaitez simplement nous faire savoir où vous utilisez Android Bootstrap, tweetez-nous à @BeardedHen, envoyez un e-mail à [email protected] ou rendez-vous sur notre site Web pour voir plus de nos créations.