Neste código temos:

Um controle StackLayout que esta empilhando os controles :

- 1 Label onde temos o texto que sreá exibido no topo da página;
- 1 WebView onde definimos a propriedade Source para a página 'http://www.macoratti.net'

Executando o projeto no emulador Android- GenyMotion teremos como resultado:

Podemos usar também as propriedades WidthRequest e HeightRequest para definir a altura e largura da exibição da página.

Usando os eventos de navegação

Vamos alterar o código do arquivo MainPage.xaml para usar os eventos Navigating e Navigated do componente WebView e exibir o estado da página na view Label.
 

<?xml version="1.0" encoding="utf-8" ?> <ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:local="clr-namespace:XF_WebView1" x:Class="XF_WebView1.MainPage"> <StackLayout> <Label x:Name="lblStatus" VerticalOptions="Center" HorizontalOptions="Center" /> <WebView x:Name="navegador" VerticalOptions="FillAndExpand" Navigating="PagOnNavigating" Navigated="PagOnNavigated" /> </StackLayout> </ContentPage>

No arquivo MainPage.xaml.cs inclua o código abaixo onde definimos os eventos PagOnNavigating e PagOnNavigated:
 

using Xamarin.Forms; namespace XF_WebView1 { public partial class MainPage : ContentPage { public MainPage() { InitializeComponent(); navegador.Source = "http://www.macoratti.net"; } private void PagOnNavigating(object sender, WebNavigatingEventArgs e) { lblStatus.Text = "Carregando página..."; } private void PagOnNavigated(object sender, WebNavigatedEventArgs e) { lblStatus.Text = "Página carregada..."; } } }

Vemos ao lado o resultado da execução.

Navegando na WebView

Vamos agora usar os recursos de navegação em nossa aplicação.

Altere o código do arquivo MainPage.xaml conforme a seguir, onde criamos dois botões de comando:
 

<?xml version="1.0" encoding="utf-8" ?> <ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:local="clr-namespace:XF_WebView1" x:Class="XF_WebView1.MainPage" Title="Navegador Web"> <StackLayout> <Label x:Name="lblStatus" VerticalOptions="Center" HorizontalOptions="Center" /> <StackLayout Orientation="Horizontal" Padding="10,10"> <Button Text="Retorna" HorizontalOptions="StartAndExpand" Clicked="btnRetornaClicked" /> <Button Text="Avança" HorizontalOptions="End" Clicked="btnAvancaClicked" /> </StackLayout> <WebView x:Name="navegador" VerticalOptions="FillAndExpand" Navigating="PagOnNavigating" Navigated="PagOnNavigated"/> </StackLayout> </ContentPage>

A seguir no arquivo MainPage.xaml.cs inclua o código para tratar os eventos dos botões que implementam a navegação:

using System;
using Xamarin.Forms;

namespace XF_WebView1
{
    public partial class MainPage : ContentPage
   {
	public MainPage()
	{
     	      InitializeComponent();
                 navegador.Source = "http://www.uol.com.br";
          }

        private void PagOnNavigating(object sender, WebNavigatingEventArgs e)
        {
            lblStatus.Text = "Carregando página...";
        }

        private void PagOnNavigated(object sender, WebNavigatedEventArgs e)
        {
            lblStatus.Text = "Página carregada...";
        }

        private void btnRetornaClicked(object sender, EventArgs e)
        {
            // Verifica se exite uma página para retornar
            if (navegador.CanGoBack)
            {
                navegador.GoBack();
            }
            else
            { // Se não existir, sai
                Navigation.PopAsync();
            }
        }

        private void btnAvancaClicked(object sender, EventArgs e)
        {
            //navega para frente
            if (navegador.CanGoForward)
            {
                navegador.GoForward();
            }
        }
    }
}

Executando o projeto no emulador GenyMotion teremos o resultado abaixo:

Vemos assim que o componente WebView é bem simples e fácil de usar.

Nota: Leia a documentação para restrições de acesso a web site no iOS.

Pegue o código do projeto compartilhado aqui :  XF_WebView1.zip (sem as referências)

"Vinde a mim, todos os que estais cansados e oprimidos, e eu vos aliviarei."(disse Jesus)
Mateus 11:28