@Bruno eu participei do Beta dele, agora só tem demo se você fizer uma requisição, não é simples de testar igual o Airgile que só ir lá e "Try Demo". http://spatialkey.com/ aqui você pode ver alguns videos da ferramenta. Outros produtos legais da empresa que produz isso pode achar no site http://www.universalmind.com/
:) 2011/9/22 Bruno Tourinho <[email protected]> > Bit, precisando estamos na área... > > 2011/9/22 Bit <[email protected]> > >> kra eu tinha visto ele a muito tmp, vou baixar e testar! >> Quanto ao panel collapse vou ver se uso o dele ou um dos q baixei para >> testar. >> vou ver o grid, layout e aqueles buttonbar ou togglebutton, nao sei >> direito que qdo selecionado fica com uma das bordas apontando para o >> conteudo. >> kra gostaria muito de trocar ideias com vc, ja que vc manda bem com >> designer! >> >> Bit >> >> >> On 22 set, 10:03, Bruno Tourinho <[email protected]> wrote: >> > Falae Sandro, >> > >> > Pois é depois que vi o Airgile, primeiro fiquei triste (com a até então >> > POBREZA das minhas telas) daí comecei a estudar um pouco (muito) a parte >> de >> > Skins e Skinnable Components, cheguei até a implementar algumas coisas, >> como >> > esse ColumnChooser e fiz também um CollapsiblePanel no mesmo estilo do >> > airgile, o interessante é que logo que terminei de fazer o componente na >> > unha a KapLab lançou a biblioteca Klovis (FREE) que traz o mesmo >> componente >> > (http://store.kapit.biz/demo/klovis/prod/index.html#/Panel), pelo menos >> > valeu pelo aprendizado. >> > >> > Se precisar de ajuda com alguma coisa pode contar comigo e com o pessoal >> > daqui da comunidade. >> > >> > Abraço >> > >> > 2011/9/22 Bit <[email protected]> >> > >> > >> > >> > >> > >> > >> > >> > > Rapaz gostei muito, estou começando um projeto novo e fazendo os >> > > prototipos para aprovação, gostei do estilo desse argile, so fico >> > > preocupado pq nao sei como implementar as funcionalidade que acehi >> > > interessante nem os skins hhehehehhe >> > >> > > - o grid eh muito agil, o filtro mesmo vou ver se consigo fazer algo >> > > igual >> > > - a forma da entrada dos dados, ele usa algo como um panel collapse, >> > > sabe dizer? >> > >> > > Bom vou dar uma pesquisada e ver se consigo implementar para nao >> > > colocar nada no meu prototipo que nao possa fazer hehehehhe >> > >> > > qualquer ajuda eh valida >> > >> > > Bit >> > >> > > On 22 set, 02:02, Bruno Tourinho <[email protected]> wrote: >> > > > A fim de colaborar com a comunidade e pela total ausência de um blog >> meu >> > > > para publicar... >> > >> > > > Aqui (em anexo) está o projeto do DataGridColumnChooser, está em >> Flex >> > > 4.5.1 >> > > > (21328) e está em MXML. >> > >> > > > Para usar nos seus projetos: >> > >> > > > - Copie o componente ColumnChooser, a skin ColumnChooserDataGridSkin >> e o >> > > > itemrenderer IRDataGridColumnChooser para a sua aplicação >> > > > - Crie um DataGrid e defina sua skinclass como >> ColumnChooserDataGridSkin >> > >> > > > Prontinho... tentei fazer o mais "reutilizável" possível... >> > >> > > > Claro que tem que dar uma melhoradinha na skin, quem sabe até >> transformar >> > > em >> > > > AS3, mas a funcionalidade está Ok. >> > >> > > > Se alguém conseguir que o efeito de expandir o menu funcione da >> forma >> > > > adequada (rolando para baixo), posta o código pra nós... >> > >> > > > Abraço a todos >> > >> > > > 2011/9/22 Bruno Tourinho <[email protected]> >> > >> > > > > E aí Rafael, o componente é show de bola realmente, mas $299 tá >> fora de >> > > > > cogitação e do orçamento, consegui fazer algo bem parecido com o >> do >> > > Airgile >> > > > > mas estou tendo problemas exatamente nos efeitos do PopUpAnchor... >> com >> > > > > states... >> > >> > > > > O efeito de recolher o menu funciona mas o de aparecer não... >> > >> > > > > Amanhã vou enxugar o código e postá-lo aqui pra vocês darem uma >> > > olhada... >> > >> > > > > Mas qualquer exemplo que você tiver é de grande valia... >> > >> > > > > Abraço >> > >> > > > > 2011/9/21 RafaelViana <[email protected]> >> > >> > > > >> Eu tenho isso na minha aplicação =) >> > >> > > > >> Dê uma olhada nesse componente: >> > >http://www.flexicious.com/Home/DemoFlex4# >> > >> > > > >> Mas, se você quiser fazer isso na mão posso dar uma olhada em >> alguns >> > > > >> códigos que tenho usando PopUpAnchor. Fiz uma vez um "Spark Menu >> Bar" >> > > > >> usando PopUpAnchor. Acho que pode te ajudar. >> > >> > > > >> On Sep 21, 4:52 pm, Fredy Gadotti <[email protected]> >> wrote: >> > > > >> > Bump! >> > >> > > > >> > Também tenho essa curiosidade :) >> > >> > > > >> > 2011/9/20 Bruno Tourinho <[email protected]> >> > >> > > > >> > > Bom dia Devs, >> > >> > > > >> > > Estava olhando o sistema AIRGILE (www.airgile.com) não sei >> se >> > > vocês >> > > > >> > > conhecem, eu acho que é um dos melhores RIAs que eu já vi. >> > >> > > > >> > > Eles conseguiram fazer uma coisa que estou tentando há >> tempos, >> > > colocar >> > > > >> um >> > > > >> > > seletor de colunas no *<s:DataGrid>* a parte da lógica eu já >> > > consegui >> > > > >> de >> > > > >> > > alguma forma realizar. O que está pegando é a parte da Skin. >> > > > >> *(Skin.jpg)* >> > >> > > > >> > > Como eu fiz: >> > >> > > > >> > > Na view: >> > >> > > > >> > > <s:DataGrid id="grdUsuario" dataProvider="{pm.usuarios}" >> > > > >> > > requestedRowCount="{pm.usuarios.length}" * >> > > > >> > > skinClass="br.com.usuarioDatagridSkin"*> >> > >> > > > >> > > Na skin usuarioDataGridSkin: >> > >> > > > >> > > <s:HGroup gap="-1"> >> > > > >> > > <s:GridColumnHeaderGroup id="columnHeaderGroup" >> > > > >> paddingLeft="1" >> > > > >> > > paddingTop="1" paddingRight="1" minHeight="21" >> > > > >> > > columnSeparator="{headerColumnSeparator}" >> > > > >> headerRenderer="{headerRenderer}" >> > > > >> > > width="100%"/> >> > > > >> > > * <components1:ColumnChooser >> > > dataProvider="{(hostComponent >> > > > >> as >> > > > >> > > DataGrid).columns}" width="16" height="100%"/>* >> > > > >> > > </s:HGroup> >> > >> > > > >> > > No componente ColumnChooser: >> > >> > > > >> > > <s:VGroup top="0" right="0" horizontalAlign="right" gap="0"> >> > > > >> > > <s:ToggleButton id="tb" right="0" top="0" width="16" >> > > > >> height="23"/> >> > > > >> > > <s:PopUpAnchor popUpWidthMatchesAnchorWidth="false" >> > > > >> > > popUpPosition="below" right="0" top="22" >> > > displayPopUp="{tb.selected}" >> > > > >> > > width="100%" height="100%"> >> > > > >> > > <s:List dataProvider="{dataProvider}" >> > > > >> > > itemRenderer="IRDataGridColumnChoser" >> > > > >> > > right="0" top="22"> >> > > > >> > > <s:layout> >> > > > >> > > <s:VerticalLayout >> > > > >> > > requestedRowCount="{dataProvider.lenght}" paddingTop="5" >> > > > >> paddingLeft="5" >> > > > >> > > paddingRight="5" paddingBottom="5"/> >> > > > >> > > </s:layout> >> > > > >> > > </s:List> >> > > > >> > > </s:PopUpAnchor> >> > > > >> > > </s:VGroup> >> > >> > > > >> > > Os problemas: o PopupAnchor não fica no lugar certo, não >> consigo >> > > > >> alhinhá-lo >> > > > >> > > para abrir à direita e abaixo do botãozinho e outra quando eu >> > > > >> redimensiono a >> > > > >> > > tela, se o popup estiver aberto ele se desloca na tela. >> > > > >> *(minhaSkin.jpg)* >> > >> > > > >> > > Algum dos nossos Gurus do Flex, já fizeram algo parecido? >> > >> > > > >> > > Grande abraço a todos... >> > >> > > > >> > > -- >> > > > >> > > Você recebeu esta mensagem porque está inscrito na lista >> "flexdev" >> > > > >> > > Para enviar uma mensagem, envie um e-mail para >> > > > >> [email protected] >> > > > >> > > Para sair da lista, envie um email em branco para >> > > > >> > > [email protected] >> > > > >> > > Mais opções estão disponíveis emhttp:// >> > > > >> groups.google.com/group/flexdev >> > >> > > > >> -- >> > > > >> Você recebeu esta mensagem porque está inscrito na lista >> "flexdev" >> > > > >> Para enviar uma mensagem, envie um e-mail para >> > > [email protected] >> > > > >> Para sair da lista, envie um email em branco para >> > > > >> [email protected] >> > > > >> Mais opções estão disponíveis emhttp:// >> > > groups.google.com/group/flexdev >> > >> > > > ColumnChooser.fxp >> > > > 35KExibirDownload >> > >> > > -- >> > > Você recebeu esta mensagem porque está inscrito na lista "flexdev" >> > > Para enviar uma mensagem, envie um e-mail para >> [email protected] >> > > Para sair da lista, envie um email em branco para >> > > [email protected] >> > > Mais opções estão disponíveis emhttp:// >> groups.google.com/group/flexdev >> >> -- >> Você recebeu esta mensagem porque está inscrito na lista "flexdev" >> Para enviar uma mensagem, envie um e-mail para [email protected] >> Para sair da lista, envie um email em branco para >> [email protected] >> Mais opções estão disponíveis em http://groups.google.com/group/flexdev >> > > -- > Você recebeu esta mensagem porque está inscrito na lista "flexdev" > Para enviar uma mensagem, envie um e-mail para [email protected] > Para sair da lista, envie um email em branco para > [email protected] > Mais opções estão disponíveis em http://groups.google.com/group/flexdev > -- Você recebeu esta mensagem porque está inscrito na lista "flexdev" Para enviar uma mensagem, envie um e-mail para [email protected] Para sair da lista, envie um email em branco para [email protected] Mais opções estão disponíveis em http://groups.google.com/group/flexdev
