FlexDev » Dicas http://www.flexdev.com.br/home Flex/AIR, Java e RIA em geral. Sat, 04 Sep 2010 13:01:46 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Tutoriais Flex http://www.flexdev.com.br/home/tutoriais-flex/ http://www.flexdev.com.br/home/tutoriais-flex/#comments Wed, 09 Apr 2008 02:14:51 +0000 Ebercom http://blog.flexdev.com.br/tutoriais-flex/ flex0

Navegando pela internet a procura de material para conclusão da minha monografia, encontrei na lista Flex-Brasil uma série fantástica de tutoriais escritos por Mário Santos, segue abaixo os links:

Parte I: http://msdevstudio.com/blog/download-manager.php?id=4
Parte II: http://msdevstudio.com/blog/download-manager.php?id=3
Parte III: http://msdevstudio.com/blog/download-manager.php?id=2
Parte IV: http://msdevstudio.com/blog/download-manager.php?id=1

Mais informações no aqui.

Boa leitura a todos…

Abraços..

* Atualização realizada no dia 26/04, alterando os links conforme recomendação do Mário Santos

]]> http://www.flexdev.com.br/home/tutoriais-flex/feed/ 3 Blog Mario Junior http://www.flexdev.com.br/home/blog-mario-junior/ http://www.flexdev.com.br/home/blog-mario-junior/#comments Fri, 28 Mar 2008 00:50:05 +0000 Ebercom http://blog.flexdev.com.br/blog-mario-junior/ Entrou no ar a pouco tempo o blog do meu amigo Mario Junior, apesar dele ter lançado o site recentemente, já é um velho conhecido e colaborador das listas Flex e Java e por ai, inclusive é moderador de uma delas a Flex-Brasil, tarefa que cumpre com amor, dedicação e competencia.

Indico a todos que gostem de conteúdo com qualidade que visitem esse novo ponto obrigatório de todo profissional Flex. Segue o link:

http://blog.mariojunior.com/

Parabéns Mario por mais essa prova de empenho em ajudar a comunidade Flex do Brasil.

Abraço a todos…

]]> http://www.flexdev.com.br/home/blog-mario-junior/feed/ 0 Dicas Java http://www.flexdev.com.br/home/dicas-java/ http://www.flexdev.com.br/home/dicas-java/#comments Mon, 28 Jan 2008 12:54:01 +0000 Ebercom http://blog.flexdev.com.br/dicas-java/

Navegando pelos tutoriais da vida na net, me deparei com um material legal sobre as já velhas Features do Java 5 ( tiger ), mas que muitas vezes nós usamos sem mesmo saber direito o que é. Dentre elas se destacam:

Generics:
Foi uma alteração feita para que os desenvolvedores pudessem “tipar” suas coleções, evitando assim ter que ficar fazendo cast toda vez fossem utilizar algum elemento desta coleção. Mais detalhes nos link’s abaixo:

http://br.geocities.com/rafa2java/artigos/Java5/Generics.pdf

http://www.devmedia.com.br/articles/viewcomp.asp?comp=3001

http://www.devmedia.com.br/articles/viewcomp.asp?comp=3061

Enumerações:
Uma enumeração é um tipo especial de classe que cria um novo tipo de dado com domínio pré-definido. Mais detalhes abaixo:

http://br.geocities.com/rafa2java/artigos/Java5/Enums.pdf

http://www.devmedia.com.br/articles/viewcomp.asp?comp=2051

Autoboxing e Unboxing:
Recurso o qual permite a atribuição direta de tipo primitivos a suas respectivas classes Wrappers. Segue alguns links abaixo:

http://www.devmedia.com.br/articles/viewcomp.asp?comp=2051

http://br.geocities.com/rafa2java/artigos/Java5/Autoboxing.pdf

Nova maneira de laço for (melhorado):

http://www.devmedia.com.br/articles/viewcomp.asp?comp=2051

Bom pessoal, sei que existem várias outras melhorias que não citei aqui mas fica ai a dica.

