Gabriela Trindade Perry: HCI, Design Cognition, Flex

O debate pegou fogo mais uma vez na FB… Foi só falar em “Flex para  website” que estamos indo para os 50 replies. O caso é que a argumentação mais eloquente foi do Beck Novaes, que, apesar de não ter participado do debate, parece ter (finalmente) colocado um ponto final nesta (aborrecida) questão.

Aqui você vai para o post original da DClick.

Como eu pensei, não foi difícil, apesar de algumas coisas esquisitas que tive que fazer:

• Não queria sobrescrever nenhum control do LFex, só pra implementar esse estilo simples… Então, para passar a classe (br.com.gabi.skins.TiledBG) como estilo para os HBoxes no app, eu tive que passar atrvé de um estilo existente, que aceitasse um Object como ponto de entrada. Por isso escolhi backgroundImage. Malsss

• Como não é um estilo padrão, ele não sabe quando a HBox muda de tamanho, entaõ tive que fazer o pai o estilo ouvir um resize. Malsss
• Não achei lugar melhor para colocar este handler, por isso usei o updateDisplayList, que no skin roda só uma vez. Malsss

Bem na maioria das vezes, essas esquisitices são porque eu não fiz alguma coisa direito… Provavelmente não me dei conta de alguma coisa… Se você souber onde foi que eu errie, por favro me avise.

De qualquer forma, funioan e muito bem

VIEW SOURCE

Então lá vai um post só em Português, para variar. Achei que poderia ser bacana postar sobre UCD aqui, já que tivemos um debate muito bacana na flexdev sobre suporte ao usuários e tals.

Ainda que eu não ache que o perfil de designer e de programador possam ser incorporados (tipo baixar o santo) ao mesmo tempo na mesma pessoa, me parece positivo ter tantos programadores se preocupando com o tema.

Por isso disponibilizei aqui uma das aulas que dou no Design da Unisinos, sobre UCD – User Centered Design. Quem está fazendo TCC e tal não cite este material, certo? Isso não é fonte de pesquisa :0P (não custa avisar…)

Bom  proveito.

Super simples. Tão simples que eu nem precisava escrever este post, de tantos exemplos que tem an web.

Mas eu estão tããããão entediada hoje, que resolvi me dar uma folga. Então aí está. Aproveite :0)

No zip você vai encontar os fontes do Flex e o fla com os dois MC, como mostra na imagem abaixo.

As imagens mostram a biblioteca do fla

E este é o script do frame 1 da timeline do fla. Não tem documetn class, mas poderia ter…

O código no Flex também é super simples…

Baixe os fontes aqui

PS. Esta solução não usa o método addFrameScript. Se você quer tentar usá-lo, veja http://blog.tygate.com/?p=194

Two “Flex” posts in a row! Maybe today will be the day Im having more than 40 visitors!

Read the rest of this entry »

Este é o terceiro de uma série de três vídeos com o tema da palestra que fiz na FlexMania (onde as gravações de todas as apresentações estão disponíveis).

Fique à vontade para comentar, concordar ou discordar. Dúvidas, poste nas listas (FlexBrasil || FlexDev).

Tópicos do vídeo:

• Criando um theme com imagens e classes embutidas
• Usando -include-file para inserir arquivos no swc do theme
• Usando -include-class para inserir classes no swc do theme
• Compilando o theme
• Usando themes em projetos MXML

Este é o segundo de uma série de três vídeos com o tema da palestra que fiz na FlexMania (onde as gravações de todas as apresentações estão disponíveis).

Fique à vontade para comentar, concordar ou discordar. Dúvidas, poste nas listas (FlexBrasil || FlexDev).

Tópicos do vídeo:

• Extendendo ProgrammaticSkin
• Skinning Button com uma imagem de fundo
• Resolvendo problemas com skins compartilhados (Button e ComboBox)
• Usando o arquivo defaults.css para descobrir as configurações de skin

Este é o primeiro de uma série de três vídeos com o tema da palestra que fiz na FlexMania (onde as gravações de todas as apresentações estão disponíveis).

Fique à vontade para comentar, concordar ou discordar. Dúvidas, poste nas listas (FlexBrasil || FlexDev).

Tópicos do vídeo:

• Uso de imagens como skins no CSS
• Vantagens e desvantagens de usar imagens ao invés de extender ProgrammaticSkin
• Uso dos parâmetros “scaleGrid” (scaleGridLfet, scaleGridRight, scaleGridTop e scaleGridBottom)

Flex Mania – Calendário de palestras  6-7 de Julho 2009

Read the rest of this entry »

So, ever wanted to have nice setters on your components, but couldn´t work them out with the component event flow? Here´s an working example :0)