Android Bootstrap Download - Android Bootstrap Quellcode herunterladen

Android-Bootstrap

Android Bootstrap ist eine Android-Bibliothek, die benutzerdefinierte Ansichten bereitstellt, die gemäß der Twitter Bootstrap-Spezifikation gestaltet sind. Dadurch können Sie mehr Zeit in die Entwicklung investieren, anstatt zu versuchen, ein einheitliches Thema für Ihre App zu erhalten, insbesondere wenn Sie bereits mit dem Bootstrap Framework vertraut sind.

Schnellstart

Fügen Sie Ihrem build.gradle die folgende Abhängigkeit hinzu und stellen Sie sicher, dass Sie „XXX“ auf der Schaltfläche oben durch die neueste Version ersetzen:

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

Sie sollten Ihre Anwendungsklasse außerdem mit Folgendem überschreiben:

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

Anschließend sollten Sie sich die Bibliothek ansehen und den Beispielcode untersuchen, der die meisten Funktionen abdeckt. Die Beispiel-App ist auch bei Google Play verfügbar.

Unterstützung

Wenn Sie eine Frage zur Verwendung des Projekts haben, stellen Sie diese bitte auf StackOverflow mit dem Tag android-bootstrap-widgets .

Wenn Sie glauben, einen Fehler in der Bibliothek gefunden zu haben, sollten Sie stattdessen ein neues Problem erstellen.

Javadoc

Das Javadoc für das Projekt wird auf Github gehostet.

Beispiele

BootstrapButton

Eine Schaltfläche, die Glyph-Symbole unterstützt und mit Bootstrap Brands thematisiert werden kann.

< 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 Ermöglicht die Gruppierung von BootstrapButtons und die massenhafte Steuerung ihrer Attribute.

< 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

Ein Text-Widget, das Glyph-Symbole anzeigt und mit Bootstrap Brands thematisiert werden kann.

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

###BootstrapProgressBar Zeigt den Fortschritt in einem Balken von 0 bis 100 an und animiert Aktualisierungen des aktuellen Fortschritts.

< 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

Ermöglicht die Gruppierung von BootstrapProgressBars, um den Effekt eines gestapelten Fortschrittsbalkens zu erzielen.

     < 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 Zeigt nicht anklickbaren Text in einem Widget ähnlich dem BootstrapButton an, dessen Größe mithilfe von H1-H6-Elementen angepasst werden kann.

< 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

Ermöglicht die Bearbeitung von Text in einem Widget mit BootstrapBrand-Thema.

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

###BootstrapCircleThumbnail Zeigt Bilder in einer mittig beschnittenen kreisförmigen Ansicht an, thematisiert mit 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

Zeigt Bilder in einer rechteckigen Ansicht mit dem Thema BootstrapBrand an.

< 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 Zeigt eine Ansicht in einem Themencontainer an.

< 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 Zeigt eine Ansicht mit Dropdown-Optionen an, die durch ein Array von Zeichenfolgen bereitgestellt werden.

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

Benutzerdefinierte Stile

Benutzerdefinierte Stile können auf jede der Ansichten in dieser Bibliothek angewendet werden, indem eine Klasse erstellt wird, die BootstrapBrand implementiert, und diese für die Ansicht festgelegt wird. Weitere Einzelheiten finden Sie im Beispielcode von BootstrapButton.

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

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

Mitwirken

Beiträge sind herzlich willkommen! Es gibt im Wesentlichen drei Möglichkeiten, wie Sie helfen können:

Fügen Sie weitere Symbolschriftarten hinzu, indem Sie die Anweisungen hier befolgen
Helfen Sie bei der Implementierung von Ansichten, die in der Twitter-Bootstrap-Spezifikation vorhanden sind, aber noch nicht in dieser Bibliothek.
Melden Sie ein Problem, wenn Sie einen Fehler sehen oder unsicher sind, wie etwas funktioniert, oder noch besser: Senden Sie eine Pull-Anfrage mit einem Fix!

Versionierung

Dieses Projekt verwendet semantische Versionierung. In V2.X der Bibliothek gibt es mehrere wichtige Änderungen, darunter:

AwesomeTextView ersetzt FontAwesomeText
Verschiedene geänderte Methodensignaturen/-attribute für Ansichten
Globale BootstrapBrand/BootstrapSize-Attribute ersetzen ansichtsspezifische Aufzählungen

Bitte überlegen Sie vor dem Upgrade, welche Auswirkungen diese Änderungen auf Ihre App haben könnten!

Kontakt

Wenn Sie Fragen oder Probleme haben oder uns einfach mitteilen möchten, wo Sie Android Bootstrap verwenden, twittern Sie uns an @BeardedHen, senden Sie eine E-Mail an [email protected] oder besuchen Sie unsere Website, um weitere unserer Kreationen zu sehen.