Chiudi il Menu
iSpazioiSpazio
  • Notizie
  • Offerte iSpazio
  • Sfondi
  • Downloads
  • Recensioni
  • iOS 26
  • Sconti Amazon
Menu Espanso
  • Home
  • Forum
  • Notizie
  • Offerte iSpazio
  • iOS 26
  • iPhone 16
  • Downloads
  • Guide
  • Sconti Amazon
  • Contatti
  • Pubblicità
Facebook X (Twitter) Instagram YouTube TikTok
iSpazioiSpazio
  •  Forum
  • Offerte iSpazio
  • Wallpapers Central
  • Teslers
Scarica l'App
  • Offerte
  • Sfondi
  • Guide
    • Personalizzazione
    • Video Guide TikTok
  • Recensioni
  • Downloads
    • Sfondi
    • Suonerie
    • Comandi Rapidi
    • Sfondi Personalizzati
    • Widget e Altro
    • iOS
    • iTunes
  • Dispositivi Apple
    1. iPhone
    2. iPad
    3. Mac
    4. Apple Watch
    5. iOS 26
    6. Vedi tutto

    BOE fornirà i display per iPhone 17 Pro, ma solo per il mercato cinese

    11 Lug 2025

    iPhone 17 Pro si mostra in nero: ecco la nuova camera bar e il logo spostato

    10 Lug 2025

    Apple accelera sul primo iPhone pieghevole: produzione già avviata in Corea

    10 Lug 2025

    iPhone 17 Air: primo video hands-on del modello ultra-sottile in nero

    9 Lug 2025

    iPadOS 26 porta quattro nuove app su tutti gli iPad compatibili

    26 Giu 2025

    Apple avvia la produzione dei nuovi iPad Pro OLED, lancio previsto in autunno

    26 Giu 2025

    iPad Pro verso cornici più sottili: Apple valuta nuovi chip driver LG

    24 Giu 2025

    iPadOS 26 porta Stage Manager su molti più modelli di iPad

    23 Giu 2025

    Un’app creata al 95% da un’AI segna una svolta per lo sviluppo software

    10 Lug 2025

    BOE diventa il principale fornitore di display per i MacBook

    8 Lug 2025

    Apple ha già definito i piani per 15 nuovi Mac: M5 entro il 2025, M6 e redesign nel 2026. Bonus: un MacBook economico

    4 Lug 2025

    Il MacBook Pro con display OLED arriverà nel 2026 e potrebbe dire addio al notch

    3 Lug 2025

    Il nuovo modello AI di Apple usa i dati comportamentali raccolti da Apple Watch per prevedere meglio lo stato di salute

    11 Lug 2025

    Apple Watch Ultra 3, la nuova generazione arriva con 5G e messaggi satellitari

    4 Lug 2025

    Apple Watch e AirPods guidano ancora il mercato, ma Huawei riduce il divario

    3 Lug 2025

    watchOS 26 avvisa se la batteria dell’Apple Watch si scarica più velocemente del solito

    3 Lug 2025
    9.0

    Recensione Narwal Freo Z10 Ultra: il robot aspirapolvere e lavapavimenti che sa davvero il fatto suo!

    12 Lug 2025

    Ray-Ban e Meta preparano due nuovi occhiali smart chiamati “Aperol” e “Bellini”

    11 Lug 2025

    BOE fornirà i display per iPhone 17 Pro, ma solo per il mercato cinese

    11 Lug 2025

    Il nuovo modello AI di Apple usa i dati comportamentali raccolti da Apple Watch per prevedere meglio lo stato di salute

    11 Lug 2025
    9.0

    Recensione Narwal Freo Z10 Ultra: il robot aspirapolvere e lavapavimenti che sa davvero il fatto suo!

    12 Lug 2025

    Ray-Ban e Meta preparano due nuovi occhiali smart chiamati “Aperol” e “Bellini”

    11 Lug 2025

    BOE fornirà i display per iPhone 17 Pro, ma solo per il mercato cinese

    11 Lug 2025

    Il nuovo modello AI di Apple usa i dati comportamentali raccolti da Apple Watch per prevedere meglio lo stato di salute

    11 Lug 2025
  • iPhone 16
  • iOS 26
  • Sconti Amazon
