Tutorial: ActionBarSherlock Tabs + ViewPager + ListFragment (with tab listeners and more…)

Hi, everybody!

Today I gonna post more complex tutorial which will cover ActionBarSherlock tabs combined with ListFragment as a tab content and a ViewPager for a better user experience (this tutorial assumes that you have a basic knowledge of these classes as well as ActionBarSherlock library).

In order to begin, we need to download ActionBarSherlock library. After the download, I suggest to create a folder for our project (you can name it TabsWithViewPager) and place the extracted ActionBarSherlock’s library content in it (without a test folder as we don’t need it). Now, create an Android project with a package name com.lomza.tabs_view_pager, minimum sdk version set to 8 and target sdk version set to 17, and name the project TabsWithViewPagerProject. Also, add a class titled MainActivity which will extend SherlockFragmentActivity and override the onCreate(Bundle savedInstanceState) method. Place the project in our TabsWithViewPager folder. To this point, you should have two folders in TabsWithViewPager folder: library and TabsWithViewPagerProject.
Continue reading Tutorial: ActionBarSherlock Tabs + ViewPager + ListFragment (with tab listeners and more…)

Like and share:

Tutorial: Scan barcodes with ZXing library (Intent integration)

Nowadays, more and more apps have either built-in bar code & QR code scanner or represent their products via these codes. So it’s really the matter of time when the Android developer will build the app with the bar code integration.

With the though of this, I made a simple tutorial on how to integrate the most popular open-source barcode library – ZXing. In this tutorial I will describe an intent integration, which means that I will ask the system if there is a Barcode Scan app installed, if yes – the scan will be performed, if not – I will be re-directed to the Play Store where I could easily download Barcode Scan app and after the installation, – perform the scan. This way, we leave all the heavy-lifting for ZXing library.

In order to start, you need to download the ZXing-X.X.zip (where X.X is the current version of ZXing) from http://code.google.com/p/zxing/downloads/list. Unpack the .zip file and navigate to android-integration folder. There you will see a src folder and a few .jar files. Pick the one that suits you (honeycomb if you build Android 3> app or supportv4 for compatibility…) and put it into the /lib folder of your Android project.
Continue reading Tutorial: Scan barcodes with ZXing library (Intent integration)

Like and share:

Tutorial: Using WebView to load the html page from Assets

Wow, it’s been a long time since my last post!

Today I would like to talk about the WebViewAndroid‘s view for displaying web pages. The first thing to know is that it has a few methods to load data and sometimes it may not be so obvious which one to use. So, we will go step by step on how to load the html page, which is located in project’s assets directory. It won’t be just a simple text: custom font, an image and some style will be applied to this page as well.

OK, so let’s begin!

First, I have created an empty Android project (I used Intellij Idea 11 as my IDE, but it really doesn’t matter which IDE to use in this tutorial). The package name for this tutorial is –com.lomza.tut.webview. Then add two new folders to the assets folder: fonts and images. The first one will contain our custom font and the second one will be used as a resource directory for images. I have used an English Essay font – it’s a beautiful calligraphy font, free for non-commercial use. You can download it from here. Copy the .ttf file into the fonts directory. Then save the butterfly_image.jpg picture, and place it into the images directory.

butterfly

OK, now it’s time for the .html page! Continue reading Tutorial: Using WebView to load the html page from Assets

Like and share: