Code Monkey home page Code Monkey logo

android-bootstrap's Introduction

Android-Bootstrap

alt text

Getting Started

Installation

Gradle

If you're using Gradle you can simply add the following line to build.gradle:

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

Library Project

Alternatively you can use Android Bootstrap as a library project by downloading the source and linking to it in Eclipse.

Usage

  1. Copy fontawesome-webfont.ttf into the assets folder of your project, as otherwise FontAwesome won't work. In a default Android Studio project this should be located at app/src/main/assets

  2. Paste the following XML into a layout file to create a BootstrapButton:

<com.beardedhen.androidbootstrap.BootstrapButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="10dp" android:text="Success" bootstrap:bb_icon_right="fa-android" bootstrap:bb_type="success" />


3. Add the bootstrap namespace to the root view of your layout:
   
   ```xml
xmlns:bootstrap="http://schemas.android.com/apk/res-auto"
  1. Build and run the app.

More Information

For examples please checkout the test project which contains sample code.

Alternatively feel free to inspect the library source or look at the wiki:

If you have any questions, issues, or just want to let us know where you're using Android Bootstrap tweet us at @BeardedHen, email [email protected], or head over to our website to see more of our creations.

#Apps Using Android-Bootstrap

#Features

  • Uses min SDK 7 which is Android 2.1 (Tested on a device running Android 2.2)
  • Bootstrap buttons as per Bootstrap v3
  • Rounded buttons
  • Disabled buttons
  • Various sized buttons (large to extra small)
  • Just text buttons
  • Left, right, left and right, or just icon button
  • Font Awesome text as per Font Awesome v4.3
  • Animations to Font Awesome Text items
  • EditText backgrounds and states

#Examples

Check out the AndroidBootstrapTest project. Inside activity_main.xml you will find examples of how to achieve the following buttons:

Bootstrap Buttons

alt text

Rounded Bootstrap Button

alt text

Others

alt text

Sizes

alt text

Disabled

alt text

Font Awesome Text

alt text

EditText

alt text

Rounded Edit text alt text

Thumbnail Square alt text

Thumbnails Rounded alt text

Thumbnails Rounded alt text

Circle Thumbnails alt text

Circle Thumbnails Minimal alt text

android-bootstrap's People

Contributors

andersonmat avatar andybeardedhen avatar ebuildy avatar intrications avatar jamie-beardedhen avatar joshuapinter avatar k-ni-ght avatar keyboardsurfer avatar mkuklis avatar pelli23 avatar petehendryhen avatar thedazzler avatar uknownothingsnow avatar wendly avatar yongjhih avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.