Today’s post will be about PIN-like view in Android. I’m sure that many Android developers would like to have it by default, me included. And so I wanted to show you how I handled the problem caused by lack of such view. But first, how should it look like? Well, it should like an input field where every character has it’s own box and while typing, characters should automatically populate those boxes. Sounds pretty easy, isn’t it? But later, when you think about all of the aspects, you will realize it’s not that simple at all…
First, I wanted to mention that this particular example is for text passwords (or text pin). The code for just numerical PIN view would be much easier. But it wasn’t the case with the app I was writing and I definitely needed the default keyboard. Because I could change my soft keyboard from text to numerical at any point of typing, I couldn’t have a collection of EditTexts because switching from one to another would have changed a keyboard either to text or numerical and I didn’t want that.
Continue reading Tutorial: PIN input view in Android
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…)
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)
Wow, it’s been a long time since my last post!
Today I would like to talk about the WebView – Android‘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.
OK, now it’s time for the .html page! Continue reading Tutorial: Using WebView to load the html page from Assets