Contatti
Pubblicità
iSpazioiSpazio
  • Notizie
  • Offerte iSpazio
  • Sfondi
  • Downloads
  • Recensioni
  • iOS 26
  • Sconti Amazon

iSpazio Developer Program #8 – Come creare una tabella (Parte I)

Andrea BusiDi Andrea Busi2 Feb 2009Commenta6 min di lettura
Condividi Facebook Twitter Telegram WhatsApp Copia Link Threads Email
Share
Facebook Twitter WhatsApp Telegram Threads Email Copia Link
In qualità di Affiliato Amazon, iSpazio riceve un guadagno dagli acquisti idonei (info). Vedi le offerte su Telegram.
Icona Cerchi Prodotti Apple ed accessori Tech in sconto?

Cerchi Prodotti Apple ed accessori Tech in sconto?

Segui il nostro canale @scontiamolo su Telegram!

Advertising

Dopo un periodo di assenza, rieccoci con un tutorial dell’iSpazio Developer Program! Purtroppo in questi ultimi tempi sia per gli impegni personali, che per la nuova versione di iSpazio non siamo riusciti ad offrire il consueto appuntamento con i tutorial sulla programmazione per iPhone, quindi scusateci. Quella di oggi è la prima parte di un grosso capitolo che riguarda la creazione e la gestione di UITableView, ovvero le tabelle (per intenderci, come quella in cui visualizzate i vostro contatti). Vedremo come crearla e come gestire la configurazione base. Nei successivi tutorial, invece, amplieremo le funzionalità, sino ad estenderle alla ricerca all’interno della tabella stessa. Quindi, tornate spesso a trovarci per nuovi tutorial!

TUTORIAL:

  1. Creiamo un nuovo progetto
  2. Creare l’interfaccia grafica dell’applicazione
  3. Creiamo gli oggetti necessari
  4. Aggiungiamo il codice necessario

1. Creiamo un nuovo progetto

Aprimo Xcode, selezioniamo “File -> New Project”. Nel menù che ci appare selezioniamo “ViewBased Application”, clicchiamo su “Choose…” e immettiamo come nome “tableViewTutorial” e fate clic su “Save”. Abbiamo così creato il nostro nuovo progetto.

Prima di fare qualsiasi altra operazione, selezioniamo nell’editor Xcode la cartella “Resources” del nostro progetto ed eliminiamo il file “tableViewTutorialViewController.xib”. Basterà cliccare con il tasto destro sul file, selezionare “Delete” e poi cliccare su “Also move to Trash”.

2. Creare l’interfaccia grafica dell’applicazione

Una volta eseguite queste semplici operazioni, andiamo a creare l’interfaccia grafica della nostra applicazione. Facciamo doppio click sul file “MainWindow.xib”, si aprirà così l’Interface Builder, con cui ormai abbiamo già preso conoscenza.
Selezioniamo la vista della nostra applcazione, e apriamo l’Attribute Inspector. Nel campo “NIB Name” eliminiamo la voce “CountRotateAppViewController” (semplicemente cancellando il testo), ovvero il file che abbiamo cancellato in precedenza.

immagine-12

Se premiamo poi invio e torniamo a selezionare la vista vedremo che essa ha mutato la scritta centrale, ed ora apparirà così:

immagine-2

Ora, dalla libreria (”Tools -> Library”) selezioniamo un componente di tipo “View” e trasciniamolo nella nostra applicazione. Andiamo poi in “Identity Inspector” e in Class scriviamo “MainView”.

Abbiamo creato la vista principale della nostra applicazione che, se vogliamo, possiamo personalizzare a nostro piacere (ad esempio impostando un colore di sfondo diverso dal classico bianco).

Ora prendiamo un componente “Table View” e inseriamolo nella nostra vista, in modo che occupi tutta la schermata (oppure ridimensioniamolo a nostro piacere). Avreme un’applicazione come questa:

