SlideShare una empresa de Scribd logo
1 de 7
CONOCIENDO UIWEBVIEW
UIWebView despliega información Web embebida en nuestra
  aplicación sin necesidad de salir de la misma, es decir, el
  usuario puede ver contenidos Web en la aplicación sin
  abrir Safari en el dispositivo. Aunque claramente la clase
  UIWebView esta basada en Safari, no requiere cerrar la
  aplicación     para    mostrar     los   contenidos.    La
  implementación es realmente sencilla, solo se debe crear
  un objeto UIWebView y cargar el contenido web. También
  se puede agregar la opción de avanzar o retroceder en el
  historial de navegación.
UIWEBVIEW EN ACCIÓN
1. Crear un nuevo proyecto en Xcode de tipo “View-Based Application”
EN “NOMBREAPPVIEWCONTROLLER.H” DECLARAR
LOS ELEMENTOS
#import <UIKit/UIKit.h>


@interface WebAppViewController : UIViewController &lt;UIWebViewDelegate&gt; {


IBOutlet UIWebView *webView;


IBOutlet UIButton *goBackBtn;
IBOutlet UIButton *goForwardBtn;
IBOutlet UIButton *reloadBtn;


}


@end
“NOMBREAPPVIEWCONTROLLER.XIB” Y
AGREGAR LOS SIGUIENTES ELEMENTOS
DECLARADOS
PREVIAMENTE: 1 UIWEBVIEW Y 3 BOTONES
SELECCIONAR EL OBJETO UIWEBVIEWY DESDE
ELINSPECTOR CONNECTIONS ARRASTRAR:
DELEGATE, GOBACK, GOFORWARD, RELOAD.
EN XCODE SE DEBE DEFINIR LA FUNCIÓN EN
“NOMBREAPPVIEWCONTROLLER.M”
(void)viewDidLoad {


[super viewDidLoad];


NSURL *url = [NSURL
URLWithString:@”http://www.maestrosdelweb.com”];


NSURLRequest *loadURL = [[NSURLRequest alloc] initWithURL:url];


[webView loadRequest:loadURL];
}

Más contenido relacionado

La actualidad más candente (14)

Investigacion como insertar un vídeo en eclipse
Investigacion como insertar un vídeo en eclipseInvestigacion como insertar un vídeo en eclipse
Investigacion como insertar un vídeo en eclipse
 
Trabajo blog
Trabajo blogTrabajo blog
Trabajo blog
 
Los gadgets o widgets
Los gadgets o widgetsLos gadgets o widgets
Los gadgets o widgets
 
Tutorial como crear un bloog
Tutorial como crear un  bloogTutorial como crear un  bloog
Tutorial como crear un bloog
 
Curso de blog
Curso de blogCurso de blog
Curso de blog
 
Presentación
Presentación Presentación
Presentación
 
WIX - BLOG
WIX - BLOGWIX - BLOG
WIX - BLOG
 
Algunas ideas sobre blogger
Algunas ideas sobre bloggerAlgunas ideas sobre blogger
Algunas ideas sobre blogger
 
Tp luciano arias n 7
Tp luciano arias n 7 Tp luciano arias n 7
Tp luciano arias n 7
 
Curso de blog
Curso de blogCurso de blog
Curso de blog
 
IMAGEN
IMAGENIMAGEN
IMAGEN
 
Que es un blogger
Que es un bloggerQue es un blogger
Que es un blogger
 
Edgar[1]
Edgar[1]Edgar[1]
Edgar[1]
 
Web 2.0 - Blogs - Wiki
Web 2.0 - Blogs - WikiWeb 2.0 - Blogs - Wiki
Web 2.0 - Blogs - Wiki
 

Similar a Tutorial 2

Aplicaciones moviles iphone ipad
Aplicaciones moviles iphone ipadAplicaciones moviles iphone ipad
Aplicaciones moviles iphone ipadcatalan21
 
Tutorial 3
Tutorial 3Tutorial 3
Tutorial 3turo2020
 
Como insertar un video en eclipse java
Como insertar un video en eclipse javaComo insertar un video en eclipse java
Como insertar un video en eclipse javaElizabeth Reyna
 
GUIA DE LABORATORIO PHONE GAP JQUERY MOBILE CARGADO DE_DATOS_DE_REGISTROS...
GUIA DE  LABORATORIO  PHONE GAP JQUERY  MOBILE  CARGADO DE_DATOS_DE_REGISTROS...GUIA DE  LABORATORIO  PHONE GAP JQUERY  MOBILE  CARGADO DE_DATOS_DE_REGISTROS...
GUIA DE LABORATORIO PHONE GAP JQUERY MOBILE CARGADO DE_DATOS_DE_REGISTROS...Ivan Petrlik
 
Modulo5 Trucos Web Browser
Modulo5 Trucos Web BrowserModulo5 Trucos Web Browser
Modulo5 Trucos Web BrowserEduardo
 
GUIA DE LABORATORIO DEL USO DE LOS FRAMEWORS PHONEGAP Y JQUERY MOBILE EN APL...
GUIA DE  LABORATORIO DEL USO DE LOS FRAMEWORS PHONEGAP Y JQUERY MOBILE EN APL...GUIA DE  LABORATORIO DEL USO DE LOS FRAMEWORS PHONEGAP Y JQUERY MOBILE EN APL...
GUIA DE LABORATORIO DEL USO DE LOS FRAMEWORS PHONEGAP Y JQUERY MOBILE EN APL...Ivan Petrlik
 
CocoaHeads México: Introducción a CocoaTouch:UIKit
CocoaHeads México: Introducción a CocoaTouch:UIKitCocoaHeads México: Introducción a CocoaTouch:UIKit
CocoaHeads México: Introducción a CocoaTouch:UIKitErick Camacho
 
GUI Salario en java con NetBeans
GUI Salario en java con NetBeansGUI Salario en java con NetBeans
GUI Salario en java con NetBeansEmerson Garay
 
Introduccion a j query
Introduccion a j queryIntroduccion a j query
Introduccion a j queryPablo Viteri
 
android3Introduccion
android3Introduccionandroid3Introduccion
android3Introduccionoscar7525
 
Crear una base de datos mysql con un script de sql
Crear una base de datos mysql con un script de sqlCrear una base de datos mysql con un script de sql
Crear una base de datos mysql con un script de sqlEmerson Garay
 
Tutorial CodeIgniter + Netbeans 7
Tutorial CodeIgniter + Netbeans 7Tutorial CodeIgniter + Netbeans 7
Tutorial CodeIgniter + Netbeans 7Juan Fede
 
Como insertar un video en eclipse
Como insertar un video en eclipse Como insertar un video en eclipse
Como insertar un video en eclipse Krizztiina Pacheko
 
Integración Continua en Microsoft Azure
Integración Continua en Microsoft AzureIntegración Continua en Microsoft Azure
Integración Continua en Microsoft AzureVíctor Moreno
 

Similar a Tutorial 2 (20)

Aplicaciones moviles iphone ipad
Aplicaciones moviles iphone ipadAplicaciones moviles iphone ipad
Aplicaciones moviles iphone ipad
 
Tutorial 3
Tutorial 3Tutorial 3
Tutorial 3
 
Video
VideoVideo
Video
 
Como insertar un video en eclipse java
Como insertar un video en eclipse javaComo insertar un video en eclipse java
Como insertar un video en eclipse java
 
IOS cámara
IOS cámaraIOS cámara
IOS cámara
 
GUIA DE LABORATORIO PHONE GAP JQUERY MOBILE CARGADO DE_DATOS_DE_REGISTROS...
GUIA DE  LABORATORIO  PHONE GAP JQUERY  MOBILE  CARGADO DE_DATOS_DE_REGISTROS...GUIA DE  LABORATORIO  PHONE GAP JQUERY  MOBILE  CARGADO DE_DATOS_DE_REGISTROS...
GUIA DE LABORATORIO PHONE GAP JQUERY MOBILE CARGADO DE_DATOS_DE_REGISTROS...
 
Modulo5 Trucos Web Browser
Modulo5 Trucos Web BrowserModulo5 Trucos Web Browser
Modulo5 Trucos Web Browser
 
GUIA DE LABORATORIO DEL USO DE LOS FRAMEWORS PHONEGAP Y JQUERY MOBILE EN APL...
GUIA DE  LABORATORIO DEL USO DE LOS FRAMEWORS PHONEGAP Y JQUERY MOBILE EN APL...GUIA DE  LABORATORIO DEL USO DE LOS FRAMEWORS PHONEGAP Y JQUERY MOBILE EN APL...
GUIA DE LABORATORIO DEL USO DE LOS FRAMEWORS PHONEGAP Y JQUERY MOBILE EN APL...
 
IOS-camara
IOS-camaraIOS-camara
IOS-camara
 
Ioscmara
IoscmaraIoscmara
Ioscmara
 
CocoaHeads México: Introducción a CocoaTouch:UIKit
CocoaHeads México: Introducción a CocoaTouch:UIKitCocoaHeads México: Introducción a CocoaTouch:UIKit
CocoaHeads México: Introducción a CocoaTouch:UIKit
 
GUI Salario en java con NetBeans
GUI Salario en java con NetBeansGUI Salario en java con NetBeans
GUI Salario en java con NetBeans
 
Introduccion a j query
Introduccion a j queryIntroduccion a j query
Introduccion a j query
 
S8-DS2.pptx
S8-DS2.pptxS8-DS2.pptx
S8-DS2.pptx
 
android3Introduccion
android3Introduccionandroid3Introduccion
android3Introduccion
 
Crear una base de datos mysql con un script de sql
Crear una base de datos mysql con un script de sqlCrear una base de datos mysql con un script de sql
Crear una base de datos mysql con un script de sql
 
Tutorial CodeIgniter + Netbeans 7
Tutorial CodeIgniter + Netbeans 7Tutorial CodeIgniter + Netbeans 7
Tutorial CodeIgniter + Netbeans 7
 
Yii framework
Yii frameworkYii framework
Yii framework
 
Como insertar un video en eclipse
Como insertar un video en eclipse Como insertar un video en eclipse
Como insertar un video en eclipse
 
Integración Continua en Microsoft Azure
Integración Continua en Microsoft AzureIntegración Continua en Microsoft Azure
Integración Continua en Microsoft Azure
 

Tutorial 2

  • 1.
  • 2. CONOCIENDO UIWEBVIEW UIWebView despliega información Web embebida en nuestra aplicación sin necesidad de salir de la misma, es decir, el usuario puede ver contenidos Web en la aplicación sin abrir Safari en el dispositivo. Aunque claramente la clase UIWebView esta basada en Safari, no requiere cerrar la aplicación para mostrar los contenidos. La implementación es realmente sencilla, solo se debe crear un objeto UIWebView y cargar el contenido web. También se puede agregar la opción de avanzar o retroceder en el historial de navegación.
  • 3. UIWEBVIEW EN ACCIÓN 1. Crear un nuevo proyecto en Xcode de tipo “View-Based Application”
  • 4. EN “NOMBREAPPVIEWCONTROLLER.H” DECLARAR LOS ELEMENTOS #import <UIKit/UIKit.h> @interface WebAppViewController : UIViewController &lt;UIWebViewDelegate&gt; { IBOutlet UIWebView *webView; IBOutlet UIButton *goBackBtn; IBOutlet UIButton *goForwardBtn; IBOutlet UIButton *reloadBtn; } @end
  • 5. “NOMBREAPPVIEWCONTROLLER.XIB” Y AGREGAR LOS SIGUIENTES ELEMENTOS DECLARADOS PREVIAMENTE: 1 UIWEBVIEW Y 3 BOTONES
  • 6. SELECCIONAR EL OBJETO UIWEBVIEWY DESDE ELINSPECTOR CONNECTIONS ARRASTRAR: DELEGATE, GOBACK, GOFORWARD, RELOAD.
  • 7. EN XCODE SE DEBE DEFINIR LA FUNCIÓN EN “NOMBREAPPVIEWCONTROLLER.M” (void)viewDidLoad { [super viewDidLoad]; NSURL *url = [NSURL URLWithString:@”http://www.maestrosdelweb.com”]; NSURLRequest *loadURL = [[NSURLRequest alloc] initWithURL:url]; [webView loadRequest:loadURL]; }