Flex & AS3; 32 Componentes/Librarias Open Source


Depois de mais uma volta pelos meus favoritos, reparei que tinha bastantes links para componentes e librarias no flex, e que tal compila-los todos num post??

Ora aí está… uma lista de 32 componentes e librarias para o Flex/AS3, e algumas delas podem funcionar no Flash CS (AS3).

Se tiverem mais algum componente ou link de interesse coloquem em comentário que será adicionado à lista.

Vamos então começar….

DisplayShelf Component - http://www.quietlyscheming.com/blog/components/tutorial-displayshelf-component/

Um componente que pode ser entendido como uma aula sobre alguns pontos bem interessantes do flex, como o Matrix, Item renderer, masking, bitmap manipulation, etc… o resultado final dos 2 exemplos é muito bom!!

 

ASDIA - http://code.google.com/p/asdia/

Uma libraria para desenhar diagramas de dados na nossa aplicaçao flex.

 

Flex Bookhttp://www.quietlyscheming.com/blog/components/flexbook/

Um componente que simula um livro, que pode conter qualquer outro componente, folheado pagina a pagina, é uma maneira bem original de mostrar conteudo na nossa aplicação.

 

Um componente treeMap, que permite apresentadr dados de uma forma bem original e profissional.

FlexFM - http://flexfm.us/about/

Um componente que permite que o flex se ligue directamente ao FileMaker (sistema de base de dados)

 

Ramdom Walk Componenthttp://www.quietlyscheming.com/blog/components/randomwalk-component/

Um componente que cria um menu conhecido como Walk. Um optimo exemplo de menu pratico.

 

FlexUnithttp://code.google.com/p/as3flexunitlib/wiki/Welcome

Fornece uma pequena framework para testar o nosso aplicativo, bem como as suas librarias.

 

FishEye Component - http://www.quietlyscheming.com/blog/components/fisheye-component/

Um componente e explorador, que cria o efeito fishEye visto em tantos menus como até o proprio menu tipo mac.

 

ASSqlhttp://code.google.com/p/assql/

Um conjunto de classes que permite que uma aplicação AIR faça chamadas directas a uma base de dados MySql.

 

Animated Drag & Drophttp://www.quietlyscheming.com/blog/components/animated-dragtile-component/

Um exemplo de uma grande utilidade, principalmente educativa. Demonstra a utilização de propriedades drag & drop em elementos menos usados.

 

Metaphilehttp://code.google.com/p/metaphile/

Uma libraria que permite ler e escrever os “cabeçalhos” (metadata) nos ficheiros audio (ID3), video ou até swf, que até podem incluir imagens, titulos, etc…

 

Flex Calendarhttp://code.google.com/p/flexcalendar/

Embora não muito profissional, esta libraria pode ser extensa e usade de uma forma bem util.

 

Interactive Calendarhttp://www.quietlyscheming.com/blog/components/interactive-calendar/

Mais um calendário, mas este muito mais interactivo, que basicamente serve de agenda em que podem ser apresentados varios calendários de varios utilizadores, muito util quando hà necessidade de guardar agendas partilhadas…

 

Flexedtoolkit - http://code.google.com/p/flexedtoolkit/

Um conjunto de librarias e componentes que podem facilmente ser usados e que são de grande utilidade, tais como AutoRefresh, ClientIdleTimeout, customAlerts ou customGrid.

 

Datagrid Searchhttp://www.preterra.com/flexsamples/gridsearch/gridsearch.html

Um exemplo de como utilizar um sistema para procurar algo numa datagrid e colorir as linhas que apresentam essa palavra procurada.

 

Landscape Zoomerhttp://www.quietlyscheming.com/blog/components/landscape-zoomer/

Um componente que permite ampliar imagens a partir das suas miniaturas, utiliza no exemplo a API do flickr para obter as imagens.

 

Interactive ToolTiphttp://www.meutzner.com/blog/index.cfm/2008/2/20/A-PersistentInteractive-Tooltip-in-Flex

Um tooltop personalizado com um botão para mais informações. Simples mas muito util.

 

Dual Slider Componenthttp://www.meutzner.com/blog/index.cfm/2006/7/26/Dual-Slider-Component

Um componente muito util, que permite usar um slider para escolher 2 valores, ou algo compreendido entre 2 valores.

 

Flex Chart Range Selector - http://www.stretchmedia.ca/blog/index.cfm/2007/3/9/Flex-Chart-Range-Selector–Google-Financeish /

Muitas vezes os nossos graficos são demasiado extensos, este componente permite visualizar apenas parte do grafico, tendo em baixo uma miniatura total do grafico que nos permite escolher a area a visualizar.