immagine-32

3. Creiamo gli oggetti necessari

Torniamo in “Main View Identity”, nella sezione “Class Outlets” inseriamo in nuovo elemento come mostrato in questa immagine:

immagine-41

Adesso dobbiamo eseguire le connessioni. Dobbiamo stare molto attenti perchè sarà un’operazione da eseguire con attenzione. Andiamo in “Connections”, prendiamo il pallino a fianco di “myTable” e trasciniamolo sul componente UITableView che contiene la tabella. Avremo una finestra così:

immagine-51

Facciamo, ora, ben attenzione. Clicchiamo sulla tabella della nostra applicazione, il pannello “Connections” diventerà così:

immagine-61

Dobbiamo collegare i due elementi “dataSource” e “delegate”. Tutti e due vanno collegati con la parte “Main View”: per fare ciò basterà trascinare il solito pallino nella vista, fate però attenzione! Non trascinatelo sulla tabella, ma sopra, dove c’è la status bar grigia: in fondo alla vista vedrete la scritta “Main View”, sarà quella la conferma che avete eseguito il collegamento esatto. Se avete fatto tutto in maniera corretta avrete un pannello “Connections” come questo:

immagine-7

Ora non ci resta che salvare le proprietà che abbiamo appena impostato in un file di classe. Andiamo nel menù “File -> Write Class Files…” e salviamo la classe “MainView” nella cartella Classes del nostro progetto.

immagine-8

Clicchiamo su “Save” e nella schermata successiva selezioniamo il nostro progetto prima di cliccare su “Add”.

immagine-9

Possiamo ora chiudere l’Interface Builder cliccando su “Save” nell’avviso che ci comparirà.

4. Aggiungiamo il codice necessario

Ora passiamo alla scrittura del codice in Xcode. Iniziamo spostando i due file (”MainView.m” e “MainView.h”) all’interno della cartella “Classes”:

immagine-10

Iniziamo aprendo il file “MainView.h”, in cui dobbiamo dichiarare i componenti che ci servono. Il codice da aggiungere è il seguente:

immagine-111

Come possiamo leggere nei commenti del codice, abbiamo un componente (che ci metterà in automatico XCode) che rappresenta la nostra tabella (myTable), mentre il secondo è un array (lista), che avrà il compito di contenere gli elementi da visualizzare nella nostra tabella. Le due righe successive sono le proprietà degli oggetti che abbiamo appena definito, e che ci serviranno in seguito.

Dopo aver scritto il codice appena proposto, spostiamoci nel file “MainView.m”, e inseriamo questo codice, che poi vi descriverò:

immagine-121

Analizziamo i tre metodi che abbiamo appena scritto. Chi ha già un pochino di esperienza con la programmazione per iPhone conoscerà certamente il metodo “awakeFromNib“: questo viene eseguito subito dopo il caricamento del file nib (ovvero della grafica dell’applicazione), e ci permette di settare tutte le variabili e tutti i parametri all’avvio. Qui, infatti, andremo ad istanziare la nostra lista (che è un oggetto NSArray), inserendoci i vari elementi.
Il secondo metodo che incontriamo è “numberOfSectionsInTableView“. Il codice da usare è sempre questo, in tutte le tabelle che creerete. Se provate a modificare questo valore, vedrete che (quando eseguirete l’applicazione) la lista degli oggetti sarà ripetuta più volte. Provare per credere!
L’ultimo metodo è “numberOfRowsInSection“, che in questo caso setta il numero di righe che deve contenere la nostra tabella. Notiamo che il valore di tale funzione è [lista count], ovvero il numero di elementi contenuti nella nostra lista. Avremmo potuto anche inserire direttamente il valore 9 (ovvero il numero di elementi), ma se poi avessimo voluto modificare gli elementi di “lista”, avremmo dovuto anche variare questo valore. In questa maniera non dovremo preoccuparci di niente.

L’ultimo metodo da inserire (sempre in “MainView.m”) è il seguente:

