UIProgressBar con Jiggy

Share

Tweet

Follow @phonesoftware

Cada vez me gusta más la idea de trabajar con Jiggy a la hora de desarrollar para iPhone. Si ya os contaba que podemos usar librerias conocidas como iUI o cualquier desarrollo Web, la idea de incluir gran parte de la librería UIKit del SDK de iPhone me agrada bastante, además del resto de plugins con los que podemos trabajar.

Tras una consulta realizada en el foro acerca de la creación de una barra de progreso, no he podido resistirme a crearla, y en cuestión de 5 minutos, incluyendo la creación del proyecto, he podido comprobar en mi propio dispositivo como quedaba. Esa es otra de las ventajas que destaco de Jiggy, y es la posibilidad de ejecutar la aplicación en mi propio iPhone o iPod Touch sin necesidad de simuladores.

Solo echo en falta la posibilidad de depurar desde el propio IDE de Jiggy, pero quien sabe si algún día podemos disfrutar de el. De momento lo más cercano es la consola que nos aparece en la parte inferior del IDE y que podemos ir comprobando los valores de nuestras variables mediante log(“variable”);

Lo dicho, aquí os dejo el código que debeís incluir en vuestro fichero main.js creado por defecto, sin eliminar las dos primeras lineas que nos genera el asistente.

Plugins.load( "UIKit" );

Application.setStatusBarMode( 3 , 0 , 0 , 0);

MainWin = new UIWindow( UIHardware.fullScreenApplicationContentRect );

MainWin.setHidden(false);

MainWin.orderFront();

MainWin.makeKey();

MainWin.backgroundColor = [ 0.0 , 0.0 , 0.0 , 1.0 ];

onLoad = function()

{

var pb = new UIProgressBar( [10 , 35 , 300 , 48 ] );

pb.setStyle( 0 );

MainWin.addSubview( pb );

var progress = 0;

var timer = new Timer( 0.07 );

timer.onTimer = function()

{

progress += 5;

if ( progress > 100 )

{

timer.stop();

var extra = new UIAlertSheet( "Atencion!" , [ "OK" ], 1);

extra.setTitle("")

extra.setAlertSheetStyle(2);

extra.setBodyText( "Ejemplo con barra de progreso" );

extra.onButtonClicked = function(button)

{

if ( button == 1 )

{

extra.dismiss( true );

}

}

extra.presentSheetInView( MainWin );

log( "SACABÓ" );

return;

}

pb.setProgress( progress / 100 );

}

timer.start();

}

4 Responses to “UIProgressBar con Jiggy”

1. fernando fila says:

   16 June, 2008 at 00:11

   Hola estoy haciendo mi primer aplicacion en jiggy y me encanta solo que soy muy novato, asi que les agradeceria si alguien me puede decir el codigo para que al abrir la aplicacion redireccione a un html o a una pagina.

   si osea que al entrar abra un html ..

   se los agradeceria mucho gracias
2. fernando fila says:

   16 June, 2008 at 00:13

   como abro una url con jiggy
3. Antonio says:

   16 June, 2008 at 07:31

   Hola fernando

   Te recomiendo que preguntes también en el foro.

   Gracias.
4. Antonio says:

   16 June, 2008 at 23:29

   Hola fernando

   Acerca de tu duda, parece ser que la forma de hacerlo con Jiggy es mediante WebView y LoadUrl
   (http://jiggyapp.com/doc/files/UIKit/WebView-jsi.html#WebView.loadURL)

   Igualmente, como ya comenté en anteriores artículos, échale un vistazo a los grupos de desarrollo de Google.
   (http://groups.google.com/group/jiggyapp-devel)

   Espero que te ayude.