How To Load A Web Page Using WebView In Xamarin Android App Using Visual Studio 2015

Introduction

Xamarin is a platform to develop cross-platform and multi-platform apps (for example, Windows phone, Android, iOS).

In Xamarin platform, the code sharing concept is used. In Xamarin Studio, Visual Studio is also available.

Prerequisites

The steps, given below are required to be followed in order to load a Webpage, using WebView in Xamarin Android app, using Visual Studio 2015.

Step 1

Click File--> select New--> select Project. The project needs to be clicked after opening all the types of projects in Visual Studio
or click (Ctrl+Shift+N).



Step 2

After opening the New Project, select Installed-->Templates-->Visual C#-->Android-->choose the Blank app (Android).

Now, give your Android app a name (Ex:sample) and give the path of your project. Afterwards, click OK.



Step 3

Now, go to Solution Explorer. In Solution Explorer, get all the files and sources in your project.

Now, select Resource-->Layout-->double click to open main.axml page. You need to select the source to write XAML code.

Choose the Designer Window, if you want design it, and you can design your app.



Step 4

After opening main.axml, file will open the main page designer. You can design the page, as per you desire.



Now, delete the Default hello world button, go to the source panel and you can see the button coding. You need to delete it.

After deleting XAML code, now delete C# button action code.

Go to the MainActivity.cs page. You need to delete the button code.

Step 5

Now, go to the toolbox Window. In the toolbox Window, get all the types of the tools and controls.

You need to go to the toolbox Window. Now, scroll down and you will see all the tools and controls.

You need to drag and drop the WebView.



Step 6

Now, go to the properties Window. You need to edit the WebView's Id value.

(EX:android:id="@+id/LocalWebView" ).



Step 7

In this step, go to the Main.axml page source panel. Note, the WebView's Id value.

Main.axml