Acabei de publicar uma nova trigger no Expression Gallery, chamada ClickCountTrigger.

Esta trigger serve para simplificar nossa vida quando queremos implementar duplo click em Silverlight, já que a plataforma não fornece uma implementação nativa desse evento. Decidi fazer a trigger de forma genérica e por isso implementei como click count ao invés de double click. Sendo assim, tornei possível que essa trigger seja utilizada para adicionar cliques triplos, quaduplos ou até mais em aplicações Silverlight. Eu não consigo imaginar situações onde mais do que 3 cliques façam algum sentido, mas a minha imaginação não deve limitar a sua .

Para configurar a trigger no Expression Blend, basta escolher um controle que deverá ter algum comportamento ao receber um duplo click, adicionar uma Action a ele e depois mudar a trigger padrão dessa Action para ClickCountTrigger e configurar quantos cliques disparam a ação. Abaixo temos alguns prints mostrando a trigger configurada em um botão, em conjunto com a Action ToggleFullScreenAction. Este exemplo é do código do live sample que está na página da trigger na galeria.

Action aplicada no botão

Janela de propriedades da Action, mostrando sua configuração e a da trigger.

Configuração da trigger e action no xaml

<Button Content="Double-Click to Toggle Full Screen">    <i:Interaction.Triggers>        <cnzk:ClickCountTrigger ClickCount="2">            <cnzk:ToggleFullScreenAction />        cnzk:ClickCountTrigger>    i:Interaction.Triggers>Button>

Declaração no xaml dos namespaces necessários para utilizar tanto a trigger quanto a action:

xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"xmlns:cnzk="http://schemas.cnzk.com.br/library"

Se você utilizar algumas das minhas behaviors, triggers ou actions publicadas no Expression Gallery e tiver algum tipo de feedback ou bug para reportar, pode postar um comentário aqui no blog ou na página do projeto no codeplex.

Espero que esta trigger seja útil para vocês, pois pra mim ela já está sendo.

Olá pessoal!

Estamos na edição 19!
São 42′ de boa informação. Ouça, comente e aproveite os links abaixo.

• Silverlight Media Framework 2.0 (07/07)
• XAML Power Toys for VS2010
• Power Tools no ScottGu’s Blog
• RTW do WPF Ribbon Control
• Visual Studio LightSwitch
  • Vídeo no CH9: Anúncio no VSLive!
  • Post no blog do Somasegar
  • Lançamento previsto para o dia 23 de agosto de 2010
• Behaviors
  • Top 5 Silverlight Behaviors
  • Microsoft Expression Gallery (Silverlight Behaviors)

Para assinar:

• Feed RSS: http://www.xamlcast.net
• iTunes/iPod: pcast://www.xamlcast.net
• Zune: zune://subscribe/?XAMLCast=http://www.xamlcast.net

O XAMLCast também está no Twitter!

