Loading...

Using Android with Bootstrap

Android UI has great support for common elements used with mobiles, but the GUI is not the best. Welcome Android with Bootstrap support! Export Kit allows you to add Bootstrap themes to your Android UI Output with little to no effort!

Only with Export Kit you can unleash Bootstrap beyond CSS.

Step 1: Install the UI Builder

You can get started right away with Android and Bootstrap by installing our default UI Elements for Bootstrap. This will give you all UI/UX assets for building common Bootstrap-based themes. Most elements convert directly to Android with no additional steps required.

Step 2: Add your Bootstrap Elements

Add any preset Bootstrap element to your design, or create your own using any supported layer effect. Android has a few different rules regarding designs, and will require the correct folder structure to render correctly on each target screen. Text in Android is also very different and may require tweaking such as loading fonts and correctly text characters.

IMPORTANT: Android uses DPI, Photoshop/Illustrator use a custom Adobe pixel, they are NOT the same - learn more.
Learn more about Layer Effects Support.
Learn more about Loading Fonts in Android and working with Special Characters (ASCII).

Step 3: Export then Import into Studio

That’s it, no rocket science required. Not all layers and effects render the same in Android and you see visually in Photoshop or Illustrator, read our guide for exporting Android UI projects to learn how to import into Eclipse or Android Studio.

Optimize your Design

Android will render some elements differently than what is expected in web-based exports. You may need to return to Photoshop or Illustrator to tweak your design based on the results of your output.

EXAMPLE: Text elements.  We always recommend you split your Paragraph Menus into individual menu items, Android will render new lines as '\r' and this may not visually render as expected.
EXAMPLE: If you create a single text layer as a Paragraph Menu, then you will only have access to a single TextView in Java, and this may not be what you expected.
Read our Optimization Tips for common bug fixes.
LOGIN NOW: You need to login so your progress is tracked with Online Training - click here.

Products For Smart Professionals


smart_images_base_set

Smart Images Base Set

smart_psd

Smart PSD Batch

smart_images

Smart Images

Need a custom solution?

Try our Shop!

Using the Plugin

Layer Support

Layer Tags

How To Guides

Optimization Tips

Help Us Improve


We aim to keep our content relevant with useful information, examples, samples and links. Tell us what you think!

I found the content:

Helpful
Confusing
Outdated
Broken Links
Bad Spelling
Too Short
Too Long

This page needs:

Nothing
Better Content
Links
Examples
Videos

Free Download


Responsive Multi-Page Website

A clean responsive website with multiple pages +target screens.

Start Your 14 Day Free Trial

New users get instant access to the 14 Day Free Trial with all features enabled, and Free Online Training. We guarantee your first conversion will 100% work - we work with you to ensure this, contact us or check our FAQs for assistance.

Connect With Us

Top
Lightning Storm version v17.0216.05 releasedLearn More