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.

É com grande prazer que venho aqui anunciar que a partir de hoje eu passei a fazer parte do time de desenvolvedores do projeto Open Source WP7 Contrib. o/

Para quem não sabe, o WP7 Contrib é um projeto open source que foi fundado com o objetivo de criar bibliotecas e helpers para simplificar e agilizar o desenvolvimento de aplicação para Windows Phone 7.

Entre minhas contribuições estão a criação da classe RestClient e a tarefa de empacotar as bibliotecas do projeto para distribuição via NuGet (em andamento).

Em breve pretendo publicar aqui um pouco mais sobre o que estou fazendo no projeto, como é trabalhar com um time de desenvovedores.

Até mais

Nesta etapa do tutorial podemos separar as entidades geradas pelo T4 em um projeto separado, que posteriormente vamos utilizar na camada visual da aplicação, para realizar essa tarefa, adicione um novo projeto do tipo Class Library em sua Solution, com o nome de Contatos.Entities, em seguida delete o arquivo Class1.cs, pois não vamos utilizá-lo.

Na camada Contatos.Data, localize o arquivo ModeloContato.tt, que contém a classe Contato.cs, e mova o arquivo para a camada Contatos.Entities, para mover, arraste o arquivo com a tecla Shift pressionada e solte na camada Contatos.Entities.

O padrão de design MVVM (Model-View-ViewModel) é muito utilizado em aplicações Silverlight e WPF, principalmente em aplicações LOB, apesar de ser um padrão avançado, ele não resolve todos os problemas do desenvolvimento de um projeto, porém proporciona uma forma interessante de separar a camada View da camada Model de sua aplicação.

Resumidamente este padrão proporciona separar o modelo (Model) da interface visual do projeto (View), tanto o WPF como o Silverlight, tem um forte suporte a databinding, com esse modelo o desenvolver poderá trabalhar separado do designer na aplicação, ou seja, o designer terá uma maior flexibilidade, podendo utilizar por exemplo o Expression Blend e se concentrar no layout.

Existem diversas ferramentas disponíveis para você aplicar o padrão MVVM com as melhores práticas para uma aplicação em produção, como por exemplo, o framework MVVM Light Toolkit e o Prism, este último tem uma documentação interessante no link  http://compositewpf.codeplex.com/, porém neste tutorial não vou utilizar nenhum framework, para simplificar, vou criar um exemplo básico,  com o objetivo de explicar o conceito do padrão.

Para separar a View do Model, uma terceira classe será criada, essa classe será a ViewModel, ou seja, será a ponte entre essas duas camadas, o ViewModel pode implementar a interface INotifyPropertyChanged, ICommand, fazer validações, escutar eventos, possibilitar testes direto no ViewModel e fazer a adaptação entre a View e o Model.

Dessa forma a View, mais precisamente o arquivo XAML, fica com o mínimo de code-behind em C#, através de binding, ligamos a View com o ViewModel, dessa forma, por exemplo, o código que estaria dentro do evento click de um botão no code-behind do XAML, estará no ViewModel, sendo ligado através de ICommand, na teoria, ao abrir o code-behind de um arquivo XAML não teríamos códigos em C# para a manipulação dos dados e eventos, dessa forma o layout da aplicação fica mais flexível para sofrer mudanças.

O Padrão tem a seguinte arquitetura:

Twitter: @atsh2

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

Existem diversas ferramentas que facilitam a vida do desenvolvedor quando a tarefa é a criação de gráficos para apresentação de dados, essas ferramentas são bem completas e visualmente ricas, geralmente possibilitam criar gráficos de diversos formatos, por exemplo, gráficos de pizza, linhas e colunas, que são os mais comuns e até gráficos combinados na mesma visualização.

Uma das ferramentas mais conhecidas é o Silverlight Toolkit , que além de criar gráficos, tem uma série de outros componentes interessantes, sua licença é a Microsoft Public License (Ms-PL).

O amCharts também é um excelente projeto, tem uma licença comercial e outra free, contém belos gráficos com animações e interações com o usuário, vale a pena dar uma conferida.

Neste artigo vou mostrar como criar um gráfico simples usando a ferramenta Visifire, essa ferramenta tem uma licença comercial e outra GPL, os gráficos são visualmente ricos, animados e interativos, permite de forma simples a criação de gráficos de atualização online, no site do fabricante tem uma página onde você poderá testar como o gráfico vai ficar.
Faça o download do visifire no site do fabricante, não é necessário instalar nada, o download contém os binários para o WPF, Silverlight e Windows Phone 7.

Crie uma aplicação Silverlight 4 no Visual Studio 2010, adicione uma referência ao binários do visifire para o Silverlight (SL.Visifire.Charts ), no código XAML, dentro do Layout Grid, adicione um elemento do tipo gráfico com o nome de Pizza:

