Descarga Android Bootstrap - Descarga del código fuente Android Bootstrap

Android-Bootstrap

Android Bootstrap es una biblioteca de Android que proporciona vistas personalizadas diseñadas de acuerdo con la especificación Bootstrap de Twitter. Esto le permite dedicar más tiempo al desarrollo en lugar de intentar obtener un tema coherente en su aplicación, especialmente si ya está familiarizado con Bootstrap Framework.

Inicio rápido

Agregue la siguiente dependencia a su build.gradle, asegurándose de reemplazar 'XXX' con la última versión en el botón de arriba:

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

También debes anular tu clase de aplicación con lo siguiente:

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

Luego deberías consultar la biblioteca e investigar el código de muestra, que cubre la mayoría de las funciones. La aplicación de muestra también está disponible en Google Play.

Apoyo

Si tiene alguna pregunta sobre cómo usar el proyecto, haga una pregunta en StackOverflow, usando la etiqueta android-bootstrap-widgets .

Si cree que ha encontrado un error en la biblioteca, debería crear un nuevo problema.

javadoc

El javadoc del proyecto está alojado en Github.

Ejemplos

Botón Bootstrap

Un botón que admite íconos de glifos y se puede personalizar con 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 Permite agrupar los botones Bootstrap y controlar sus atributos en masa.

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

Vista de texto impresionante

Un widget de texto que muestra íconos de glifos y se puede personalizar con Bootstrap Brands.

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

###BootstrapProgressBar Muestra el progreso en una barra de 0 a 100 y anima las actualizaciones del progreso actual.

< 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

Permite agrupar BootstrapProgressBars para tener el efecto de una barra de progreso apilada.

     < 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 Muestra texto en el que no se puede hacer clic en un widget similar al BootstrapButton, de tamaño considerable utilizando elementos 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 "
 />

BootstrapEditarTexto

Permite editar texto en un widget temático usando BootstrapBrand.

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

###BootstrapCircleThumbnail Muestra imágenes en una vista circular recortada en el centro, con el tema 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 "
 />

Miniatura de Bootstrap

Muestra imágenes en una vista rectangular, con el tema 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 Muestra una vista en un contenedor temático.

< 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 Muestra una vista con opciones desplegables, proporcionadas por una serie de cadenas.

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

Estilos personalizados

Se pueden aplicar estilos personalizados a cualquiera de las vistas de esta biblioteca creando una clase que implemente BootstrapBrand y configurándola en la Vista. Consulte el código de muestra de BootstrapButton para obtener más detalles.

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

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

Contribuyendo

¡Las contribuciones son muy bienvenidas! Hay 3 formas principales en las que puedes ayudar:

Agregue más tipos de letra de íconos, siguiendo las instrucciones aquí
Ayude a implementar vistas que están presentes en la especificación Bootstrap de Twitter pero que aún no están en esta biblioteca.
Plantee un problema si ve un error o no está seguro de cómo funciona algo, o incluso mejor: envíe una solicitud de extracción con una solución.

Versionado

Este proyecto utiliza versiones semánticas. Hay varios cambios importantes en V2.X de la biblioteca, que incluyen:

AwesomeTextView reemplaza FontAwesomeText
Varias firmas/atributos de métodos modificados para vistas
Los atributos globales BootstrapBrand/BootstrapSize reemplazan las enumeraciones específicas de la vista

¡Considere qué efecto podrían tener estos cambios en su aplicación antes de actualizarla!

Contacto

Si tiene alguna pregunta, problema o simplemente desea informarnos dónde está utilizando Android Bootstrap, envíenos un tweet a @BeardedHen, envíe un correo electrónico a [email protected] o visite nuestro sitio web para ver más de nuestras creaciones.