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

    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

    Apple lancerà nuovi Mac, iPad e un display esterno nei primi mesi del 2026

    11 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

    Apple lancerà nuovi Mac, iPad e un display esterno nei primi mesi del 2026

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

iSpazio ProgressColour- iSpazio Developer Program #5

Andrea BusiDi Andrea Busi26 Set 2008Commenta5 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

Siamo così giunti al quinto appuntamento con l‘iSpazio Developer Program. Lo scorso articolo ci ha mostrato come implementare una barra che eseguiva delle azioni, e come gestire l’autorotazione. In questo tutorial vedremo come implementare la “ProgressBar”, ovvero quella barra che segna il caricamento, lo svolgimento di un’azione. Nel contempo cambieremo il colore di sfondo della nostra applicazione.

TUTORIAL:

  1. Creiamo un nuovo progetto
  2. Creare l’interfaccia grafica dell’applicazione
  3. Creiamo le classi necessarie
  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 “ProgressColour” 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 “ProgressColourController.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.

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

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).

Dalla libreria prendiamo ora un componente di tipo “Label” e trasciniamolo nella nostra vista dell’applicazione e ingrandiamo le dimesioni estedendolo a tutta la larghezza dela vista. Dall’Attribute Inspector cancelliamo i contenuto della proprietà “Text”, centriamo l’allineamento e mettiamo la dimensione del font a 20. Dovreste avere un pannello degli attributi come questo:

Aggiungiamo ora gli altri componenti necessari. Sempre nella libreria prendiamo un componente “Progress View” e trasciniamolo nella nostra vista, sistemandolo appena sotto la label che abbiamo aggiunto in precedenza.  Dall’Attribute Inspector settiamo il valore di “Progress” a zero.

Ora dobbiamo inserire due bottoni, ovvero due “Round Rect Button”. Inseriamoli uno sopra l’altro, e nel primo in alto scriveremo il testo “Applica colore rosso”, mentre nel secondo “Applica colore blu”.
Avremo quindi un risultato come questo:

3. Creiamo le classi necessarie

Fino ad ora ci siamo occupati puramente degli aspetti grafici della nostra applicazione. Vediamo ora di aggiungere i controlli che ci serviranno.

Restiamo sempre nell’Interface Builder, e assicuriamoci di aver selezionato la vista principale. Andiamo nell’Identity Inspector, e controlliamo che in “Class” vi sia selezionata “MainView” che abbiamo scritto in precedenza. Aggiungiamo le due classi e le due azioni che ci occorrono. Facciamolo nella seguente maniera:

Dopo aver creato le azioni e gli eventi, dobbiamo collegarli con gli oggetti relativi. Entriamo nel pannello “Connections” (Connections Inspector). Prendiamo il pallino a fianco di “progressLabel” e trasciniamolo nella label vuota dell’applicazione; facciamo lo stesso con “progressView” ma trasciniamolo sulla barra di progresso. Avremo quindi il pannello che mostrerà le seguenti proprietà:

Ora dobbiamo fare le stesse operazioni con i due bottoni. Colleghiamo “iniziaCaricamentoRosso” sul bottone che contiene la scritta “Applica colore rosso”. Apparirà un menù pop-un come questo:

Selezioniamo la voce “Touch Up Inside”.
Facciamo poi lo stesso procedimento con il bottone per il colore blu, collegandolo all’azione “iniziaCaricamentoBlu”.
Avremo, alla fine, un pannello Connections come questo:

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.

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

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”:

Apriamo il file “MainView.h” e modifichiamo il codice nel seguente modo:

Abbiamo qui dichiarato tutti i metodo che ci serviranno nella nostra applicazione, e una variabile “timer”, che ci servirà per il conteggio.

Fatto ciò apriamo il file “MainView.m” e immettiamo il seguente codice:

Questi due metodi hanno il compito di caricare un determinato colore. Settano la stringa “Caricamento colore…” nella label predisposta, e creano un timer.
Restiamo sempre nello stesso file e inseriamo ora questi due metodi:

Nei due metodi “aggiornaProgressoXXX” eseguiamo quelle operazioni che avverranno durante l’attesa, ovvero durante lo scorrimento del timer. Quando il progresso dell’opeazione (e la relativa barra) arriveranno a 0.5 (ovvero al 50%) aggiorneremo la laber con la scritta “Applicando colore…”, mentre quand l’operazione sarà conclusa stamperemo “Colore applicato!”.

Ora mancano i metodi che applicano il colore vero e proprio. Eccoli:

In questi due ultimi metodi eseguiamo il cambiamento vero e proprio, applicando il colore rosso o blu allo sfondo.

Clicchiamo ora su “Build and Go!” e testiamo la nostra applicazione funionante!!

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

La guida è stata creata in italiano da Andrea Busi per iSpazio.net. Trovare il video tutorial originale a questo indirizzo: “UIProgressView Tutorial” – iPhone Development Central. I meriti quindi relativamente alla versione inglese, 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 Developers
Seguici su Google News
Condividi Facebook Twitter Telegram WhatsApp Threads Email Copia Link
Articolo precedenteApple apre il canale ufficiale YouTube
Articolo successivo PdaNet 1.2.0-1 | Cydia

Articoli correlati

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

11 Lug 2025Commenta

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

10 Lug 2025Commenta

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

10 Lug 2025Commenta

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

9 Lug 2025Commenta

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.