Nozioni fondamentali sulle finestre native in AIR

I tipi di finestre AIR combinano gli attributi chrome e di visibilità del sistema operativo nativo per creare tre tipi funzionali di finestre. All'interno del codice, potete fare riferimento ai nomi di tipo utilizzando le costanti definite nella classe NativeWindowType. AIR fornisce i tipi di finestre seguenti:

Il chrome della finestra è un insieme di controlli che consentono agli utenti di modificare una finestra nell'ambiente desktop. Gli elementi del chrome includono la barra del titolo, i pulsanti della barra del titolo e le maniglie di ridimensionamento.

<?xml version="1.0" encoding="utf-8"?> 
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
xmlns:s="library://ns.adobe.com/flex/spark" 
xmlns:mx="library://ns.adobe.com/flex/mx"> 
<fx:Style> 
@namespace "library://ns.adobe.com/flex/spark"; 
WindowedApplication 
{ 
    skinClass:ClassReference("spark.skins.spark.SparkChromeWindowedApplicationSkin"); 
} 
</fx:Style> 
</s:WindowedApplication>

Per consentire la fusione alfa di una finestra con il desktop o un'altra finestra, impostate la proprietà transparent della finestra su true. La proprietà transparent deve essere impostata prima che la finestra venga creata e non può essere modificata.

In una finestra trasparente non esiste alcuno sfondo predefinito. Qualsiasi area della finestra che non contiene un oggetto disegnato dall'applicazione è invisibile. Se l'impostazione alfa di un oggetto visualizzato è inferiore a uno, qualunque cosa si trova sotto l'oggetto traspare, compresi altri oggetti di visualizzazione nella stessa finestra, altre finestre e il desktop.

Le finestre trasparenti sono utili per creare applicazioni con bordi di forma irregolare, “sfumati” o che non sono visibili. Tuttavia, poiché il rendering di aree con fusione alfa di grandi dimensioni può essere lento, si consiglia di utilizzare questo effetto con cautela.

La trasparenza non può essere utilizzata con finestre associate a chrome di sistema. Inoltre, il contenuto SWF e PDF in HTML potrebbe non essere visualizzato nelle finestre trasparenti. Per ulteriori informazioni, consultate Considerazioni relative al caricamento di contenuto SWF o PDF in una pagina HTML.

La proprietà NativeWindow.supportsTransparency statica segnala se la trasparenza della finestra è disponibile. Quando la trasparenza non è supportata, l'applicazione viene composta su uno sfondo scuro. In questi casi, tutte le aree completamente trasparenti dell'applicazione vengono visualizzate in nero opaco. È consigliabile fornire un fallback nel caso il test di proprietà restituisca false. Ad esempio, potete visualizzare una finestra di dialogo di avviso all'utente o un'interfaccia utente rettangolare, non trasparente.

Notate che la trasparenza è sempre supportata dai sistemi operativi Mac e Windows. Il supporto sui sistemi operativi Linux richiede un gestore di finestre che supporta effetti compositi, tuttavia anche quando questo componente è attivo, la trasparenza potrebbe non essere disponibile a causa delle opzioni di visualizzazione dell'utente o della configurazione hardware.

Per impostazione predefinita, lo sfondo di una finestra MXML è opaco, anche se create la finestra come trasparente (notate l'effetto di trasparenza agli angoli della finestra). Per presentare uno sfondo trasparente per la finestra, impostate un colore di sfondo e il valore alfa nel foglio di stile o nell'elemento <mx:Style> contenuto nel file MXML dell'applicazione. Ad esempio, la dichiarazione di stile seguente conferisce allo sfondo una sfumatura verde leggermente trasparente:

WindowedApplication 
{ 
    background-alpha:".8"; 
    background-color:"0x448234"; 
}

Per impostazione predefinita, lo sfondo del contenuto HTML visualizzato nelle finestre HTML e negli oggetti HTMLLoader è opaco, anche se la finestra che li contiene è trasparente. Per disattivare lo sfondo predefinito visualizzato per il contenuto HTML, impostate la proprietà paintsDefaultBackground su false. L'esempio seguente crea un oggetto HTMLLoader e disattiva lo sfondo predefinito:

var htmlView:HTMLLoader = new HTMLLoader(); 
htmlView.paintsDefaultBackground = false;

Questo esempio utilizza JavaScript per disattivare lo sfondo predefinito di una finestra HTML:

window.htmlLoader.paintsDefaultBackground = false;

Se un elemento del documento HTML imposta un colore di sfondo, lo sfondo dell'elemento non è trasparente. L'impostazione di un valore di trasparenza parziale (o opacità) non è supportata. Tuttavia, potete utilizzare un grafico in formato PNG trasparente come sfondo di una pagina o di un elemento della pagina per ottenere un effetto visivo simile.

Una finestra può essere il proprietario di un'altra o più finestre. Queste finestre di proprietà appaiono sempre davanti alla finestra principale, sono ridotte a icona e ripristinate insieme alla finestra principale, inoltre vengono chiuse quando si chiude la finestra principale. La proprietà della finestra non può essere trasferita a un'altra finestra né rimossa. Una finestra può essere di proprietà di una sola finestra principale ma può essere proprietaria di altre finestre.

Potete utilizzare la proprietà della finestra per semplificare la gestione delle finestre utilizzate per finestre di dialogo e tavolozze degli strumenti. Ad esempio, se visualizzate una finestra di dialogo Salva insieme a una finestra documento, rendendo la finestra documento proprietaria della finestra di dialogo è possibile mantenere automaticamente la finestra di dialogo davanti alla finestra documento.