Per quanti desiderano crearsi una skin su misura da utilizzare con Tracker, ma che non hanno alcuna idea sul come iniziare, questa guida sarà sicuramente un ottimo ausilio per cominciare da subito.

In questo tutorial utilizzeremo Skin Studio for Tracker di Angelo Fiorillo, scaricabile qui.

Requisiti

• PC IBM-Compatibile
  
• 64 MB RAM
  
• Scheda video con almeno 65536 colori
  
• Risoluzione video almeno 1024 x 768
  
• Sistema Operativo Microsoft Windows 98, NT, 2000, XP
  
• Un programma di fotoritocco (Photoshop, Fireworks o similare)
  
• Skin Studio correttamente installato

Si comincia
All'avvio del programma avrete questa schermata:




L'interfaccia è costituita da sei elementi principali che interagiscono tra loro per fornirvi un completo ambiente di disegno WYSIWYG (tradotto significa "quello che vedi è quello che otterrai").

Questi sei elementi sono:
1. La Menu Bar: quest'area contiene il menu principale del programma, dandovi pieno accesso a tutte le funzioni di Skin Studio tramite mouse o scorciatoie da tastiera.
2. La Main Toolbar: questo strumento replica alcuni dei comandi presenti nella Menu Bar, fornendo un accesso veloce alle funzioni utilizzate più di frequente.
3. La Editing Toolbar: quest'area contiene alcuni altri comandi dedicati alla creazione ed alla modifica degli elementi della skin.
4. Il Workspace: qui disegnerete la vostra skin. Quest'area riflette l'altezza e la larghezza reali del display del P800 e supporta le varie modalità di "Fullscreen" definite in Tracker..
5. Il Page Selector: cliccando tu queste linguette, potrete navigare nelle pagine della vostra skin.
6. La Status Bar: quest'area mostra alcune importanti informazioni sullo stato dell'applicazione e della skin.

Buona parte dei comandi sono raggiungibili anche tramite scorciatoie da tastiera. Per esempio, per aprire una skin salvata potete usare il mouse per cliccare su File->Apri Skin oppure sul corrispondente bottone nella toolbar oppure ancora potete premere CTRL+O sulla tastiera. Le scorciatoie da tastiera aumentano vistosamente la velocità di modifica in Skin Studio. La scorciatoia associata ad un dato comando è mostrata accanto al nome dello stesso nella Menu Bar.


Le proprietà della Skin
Aprendo le proprietà della skin si aprirà questa finestra:



Potrete impostare il nome della skin, il nome dell'autore ed un commento. Inoltre, cosa fondamentale, potrete decidere i colori "base" della skin, relativi allo sfondo dei menu, alle selezioni, ai testi e ai bottoni.


Creazione di una pagina
Una skin di Tracker si compone essenzialmente di schermate, che definiremo "pagine". Aggiungendo una nuova pagina avremo da riempire tre campi:



Il nome della pagina, l'immagine BMP da mettere come sfondo e il formato (Full, Partial e None).

Queste sono le dimensioni in pixels per i diversi formati:

• None 208 x 276 (rimangono in vista i pulsanti in alto e in basso)
  
• Partial 208 x 301 (rimangono in vista solo i pulsanti in basso)
  
• Full 208 x 320 (la skin in questo caso occupa l'intero schermo)

Come regola generale, evitate di salvare la vostra skin (il documento) nello stesso folder contenente altri file, specialmente se il folder di destinazione contiene direttamente (o in sue sottodirectory) le immagini utilizzate dalla skin stessa: questo potrebbe causare conflitti quando la skin verrà compilata. Per questo, scegliete una directory appena creata (o comunque vuota) per contenere i dati della skin. Il documento della skin è un file con estensione .SSF; il nome del file viene preimpostato al titolo della skin, ma potrete scegliere un altro nome a vostro piacimento.

Una volta salvata la skin, il programma mostrerà la Pagina col suo sfondo, vuota, pronta a contenere gli elementi.


Inseriamo gli elementi
Ora che abbiamo almeno una pagina, possiamo iniziare ad inserirci i vari elementi, quali: bottoni, datario, agenda...
Prima di tutto, fate click sulla linguetta della pagina dove volete inserire l'elemento; poi, scegliete Pagina->Aggiungi Elemento->Button dalla Menu Bar (oppure cliccate sull'icona nella Editing Toolbar oppure premete CTRL+F2 sulla tastiera). Skin Studio mostrerà la finestra di dialogo delle Proprietà del Button:



Nel campo "Command" avremo un elenco di operazioni predefinite, che non necessitano di particolari spiegazioni. L'unica particolarità, consiste nella funzione di "Start application", la quale richiede l'inserimento dell'UID di quelle applicazioni "non standard" che abbiamo installato a parte sul nostro telefono.