• Twitter oficial: @xamlcast (e hashtag #xamlcast)
• Siga os XAMLCasters:
  • @kelps
  • @robertos_br
  • @rodrigokono
• Adicione o Twibbon do XAMLCast ao seu avatar!
  • http://twibbon.com/join/XAMLCast

Até o próximo!

Abraços,

Kelps, Roberto Sonnino e Rodrigo Kono

Estamos de volta!

Ficamos quase quatro meses distantes dos microfones. Todos nós estivemos envolvidos em projetos pessoais que tomaram uma boa parte do tempo e ainda tivemos o problema do fuso horário do Sonnino que estava no GMT+5.

Agora normalizado, voltamos com novas idéias e boas informações para sua orientação e atualização.

Se você acompanha o XAMLCast, deve ter percebido que a numeração mudou – decidimos acabar com a contagem por temporadas, pois afinal o XAMLCast é uma coisa só. Logo, contando 4 episódios da 1a temporada, 2 do Tech-Ed 2007 e mais 9 da segunda temporada, você vai ouvir agora o Episódio 16 do XAMLCast!

Claro que não conseguimos falar de tudo que aconteceu nestes últimos 3 meses e meio. Porém falamos dos acontecimentos mais importantes desde o MIX10 e também de algumas boas novidades fresquinhas.

Neste episódio falamos de:

• O indiscutível Visual Studio 2010 – http://msdn.microsoft.com/en-us/vstudio/default.aspx
• Novidades do Silverlight 4 – http://www.silverlight.net/getstarted
• Silverlight no Windows Phone – http://www.silverlight.net/getstarted/devices/windows-phone
• Expression Studio Ultimate – http://www.microsoft.com/expression
• Blend Fundamentals Training – http://www.microsoft.com/expression/resources/BlendTraining
• Moonlight 3 com próximas atualizações baseadas no Silverlight 4 – http://www.dotnetrocks.com/default.aspx?showNum=568
• ReactiveXaml – http://github.com/xpaulbettsx/ReactiveXaml e http://blog.paulbetts.org/index.php/category/programming/reactive-extensions/
• MSN na Copa – http://www.msnnacopa.com.br
• Behavior desenvolvido pelo Kelps para download no Expression Gallery – Deep Zoom Tag Filter Behavior: http://gallery.expression.microsoft.com/en-us/DeepZoomTagFilter
• Especial: Kelps entrevista  Tim Heuer no MIX10 – http://www.youtube.com/watch?v=yQ75swHZ5Pw (post completo em breve)

Para assinar:

• Feed RSS: http://www.xamlcast.net
• iTunes/iPod: pcast://www.xamlcast.net
• Zune: zune://subscribe/?XAMLCast=http://www.xamlcast.net

O XAMLCast também está no Twitter!

- Twitter oficial: @xamlcast (e hashtag #xamlcast)

- Siga os XAMLCasters:

• @kelps
• @robertos_br
• @rodrigokono

- Adicione o Twibbon do XAMLCast ao seu avatar!

• http://twibbon.com/join/XAMLCast

Até o próximo!

Abraços,

Kelps, Roberto Sonnino e Rodrigo Kono

Publiquei mais uma behavior no Expression Gallery hoje. Dessa vez foi uma behavior bem simples que serve para mudar o estado de full screen da aplicação. Essa behavior é do tipo Action, ou seja, você pode escolher qual trigger vai dispará-la. A trigger padrão que o Blend coloca é a EventTrigger, mas qualquer outra trigger pode ser utilizada.

A behavior também tem um segunda propriedade que serve para definir que a aplicação deve continuar em full screen caso perda o foco. Esse comportamento é uma das novidades do Silverlight 4 e pode ser usado, por exemplo, para deixar um vídeo rodando em fullscreen em um monitor enquanto trabalhamos no outro.

O código usado para realizar essas tarefas é muito simples, como pode ser visto abaixo:

Seguem abaixo os links:

• Página com exemplo no Expression Gallery : http://gallery.expression.microsoft.com/en-us/FullScreenAction
• Projeto no Codeplex : http://cnzklibrary.codeplex.com/

O projeto do Codeplex onde está essa behavior vai continuar recebendo adições como essa. Tenho várias outras behaviors que estou planejando migrar pra lá assim como bibliotecas de controles e helpers que também terão versões para WPF e ASP.NET quando fizer sentido.

Acabei de publicar no Expression Gallery uma behavior para filtrar imagens em uma colleção do Deep Zoom.

Essa behavior, quando aplicada a um objeto do tipo MultiScaleImage, permite que se filtre as imagens dessa coleção de forma semelhante ao que acontece no site Memorabilia do HardRock Café.

O uso da behavior é muito simples:

• Anexe a behavior à um objeto MultiScaleImage.
• Defina as propriedades Source e MetadataUri da behavior respectivamente para a url da galeria e o arquivo de metadados da galeria.
• Defina o valor da propriedade Filter da behavior para o filtro que quer aplicar.

A behavior trabalha com o arquivo de metadados gerado pelo Deep Zoom Composer para saber quais tags estão associadas a cada imagem. Ela entende tags separadas por vírgula (,) tanto para atribuir às imagens quanto para filtrar. Filtrar por múltiplas tags vai exibir todas as imagens que tenham pelo menos uma das tags do filtro.

O arquivo de metadados não precisa ser necessáriamente o mesmo gerado pelo Composer, mas deve ter o mesmo formato. A behavior o campo ZOrder do arquivo de metadados para saber qual é cada imagem, portanto, se esse arquivo for gerado manualmente deve se tomar o cuidado de garantir que estão sendo atribuídas as tags às imagens certas e sempre que a galeria for atualizada o arquivo de metadados também precisará ser atualizado.

A behavior também expõe uma propriedade (AvailableTags) que é um array contendo todas as tags disponíveis na galeria atual. Isso pode ser bem útil se quisermos exibir na tela todas as tags, como fiz no exemplo que está no Expression Gallery.

Cada vez que o filtro for alterado, a galeria será filtrada e ocorrerá uma animação para exibir as imagens desejadas. É possível controlar o tempo dessa animação e sua função de Easing.

As imagens são posicionadas de forma a preecher o espaço do controle da melhor forma possível, mas ainda preciso melhorar a lógica para quando apenas uma imagem é exibida.

Também há espaço para melhorias no algorítmo de posicionamento, no que diz respeito ao alinhamento das imagens do lado direito.

O código fonte está disponível no Codeplex. Sugestões, melhorias e bug fixes podem ser reportados lá ou aqui no blog.

Em breve estarei aumentando essa biblioteca do Codeplex com outras behaviors e helpers.

Ahhh, quem gosta de futebol pode ver essa behavior em ação em http://www.msnnacopa.com.br.

INTRODUÇÃO

Boa noite pessoal!  Galera, eu disponibilizei no Microsoft Expression Gallery, um aplicativo para fazer cálculos matemáticos simples (calculadora), chamado Modern Calculator, ele foi desenvolvido no Expression Blend 4,  e utiliza os novos recursos de estilização de janelas do Silverlight 4 OOB, como no tão conhecido Adobe Air!

Todos os fontes estão disponíveis para download!

Deixe seu feedback no Microsoft Expression Gallery, ele é muito importante para mim. Muito Obrigado!

PREVIEW

Abs e Obrigado pessoal!

Robson Fernandes

INTRODUÇÃO

Boa tarde pessoal! Tudo jóia com vocês? Galera, eu disponibilizei no Microsoft Expression Gallery, um componente que eu estou desenvolvendo no Silverlight, chamado Component GaugeYI, ele está em sua versão 1.0 ainda, entretanto, já deixei uma pequena amostra para o pessoal poder utiliza-lo em suas aplicações.

Ao finalizar a versão 2.0 do mesmo, estarei disponibilizando por completo o código fonte do componente, e não somente a sua Dll, que já está disponível para download, juntamente com a demonstração.

Deixe seu feedback no Microsoft Expression Gallery, ele é muito importante para mim. Muito Obrigado!

PREVIEW

Abs.
Robson Fernandes

Acabei de publicar mais uma behavior para Silverlight 3 na Microsoft Expression Gallery. Assim como a anterior, essa behavior serve para melhorar a usabilidade de controles em Silverlight, deixando-os com comportamento semelhante ao dos controles nativos para aplicações desktop. O que essa behavior faz é selecionar ítens no controle ao qual está associada, de acordo com a letra ou número que foi pressionado no teclado.

Essa behavior só pode ser associada a controles do tipo Selector, como ComboBox e ListBox. Ela funciona no ComboBox mesmo quando está aberto.

É possível definir qual propriedade dos ítems do controle será utilizada para fazer a busca. Com isso, você pode popular o combo com suas classes, utilizando data binding, e definir na behavior que a busca será feita na propriedade Nome, por exemplo. Por padrão, a behavior vai tentar utilizar a propriedade Content.

Se a propriedade definida na behavior não for encontrada em algum ítem, esse ítem será ignorado.

A behavior converte o valor da propriedade para string antes de verificar se começa com a tecla pressionada, portanto funciona também para propridades de tipos numericos ou enumeradores.

O código fonte da behavior e da aplicação de exemplo estão publicados na Microsoft Expression Gallery

http://gallery.expression.microsoft.com/en-us/RapidAccessKey

Qualquer sugestão de melhoria ou correção de bug é bem vinda.

Acabei de publicar uma behavior na galeria do Microsoft Expression. Como já deve ter ficado claro pelo título do post, esta behavior implementa scroll em controles pela roda do mouse. Agora podemos ter esse recurso em nossas aplicações sem precisar ficar escrevendo código (aliás, eu acho que o controle ScrollViewer já deveria ter essa implementação nativamente, mas…).

Esta behavior pode ser aplicada a qualquer controle. Se o controle for um ScrollViewer ou tiver algum ScrollViewer em seu template, a behavior se encarregará de efetuar o scroll, repondendo ao evento MouseWheel (que é novo no Silverlight 3).

Como a behavior está utilizando o evento MouseWheel (e não javascript), a behavior também funciona normalmente quando a aplicação é executada fora do browser. Não fiz nenhum teste para ver como ela se comporta com aplicações WPF, mas acredito que também deva funcionar normalmente.

É possível configurar qual direção de scroll deve ser utilizada ou deixar a behavior decidir automaticamente (padrão). Se estiver no automático, a behavior vai tentar primeiro fazer rolagem vertical e, se não conseguir, vai tentar fazer rolagem horizontal.

Também é possível inverter a direção do scroll

O código fonte da behavior e da aplicação de exemplo estão publicados na galeria do Expression.

http://gallery.expression.microsoft.com/en-us/MouseWheelScroll

Qualquer sugestão de melhoria e correção de bug é bem vinda.