Tutorial: Nuestro sitio en una aplicacion Android 2

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

<activity
            android:name="com.google.ads.AdActivity"
            android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|uiMode|screenSize|smallestScreenSize" />

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="app_name">Mi Bonita Web</string>
    <string name="action_settings">Settings</string>
    <string name="idADS">a1518ddb8175128</string>
    <string name="idTMP">TEST_EMULATOR, TEST_DEVICE_ID</string>
    <string name="txtCargar">Cargar Contenido</string>
    <string name="title_activity_ver_web">Mi Sitio</string>
    <string name="alertT">Aviso</string>
    <string name="alertD">Desea cerrar la aplicacion?</string>
    <string name="alertSi">Si</string>
    <string name="alertNo">No</string>
</resources>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:ads="http://schemas.android.com/apk/lib/com.google.ads"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#333333"
    tools:context=".MainActivity" >

    <com.google.ads.AdView
        android:id="@+id/adView"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        ads:adSize="IAB_MRECT"
        ads:adUnitId="@string/idADS"
        ads:loadAdOnCreate="true"
        ads:testDevices="@string/idTMP"
        android:gravity="center_horizontal" >
    </com.google.ads.AdView>

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/adView"
        android:layout_centerHorizontal="true"
        android:onClick="btnCargar"
        android:text="@string/txtCargar" />
    
</RelativeLayout>

    <com.google.ads.AdView
        android:id="@+id/adView"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        ads:adSize="IAB_MRECT"
        ads:adUnitId="@string/idADS"
        ads:loadAdOnCreate="true"
        ads:testDevices="@string/idTMP"
        android:gravity="center_horizontal" >
    </com.google.ads.AdView>

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/adView"
        android:layout_centerHorizontal="true"
        android:onClick="btnCargar"
        android:text="@string/txtCargar" />

//Nombre de nuestro paquete, en mi caso se llama: miBonitaWeb :)
package com.cicklow.mibonitaweb;

//Librerias necesarias para que nuestra apps funcione
import android.os.Bundle;
import android.app.Activity;
import android.app.AlertDialog;
import android.content.DialogInterface;
import android.content.Intent;
import android.view.KeyEvent;
import android.view.Menu;
import android.view.View;

public class MainActivity extends Activity {

 [MENTION=42437]over[/MENTION]ride
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
	}

 [MENTION=42437]over[/MENTION]ride
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		//getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

	//btnCargar es la funcion encargada de abrir una neuva actividad y msotrar nuestro sitio. Si recuerdan cuando creamos el boton le dijimos que cuando alguien haga clic llame a esta funcion
	public void btnCargar(View view){
		//Esto lo que hace es llamar a otra ventana, esta otra ventana contendrá el webview que mostrara nuestro sitio!
		Intent intent2 = new Intent(this, VerWeb.class);
		startActivity(intent2);
	}

	//Esta funcion lo que hace es capturar el boton atras de android, entonces si es precionado lo que hacemos es preguntar si quiere salir de la aplicacion
	public boolean onKeyDown(int keyCode, KeyEvent event) {
	    //Capturamos la tecla atras
	    if(keyCode == KeyEvent.KEYCODE_BACK && isTaskRoot()) {
	        //Preguntamos al usuario si quiere cerrar la apps
	        new AlertDialog.Builder(this)
	        .setIcon(android.R.drawable.ic_dialog_alert)
	        .setTitle(R.string.alertT)
	        .setMessage(R.string.alertD)
	        .setPositiveButton(R.string.alertSi, new DialogInterface.OnClickListener() {
	            public void onClick(DialogInterface dialog, int which) {
	                //Salimos
	                finish();    
	            }
	        })
	        .setNegativeButton(R.string.alertNo, null)
	        .show();

	        return true;
	    }
	    else {
	        return super.onKeyDown(keyCode, event);
	    }
	}
}

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:ads="http://schemas.android.com/apk/lib/com.google.ads"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#333333"
    tools:context=".VerWeb" >

    <com.google.ads.AdView
        android:id="@+id/adView"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        ads:adSize="BANNER"
        ads:adUnitId="@string/idADS"
        ads:loadAdOnCreate="true"
        ads:testDevices="@string/idTMP"
        android:gravity="center_horizontal" >
    </com.google.ads.AdView>

    <WebView
        android:id="@+id/webView1"
        android:layout_width="fill_parent"
        android:layout_height="match_parent"
        android:layout_above="@+id/adView"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true" />

    <ProgressBar
        android:id="@+id/progressBar1"
        style="?android:attr/progressBarStyleLarge"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true" />

</RelativeLayout>

   <WebView
        android:id="@+id/webView1"
        android:layout_width="fill_parent"
        android:layout_height="match_parent"
        android:layout_above="@+id/adView"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true" />

    <ProgressBar
        android:id="@+id/progressBar1"
        style="?android:attr/progressBarStyleLarge"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true" />

package com.cicklow.mibonitaweb;

import android.os.Bundle;
import android.app.Activity;
import android.graphics.Bitmap;
import android.view.Menu;
import android.view.View;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.ProgressBar;

public class VerWeb extends Activity {
	//Creamos variables privadas que seran objetos webview y progressbar
	private WebView webView;
	private ProgressBar progress;
    
 [MENTION=42437]over[/MENTION]ride
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_ver_web);

		//obtenemos el id del objeto webview
		webView = (WebView) findViewById(R.id.webView1);
		//le decimos que vamos a usar una clase aparte para este navegador (de esta forma podremos controlar muchas cosas)
		webView.setWebViewClient(new MyWebViewClient());
		//obtenemos el id del objeto progressbar
		progress = (ProgressBar) findViewById(R.id.progressBar1);

		//habilitamos java script en nuestro sitio
		webView.getSettings().setJavaScriptEnabled(true);
		//Cargamos un sitio :)
		webView.loadUrl("http://twitter.github.com/bootstrap/");
	}

 [MENTION=42437]over[/MENTION]ride
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		//getMenuInflater().inflate(R.menu.ver_web, menu);
		return true;
	}

	//Creamos una clase extendida del webview, esto es para controlar mejor las funciones propias del webview
	private class MyWebViewClient extends WebViewClient {  
        [MENTION=42437]over[/MENTION]ride
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
               view.loadUrl(url);
               return true;
        }

        [MENTION=42437]over[/MENTION]ride
        public void onPageFinished(WebView view, String url) {
		//cuando la pagina termino de cargar ocultamos la barra de progreso
        	progress.setVisibility(View.GONE);
        	VerWeb.this.progress.setProgress(100);
        	super.onPageFinished(view, url);
       }

        [MENTION=42437]over[/MENTION]ride
       public void onPageStarted(WebView view, String url, Bitmap favicon) {
		//mientras el sitio carga hacemos que la barra de progreso sea visible
           progress.setVisibility(View.VISIBLE);
           VerWeb.this.progress.setProgress(0);
           super.onPageStarted(view, url, favicon);
       }
   }

   public void setValue(int progress) {
		//obtenemos el % de carga del sitio y lo asignamos a la barra de progreso.
       this.progress.setProgress(progress);       
   }
}