Abraços…

]]> http://www.flexdev.com.br/home/dicas-java/feed/ 0 Forum Flex http://www.flexdev.com.br/home/forum-flex/ http://www.flexdev.com.br/home/forum-flex/#comments Wed, 16 Jan 2008 23:46:33 +0000 Ebercom http://blog.flexdev.com.br/forum-flex/ Pessoal…

É com muita alegria que venho divulgar mais um canal de disseminação da tecnologia Flex no Brasil, é o mais novo forum FlexBrasil, o qual foi criado hoje com o apoio do nosso amigo Digows. Espero que todos vão correndo se registrar, para que possam contribuir também com mais essa iniciativa da comunidade Flex do Brasil, mas que ainda continuem com as já conhecidas listas Flex-Brasil e FlexDev.

Abraços a todos.

]]> http://www.flexdev.com.br/home/forum-flex/feed/ 14 Desabilitando um intervalo de datas http://www.flexdev.com.br/home/desabilitando-um-intervalo-de-datas/ http://www.flexdev.com.br/home/desabilitando-um-intervalo-de-datas/#comments Wed, 09 Jan 2008 00:59:59 +0000 Ebercom http://blog.flexdev.com.br/desabilitando-um-intervalo-de-datas/ Olá pessoal....

Bem 2008 já chegou as festas já se passaram, o jeito agora é trabalhar... hehe

Vamos lá, hoje vou dar uma dica bem interessante pra voces, se trata de uma propridade presente nos componentes usados para trabalhar com datas no Flex como por exemplo o DateChooser e o DateField, ambos tem uma propriedade chamada disabledRanges="" a qual tem a finalidade de desabilitar um espaço de tempo para que não possa ser selecionado pelo usuário, imagine que você tem que criar uma aplicação de reservas de alguma coisa filmes, livros, quartos, etc... então parto do princípio que não se pode reservar algo para uma data anterior a data atual.

Esta propriedade recebe como parametro um array de datas no seguinte formato

PLAIN TEXT
XML:
  1. disabledRanges="{[ {rangeStart: new Date(2008,0,15), rangeEnd: new Date(2008,0,20)} ]}"

que quer dizer, desabilite as data que compreender o espaço de tempo entre o dia 15/01/2008 ( new Date(2008,0,15) ) até 20/01/2008 ( new Date(2008,0,20) ).

Então vamos la, para desabilitar as datas anteriores a atual...

Insira no seu projeto o campo que necessita para trabalhar com datas, no caso vou colocar os dois acima citados.

PLAIN TEXT
XML:
  1. <mx:application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="190" height="232">
  2. <mx:datechooser x="10" y="10">
  3. <mx:datefield x="48" y="198">
  4. </mx:datefield>

Então inclua a propriedade disableRanges:

PLAIN TEXT
XML:
  1. disabledRanges ="{[ {rangeEnd: new Date(new Date().getTime() - 86400000)} ]}"

que quer dizer, desabilite as datas até a data de hoje - 1 dia em milissegundos (new Date().getTime() - 86400000), e é isso ai.

O código completo fica assim:

PLAIN TEXT
XML:
  1. <mx:application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="252" height="232">
  2. <mx:datechooser x="39" y="10" disabledranges="{[ {rangeEnd: new Date(new Date().getTime() - 86400000)} ]}">
  3. <mx:datefield x="77" y="198" disabledranges="{[ {rangeStart: new Date(2008,0,15), rangeEnd: new Date(2008,0,20)} ]}">
  4. </mx:datefield>

Para verificar como ficou a aplicação clique aqui.

Esta é apenas uma pequena demonstração, para se aprofundar pode consultar a documentação aqui.

Abraços a todos.

]]> http://www.flexdev.com.br/home/desabilitando-um-intervalo-de-datas/feed/ 1 TomCast http://www.flexdev.com.br/home/tomcast/ http://www.flexdev.com.br/home/tomcast/#comments Tue, 11 Dec 2007 19:09:42 +0000 Ebercom http://blog.flexdev.com.br/tomcast/ Pessoal...

