Download Android Bootstrap - Download do código-fonte Android Bootstrap

Android-Bootstrap

Android Bootstrap é uma biblioteca Android que fornece visualizações personalizadas estilizadas de acordo com a especificação Bootstrap do Twitter. Isso permite que você gaste mais tempo no desenvolvimento em vez de tentar obter um tema consistente em seu aplicativo, especialmente se você já estiver familiarizado com o Bootstrap Framework.

Início rápido

Adicione a seguinte dependência ao seu build.gradle, garantindo a substituição de 'XXX' pela versão mais recente no botão acima:

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

Você também deve substituir a classe do seu aplicativo pelo seguinte:

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

Você deve então verificar a biblioteca e investigar o código de exemplo, que cobre a maioria dos recursos. O aplicativo de exemplo também está disponível no Google Play.

Apoiar

Se você tiver alguma dúvida sobre como usar o projeto, faça uma pergunta no StackOverflow, usando a tag android-bootstrap-widgets .

Se você acha que encontrou um bug na biblioteca, você deve criar um novo problema.

Javadoc

O javadoc do projeto está hospedado no Github.

Exemplos

Botão Bootstrap

Um botão que suporta ícones Glyph e pode ser tematizado usando 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 que BootstrapButtons sejam agrupados e seus atributos controlados em massa.

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

ImpressionanteTextView

Um widget de texto que exibe ícones Glyph e pode ser tematizado usando Bootstrap Brands.

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

###BootstrapProgressBar Exibe o progresso em uma barra de 0 a 100 e anima atualizações do progresso atual.

< 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 que BootstrapProgressBars sejam agrupados para ter o efeito de barra de progresso empilhada.

     < 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 Exibe texto não clicável em um widget semelhante ao BootstrapButton, dimensionável usando 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 "
 />

BootstrapEditText

Permite a edição de texto em um widget temático utilizando BootstrapBrand.

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

###BootstrapCircleThumbnail Exibe imagens em uma visualização circular cortada no centro, com 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 "
 />

BootstrapMiniatura

Exibe imagens em uma visualização retangular, com 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 Exibe uma visualização em um contêiner 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 Exibe uma visualização com opções suspensas, fornecidas por um array de strings.

< 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

Estilos personalizados podem ser aplicados a qualquer uma das visualizações nesta biblioteca criando uma classe que implementa BootstrapBrand e configurando-a na Visualização. Consulte o código de exemplo do BootstrapButton para obter mais detalhes.

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

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

Contribuindo

Contribuições são muito bem-vindas! Existem três maneiras principais de ajudar:

Adicione mais fontes de ícones, usando as instruções aqui
Ajude a implementar visualizações que estão presentes na especificação Bootstrap do Twitter, mas ainda não estão nesta biblioteca.
Levante um problema se você encontrar um bug ou não tiver certeza de como algo funciona, ou melhor ainda - envie uma solicitação pull com uma correção!

Versionamento

Este projeto usa versionamento semântico. Existem várias alterações importantes na V2.X da biblioteca, incluindo:

AwesomeTextView substitui FontAwesomeText
Várias assinaturas/atributos de métodos alterados para visualizações
Atributos globais BootstrapBrand/BootstrapSize substituem enumerações específicas de visualização

Considere o efeito que essas alterações podem ter em seu aplicativo antes de atualizar!

Contato

Se você tiver alguma dúvida, problema ou apenas quiser nos informar onde está usando o Android Bootstrap, envie um tweet para @BeardedHen, envie um e-mail para [email protected] ou acesse nosso site para ver mais de nossas criações.