Efeito no Alert do Flex

O exemplo a seguir mostra como definir um efeito na criação de um Alert através da propriedade creationCompleteEffect. Para não perder o conteúdo do Alert, a font deve ser incorporada tanto o tipo de letra normal e negrito usando CSS e @ font-face.



Código fonte:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">

    <mx:Style>
        @font-face {
            src: local("Verdana");
            fontFamily: VerdanaEmbedded;
        }

        @font-face {
            src: local("Verdana");
            fontFamily: VerdanaEmbedded;
            fontWeight: bold;
        }

        Alert {
            fontFamily: VerdanaEmbedded;
            creationCompleteEffect: myEffect;
        }
    </mx:Style>

    <mx:Script>
        <![CDATA[
            import mx.controls.Alert;

            private var alert:Alert;

            private function button_click():void {
                alert = Alert.show("The quick brown fox jumped over the lazy dog", "Lorem Ipsum");
            }
        ]]>
    </mx:Script>

    <mx:Sequence id="myEffect">
        <mx:Parallel>
            <mx:Zoom />
            <mx:Fade />
        </mx:Parallel>
        <mx:Rotate />
    </mx:Sequence>

    <mx:Button label="Launch Alert" click="button_click();" />

</mx:Application>

Fonte: http://blog.flexexamples.com/2007/10/12/creating-a-custom-creation-complete-effect-on-a-flex-alert-control/

Grande abraço...

Atenciosamente!

Alguns Componentes em Flex

Biblioteca com alguns componentes disponibilizado por Gilmar seu Blog....




Atenciosamente!

Preloader Image no Flex

Customize o preloader de imagens no Flex ultilizando a subClasse mx.controls.Image...



Fonte: http://strawberrypixel.com/blog/flex-components/#preloadingimage


Fica mais essa dica...

Atenciosamente ...

Ajax Load

Pra quem precisa de um loader, segue uma dica...
Acesse o site do Ajax Load e personalize teu loader da maneira que ficar melhor em tua aplicação ou site...

Link: http://www.ajaxload.info

Atenciosamente!

Containers do Flex com Resize e Move...

Deixe sua aplicação mais rica com o simples recurso de redimensionar e mover containers do Flex...

A classe principal que faz todo o trabalho é chamado ResizeManager. Ele adiciona um pequeno componente de redimensionamento no canto direito inferior do recipiente que, quando arrastado redimensiona o container.



Importante: Os containers não se comportam corretamente no resize se você definir a propriedade resizeEffect.

Fica ae a dica...

Grande Abraço...
Atenciosamente!

CoverFlow 3D em Flex

CoverFlow Horizontal - Estilo IPhone...
Já ultilizei essa rotina em alguns sistemas para montar galeria de fotos e widgets dinâmicos...



CoverFlow Vertical
Muda um pouco o Layout para o estilo de widgest, mas a funcionalidade é quase a mesma...



CoverFlow Carrossel




Fonte: http://dougmccune.com/blog/2007/11/19/flex-coverflow-performance-improvement-flex-carousel-component-and-vertical-coverflow/


Atenciosamente...

Customizando PreLoader do Flex

Customização simples do PreLoader do Flex...
Neste exemplo, só estou mudando o label, substituindo o padrão [ loading ] por [ Carregando ] ...

Meu arquivo principal abaixo que tenho o hábito de chamar de index...
Nele precisa ser apontada na propriedade PRELOADER a classe que contém a configuração do loader...


index.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
    layout="absolute"
    backgroundColor="0xFFFFFF"
    preloader="Preloader" >

</mx:Application>

Classe que contém a configuração do loader...

Preloader.as

package
{
    import mx.preloaders.DownloadProgressBar;

    public class Preloader extends DownloadProgressBar
    {
        public function Preloader()
        {
            super();
   
            downloadingLabel  = "Carregando...";
            initializingLabel  = "Pronto...";
        } 
    }
}

Simples Assim...

Bom, era isso...

Atenciosamente...