O Carlos Eduardo da e-genial, e bota genial nisso, acaba de disponibilizar para todos sua mais nova aplicação que torna mais fácil a divulgação de videos na internet, e claro feito em Flex + FMS e Ruby on Rails, gostei de saber que num futuro não muito distante terá opção de divulgar screencasts... por enquanto vamos testando e aguardando novas atualizações...

Parabéns Carlos...

Para conferir acessem [ www.tomcast.com.br  ]

Abraços a todos...

]]> http://www.flexdev.com.br/home/tomcast/feed/ 0 Fechar janela PopUp do navegador http://www.flexdev.com.br/home/fechar-janela-popup-do-navegador/ http://www.flexdev.com.br/home/fechar-janela-popup-do-navegador/#comments Sun, 02 Dec 2007 21:54:31 +0000 Ebercom http://www.flexdev.com.br/blog/fechar-janela-popup-do-navegador/ Pessoal...

Uma dica ai pra vocês que querem fazer um botão fechar no sistema. Usando o Flex e java script vamos fazer um botão para fechar uma janela popup do seu navegador... Vamos lá

Primeiro criamos o nosso componente ou aplicação que vai acomodar um botão chamado Fechar.

PLAIN TEXT
XML:
  1. <mx:application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="379" height="224">
  2. <mx:button label="Fechar" horizontalcenter="0" verticalcenter="0" id="btnFechar">
  3. </mx:button>

Após inserido o botão vamos criar a função que fara o trabalho de fechar o PopUp.

PLAIN TEXT
Actionscript:
  1. import mx.events.CloseEvent;
  2. import mx.controls.Alert;
  3.  
  4. //funcção que será chamada pelo botão.
  5. public function sair():void{
  6. // Alerta que solicitará ao usuário se ele deseja realemente encerrar o programa.
  7. Alert.show("Deseja encerrar o programa?","Encerrar", Alert.YES | Alert.NO, this, encerrar);
  8. }
  9. //funcão que é chamada pelo alert acima
  10. public function encerrar(event:CloseEvent):void{
  11. //Caso a a resposta do usuário seja sim, dispara através do navigateToURL o codigo java script
  12. if (event.detail==Alert.YES)
  13. navigateToURL(new URLRequest("javascript:window.close()"), "_self");
  14. }

E agora é colocar no evento click do botão a chamada para a função sair.

PLAIN TEXT
XML:
  1. <mx:Button label="Fechar" horizontalCenter="0" verticalCenter="0" id="btnFechar" click="sair()"/>

Para conferir o funcionamento clique aqui.

Para quem quiser conferir o arquivo main.mxml cliqui aqui.

Bom é isso ai, mas lembre-se funciona apenas com PopUp, fiz alguns testes com janela normal e no IE ele tenta fechar a janela mas pede confirmação, ja no Firefox não consegue fechar. Mas fica ai a dica, e notem que também nessa aplicação você já consegue fazer uma coisa que é muito usada nas aplicações que é perguntar ao usuário se ele quer realizar determinada operação ou não, usando o Alert.

Caso alguém conheça outra forma compartilhe com a gente ai.

Abraços...

]]> http://www.flexdev.com.br/home/fechar-janela-popup-do-navegador/feed/ 0 A mágica do [ Bindable ] http://www.flexdev.com.br/home/a-magica-do-bindable/ http://www.flexdev.com.br/home/a-magica-do-bindable/#comments Fri, 30 Nov 2007 20:18:44 +0000 Ebercom http://www.flexdev.com.br/blog/a-magica-do-bindable/ Pessoal..

Desde de que começei a utilizar Flex, venho usando uma palavrinha que até então me parecia que como um passe de mágica ela podia "avisar" que houve uma modificação nos objeto por ela "enfeitiçada". Eis que navegando pelas listas sobre Flex encontrei uma explicação que até agora não vi melhor. Ela foi dada pelo Beck Novaes e segue abaixo para que todos possam compartilhar dessa que creio ser uma informação muito esclarecedora.

Vamos lá...

