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

    iPhone 17: preordini da record con il Pro Max in testa. Utenti ancora dubbiosi sull’iPhone Air

    15 Set 2025

    Svelate le scatole di iPhone Air e iPhone 17 Pro prima del lancio

    15 Set 2025

    Il nuovo chip N1 di iPhone 17, 17 Pro e iPhone Air presenta una limitazione con il Wi-Fi 7

    14 Set 2025

    iPhone Air introduce una funzione mai vista prima su un iPhone con singola fotocamera

    14 Set 2025

    iPadOS 26 è ora disponibile per tutti: nuovo design, finestre avanzate e Apple Intelligence integrata

    15 Set 2025

    Il prossimo iPad Air potrebbe finalmente avere il Face ID

    25 Ago 2025

    Il prossimo iPad mini avrà il chip A19 Pro degli iPhone 17 Pro

    16 Ago 2025

    Brutte notizie per chi aspetta l’iPad pieghevole da 18,8”

    5 Ago 2025

    macOS 26 Tahoe è finalmente disponibile per tutti: ecco tutte le novità

    15 Set 2025

    Apple porta Repair Assistant anche su Mac con macOS Tahoe 26

    9 Set 2025

    Apple dichiara obsoleti tre Mac, incluso il MacBook Air da 11 pollici

    1 Set 2025

    Apple testa modelli di Mac mini con chip M5 e m5 Pro

    19 Ago 2025

    watchOS 26 è ora disponibile per tutti: ecco le novità introdotte su Apple Watch

    15 Set 2025

    Apple Watch Series 11, Ultra 3 e SE 3 sono disponibili all’acquisto su Amazon (anche pagando in 5 rate)

    11 Set 2025

    Qualità del sonno arriva anche sui vecchi Apple Watch: ecco i modelli compatibili

    10 Set 2025

    watchOS 26 porta 4 nuovi quadranti su Apple Watch: vediamo Exactograph e Flow (in Liquid Glass)

    9 Set 2025

    Wallpapers Central 2.0 è qui: nuova grafica Liquid Glass, download di Suonerie e tantissime funzioni inedite!

    15 Set 2025

    iOS 26 è disponibile: Ecco le oltre 70 Novità principali del nuovo aggiornamento da provare subito!

    15 Set 2025

    iOS 26 è ora disponibile in versione finale per tutti: si entra nell’era del Liquid Glass! [DOWNLOAD]

    15 Set 2025

    iPadOS 26 è ora disponibile per tutti: nuovo design, finestre avanzate e Apple Intelligence integrata

    15 Set 2025

    Wallpapers Central 2.0 è qui: nuova grafica Liquid Glass, download di Suonerie e tantissime funzioni inedite!

    15 Set 2025

    iOS 26 è disponibile: Ecco le oltre 70 Novità principali del nuovo aggiornamento da provare subito!

    15 Set 2025

    iOS 26 è ora disponibile in versione finale per tutti: si entra nell’era del Liquid Glass! [DOWNLOAD]

    15 Set 2025

    iPadOS 26 è ora disponibile per tutti: nuovo design, finestre avanzate e Apple Intelligence integrata

    15 Set 2025
  • iPhone 17
  • iOS 26
  • Sconti Amazon
Contatti
Pubblicità
iSpazioiSpazio
  • Notizie
  • Offerte iSpazio
  • Sfondi
  • Downloads
  • Recensioni
  • iOS 26
  • Sconti Amazon
iPhone

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

Andrea BusiDi Andrea Busi4 Ago 2009Commenta4 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 una commissione dagli acquisti idonei senza alcun costo per voi. (info).
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

Finalmente ecco un nuovo tutorial sulla programmazione per iPhone SDK! È passato molto tempo dall’ultimo tutorial, ma ora siamo pronti per ricominciare con una serie di nuove guide pratiche.

Oggi vi presento un tutorial che mi è stato richiesto da molti utenti via email, ovvero come implementare la struttura a “Tab Bar”, un componente molto utilizzato in tutte le applicazioni che però spesso risulta un po’ difficile da utilizzare, soprattutto per chi è alle prime armi. Il tutorial sarà suddiviso in più parti (penso due, al massimo tre): in questa prima “puntata” vedremo come creare la struttura a tab, inserendo solamente due viste.

Nella seconda parte (che penso di pubblicare la prossima settimana) vedremo invece un aspetto molto interessante: come integrare alla Tab Bar una UINavigation e una UITableView, ovvero la struttura presente, ad esempio, nell’applicazione nativa “iPod”.

Ma ora non corriamo troppo ed iniziamo dai concetti base! Buona programmazione!

1) Creiamo una Tab Bar Application “pulita”

Iniziamo creando un nuovo progetto di tipo “Tab Bar Application” e chiamandolo “TabBarTutorial”.

Immagine 1

