Nwlapcug.com


Come impostare il tema di un pulsante di collegamento su Halo con ActionScript

Come impostare il tema di un pulsante di collegamento su Halo con ActionScript


Flex Builder è un software di progettazione e sviluppo Web utilizzato per creare Rich Internet Applications. XML e ActionScript sono le due lingue primarie utilizzate in Flex. XML imposta la struttura del sito Web e ActionScript fornisce la funzionalità. Uno sviluppatore utilizzerà XML e ActionScript per creare un pulsante di collegamento con un effetto di alone. Con poche semplici righe di codice, è possibile completare l'intero processo. Lo sviluppatore può anche personalizzare l'effetto utilizzando le proprietà disponibili all'interno della libreria di Flex Builder.

Istruzioni

Creare il pulsante di collegamento

1

Aprire l'applicazione Flex principale e passare alla visualizzazione codice. Inserire l'apertura e il tag di chiusura per il pulsante di collegamento nella vostra applicazione Flex:

< mx:LinkButton >< / mx:LinkButton >

2

Impostare lo stile del tuo pulsante di collegamento e aggiungere il testo appropriato. Inserire le proprietà del pulsante di collegamento all'interno del tag di apertura del pulsante di collegamento.

< mx:LinkButton etichetta = "My Link Button" color = "0000FF" >
< / mx:LinkButton >

Il codice precedente crea un pulsante di collegamento con testo blu che legge "Il mio pulsante di collegamento."

3

Importare la classe ActionScript avviso. Aggiungere l'istruzione import dopo l'apertura tag application e prima il pulsante di collegamento:

< fx:Script >
mx.controls.Alert importazione;
< / fx:Script >

Il codice sopra riportato consente Flex sapere che sono incastonatura ActionScript nel file dell'applicazione. Si dà anche gli accessi alla funzionalità all'interno della classe Alert.

4

Eseguire l'applicazione. Per impostazione predefinita un pulsante di collegamento produrrà l'effetto halo, una volta che l'utente passa sopra il testo del collegamento. Verificare che si dispone di un controllo di pulsante del link di lavoro con un effetto di alone.

Creare una scintilla Link pulsante pelle

5

Crea una skin per il pulsante di collegamento Flex scintilla. Flex utilizza più tipi di componenti. Stili unici possono essere applicati a pulsanti di collegamento di scintilla. Aprire un nuovo file di pelle scintilla o un file esistente di pelle scintilla. Se siete nuovi a componenti di scintilla, è possibile individuare un modello di file di Spark pelle, aprendo la cartella di scintilla di applicazioni.

6

Sostituire la scintilla pelle tag di apertura con la seguente riga di codice:

< s:SparkSkin xmlns:fx = "http://ns.adobe.com/mxml/2009 & quot; xmlns:s = "library://ns.adobe.com/flex/spark" xmlns:mx = "library://ns.adobe.com/flex/halo" >

Aggiungere il seguente Metadta informaiton sotto il tag opeing.

< fx:Metadata >

[HostComponent(&quot;spark.components.Button&quot;)]

< / fx:Metadata >

7

Aggiungere il codice che definisce lo stile della tua aura di pulsante di collegamento.

< s:states >

&lt;mx:State name=&quot;up&quot;/>
&lt;mx:State name=&quot;down&quot;/>
&lt;mx:State name=&quot;over&quot;/>
&lt;mx:State name=&quot;disabled&quot;/>
&lt;/s:states>

Il codice sopra riportato i nomi stati pulsante diversi link, consentendo di accedervi e applicare stile più tardi.

&lt;s:Rect left=&quot;0&quot; right=&quot;0&quot; top=&quot;0&quot; bottom=&quot;0&quot;>
&lt;/s:Rect>

Questo codice crea un alone di rettangolo e definisce la sua collocazione rispetto al collegamento.

< s:Rect sinistra = "0" destra = top "0" = "0" fondo = "0" includeIn = "over" radiusX = "15" radiusY = "15" >

&lt;s:stroke>
&lt;mx:SolidColorStroke weight=&quot;3&quot; color=&quot;0x6600FF&quot;/>
&lt;/s:stroke>

< s:fill >

&lt;mx:SolidColor color=&quot;0x6600FF&quot;/>
&lt;/s:fill>
&lt;/s:Rect>

La proprietà stroke sopra crea un tratto di 3 pixel peso intorno a un rettangolo viola. Questo imposta lo stile di halo.

8

Aggiungere il codice per il pulsante di Spark:

< s:Button id = "sparkBtn" skinClass="theFolderNameWhereYourSkinIsSaved.TheNameofTheSkinFile" label = "TheBtnTitle" / >

Il codice precedente crea un pulsante di scintilla con lo stile che appena creato con l'etichetta "TheBtnTitle."

Consigli & Avvertenze

  • Flex ActionScript e XML sono case sensitive. Se l'applicazione non funziona correttamente, controllare per capitalizzazione.