Dopo l'articolo introduttivo di settimana scorsa, vediamo come sia possibile utilizzare il Text Layout Framework all'interno di Flash CS4: è possibile utilizzare un approccio principalmente visuale utilizzando l'apposito pannello fornito con il componente per Flash CS4 Professional, in alternativa si può decidere di sfruttare principalmente Actionscript; la prima opzione è consigliabile per prendere confidenza con le varie opzioni offerte dal framework e in generale offre un approccio più "immediato" dato che in pochi passaggi possiamo vedere come apparirà il nostor testo, tuttavia la soluzione tramite Actionscript permette una maggior dinamicità e consente di sfruttare più a fondo le potenzialità del prodotto.
Utilizzo tramite interfaccia grafica
Come detto, questo è il metodo di utilizzo più semplice: è sufficiente aprire il pannello componenti (Window->Components oppure Ctrl+F7), quindi aprire la categoria Standard Components; al suo interno è presente il componente TextLayout.
Possiamo trascinare un'istanza del componente sullo stage, dove il componente risulterà come un movieclip con all'interno la scritta TextLayout Sample Text.
Per gestire il contenuto del componente possiamo affidarci all'apposito pannello che viene fornito con il componente, raggiungibile dal menu Window->Other Panels-> Text Layout; questo aprirà un file identico allo strumento di test online disponibile sugli Adobe Labs.
Notiamo la varietà di opzioni a disposizione: tutta l'area di sinistra è dedicata all'inserimento del testo, a destra abbiamo una serie di pannelli a scorrimento relativi alle opzioni di carattere, paragrafo, spaziatura, antialiasing, allineamento e flusso del testo; mentre nella parte bassa del pannello troviamo le opzioni relative al testo da caricare, o salvare, e le schede relative a eventuali link, o immagini da inserire nel testo; premendo il pulsante Get from stage vedremo apparire il testo TextLayout Simple Text nel nostro file, con un righello a indicare la larghezza del componente presente sullo stage da cui il pannello Text Layout ha appena "ereditato" il testo.
Possiamo dire che il componente sullo stage e il pannello Text Layout lavorino "in simbiosi", infatti possiamo attuare un continuo scambio di dati tra i due, per esempio una volta effettuate le modifiche al testo all'interno del pannello potremo trasferirle al componente usando il pulsante Send to Stage.
Impostazione e personalizzazione del testo
Character (carattere)
Queste opzioni sono relative all'aspetto del testo e possono essere impostate per una (o più) parola.
- Font
- Lookup Device Embed CFF Embed fonts
- Size
- Leading
- Stile
- Kerning
- Track right
- Track left
- Case
- Color
Paragraph (paragrafo)
Queste opzioni sono relative principalmente al posizionamento dei vari paragrafi del testo.
- Alignment
- Indent
- Left e right margin
- Space before e after
Le rimanenti opzioni (justification rule, direction, leading basis e leading direction) tornano utili principalmente nell'uso di linguaggi asiatici, generalmente negli altri casi è consigliato lasciare le impostazioni predefinite.
Advanced character (impostazioni avanzate del carattere)
Queste opzioni permettono di personalizzare alcune caratteristiche del font usato, non è detto che tutti i font le prevedano e siano quindi influenzati da queste impostazioni; sono solitamente presenti per i font di tipo OpenType. Tutte le impostazioni seguenti possono essere impostate su uno o più caratteri.
- Digit Case
- Digit width
- Dominant e Alignment baseline
- Baseline shift
- Ligatures
- Rotation
- Alpha
- Break
- Locale
Container (contenitore)
Queste opzioni servono per impostare il layout del testo all'interno del suo contenitore, per esempio l'allineamento verticale e il numero di colonne.
- Alignment
- Columns
- Column width
- Gap
- Geometry
Flow (flusso)
Le opzioni di questa sezione semplicemente impostano il flusso del testo.
- Orientation
- Direction
- Line breaks
- Vertical e horizontal scroll
Altre opzioni del pannello TextLayout
Altre opzioni vengono fornite tramite la barra inferiore del pannello, che offre tre "sezioni", la prima è la sezione Data Source.
- La select a sinistra permette di impostare il testo da un file XML di esempio offerto da Adobe;
- Il pulsante Get from Stage
- Il pulsante Send to Stage
- Embed Fonts
- La combo appena a fianco permette di scegliere la modalità di utilizzo del testo: ReadSelect ReadWrite ReadOnly
- Il tasto Markup
La seconda sezione della barra è Links.
Molto semplicemente, una volta selezionata una o più parole potremo applicare un link indicando l'indirizzo (URL) e la finestra dentro cui aprire tale link (target).
L'ultima opzione a disposizione è Graphics.
Da questa sezione è possibile inserire un'immagine, impostandone anche larghezza e altezza. Particolarmente interessante la possibilità di inserire le immagini sulla stessa linea del testo anche in paragrafi complessi.
Conclusioni
Come abbiamo visto le opzioni offerte dal componente Text Layout sono numerosissime, e il distacco tra le operazioni che si potevano eseguire coi testi fino a Flash CS3 e quanto viene reso possibile da questo nuovo strumento è decisamente notevole; purtroppo per sfruttare il Text Layout Framework è necessaria l'ultima versione del Flash Player e questo, unito ovviamente al fatto che al momento la tecnologia sia rilasciata in versione beta, costituisce un grosso ostacolo nell'applicazione di queste novità in ambito lavorativo.
Nonostante ciò è sicuramente consigliabile cominciare a fare pratica con questo strumento che rappresenta finalmente un'evoluzione nella gestione dei testi all'interno di Flash, aspetto che da troppo tempo era rimasto invariato, attendendo una release definitiva che sarà probabilmente prerogativa di grosse innovazioni a livello di interazione e di layout di testi.
