Android WebView Tutorial
Basic tutorial for how to use android web view in android application.
In this Android WebView Tutorial we will learn how to implement a basic WebView in Android application.
We will also learn how to load a dynamic web page, How to load a local web page and how to load custom html as String in Android WebView.
First create a new android project. See here for how to create.
After that add a WebView in you layout file(eg.: activity_main.xml).
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" > <WebView android:id="@+id/webview" android:layout_width="fill_parent" android:layout_height="fill_parent" /> <ProgressBar android:id="@+id/progressbar" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:visibility="gone" /> </RelativeLayout>
public class MainActivity extends Activity {
// Declare a webviewobject
private WebView webview;
ProgressBar progressBar = null;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// and define you web view object
webview = (WebView) findViewById(R.id.webview);
progressBar = (ProgressBar) findViewById(R.id.progressbar);
// enable javascript so webview can load javascript enabled web pages
// also
webview.getSettings().setJavaScriptEnabled(true);
// set a webviewclient to check loading status of page
webview.setWebViewClient(new WebViewClient() {
@Override
public void onPageStarted(WebView view, String url, Bitmap favicon) {
// TODO Auto-generated method stub
super.onPageStarted(view, url, favicon);
progressBar.setVisibility(View.VISIBLE);
}
@Override
public void onPageFinished(WebView view, String url) {
// TODO Auto-generated method stub
super.onPageFinished(view, url);
progressBar.setVisibility(View.GONE);
}
});
webview.loadUrl("<a href="http://www.quicktips.in">http://www.quicktips.in</a>");
}
}
<uses-permission android:name="android.permission.INTERNET" />
Now run your project on Emulator or Android device with a valid internet connection.
You can see http://www.quicktips.in is loaded in your WebView.
You can also load your own html file(s) in WebView. Place your html file(index.html) in Android asset folder “asset/www/” folder and load using.
webview.loadUrl("file:///android_asset/www/index.html");
Or WebView also allows you to load custom HTML String using
webview.loadData("<html><body><h1>Android WebView Tutorial</h1></body></html>");
About Author
Team Quick Tips
Hello Viewers, We are software developers community from Jaipur(India). We will try to provide you quality tutorials/quick tips regarding Android, PHP, .NET, iOS, Unity 3D on this blog.
-
Dharmendra Mishra