{"id":7558,"date":"2020-06-26T14:01:36","date_gmt":"2020-06-26T12:01:36","guid":{"rendered":"https:\/\/www.iprog.it\/blog\/?p=7558"},"modified":"2020-06-26T14:01:36","modified_gmt":"2020-06-26T12:01:36","slug":"ios14-widgets-con-widgetkit","status":"publish","type":"post","link":"https:\/\/www.iprog.it\/blog\/swift\/ios14-widgets-con-widgetkit\/","title":{"rendered":"iOS14 Widgets con WidgetKit"},"content":{"rendered":"

Al keynote di WWDC20, Apple ha annunciato iOS 14 con nuove straordinarie funzionalit\u00e0, tra le tante troviamo i Widget nella schermata principale.<\/span><\/span><\/p>\n

Oggi scopriremo come aggiungere widget alla tua app!<\/span><\/p>\n

Innanzitutto, dovrai scaricare alcuni software beta.<\/span> Tieni presente che si tratta di beta sviluppatore e avrai bisogno di un account sviluppatore Apple<\/span>.<\/p>\n

ASSICURARSI DI AVERE UN BACKUP DEI DATI PRIMA DI INSTALLARE QUALSIASI SOFTWARE BETA<\/span><\/strong><\/p>\n

Tutto ci\u00f2 che serve \u00e8 <\/span>Xcode 12<\/span>, oppure se vuoi anche la nuova UI di xcode and macOS Big Sur<\/span>.<\/p>\n

Configura il tuo progetto<\/span><\/span><\/h3>\n

Puoi usare un progetto Xcode esistente o crearne uno nuovo.<\/span> Tutto ci\u00f2 che ti serve ora \u00e8 andare su File -> New -> Target<\/span><\/span><\/p>\n

Quindi selezionare Widget Extension da l\u00ec<\/span><\/p>\n

\"widget<\/a><\/p>\n

\n
\n

E ora dai un nome alla tua estensione Widget (nel nostro caso MyWidget<\/span>) e assicurati che Include Configuration Intent<\/strong> sia selezionato.<\/span><\/span><\/p>\n

Ti verr\u00e0 quindi chiesto di attivare un nuovo schema.<\/span> Seleziona Attiva.<\/span><\/p>\n

Ora vedrai una nuova cartella nel tuo progetto con il nome del tuo widget.<\/span><\/p>\n

Apri MyWidget.swift ed elimina tutto al suo interno tranne le istruzioni di import<\/strong>.<\/span><\/p>\n<\/div>\n<\/div>\n

<\/div>\n
<\/div>\n
\n
\n
\n

Creare un widget<\/span><\/span><\/h3>\n

Ora siamo pronti per iniziare a creare il nostro widget!<\/span> Crea una struct chiamata MyWidget conforme al protocollo Widget e aggiungi il wrapper di propriet\u00e0 @main <\/span>come in SwiftUI, Xcode dovrebbe darti il completamento automatico.<\/span><\/span><\/p>\n

[code lang=”swift”]
\n@main
\nstruct MyWidget: Widget {
\n public var body: some WidgetConfiguration {<\/p>\n

}
\n}
\n[\/code]<\/p>\n

In questo tutorial vedremo solo i widget statici che possono mostrare solo contenuti specifici, come il widget fitness:<\/p>\n

\"widget<\/a><\/p>\n

Esiste anche un altro tipo di widget che utilizzano le interazioni dell’utente nell’app per fornire dati pi\u00f9 personalizzati, chiamati widget Intent. Non li toccheremo in questo tutorial.<\/p>\n

Per creare un widget statico dobbiamo specificare la configurazione del widget nel corpo di MyWidget. Questo \u00e8 ci\u00f2 di cui avremo bisogno per creare una configurazione statica:<\/p>\n