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