NavigateToURL FLex

var url:String = "http://maps.google.com.au/maps?q=" + onelineaddress.text; 
    var urlReq:URLRequest = new URLRequest(url);
navigateToURL(urlReq, "_blank");

Vitor Yudi Hansen

Data e Hora no FLEX

//Nesse Exemplo estou usando 2 campos de textos instanciandos
 //texto1 e texto2
 //Para aprendizado, aconselho a criação do TextField via actionscript
 var tempo:Timer = new Timer(1000);
 tempo.start();
 tempo.addEventListener(TimerEvent.TIMER,mostra);
 function mostra(evento:TimerEvent):void {

var valores:Date = new Date();
 var ano:String=String(valores.getFullYear());
 var mes:String=String(valores.getMonth()+1);
 var dia:String=String(valores.getDate());
 var data_formatada:String=dia + “/” + mes + “/” + ano;
 texto1.text=data_formatada;

var hora:String=String(valores.getHours());
 var minuto:String=String(valores.getMinutes());
 var segundo:String=String(valores.getSeconds());

//Condições para acrescentar ’0′ (zero)
 if(hora.length==1){
 hora = “0″ + hora;
 }

if(minuto.length==1){
 minuto = “0″ + minuto;
 }

if(segundo.length==1){
 segundo = “0″ + segundo;
 }

var horario:String=hora + “:” + minuto + “:” + segundo;
 texto2.text=horario;
 }


Vitor Yudi Hansen

exemplo de filtros Flex 4

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx" 
               skinClass="TDFGradientBackgroundSkin" 
               viewSourceURL="srcview/index.html"
               creationComplete="init()">
    
    <fx:Script>
        <![CDATA[
            
            private var time:Timer;
            private var count:int = 0;
            
            private function init():void{
                time = new Timer(1000,0);
                time.addEventListener(TimerEvent.TIMER,timeHandler);
                time.start();
                
            }
            
            private function timeHandler(ev:TimerEvent):void{
                count ++;
                dynamicText.text = String(count);
            }
            
            private function filterHandler(ev:MouseEvent):void{
                var filterArr:Array = [];
                
                blurBox.selected ? filterArr.push(blur): null;
                glowBox.selected ? filterArr.push(glow): null;
                shadowBox.selected? filterArr.push(dropShadow): null;
                bevelBox.selected ? filterArr.push(bevel): null;
                
                textSample.filters = filterArr;
                dynamicText.filters = filterArr;
            }
        ]]>
    </fx:Script>
    
    <s:layout>
        <s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
    </s:layout>
    
    <fx:Declarations>
        <!--filters-->
        <s:GlowFilter id="glow" blurX="12" blurY="12" color="#88AEF7" quality="2" strength="1"/>
        <s:BlurFilter id="blur" blurX="4" blurY="4" quality="2" />
        <s:DropShadowFilter id="dropShadow" alpha="0.35" blurX="6" blurY="6" distance="6" color="#000000" angle="90" />
        <s:BevelFilter id="bevel" angle="45" blurX="0.5" blurY="0.5" distance="4" strength="0.7" highlightAlpha="0.7" shadowAlpha="0.7"  />
    </fx:Declarations>
    
    <s:Panel title="Filters Samples"
             width="600" height="100%"
             color="0x000000" 
             borderAlpha="0.15">
        
        <s:layout>
            <s:VerticalLayout horizontalAlign="center" 
                              paddingLeft="10" paddingRight="10" 
                              paddingTop="10" paddingBottom="10"/>
        </s:layout>
        
        <s:Label id="textSample" text="SAMPLE TEXT" color="0x000000" 
                 fontWeight="bold" fontSize="40" filters="{[bevel]}" />
        
        <s:HGroup width="100%" color="#323232" horizontalAlign="center">
            <s:CheckBox id="blurBox" label="Blur" click="filterHandler(event)" />
            <s:CheckBox id="glowBox" label="Glow" click="filterHandler(event)" />
            <s:CheckBox id="shadowBox" label="Drop Shadow" click="filterHandler(event)" />
            <s:CheckBox id="bevelBox" label="Bevel" selected="true" click="filterHandler(event)" />
        </s:HGroup>
        
        <s:Label id="dynamicText" text="0" color="#323232" fontSize="18" filters="{[bevel]}" />
        
    </s:Panel>
    