Vogliamo ora creare una struttura base pulita, personalizzandola poi a nostro piacimento. Andiamo, quindi, ad eliminare alcuni componenti che XCode ha già creato per noi, ma che non vogliamo sfruttare: cancelliamo il file “SecondView.xib”, “FirstViewController.h” e “FirstViewController.m”.

Possiamo ora fare doppio clic su “MainWindow.xib”, si aprirà Interface Builder che ci mostrerà questo layout per la nostra applicazione:

Immagine 2

Selezioniamo ognuno dei tab ed eliminiamolo, ottenendo questa struttura:

Immagine 3

Salviamo questo file e chiudiamo pure Interface Builder.

2) Definiamo le due viste

Dobbiamo ora definire le due viste che implementeremo nella nostra applicazione. Dal menù “File” scegliamo “New File…” e selezioniamo “Empty XIB”. Creiamo due di questi file chiamandoli, rispettivamente, “PrimaVista” e “SecondaVista”.

Immagine 4

Nella cartella “Resources” del nostro progetto vedremo i due file appena creati:

Immagine 5

Dobbiamo ora creare anche le due classi che gestiranno le due viste: nel tutorial non serviranno a niente, ma voglio implementarle in modo da darvi già una struttura che potrete utilizzare nelle vostre applicazioni.

Andiamo, quindi, in “File -> New File…” e spostiamoci nella sezione “Cocoa Touch Class”, in cui selezioniamo il modello “UIViewController”: anche in questo caso dobbiamo creare due classi, chiamate “PrimaVistaController” e “SecondaVistaController”.

Immagine 18

Possiamo spostare i file appena creati nella sezione “Classes” del nostro progetto, per avere un risultato come questo:

Immagine 19

Abbiamo così definito tutti i componenti necessari, non ci resta che definire la struttura grafica delle due viste.

3) Creiamo l’aspetto delle due viste

Clicchiamo su “PrimaVista.xib” per aprirla in Interface Builder. Dalla Libreria, inseriamo una “UIView” all’interno del Pannello dei Documenti (“Tools -> Reveal in Document Window”).

Immagine 20

Apriamo la vista appena inserita e modifichiamone l’aspetto a nostro piacimento (io per semplicità inserirò solo due label, in questo tutorial non ci servirà altro). Dall'”Attributes Inspector” selezioniamo “Tab Bar” nel menù a tendina “Bottom Bar”:

Immagine 6

Questa proprietà non ha nessun fine pratico, però ci consente di aver una visione completa della nostra vista, tenendo presente anche la tab bar (in questo modo saprete esattamente quanto spazio avete a disposizione per i vostri componenti). Ecco come si presenta la nostra vista:

Immagine 7

Ora dobbiamo collegare questa vista con la classe che abbiamo definito in precedenza. Sempre dal Pannello dei Documenti selezioniamo il “File’s Owner”:

Immagine 21

In “Identity Inspector” selezioniamo “PrimaVistaController” dal menù a tendina “Class”.

Immagine 22

Andiamo poi in “Connections Inspector” e colleghiamo l’elemento “view” con la vista che abbiamo appena creato (quella contenente le due label per intenderci). Se abbiamo eseguito il passaggio in maniera corretta avremo questo risultato:

Immagine 23

Abbiamo così completato la definizione della vista. Eseguiamo lo stesso procedimento anche per il file “SecondaVista.xib”, collegandola però alla classe “SecondaVistaController”.

Possiamo poi salvare tutto e chiudere Interface Builder.

4) Impostiamo la Tab Bar

Ora è giunto il momento di impostare la struttura vera e propria della nostra Tab Bar. Apriamo il file “MainWindow.xib”

Dalla Libreria inseriamo due componenti UIViewController trascinandoli nella “Tab Bar” posta a fondo vista:

Immagine 13

Il risultato finale sarà il seguente:

Immagine 14

Iniziamo facendo doppio clic sul primo elemento, facendo attenzione che si evidenzi in questo modo:

Immagine 15

Nel pannello “Attributes Inspector”, selezioniamo “PrimaVista” dal menù “NIB Name”:

Immagine 16

Ora facciamo doppio clic sul nome del tab (che per default è “Item”), e rinominiamolo a nostro piacere. Ripetiamo, poi, lo stesso procedimento con il secondo tab, associano questa volta la “SecondaVista”.
Se avete eseguito tutto in maniera corretta avrete il seguente risultato:

Immagine 17

Chiudiamo ora Interface Builder, salvando tutti i file. Da XCode clicchiamo su “Build and Go!” e testiamo se tutto funziona in maniera corretta!

Immagine 19 Immagine 20

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

La guida è stata creata da Andrea Busi per “Bubi Devs”, prendendo spunto da: “Getting to know Xcode/Interface Buider: PARTS I & II: UITabBar projects” I meriti, quindi, sono dei legittimi autori.

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 Amazon disponibile su App Store

Le Migliori Offerte Amazon

Selezionate dalla redazione di iSpazio
GUARDALE LIVE  
  • Filtra:
  • Tutte
  • Apple
  • Minimo Storico
  • Elettronica
  • Grandi elettrodomestici
  • Informatica
  • Moda
  • Prodotti per animali domestici
  • Salute e cura della persona
