Tutorials

Sorry, but this post is not available in English

Ext.tux.AudioCover – Parte 5

Ext.tux.AudioCover – Parte 5

9. Download e Anteprima Siamo finalmente giunti alla conclusione di questo Tutorial. Spero che la lettura sia stata piacevole, di facile comprensione, che abbiate apprezzato l’argomento trattato e, soprattutto, che le basi fornite siano state sufficienti per scatenare la vostra creatività ed invogliarvi allo sviluppo di un vostro componente personalizzato. Se così fosse, mi raccomando,(…)

Ext.tux.AudioCover – Parte 4

Ext.tux.AudioCover – Parte 4

8. Il file SASS Per concludere lo sviluppo del nostro componente, non ci resta che creare il file SASS che, una volta compilato insieme al resto del tema dell’applicazione, fornirà tutti gli stili necessari ai vari elementi HTML al fine di creare l’interfaccia utente che abbiamo creato. Qualora non abbiate molte dimestichezza con SASS, vi(…)

Ext.tux.AudioCover – Parte 3

Ext.tux.AudioCover – Parte 3

5. Parametri di configurazione Ogni componente che si rispetti deve fornire un set di parametri di configurazione pubblici che l’utente possa modificare a suo piacimento al fine di venire incontro ai requisiti richiesti dall’applicazione in cui questo viene utilizzato, quindi, anche nel nostro caso, tali parametri non dovranno venir meno. Al momento mi vengono in(…)

Ext.tux.AudioCover – Parte 2

Ext.tux.AudioCover – Parte 2

4. Definiamo il Template Arrivati a questo punto siamo pronti a scrivere qualche riga di codice che permetterà al nostro componente di fornirci tutti gli elementi HTML che verranno utilizzati al fine di renderizzare la UI, quindi, il primo step, è sicuramente quello di definirne il template. Per tutti quelli che non hanno molta familiarità(…)

Ext.tux.AudioCover – Parte 1

Ext.tux.AudioCover – Parte 1

Ormai giunto alla versione 2.1.0 B2, Sencha Touch resta tutt’ora il framework web più innovativo, dinamico ed utilizzato dagli sviluppatori che intendono realizzare un’applicazione mobile il più possibilmente universale, cioè supportata dalla maggior parte dei sistemi operativi in circolazione come iOS, Android, ecc. Negli ultimi mesi infatti, la community di Sencha ha avuto il piacere(…)

ProgressBar | Development – Part 2

ProgressBar | Development – Part 2

Molto bene, spero che fino a qui sia tutto chiaro. Siamo finalmente arrivati alla parte in cui occorre letteralmente dare vita al nostro nuovo componente, andando a definire di fatto una semplice funzione che andrà ad impostare la larghezza della del “fillElement” e il valore percentuale associato all’interno del “textElement” in corrispondenza del valore impostato.(…)

ProgressBar | Development

ProgressBar | Development

Bene, eccoci arrivati alla parte più interessante, di questo tutorial, ovvero la scrittura del codice della ProgressBar vera e propria. Ricordate sempre che non occorre avere fretta, ma l’importante è che comprendiate al meglio ogni singola riga di codice che vi verrà proposta. Definizione base del componente Vediamo in primis le basi che ci permetteranno(…)

ProgressBar | Design

ProgressBar | Design

Prima di entrare nel vivo della progettazione di questo componente mi sembra doveroso spendere due parole sull’ HTML5. Attualmente in stato di “Working Draft”, il W3C, prevede il tag “progress” , il quale permette di creare semplicemente una progressbar all’interno di una comune pagina web. Sfortunatamente, al momento della scrittura di questo articolo, tale tag(…)

How to develop a ProgressBar

How to develop a ProgressBar

Bene ragazzi, ormai la release stabile di Sencha Touch 2 sembra essere alle porte, quindi cerchiamo subito di entrare nel vivo del framework, spiegandovi nei minimi particolari, come poter creare componenti personalizzati da utilizzare nelle vostre applicazioni. Partiamo da qualcosa di relativamente semplice, ovvero, come poter creare una semplice ProgressBar, da poter inserire all’interno di(…)