</s:Application>

Vitor Yudi Hansen

Drag and Drop Flex 4 =D

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx" 
               skinClass="TDFGradientBackgroundSkin" 
               viewSourceURL="srcview/index.html">
    
    <s:layout>
        <s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
    </s:layout>
    
    <fx:Declarations>
        <s:ArrayList id="arr1">
            <fx:String>Orange</fx:String>
            <fx:String>Apple</fx:String>
            <fx:String>Pear</fx:String>
        </s:ArrayList>
        
        <s:ArrayList id="arr2">
            <fx:String>Banana</fx:String>
        </s:ArrayList>
    </fx:Declarations>
    
    <s:Panel title="Drag and Drop Samples" 
             width="600" height="100%"
             color="0x000000" 
             borderAlpha="0.15">
        
        <s:layout>
            <s:HorizontalLayout horizontalAlign="center" 
                              paddingLeft="10" paddingRight="10" 
                              paddingTop="10" paddingBottom="10"/>
        </s:layout>
        
        <s:List allowMultipleSelection="true" dropEnabled="true" dragEnabled="true" dragMoveEnabled="true" 
                dataProvider="{arr1}"/>
        
        <s:Label text="Drag Items between lists" color="0x000000"/>
        
        <s:List allowMultipleSelection="true" dropEnabled="true" dragEnabled="true" dragMoveEnabled="true" 
                dataProvider="{arr2}"/>
    </s:Panel>
    
</s:Application>

Vitor Yudi Hansen

Aprenda Flex em uma semana

Aprenda FLex em uma semana.
http://www.adobe.com/devnet/flex/videotraining.html

alguns videos sobre o Flex.

vale a pena conferir...


Vitor Yudi Hansen

PopUp no FLex

Muitas pessoas tem a dúvida de como chamar um popUp no Flex.


é simples!


você cria um botão, ou algo que queira para com determinado evento ou ação abrir o popUp, e cria um método qualquer!


você dá um import no mxml que você quer abrir
ex:
import br.com.exemplo.popUp.TelaPopUp

e faz o seguinte import também!

import mx.managers.PopUpManager;


e dentro do método vc chama ele da seguinte maneira:

//metodo qualquer

public function abrePopUp():void{

var popup :  TelaPopUp = PopUpManager.createPopUp(root,  TelaPopUp, true) as TelaPopUp;
PopUpManager.centerPopUp(popup);
/*caso tenha um método que vc queira iniciar no popUp, vc chama da seguinte maneira */
popup.metodoDoPopUp();


}


 Proto está feito a chamada do PopUp no flex!
simples!!!


ABsss

Vitor Yudi Hansen

Split em Flex

Facinho aplicar o split em Flex


segue modelo

 

 var subStr:Array = myStr.split("_");//joga para um array os dados

 var i : int = 0;

for(i = 0 ; i < subStr.length ;i++ ){//imprimi os valores do array

      trace(subStr[i].toString());
}

Vitor Yudi Hansen

Contador Flex

Contador para flex

private function init():void{
                time = new Timer(1000,0);
                time.addEventListener(TimerEvent.TIMER,timeHandler);
                time.start();
               
            }
           
            private function timeHandler(ev:TimerEvent):void{
                count ++;
                dynamicText.text = String(count);
            }



Vitor Yudi Hansen

Botão com Imagem Flex 4

O modo de colocar imagem no botão do flex 3 par ao 4 mudou um pouco,
e muitas pessoas tem uma certa dificuldade.

Então, segue o exemplo.

basta colocar assim:

width="20%" height="70" chromeColor="#330000" click="{botoes(1)}"#7D0505" icon="@Embed(source='img/icones/bt_voltar.png')"/>

A Tag da imagem é :
icon="@Embed(source='img/icones/bt_voltar.png')"