TALLER IPHONE, 06 TABLAS, TABLAS Y TABLAS

Les dejo una serie de ejemplos para realizar nuestra UITableView en iphone.

Para lograr esto, recordemos seguir los siguientes pasos:

1.- Declarar e inicializar una fuente de datos, puedes usar un NSArray ó un NSMutableArray. Recuerda que en el “.h” declaras y en el “.m” vas a llenar tu array de datos, para nuestro ejemplo usaremos el ViewDidLoad ( similar al page_load de ASP.NET)

1
- (
1
void
1
)viewDidLoad {

1
2.

1
arryData = [[NSArray alloc] initWithObjects:@
1
"iPhone"
1
,@
1
"iPod"
1
,@
1
"MacBook"
1
,@
1
"<span style="BACKGROUND-IMAGE: none !important; BORDER-BOTTOM: rgb(0,153,0) 0px solid; POSITION: static !important; TEXT-ALIGN: left !important; PADDING-BOTTOM: 0px !important; LINE-HEIGHT: 1.1em !important; BORDER-RIGHT-WIDTH: 0px !important; FONT-STYLE: normal !important; MARGIN: 0px; PADDING-LEFT: 0px !important; OUTLINE-WIDTH: 0px !important; WIDTH: auto !important; BOTTOM: auto !important; PADDING-RIGHT: 0px !important; DISPLAY: inline !important; FONT-FAMILY: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; FLOAT: none !important; BORDER-TOP-WIDTH: 0px !important; HEIGHT: auto !important; COLOR: rgb(0,153,0) !important; FONT-SIZE: 12px !important; VERTICAL-ALIGN: baseline !important; BORDER-LEFT-WIDTH: 0px !important; TOP: auto !important; CURSOR: pointer !important; RIGHT: auto !important; FONT-WEIGHT: normal !important; TEXT-DECORATION: underline !important; PADDING-TOP: 0px !important; LEFT: auto !important; background-origin: initial; background-clip: initial" id="IL_AD2" class="IL_AD">MacBook Pro</span>"
1
,nil];

1
3.

1
[super viewDidLoad];

1
4.

1
}

2.- Configurar nuestra tabla, no olvides identificar los métodos para lograr esto:

1
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {

1
04.

1
return
1
1;

1
05.

1
}

1
06.
1
07.

1
// <span style="BACKGROUND-IMAGE: none !important; BORDER-BOTTOM: rgb(0,153,0) 0px solid; POSITION: static !important; TEXT-ALIGN: left !important; PADDING-BOTTOM: 0px !important; LINE-HEIGHT: 1.1em !important; BORDER-RIGHT-WIDTH: 0px !important; FONT-STYLE: normal !important; MARGIN: 0px; PADDING-LEFT: 0px !important; OUTLINE-WIDTH: 0px !important; WIDTH: auto !important; BOTTOM: auto !important; PADDING-RIGHT: 0px !important; DISPLAY: inline !important; FONT-FAMILY: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; FLOAT: none !important; BORDER-TOP-WIDTH: 0px !important; HEIGHT: auto !important; COLOR: rgb(0,153,0) !important; FONT-SIZE: 12px !important; VERTICAL-ALIGN: baseline !important; BORDER-LEFT-WIDTH: 0px !important; TOP: auto !important; CURSOR: pointer !important; RIGHT: auto !important; FONT-WEIGHT: normal !important; TEXT-DECORATION: underline !important; PADDING-TOP: 0px !important; LEFT: auto !important; background-origin: initial; background-clip: initial" id="IL_AD6" class="IL_AD">Customize</span> the number of rows in the table view.

1
08.

1
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {

1
09.

1
return
1
0;

1
10.

1
}

1
11.
1
12.

1
// Customize the <span style="BACKGROUND-IMAGE: none !important; BORDER-BOTTOM: rgb(0,153,0) 0px solid; POSITION: static !important; TEXT-ALIGN: left !important; PADDING-BOTTOM: 0px !important; LINE-HEIGHT: 1.1em !important; BORDER-RIGHT-WIDTH: 0px !important; FONT-STYLE: normal !important; MARGIN: 0px; PADDING-LEFT: 0px !important; OUTLINE-WIDTH: 0px !important; WIDTH: auto !important; BOTTOM: auto !important; PADDING-RIGHT: 0px !important; DISPLAY: inline !important; FONT-FAMILY: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; FLOAT: none !important; BORDER-TOP-WIDTH: 0px !important; HEIGHT: auto !important; COLOR: rgb(0,153,0) !important; FONT-SIZE: 12px !important; VERTICAL-ALIGN: baseline !important; BORDER-LEFT-WIDTH: 0px !important; TOP: auto !important; CURSOR: pointer !important; RIGHT: auto !important; FONT-WEIGHT: normal !important; TEXT-DECORATION: underline !important; PADDING-TOP: 0px !important; LEFT: auto !important; background-origin: initial; background-clip: initial" id="IL_AD4" class="IL_AD">appearance</span> of table view cells.

1
13.

1
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

1
14.
1
15.

1
static
1
NSString *CellIdentifier = @
1
"Cell"
1
;

1
16.
1
17.

1
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];

1
18.

1
if
1
(cell == nil) {

1
19.

1
cell = [[[UITableViewCell alloc] initWithFrame:CGRectZero reuseIdentifier:CellIdentifier] autorelease];

1
20.

1
}

1
21.
1
22.

1
// Set up the cell...

1
23.

1
return
1
cell;

1
24.

1
}

1
25.
1
26.

1
- (
1
void
1
)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {

1
27.

1
}

3.- Unir código e interfaz gráfica. Recuerda que esto no es necesario cuando tu tipo de proyecto es de tipo Navigation Based Application, de otro modo tengas que hacer este vínculo en el Interface Builder.

Ejemplos:

Tutorial UITableView básico ( video )

Creating UITableView

Descargas:

Ejemplos de UITableView

Notas relacionadas :

You can leave a response, or trackback from your own site.

Deje una respuesta

Webdesign