79%  
Dometic Waeco MyFridge MF 5M Cooler per Bevande, Argento
23:09
Dometic Waeco MyFridge MF 5M Cooler per Bevande, Argento159,00€33,63€
30%  
Enervit, 100% Whey Protein, Gusto Vaniglia, Ideale dopo l’Allenamento, Ricco di Vitamina B6, con Proteine dal Siero del Latte, Senza Zuccheri Aggiunti, Senza Glutine, Barattolo da 420 Grammi
12:48
Enervit, 100% Whey Protein, Gusto Vaniglia, Ideale dopo l’Allenamento, Ricco di Vitamina B6, con Proteine dal Siero del Latte, Senza Zuccheri Aggiunti, Senza Glutine, Barattolo da 420 Grammi21,90€15,33€
50%
Pesoforma Nature Smoothie Fragola E Banana, Pasto sostitutivo per il controllo del peso, Smoothie a base di crusca d’avena, Aiuta a rimettersi in forma, 203 calorie, 12 pasti, 420 gr
12:22
Pesoforma Nature Smoothie Fragola E Banana, Pasto sostitutivo per il controllo del peso, Smoothie a base di crusca d’avena, Aiuta a rimettersi in forma, 203 calorie, 12 pasti, 420 gr15,90€7,89€
40%
Kipling Arto S, Borsa a Tracolla Piccola, True Beige (Beige)
11:24
Kipling Arto S, Borsa a Tracolla Piccola, True Beige (Beige)69,90€41,94€
46%  
Omino Bianco – Detersivo Lavatrice Liquido Color+, 300 Lavaggi, Specifico per Capi Colorati, Tecnologia Salva i Colori e Cattura il Grigiore, 2000 ml x 6 Confezioni
11:04
Omino Bianco – Detersivo Lavatrice Liquido Color+, 300 Lavaggi, Specifico per Capi Colorati, Tecnologia Salva i Colori e Cattura il Grigiore, 2000 ml x 6 Confezioni50,39€27,20€
61%  
Vape, Derm Herbal, 15 Salviette Antipuntura, Repellenti Zanzare con Olio Essenziale di Citronella Java e di Andiroba, Proteggono da Zanzare Comuni, Tigre, Moscerini e Altri Insetti, Efficaci fino a 5 ore
11:04
Vape, Derm Herbal, 15 Salviette Antipuntura, Repellenti Zanzare con Olio Essenziale di Citronella Java e di Andiroba, Proteggono da Zanzare Comuni, Tigre, Moscerini e Altri Insetti, Efficaci fino a 5 ore7,59€2,99€
20%  
Apple iPhone 16 Plus 128 GB: Telefono 5G con Controllo fotocamera, chip A18 e tanta autonomia in più. Compatibile con AirPods; Nero
10:19
Apple iPhone 16 Plus 128 GB: Telefono 5G con Controllo fotocamera, chip A18 e tanta autonomia in più. Compatibile con AirPods; Nero1.129,00€899,00€
24%
Apple Magic Mouse: Bluetooth, ricaricabile. Compatibile con Mac o iPad; Bianco, superficie Multi-Touch (USB-C)
10:19
Apple Magic Mouse: Bluetooth, ricaricabile. Compatibile con Mac o iPad; Bianco, superficie Multi-Touch (USB-C)85,00€65,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 precedenteCastle Of Magic 1.0.4 – Update | AppStore [Video]
Articolo successivo Due nuovi Spot per l’iPhone 3GS: Travel e Share

Articoli correlati

iPhone 17: preordini da record con il Pro Max in testa. Utenti ancora dubbiosi sull’iPhone Air

15 Set 2025Commenta

Svelate le scatole di iPhone Air e iPhone 17 Pro prima del lancio

15 Set 2025Commenta

Il nuovo chip N1 di iPhone 17, 17 Pro e iPhone Air presenta una limitazione con il Wi-Fi 7

14 Set 2025Commenta

iPhone Air introduce una funzione mai vista prima su un iPhone con singola fotocamera

14 Set 2025Commenta

Leggi o Aggiungi Commenti

Advertising

Da non perdere!

Apple cancella l’iPhone 18: la rivoluzione più folle di sempre sta per iniziare

18 Ago 2025

iPhone 17: nuovi colori, più RAM e prezzi aggiornati per tutta la gamma

4 Set 2025

iPhone 17 Pro vs iPhone 16 Pro: tutte le differenze tra le due generazioni

10 Set 2025

PREZZI UFFICIALI: Ecco quanto costano i nuovi iPhone 17, iPhone Air ed iPhone 17 Pro in italia

10 Set 2025
Advertising

Gli articoli più letti

Trapelati i prezzi dell’iPhone 17 Air, e non piaceranno a tutti

iPhone 17 Pro e Pro Max, svelato il mistero sul design del retro

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.