##########################################################
# Ministério da Saúde Adverte: Este post será bem maior do que o #
# convencional e esta explicação sobre o funcionamento viciante #
# do Data Binding pode fazer o seu cérebro entrar em loop. #
#########################################################

O [Bindable] é uma Metadata Tag o que significa dizer que é uma
instrução para o compilador fazer alguma coisa. Neste caso você está
falando para o compilador gerar o código necessário para sua
propriedade ser a fonte do DataBinding.

O segredo do funcionamento do DataBinding está na classe
"mx.binding.utils.ChangeWatcher". Esta classe se baseia em listeners
para fazer a "mágica" do DataBinding.

Tomemos o seguinte trecho de código abaixo para facilitar a
explicação:

PLAIN TEXT
XML:
  1. <mx:textinput id="tiSource">
  2. <mx:textinput id="tiDestination" text="{tiSource.text}"></mx:textinput>

Neste exemplo, toda vez que o usuário digitar algo no TextInput
"tiSource" isto será automaticamente copiado para o TextInput
"tiDestination".

Isto é possível porque a propriedade "text" é Bindable. Como tal, toda
vez que esta propriedade mudar ela distribuirá um evento - que neste
caso é chamado de "textChanged". Graças ao ChangeWatcher, que é usado
implicitamente toda vez que usamos as chaves {} para determinar o
Binding, será criado automaticamente um EventHandler para tratar este
evento "textChanged". A implementação deste EventHandler pegará o
valor do "text" de "tiSource" e copiará para o "text" de
"tiDestination".

Em outras palavras, a mágica do DataBinding é um código que é gerado
automaticamente pelo compilador do Flex que se baseia na arquitetura
Listener - Handler que já conhecemos: alguém distribui um evento e
alguém ouve para fazer alguma coisa. Neste caso uma propriedade muda,
e um código gerado automaticamente através de uma sintaxe predefinida
(chaves{}) copia o valor desta propriedade para outra.

Eu fiz um teste no Flex usando a opção keep-generated-
actionscript=true com uma propriedade Bindable e o resultado segue
abaixo.

Test.mxml
========

PLAIN TEXT
XML:
  1. <mx:application xmlns:mx="http://www.adobe.com/2006/mxml">
  2. width="100%" height="100%">
  3. <mx:Script>
  4. <![CDATA[
  5. [Bindable]
  6. private var  myProp:String;
  7. ]]>
  8. </mx:Script>
  9. </mx:Application>

_Test-binding-generated.as (Código gerado pelo compilador Flex)
======================================================

PLAIN TEXT
Actionscript:
  1. class  BindableProperty
  2. {</mx:application>
  3.  
  4. [Bindable(event="propertyChange")]
  5. private function get  myProp():String
  6. {
  7. return this._1060147409myProp;
  8. }
  9.  
  10. private function set myProp(value:String):void
  11. {
  12. var  oldValue:Object = this._1060147409myProp;
  13. if (oldValue !== value)
  14. {
  15. this._1060147409myProp = value;
  16.  
  17. dispatchEvent(mx.events.PropertyChangeEvent.createUpdateEvent(this,
  18. "myProp", oldValue, value));
  19. }
  20. }
  21. }

Ou seja, o usar o [Bindable] o compilador Flex gerou o arquivo "_Test-
binding-generated.as" cujo conteúdo pode ser visto acima. Observe que
no "set" da propriedade um evento é disparado. No MXML acima se a
propriedade "myProp " não fosse Bindable este código não seria gerado.
Mas isso é só uma parte do funcionamento do Bindable. Ainda é preciso
definir o que irá acontecer toda vez que o "myProp" mudar.

Primeiramente apenas definimos a propriedade como Bindable. Agora
vamos usá-la.

Test.mxml
========

PLAIN TEXT
XML:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application  xmlns:mx="http://www.adobe.com/2006/mxml"
  3. width="100%" height="100%">
  4. <mx:Script>
  5. <![CDATA[
  6. [Bindable]
  7. private var  myProp:String;
  8. ]]>
  9. </mx:Script>
  10. <mx:TextInput id="myTextInput" text="{myProp}"/> <!-- USANDO  O
  11. BINDING -->
  12. </mx:Application>