Actualizado em: http://www.stretchmedia.ca/blog/index.cfm/2007/3/12/Chart-Range-Selector–Take-Two

 

FlexLib - http://code.google.com/p/flexlib/

Pouco mais hà a falar, a tão conhecida libraria de componentes flex. Reune componentes como:

AdvancedForm, Base64Image, EnhancedButtonSkin, CanvasButton, ConvertibleTreeList, Draggable Slider, Fire, Highlighter, HorizontalAxisDataSelector IconLoader, ImageMap, PromptingTextArea, PromptingTextInput, Scrollable Menu Controls, SuperTabNavigator, Alternative Scrolling Canvases, Horizontal Accordion, TreeGrid, FlowBox, Docking ToolBar, Flex Scheduling Framework.

 

Flex Debug Componenthttp://www.mikenimer.com/index.cfm/2006/7/5/FlexDebugPanel

Um debugger para o flex, permite observar variados dados em tempo de execução.

 

JAM – Just ActionScript & MXML – http://www.onflex.org/code/

Um depósito de algum código bem util em ActionScript e MXML. Pode encontrar alguns exemplos de packages e componentes.

 

SpringGraph Flex Componenthttp://mark-shepherd.com/blog/springgraph-flex-component/

Um componente bem original, que apresenta uma forma de apresentação de dados num grafico com elementos unidos entre eles.

 

Yahoo Astra Flexhttp://developer.yahoo.com/flash/astra-flex/

Um conjunto de componentes para o flex de uma grande utilidades. Contem componentes como AutoCompleteManager, ColorPlaneAndSliderPicker, ColorSliderPicker, DropDownColorPicker, IPv4AddressInput, TimeInput, ou TimeStepper

 

AS3Cryptohttp://code.google.com/p/as3crypto/

Um motor de encriptação que suporta os mais variados sistemas de encriptação.

 

AS3MailLibhttp://code.google.com/p/as3maillib/

Uma libraria que permite ligar a um servidor de email usando o protocolo SMTP ou POP3.

 

FleXtensehttp://www.flextense.net/

Gera automaticamente as classes AS3 que servem de comunicação para Web Serviçes.

 

Audio Visualization Componenthttp://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&loc=en_us&extid=1034708

Cria um equalizer de barras, linhas ou area de acordo com a variação do spectrum do som.

 

Sand Mailhttp://sourceforge.net/projects/sandmanmail/

Mais um cliente de email (IMAP) feito em flex + php

 

SSR 2 – Super Simple Remote – http://blog.rubyamf.org/?p=102

Uma libraria em Action Script para ligar o flash/flex a objectos remotos.

 

FlexibleTaskshttp://www.weberdesignlabs.com/flexibletask/FlexibleTasks.html

Um sistema blog/CMS feito totalmente em flex, com o código fonte disponivel.

 

Spell Check Componenthttp://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=1401019

Um componente que fornece correcção ortográfica ao nosso aplicativo.

 

 *************************************

Contribuições dos Leitores

*************************************

 

Dynamic MovieClip Registrationhttp://www.oscartrelles.com/archives/dynamic_movieclip_registration_with_as3

Uma libraria que permite alterar o ponto de registro (registry point) de um movie clip em tempo real.

 

SWFAddresshttp://www.asual.com/swfaddress/

Apesar de trabalhar com deeplinking no flex já ser muito mais facil do que esta libraria, não deixa de ser muito util na hora de obter parametros do url.

 

URLKithttp://code.google.com/p/urlkit/

Mais uma libraria deepLinking.

 

 

E bom, é tudo, acho que vai ser muito util.

Volto a dizer, se tiverem algum link ou componente mandem para juntar à lista.

Abraço.

Deixe um comentário ou um Trackback
   