Per ottenere l'UID di una applicazione dovrete eseguirla, quindi lanciare TaskMan, selezionare l'applicazione nell'elenco dei processi, andare sul Menu Actions > Advanced > Application Info. Avrete una panoramica completa del processo in esecuzione, ma a noi interessa il codice che appare in seconda linea, l'UID appunto. Annotiamocelo e riportiamolo sulle proprietà del bottone con cui vorremo far partire l'applicazione da Tracker.

Sempre nelle proprietà del bottone andremo quindi a definire i file immagine (in formato BMP) da utilizzare. Premendo OK vedremo comparire il bottone sulla nostra pagina. Ora è possibile posizionarlo dove desideriamo.


Creazione delle Label
Un altro importante elemento in Tracker è la Label: essa può mostrare molte differenti informazioni come l'ora corrente, la data, le risorse hardware libere, così come un testo definito dall'utente. La Label può avere differenti colori, font, dimensioni del testo ed allineamenti.

Per creare una Label, scegliente Pagina->Aggiungi Elemento dalla Menu Bar (oppure cliccate sull'icona nella Editing Toolbar oppure premete CTRL+F5 sulla tastiera); Skin Studio mostrerà al finestra di dialogo Proprietà della Label:



l'unica accortezza che mi sento di consigliarvi è quella di controllare bene se il tipo di carattere che volete usare è presente sul dispositivo. Infatti ci sono caratteri che sui SonyEricsson P800/P900 sono presenti, mentre sui Motorola A925/A1000 no. Quindi andate per tentativi.


Creazione del Pannello Today
Ora è il turno di un altro elemento che troverete in Skin Studio: il Pannello Today. Questo è un elemento complesso che mostrerà gli eventi del Calendario, le Attività ed i Messaggi (SMS, MMS, email) in una vista gerarchica completa. Questo elemento è sempre largo esattamente come lo schermo (208 pixel); potete configurarne solo la "Y" (posizione verticale) e l'altezza.

Per creare un Pannello Today, scegliete Pagina->Aggiungi Elemento->Today Panel dalla Menu Bar (oppure fate click sull'icona nella Editing Toolbar oppure premete CTRL+F6 sulla tastiera). Skin Studio mostrerà la finestra di dialogo Proprietà del Today Panel:



Una volta impostate le varie opzioni e confermato, avrete una situazione simile a questa:




Creazione dell'icona Trash
Siamo quasi alla fine del nostro lavoro: l'icona del cestino (Trash). L'icona Trash apparirà non appena l'utente di Tracker inizierà un trascinamento di un'icona sul desktop di Tracker, permettendogli di cancellarla trascinandovela sopra.

Le proprietà sono identiche a quelle esposte dalla Picture, mask incluse. Qui le mask sono richieste da Tracker dal momento che per l'icona Trash questa proprietà è obbligatoria.


Finalmente compiliamo la nostra skin!
Congratulazioni! Avete creato la vostra prima skin! Ora, è tempo di compilarla nel file binario che Tracker interpreterà. Per fare ciò, salvate la skin e scegliete File->Compila Skin dalla Menu bar (oppure cliccate sull'icona nella Main Toolabr oppure ancora premete CTRL+B sulla tastiera).

La primissima volta (e solo per questa volta) che tenterete di compilare una skin, Skin Studio vi richiederà il percorso per SkinMaker, il compilatore creato da SymbianWare che è fornito con Skin Studio; nella finestra di dialogo "Opzioni" che apparirà potete specificare il percorso di installazione di Skin Studio come percorso per SkinMaker. Premete OK e provate nuovamente a compilare la skin.

Avrete alla fine della compilazione il tanto agognato file ZTR che potrete caricare sul vostro telefonino. Se siete stati bravi e tutto funziona, cosa aspettate a condividerlo su www.a1kstyle.com ???


Questo è quanto... buon lavoro!!!

· Apple multata per comportamento scorretto
· Android 4 Ice Cream Sandwitch. Potenza e velocità.
· Nexus One non sarà aggiornato ad Android 4.0 Ice Cream Sandwich
· Nokia in cerca di riscatto. Presentata la serie LUMIA con Windows Phone 7.
· Android 4.0 Ice Cream Sandwich in dirittura di arrivo
· In attesa dell'iPhone 5 ecco che arriva l'economico iPhone 4S
· [Nokia Indoor Navigation] App per navigare all'interno degli edifici
· MIX 2011: Annunciato Skype per Windows Phone 7
· IDC (pre)vede Windows Phone 7 dietro solo ad Android nel 2015.
· Nuovo spot per Windows Phone 7