immagine-13

Questo metodo inserisce i vari elementi all’interno della lista (ovviamente nell’ordine con cui compaiono in essa). Vedremo nei prossimi tutorial come aggiungere altre funzionalità, per ora limitatevi ad osservare l’istruzione

immagine-14

Questa definisce come deve essere l’aspetto delle righe quando vengono selezionate dall’utente. Con questa istruzione l’utente non potra selezionare nessuna riga, se invece la togliete avrete la classica selezione, con lo sfondo della cella blu.

Nota teorica: gli utenti più smaliziati (e i più “preparati”) avranno sicuramente notato una cosa: i metodi che abbiamo inserito servono ad implementare i protocolli <UITableViewDelegate, UITableViewDataSource>, che ci permettono di utilizzare senza grandi sforzi le UITableView. Ci sono anche altri metodi che è possibile implementare, ma li vedremo nei prossimi tutorial.

Possiamo ora cliccare su “Build and Go!” e testare la nostra applicazione funzionante!

immagine-15

Se Avete Problemi, questo è il nostro file di progetto.

La guida è stata creata da Andrea Busi per “iSpazio.net” e “The Bubi Devs”. I meriti, quindi, sono del legittimo autore.

Sai che siamo anche su Telegram? Unisciti al nostro canale iSpazio per ricevere le notifiche oppure Apple Italia per chattare con altri utenti. Scopri i migliori prodotti Tech in sconto su Amazon con il nostro canale OFFERTE iSpazio.
Icona dell'applicazione Le Migliori Offerte selezionate da iSpazio disponibile su App Store

Le Migliori Offerte selezionate da iSpazio

VEDI TUTTE

  • Filtra:
  • Tutte
  • Apple
  • Minimo Storico
  • Bellezza
  • Casa e cucina
  • Dispositivi amazon
  • Elettronica
  • Illuminazione
Imperdibile: Amazon Music + Kindle Unlimited + Audible, completamente GRATIS!
In Evidenza
Imperdibile: Amazon Music + Kindle Unlimited + Audible, completamente GRATIS!104,00€Gratis
22%  
Apple iPhone 16 Pro 128 GB: Telefono 5G con Controllo fotocamera, Dolby Vision 4K a 120 fps e un’autonomia senza precedenti. Compatibile con AirPods; Titanio nero
In Evidenza
Apple iPhone 16 Pro 128 GB: Telefono 5G con Controllo fotocamera, Dolby Vision 4K a 120 fps e un’autonomia senza precedenti. Compatibile con AirPods; Titanio nero1.239,00€969,00€
15%  
KUXIU S2: Rivoluzionaria batteria allo Stato Solido, 5000mAh Qi2 MagSafe Power Bank
In Evidenza
KUXIU S2: Rivoluzionaria batteria allo Stato Solido, 5000mAh Qi2 MagSafe Power Bank52,95€45,00€
51%
Candy Moderna Forno a Microonde con Grill, 20 Litri, 700W, 40 Programmi, 6 Livelli di Potenza, Funzioni Defrost e Autoclean, App hOn, Libera Installazione, 45,2 x 35,7 x 26,2 cm, Nero – CMGA20TNDB
01:38
Candy Moderna Forno a Microonde con Grill, 20 Litri, 700W, 40 Programmi, 6 Livelli di Potenza, Funzioni Defrost e Autoclean, App hOn, Libera Installazione, 45,2 x 35,7 x 26,2 cm, Nero – CMGA20TNDB160,00€79,00€
59%  
MILTON-LLOYD ESSENTIALS No 9 Profumo da uomo, Eau de Parfum 50 ml, fragranza di lusso – Dopobarba da uomo, persistente Fragranza di Milton-Lloyd
00:17
MILTON-LLOYD ESSENTIALS No 9 Profumo da uomo, Eau de Parfum 50 ml, fragranza di lusso – Dopobarba da uomo, persistente Fragranza di Milton-Lloyd9,84€4,00€
15%  
OSRAM LED BASE B40, confezione vantaggiosa con 4 lampadine, sostituisce le tradizionali lampadine da 40W, 4W, bianco caldo (2700K), vetro opaco, non dimmerabile, forma a candela, E14
00:17
OSRAM LED BASE B40, confezione vantaggiosa con 4 lampadine, sostituisce le tradizionali lampadine da 40W, 4W, bianco caldo (2700K), vetro opaco, non dimmerabile, forma a candela, E147,99€6,76€
20%  
Apple iPhone 16e da 128 GB
00:08
Apple iPhone 16e da 128 GB729,00€599,00€