13 Comentários

  1. thiano
    August 20, 2008 às 12:22 pm | Permalink

    so para aumentar a lista tem um library q eu conheci ontem e foi mto util para mim q esta no link http://www.oscartrelles.com/archives/dynamic_movieclip_registration_with_as3 e se chama DynamicMovieClip, ela serve para fazermos transformacoes nos movieclips importados, como por exemplo vc conseguir mudar o ponto de registro de uma imagem importada pela classe Loader, entre outras transformacoes.

  2. August 20, 2008 às 1:54 pm | Permalink

    Extremamente útil, muito obrigado.

  3. thiano
    August 22, 2008 às 1:41 pm | Permalink

    Mario teria como voce me dar uma mao em como eu faco para utilizar o componente Ramdom Walk Component. Nao to conseguindo altera-lo… teria como vc me dar o caminho das pedras

  4. August 22, 2008 às 6:43 pm | Permalink

    Thiano, faz muito tempo que peguei nesse componente aí… mas agora só a titulo de exemplo fiz o download do source:
    http://demo.quietlyscheming.com/RandomWalk/srcview/index.html

    e corri e funcionou tudo bem… sem alterar nada… mas que erro está dando ?

    cumps.

  5. Willian Amaro
    August 22, 2008 às 7:37 pm | Permalink

    Um Brasileiro com orgulho de um irmão lusitano.
    Mario parabéns pela blog muito bom mesmo.

  6. August 22, 2008 às 8:10 pm | Permalink

    Oupa Willian!

    Obrigado… mas pra falar verdade, se não fossem vocês aí do outro lado do atlantico, terra de vera cruz, o blog nem metade do sucesso tinha!

    Obrigado a vocês também! :)

    Abraço.

  7. thiano
    August 22, 2008 às 8:48 pm | Permalink

    entao mario nao sei se estou fazendo o processo certo… eu baixei o componente criei um projeto novo no flex e dai importei tudo para dentro do meu projeto e tentei escrever o seguinte script

    que é igual ao exemplo mais simples dele. Porem o flex nao ta reconhecendo o “dataprovider” ele gera o seguinte erro para mim

    Type was not found or was not a compile-time constant: SimpleRandomWalk.

    Se eu tiro o dataprovider ele para de dar erro e nao carrega o menu pq nao tem dados.

  8. thiano
    August 22, 2008 às 8:56 pm | Permalink

    eita nao apareceu o codigo fonte do mxml…. me passa um e-mail em thianolima@hotmail.com fazendo o favor.. q eu te reencaminho o projeto

  9. August 23, 2008 às 1:27 am | Permalink

    duas library que achei útil que serve para trabalhar com direcionamento de arquivos .swf são Deep Linking e SWFAddress , achei legal colocar o link a baixo para explicar melhor o que fazem essas libray.

    http://forum.flexbrasil.com.br/viewtopic.php?f=3&t=498

    vlw

  10. thiano
    August 25, 2008 às 1:36 pm | Permalink

    sera q alguem pode me ajudar com o componente??

  11. August 25, 2008 às 2:44 pm | Permalink

    thiano… faz o seguinte:
    Faz o download de:
    http://www.msdevstudio.com/mywork/app.zip

    depois abra o flex builder e faça:

    File->Import->Flex Project e escolha o arquivo que fez o download…

    Funcionará tudo à primeira… pelo menos aqui está a funcionar…

    p.s. o Seu erro deveria ser que não colocou as pastas todas na sua pasta “source” do projecto….

  12. thiano
    August 27, 2008 às 3:41 pm | Permalink

    bom nao sei oq aconteceu com os posts q havia deixado aq…. mas como havia dito baixei oq vc me pediu e rodou o exemplo app.mxml mas qdo troco o componente outro sem ser o RandomWalk ele da um erro. Voce poderia me dizer oq estou fazendo de errado

  13. August 27, 2008 às 4:09 pm | Permalink

    thiano, eu até respondi, mas como esta manha o blog mudou de servidor, o restauro dos backups falhou os ultimos comentários… :(

    O seu erro é por causa de uma falha no código fonte disponibilizado no site do random walk, a pasta que têm como titulo [source path] tem uma pasta qs dentro, essa pasta deve ser colocada fora, ou seja, na raiz do seu projecto…. mas eu compilei o seu exemplo com icos e faz o downlod e importa como te expliquei antes, vai funcionar tudo, menos os icons que vão dar erro a abrir, mas voce arranje uns icons e altere o se caminho no ficheiro icons.xml dentro da pasta data. depois funciona tudo às mil maravilhas :)

    faça o download http://www.msdevstudio.com/mywork/IconWalk.zip

    depois File->import->Flex Project

    e corra o exemplo…

    me explique como ficou :)

    p.s. no final do seu projecto quero ver como ficou hein? :)

    Abraço

Um Trackback

  1. Por AS3; 12 API's indispensáveis! | TSW - That Should Work em September 26, 2008 às 7:23 am

    [...] dos posts 9 Motores de animação AS3 , 32 Componentes Open Source e 30 Classes AS3 Bem uteis venho agora apresentar 12 API’s  que podem ser usadas em variados [...]

Deixe um comentário

O seu email nunca será publicado ou partilhado. Campos obrigatórios estão marcados com um *

*
*

Spam Protection by WP-SpamFree