Agora na sua MainPage_Loaded, adicione o código abaixo:

Title titulo = new Title();
titulo.Text = “Gráfico de Pizza”;
titulo.FontSize = 40;

Pizza.Titles.Add(titulo);

DataSeries dataSeries = new DataSeries();
dataSeries.RenderAs = RenderAs.Pie;
DataPoint dataPoint;

for (int i = 0; i < 5; i++)
{
        dataPoint = new DataPoint();
        dataPoint.YValue = 1000 + i;
        dataPoint.LabelText = “Item:” + i;
        dataSeries.DataPoints.Add(dataPoint);
}

Pizza.Series.Add(dataSeries);

Pizza.View3D = true;

O Código acima adiciona o título “Gráfico de Pizza” ao gráfico, depois acrescenta 5 itens que vão compor o gráfico de Pizza, em RenderAs definimos o tipo do gráfico como Pie e por fim habilitamos a visualização em 3D do gráfico.

Sem modificar nada no código fonte em C#, você também poderá criar o mesmo gráfico para WPF e Windows Phone 7, para Windows Phone por exemplo, basta você criar um projeto do tipo Windows Phone Application, se esse tipo de projeto não estiver disponível no seu Visual Studio 2010, instale o seguinte pacote, depois é só fazer uma referência aos binários do visifire para Windows Phone, e adicionar o gráfico da mesma forma que fizemos para o Silverlight.

Twitter: @atsh2

Fala pessoal!

Depois de duas semanas sem gravar por causa de dificuldade em sincronizar nossas agendas, acabamos decidindo gravar esse episódio sem o Kono para não deixar vocês, nossos ouvintes, mais uma semana sem o XAMLCast. Mas não se preocupem pois no próximo episódio estaremos todos de volta.

Nesta semana falamos de Sterling DB, SilverMotion, Windows Phone 7, Silverlight para Symbian e Xte Profiler. Ouça!

• Silvelight para Sumbian – http://www.silverlight.net/getstarted/devices/symbian/
• Sterling para WP7 – http://sterling.codeplex.com/
• Blog do Jeremy Likness – http://jeremylikness.com/
• Xte Profiler – http://xteprofiler.net/
• SilverMotion – http://postvision.net/SilverMotion/DemoTech.aspx
• Windows Phone 7 Tools Beta – http://developer.windowsphone.com/windows-phone-7/

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

Pessoal,

Estou utilizando o CoverFlow em um projeto Silverlight e recomendo à quem necessita de uma maneira de aumentar a interatividade da aplicação.

No CodePlex existe uma implementação do CoverFlow em Silverlight 3 disponível para download.

Vale a pena o clique.
Segue o link: http://silverlightcoverflow.codeplex.com/

Forte abraço,
Fabriccio.

Saudações caros ouvintes!

Mais informações para você neste episódio que está bem interessante. Incrível como sempre existe mais e mais novidades – bom para todos nós que nos alimentamos disto.

Nesta semana falamos de Metro UI, novos MVPs, Kinect e novas interfaces, Streaming 3D, Fluid UI, Windows Phone 7 e mais. Fique ligado e surfe conosco!

• Kinect – www.xbox.com/kinect
• Novos MVPs de Silverlight – http://timheuer.com/blog/archive/2010/07/01/sivlerlight-mvp-awards-july-2010.aspx
• Artigo do Petzold sobre Fluid UI no Silverlight 4 sem Blend – http://msdn.microsoft.com/en-us/magazine/ff798276.aspx
• Nascar Streaming 3D com SL – http://racebuddy3d.nascar.com/player3dv.html
  • NVIDIA 3D Vision: http://www.nvidia.com/object/3d-vision-main.html
  • Requisitos de sistema: http://www.nvidia.com/object/3d-vision-requirements.html
  • Notícia no site da NVIDIA sobre a transmissão 3D utilizando Silverlight e Smooth Streaming: http://www.nvidia.com/object/io_1275286847414.html
  • MetroTwit – http://www.metrotwit.com
• Silverlight Metro Theme – http://www.silverlight.net/content/samples/sl4/themes/cosmopolitan.html
  • Download do Silverlight Theme Pack – http://tinyurl.com/2ep68po
• Phone 7 Action Pack (Windows Phone 7) – http://phone7actionpack.codeplex.com
• Pivot Viewer control for Silverlight – http://www.silverlight.net/learn/pivotviewer
  • Exemplos usando Pivot Viewer – http://pivot.metia.com/worldcup e http://netflixpivot.cloudapp.net
  • Developers Pivot Collections Tools – http://www.getpivot.com/developer-info/tools.aspx
  • TweetPivot – http://tweetpivot.com

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