Agora, outro trecho de código gerado pelo Flex, desta vez no arquivo
"Test-generated.as" é o seguinte:

Test-generated.as
===============

PLAIN TEXT
Actionscript:
  1. private function _Test_bindingsSetup():void
  2. {
  3. ...
  4. binding = new  mx.binding.Binding(this,
  5. function():String
  6. {
  7. var result:* = (myProp);
  8. var  stringResult:String = (result == undefined ?
  9. null : String(result));
  10. return stringResult;
  11. },
  12. function(_sourceFunctionReturnValue:String):void
  13. {
  14.  
  15. myTextInput.text = _sourceFunctionReturnValue;
  16. },
  17. "myTextInput.text");
  18. ...
  19. }

Quem quiser entender o que faz cada linha do trecho de código acima
pode olhar no código fonte da classe mx.binding. Binding. Mas em
resumo, é este trecho de código que pega o valor de "myProp" toda vez
que ele mudar e copia para "myTextInput.text".

Bom pessoal espero que essa explicação dada pelo nosso amigo Beck Novaes possa ser tão esclarecedora pra voces o quanto foi pra mim...

Abraços...

]]> http://www.flexdev.com.br/home/a-magica-do-bindable/feed/ 10 Traduzindo componentes do Flex 2.0 http://www.flexdev.com.br/home/traduzindo-componentes-flex-2/ http://www.flexdev.com.br/home/traduzindo-componentes-flex-2/#comments Tue, 27 Nov 2007 03:18:52 +0000 Ebercom http://www.flexdev.com.br/blog/?p=16 Pessoal...

Vou passar uma dica agora que tenho certeza que todos vão gostar.
Uma maneira de traduzir definitivamente os componentes do Flex, como DateField, Alert, DateChooser, etc...

Vamos lá...

Primeiro baixe o arquivo zipado que contem todas as traduções, na realidade essa é uma cópia da pasta locale que se encontra dentro da pasta de instalação do Flex, com algumas alterações como por exemplo de en_US para pt_BR.

Você pode baixar o arquivo clicando aqui.

Logo depois descompacte esse arquivo dentro da pasta do seu projeto, por exemplo se a pasta do seu projeto for a c:\projetos\flexdev o conteúdo do arquivo deve ficar dentro dessa pasta. Feito isso você notará que foi criada mais uma pasta, no diretório do seu projeto, chamada locale.

Após descompactar o arquivo você deve mudar algumas diretivas de compilação do seu projeto, para isso abra seu projeto seja ele no eclipse com plugin ou no Flex Builder e clique com o botão direito sobre o projeto, escolha properties

post1

depois clique em "Flex Compiler", altere a linha "Additional compiler arguments" para "-locale pt_BR -source-path locale/{locale}"

post2

logo depois recompile seu projeto e veja que os componentes já estão traduzidos, e todos os novos que você adicionar já estarão traduzidos.

Bom pessoal é isso... uma dica simples mas que com certeza vai acabar com os yes e no da vida ai...

Abraços..

]]> http://www.flexdev.com.br/home/traduzindo-componentes-flex-2/feed/ 7 Customizando Preloader ( loading… ) http://www.flexdev.com.br/home/customizando-preloader-loading/ http://www.flexdev.com.br/home/customizando-preloader-loading/#comments Fri, 23 Nov 2007 11:55:58 +0000 Ebercom http://www.flexdev.com.br/blog/?p=15 Pessoal...

Através de uma pergunta feita na lista Flex Brasil, cheguei a um post interessante e simples feito por Rubens Albuquerque, ele ensina de maneira simples e rápida como traduzir a tela que antecede a sua aplicação, lembrando que você pode altera-la totalmente...

Customizando o Preloader no Flex 2 

Abraços...

]]> http://www.flexdev.com.br/home/customizando-preloader-loading/feed/ 0