WHAT'S NEW?
Loading...

How to use Android-Bootstrap: a Twitter Bootstrap style theme and Font Awesome for Android native apps


Many times you are forced to write native Android apps, but you are not satisfied with the graphics. Good graphics is fundamental to make sure that the application will be a success. When you work in building a website, the facto standard is the Bootstrap framework, but when you work on mobile app is there anything like Twitter Bootstrap for Android? The answer is yes! You can use Android Bootstrap.



Android Bootstrap is a library which provides several custom views styled according to the Twitter Bootstrap specification. Using this library, you will be able to have Bootstrap style buttons with Font Awesome in your native Android application.

How can include Android-Bootstrap in your Android Studio project?

  • Copy Android-Bootstrap directory project into AndroidStudioProjects directory
  • Import the module "\AndroidStudioProjects\Android-Bootstrap\AndroidBootstrap" in your project  
  • If you read this error "Error:(10, 0) Could not find property 'VERSION_CODE' on ProductFlavor_Decorated....." then edit the file \AndroidStudioProjects\Android-Bootstrap\AndroidBootstrap\build.gradle, and change versionCode = Integer.parseInt(VERSION_CODE)  versionName = VERSION_NAME into  versionCode 1 versionName "1.0"
  •  at end of the file remove the row "apply from: 'https://raw.github.com/........."

Click the Try Again link to Synchronize your project

In your app project edit 

\src\main\res\values\styles.xml

add

edit your main activity layout \src\main\res\layout\activity_main.xml

add  xmlns:app attribute in the root element and add an AwesomeTextView



edit your main activity and add into onCreate method TypefaceProvider.registerDefaultIconSets();

That is all, you're ready to go!


1 comment: Leave Your Comments