INTRODUÇÃO

Boa noite pessoal!
Novamente estou aqui, graças a deus, podendo compartilhar com vocês algumas experiências que tenho passado com o Microsoft Silverlight. Neste post, irei abordar o componente BusyIndicator.

O QUE É O BusyIndicator

O BusyIndicator é um controle que acompanha o SilverlightToolKit, e é utilizado como um meio de mostrar feedbacks ao usuário, sobre o tempo de aguardo de operações que são realizadas, e que exigem alto processamento.
Como por exemplo: Imagine que você queira efetuar uma pesquisa de um usuário em banco de dados com meio milhão de registros, é muito provável que isso demore um pouco, então, nós podemos utilizar o BusyIndicator, que poderá apresentar uma notificação ao usuário, indicando o tempo que faltará para realizar o processamento.

ONDE ENCONTRAR?

Você irá encontrá-lo no CodePlex, clique aqui

Exemplo do controle BusyIndicator, que será apresentado neste Post, e disponibilizado para download.

CÓDIGO XAML

Abaixo, temos o código XAML do BusyIndicator, sendo que a propriedade BusyContent, refere-se ao texto que será apresentado ao usuário, como neste exemplo, “Aguarde por favor…”; A propriedade IsBusy, que indica se o controle está em modo operante ou não, como neste caso, “False”, pois faremos com que ele entre em modo operante, somente quando o usuário efetuar uma ação, que envolva alto processamento.

<toolkit:BusyIndicator x:Name="busyIndicator"
                               BusyContent="Aguarde por favor..."
                               IsBusy="False"
/>

CÓDIGO C#

Abaixo, temos o código em C#, que foi implementado no evento Click do botão Entrar. Neste exemplo não houve nenhuma interação com o banco de dados, ele foi implementado para que vocês possam entender a lógica do controle BusyIndicator. Percebam que ao clicar no botão, ele ativa o modo isBusy do controle, e inicia uma Thread em paralelo, que aguarda um tempo de 3 segundos, e posteriormente inativa o modo isBusy, fazendo então, uma simulação de consulta do usuário ao banco de dados.

private void btnEntrar_Click(object sender, System.Windows.RoutedEventArgs e)
{
         //Inicia modo operante
         busyIndicator.IsBusy = true;

         //Inicia Thread
        ThreadPool.QueueUserWorkItem((state) =>
        {
              //Aguarda 3s
             Thread.Sleep(3 * 1000);
             //Altera BusyIndicator, para modo inoperante
             Dispatcher.BeginInvoke(() => busyIndicator.IsBusy = false);
        });

}

APLICAÇÃO – RUN

Abaixo, temos a aplicação executando em Microsoft Silverlight 4, clique no botão “Entrar”, para ativar o BusyIndicator

DOWNLOAD

Fontes Silverlight Completo-> BusyIndicatorApp

Abraços pessoal!

Robson Fernandes

Já é notícia um pouco velha (do dia 15/Junho) mas eu achei que valia a pena postar aqui por conta da sua importância e pelo fato de pouca gente conhecer. Michael Scherotter (@synergist) postou uma atualização do Analytics Framwork para Silverlight 4. Para quem não conhece, o Analytics Framework é uma coleção de apis, Behaviors e Actions para integração de aplicações Silverlight e WPF com ferramentas de analytics e trends (como Google Analytics por exemplo).

O framework suporta nativamente uma série de serviços (Google Analytics, Nedstat, Omniture, Webtrekk, etc para citar alguns) e pode ser facilmente extendido. Se você deseja monitorar a utilização da sua aplicação Silverlight deve considerar o uso desse framework.

Alguns dos pontos mais interessantes desse framework estão listados abaixo:

• Suporta aplicações OOB
• Funciona mesmo se a aplicação estiver rodando offline (as métricas são salvas e serão enviadas para o servidor quando estiver online)
• Suporta o uso de mais de um serviço de analytics ao mesmo tempo
• Não afeta a performance da aplicação
• Pode ser totalmente configurado no Blend pois é implementado como uma série de Behaviors
• Suporta testes A/B
• Suporta protótipos SketchFlow
• Está integrado no Microsoft Silverlight Media Framework

Para mais informações acesse:

• http://blogs.msdn.com/b/synergist/archive/2010/06/15/microsoft-silverlight-analytics-framework-updated-for-silverlight-4.aspx
• http://msaf.codeplex.com/
• http://live.visitmix.com/MIX10/Sessions/CL24 (apresentação feita no MIX10)
• https://www112.livemeeting.com/cc/microsoft/view?id=H9494W (Using the Microsoft Silverlight Analytics Framework)
• https://www112.livemeeting.com/cc/microsoft/view?id=MRGR8S (Building Components for MSAF)