Scarica la nostra app e leggi le notizie in mobilità. Porta iSpazio sempre con te, anche su Telegram.
| Applicazione iOS
Con l'applicazione ufficiale di iSpazio resterai sempre aggiornato sulle notizie Apple, video tutorial per iPhone e tanto altro. riceverai una notifica per ogni nuovo articolo. Puoi utilizzare anche i Widget per tenere le novità sott'occhio nella Home o nella Lockscreen.
Scaricala subito!
| Canale Telegram 10.700+ Utenti
Su Telegram invece, segnaliamo soltanto le notizie più importanti ed urgenti oppure i nostri nuovi video su YouTube. E' un canale molto interessante, assolutamente non invasivo perchè non inviamo troppe push, e vi consigliamo di seguirci anche lì.
Unisciti a noi!
ispazio notifiche
iSpazio Developer Program
Seguici su Google News
Condividi Facebook Twitter Telegram WhatsApp Threads Email Copia Link
Articolo precedenteArchibald’s Adventures: Esplora il laboratorio su uno skate | AppStore [Video]
Articolo successivo Tra il Concept e i Rumors: La prima immagine dell’iPhone2,1?

Articoli correlati

iSpazio Developer Program #16 – TabBar Application – Parte 2: inseriamo una NavigationBar

12 Ago 2009Commenta

iSpazio Developer Program #15 – TabBar Application – Parte 1: la struttura di base

4 Ago 2009Commenta

iSpazio Developer Program #9 – Come creare una tabella (Parte II)

10 Feb 2009Commenta

iSpazio AccessContact – iSpazio Developer Program #7

23 Ott 2008Commenta

Leggi o Aggiungi Commenti

Advertising

Da non perdere!

Ecco la lista degli iPhone sui quali è possibile installare iOS 26

9 Giu 2025

iOS 26 beta 3: Tutte le novità raccolte in un solo articolo in continuo aggiornamento! [10]

7 Lug 2025

iOS 26 beta 2: tutte le novità nascoste e i miglioramenti rispetto alla prima versione [15]

23 Giu 2025

Apple prepara una valanga di novità: oltre 15 prodotti in arrivo entro fine anno

7 Lug 2025
Advertising

Gli articoli più letti

Apple Ring, l’anello intelligente che potrebbe cambiare il futuro degli indossabili

Apple Watch Ultra 3, la nuova generazione arriva con 5G e messaggi satellitari

Info su iSpazio
Info su iSpazio

iSpazio è il punto di riferimento italiano per tutti gli appassionati Apple. Dal 2007, sul nostro sito trovi notizie, recensioni e guide per imparare ad utilizzare al meglio iOS, l'iPhone e tutti gli altri dispostivi dell'azienda.

Contattaci
Pubblicità

Il Network
Il Network

L'esperienza maturata su iSpazio ci ha portati, con il tempo, a realizzare altri progetti ed aprire nuovi siti con tematiche strettamente correlate al nostro Blog principale.

Oggi, siamo i fieri proprietari di un Network composto da: iSpazio, Scontiamolo, Wallpapers Central e Teslers.

Link Rapidi
  • Chi siamo
  • Contattaci
  • Legal
  • Privacy Policy
  • Pubblicità su
© Copyright 2025 iSpazio SRL | Partita IVA: 10137091210
  • Chi siamo
  • Contattaci
  • Legal
  • Privacy Policy
  • Pubblicità su

Scrivi quello che vuoi cercare e premi Invio.