Bruno, tive o mesmo sentimento quando vi o Airgile e o outro software da SpatialKey que até abri um tópico alguns meses atrás, mas ninguém que manjasse de skins se manifestou :/
2011/9/22 Bruno Tourinho <[email protected]> > 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 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
