ipodgreatmaster
21-jun-2009, 18:27
Hola a todos. Perdon por la demora en este tutorial, pero estuve buscando una forma de hacerlo en video. No la encontre, porque mi pc es hackintosh y la tarjeta grafica es terrible.
Hoy aprenderemos a usar ScrollViews. Las scrollviews son vistas mucho mas grandes. Un problema comun cuando se desarrollan aplicaciones, es que no te cabe todo en una vista. El scrollview hace que el usuari pueda moverse por toda la pantalla. Si no me entienden, hagan el tutorial, y pruebenlo, o descargen el proyect cuando este adjunto.
Empezemos. Creemos una app window-based aplication llamada "ScrollView". Creemos un controlador de UIViewController Subclass y ponganle MainWindowController. Deben tener lo mismo que la siguiente imagen
[Sólo los usuarios registrados y logueados pueden ver los links]
En MainWindowController.h crearemos un IBOutlet del scrollview, de modo que quede asi:
//
// MainWindowController.h
// ScrollView
//
// Created by Juan P Velasquez on 6/19/09.
// Copyright 2009 __MyCompanyName__. All rights reserved.
//
#import <UIKit/UIKit.h>
@interface MainWindowController : UIViewController {
IBOutlet UIScrollView *MiScrollView;
}
@end
Yo le puse de nombre MiScrollView. Ahora vamos a MainWindowController.m
Veremos que en una parte de las letras de color verde dice
-(void)ViewDidLoad {
[super viewDidLoad];
}
Quitenle el /* y el */ que hay antes y despues de esa parte, para que deje de ser verde. Eso hay que agregarle una linea de modo que quede asi
-(void)ViewDidLoad {
MiScrollView.contentSize = CGSizeMake (750,650);
[super viewDidLoad];
}
Lo que decimos en la linea que agregamos, es que Miscrollview debe usar su propiedad contentSize, que es el tamaño del contenido. Luego le decimos que debe ser igual al tamaño que vamos a poner. Eso lo hacemos con el CGSizeMake, que significa hacer que el tamaño del contenido sea: y ahi ponemos el tamaño, que en este caso queremos que sea 750,650.
Ahora vamos a MainWindow.xib y agregamos un Object a nuestra caja de propiedades, y le ponemos de class MainWindowController.
Deberan tener lo sigiente:
[Sólo los usuarios registrados y logueados pueden ver los links]
Ahora agregamos un ScrollView, y un view a nuestra caja de propiedades. Hacemos clic en el ScrollView, y vamos a la tercera pestaña del inspector. Veran que abajo hay dos espacios. Uno con una w, y otro con una h. Este es el tamaño actual del scrollview. Hay que poner en w 320, y en h 480.
Todo Queda asi:
[Sólo los usuarios registrados y logueados pueden ver los links]
Ahora hacemos lo mismo con el view, pero ponemos lo que pusimos en nuestro archivo .m. w quedaria 750, y h 650.
[Sólo los usuarios registrados y logueados pueden ver los links]
Ahora hacemos clic en el object que dice MainWindowController, y conectamos MiScrollView con ScrollView, y View con ScrollView.
[Sólo los usuarios registrados y logueados pueden ver los links]
Ahora, cerramos window, y hacemos doble clic en ScrollView. Se abrira ScrollView. Cojemos View, y lo arrastramos hasta ScrollView de esta manera
[Sólo los usuarios registrados y logueados pueden ver los links]
Ahora cerramos ScrollView, y abrimos Window. Arrastramos tambien ScrollView a window como hicimos con view.
Terminamos. Ahora guarden, vayan a Xcode y pongan BuildAndGo. Podran ver que se podran deslizar por toda la pantalla.
Mi siguiente tutorial mostrara como hacer que la pantalla de vuelta cuando lo hace el iPhone. Lo hare y estara listo en una semana
Espero que les haya gustado.
Si tienen problemas ponganlos que les ayudamos.
Si quieren bajar el proyecto, esta en un atachment que ahorita pongo
Saludos
Hoy aprenderemos a usar ScrollViews. Las scrollviews son vistas mucho mas grandes. Un problema comun cuando se desarrollan aplicaciones, es que no te cabe todo en una vista. El scrollview hace que el usuari pueda moverse por toda la pantalla. Si no me entienden, hagan el tutorial, y pruebenlo, o descargen el proyect cuando este adjunto.
Empezemos. Creemos una app window-based aplication llamada "ScrollView". Creemos un controlador de UIViewController Subclass y ponganle MainWindowController. Deben tener lo mismo que la siguiente imagen
[Sólo los usuarios registrados y logueados pueden ver los links]
En MainWindowController.h crearemos un IBOutlet del scrollview, de modo que quede asi:
//
// MainWindowController.h
// ScrollView
//
// Created by Juan P Velasquez on 6/19/09.
// Copyright 2009 __MyCompanyName__. All rights reserved.
//
#import <UIKit/UIKit.h>
@interface MainWindowController : UIViewController {
IBOutlet UIScrollView *MiScrollView;
}
@end
Yo le puse de nombre MiScrollView. Ahora vamos a MainWindowController.m
Veremos que en una parte de las letras de color verde dice
-(void)ViewDidLoad {
[super viewDidLoad];
}
Quitenle el /* y el */ que hay antes y despues de esa parte, para que deje de ser verde. Eso hay que agregarle una linea de modo que quede asi
-(void)ViewDidLoad {
MiScrollView.contentSize = CGSizeMake (750,650);
[super viewDidLoad];
}
Lo que decimos en la linea que agregamos, es que Miscrollview debe usar su propiedad contentSize, que es el tamaño del contenido. Luego le decimos que debe ser igual al tamaño que vamos a poner. Eso lo hacemos con el CGSizeMake, que significa hacer que el tamaño del contenido sea: y ahi ponemos el tamaño, que en este caso queremos que sea 750,650.
Ahora vamos a MainWindow.xib y agregamos un Object a nuestra caja de propiedades, y le ponemos de class MainWindowController.
Deberan tener lo sigiente:
[Sólo los usuarios registrados y logueados pueden ver los links]
Ahora agregamos un ScrollView, y un view a nuestra caja de propiedades. Hacemos clic en el ScrollView, y vamos a la tercera pestaña del inspector. Veran que abajo hay dos espacios. Uno con una w, y otro con una h. Este es el tamaño actual del scrollview. Hay que poner en w 320, y en h 480.
Todo Queda asi:
[Sólo los usuarios registrados y logueados pueden ver los links]
Ahora hacemos lo mismo con el view, pero ponemos lo que pusimos en nuestro archivo .m. w quedaria 750, y h 650.
[Sólo los usuarios registrados y logueados pueden ver los links]
Ahora hacemos clic en el object que dice MainWindowController, y conectamos MiScrollView con ScrollView, y View con ScrollView.
[Sólo los usuarios registrados y logueados pueden ver los links]
Ahora, cerramos window, y hacemos doble clic en ScrollView. Se abrira ScrollView. Cojemos View, y lo arrastramos hasta ScrollView de esta manera
[Sólo los usuarios registrados y logueados pueden ver los links]
Ahora cerramos ScrollView, y abrimos Window. Arrastramos tambien ScrollView a window como hicimos con view.
Terminamos. Ahora guarden, vayan a Xcode y pongan BuildAndGo. Podran ver que se podran deslizar por toda la pantalla.
Mi siguiente tutorial mostrara como hacer que la pantalla de vuelta cuando lo hace el iPhone. Lo hare y estara listo en una semana
Espero que les haya gustado.
Si tienen problemas ponganlos que les ayudamos.
Si quieren bajar el proyecto, esta en un atachment que ahorita pongo
Saludos