codeplex - redeRIA | Agregador de noticias, artigos, tutoriais Flex, Flash, JavaFX, AJAX e Rich internet applications em geral!

Jun 23

Behavior de Fullscreen para Silverlight

Escrito por Kelps Sousa em .NET, 1, 4, 6, action, app, AR, Asp.Net, Behavior, Behaviors, BI, Blend, blog, class, codeplex, código, control, Controles, Download, event, exemplo, expression, Expression Gallery, full screen, FullScreen, Google, helpers, IE, image, int, library, Links, mg, Microsoft, monitor, News, novidade, Novidades, O, on, padrão, pt, RIA, Ria’s Geral, screen, silverlight, Silverlight 4, UI, Vídeo, window, windows, WPF, XP @ 06 23rd, 2010 | via http://kelps-sousa.blogspot.com/ | Sem comentários

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:

//Código para mudar o fullscreen Application.Current.Host.Content.IsFullScreen = !Application.Current.Host.Content.IsFullScreen; <p></p> //Código para manter a janela em fullscreen em outro monitor Application.Current.Host.Content.FullScreenOptions = System.Windows.Interop.FullScreenOptions.StaysFullScreenWhenUnfocused;

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.

Jun 11

Behavior para filtrar galerias Deep Zoom por tags

Escrito por Kelps Sousa em .NET, 1, 4, 6, Animação, AR, Behavior, Behaviors, Beta, BI, blog, bug, camp, class, codeplex, código, código fonte, control, dados, deep zoom, deep zoom composer, deepZoom, Download, exemplo, expression, Expression Gallery, filter, filtra, fonte, for, galeria, Google, helpers, IE, image, imagens, library, lógica, mg, Microsoft, Microsoft Expression, MSN, News, O, on, pt, RIA, Ria’s Geral, Silverlight 4, site, Sugestões, tag, UI, XP @ 06 11th, 2010 | via http://kelps-sousa.blogspot.com/ | Sem comentários

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.

Mai 24

Download dos arquivos para iniciar com o desenvolvimento em Silverlight 4

Escrito por Alexandre Tadashi em .NET, 1, 4, 6, Aplicativos, AR, arte, BI, Blend, blog, Blogs, class, codeplex, Componente, Componentes, comunidade, control, Controls, Curso, Desenvolvimento, Design, developer, DevMedia, Download, Draw, err, exemplo, Exemplos, expression, Expression Blend, Ferramenta, Google, html, ide, IE, int, kit, labs, Links, lista, mg, Microsoft, MIX, MSDN, O, on, online, Outros, pt, redeRIA, RIA, Ria’s Geral, runtime, SDK, silverlight, Silverlight 4, site, Software, tool, toolkit, Tutoriais, Twitter, UAU, UX, Visual Studio, Visual Studio 2010, vs, WCF, web, WPF, XP @ 05 24th, 2010 | via http://alexandretadashi.net/ | Sem comentários

Segue a lista de links das principais ferramentas, tutoriais, comunidades e blogs para quem quer começar com o desenvolvimento de aplicativos em Silverlight.

Para quem ainda não tem o ambiente de desenvolvimento instalado:

IDE de desenvolvimento : Visual Studio 2010 RC
Complemento para o Visual Studio: Silverlight 4 Tools para Visual Studio 2010
(Contém o Runtime do Silverlight 4, SDK, Tooling para o Visual Studio e o WCF RIA Services RC)
Ferramenta de auxílio para o design de aplicativos em Silverlight/WPF : Expression Blend 4
Conjunto de componentes para o Silverlight 4 : Silverlight Toolkit

Outros sites interessantes:

Sites Oficiais do Silverlight : link e link
Curso de Silverlight 4: link
Exemplos online do Silverlight 4 Toolkit: link
Hello World: link
Comunidade Silverlight Brasil : link
Silverlight Developer Center (em português) : link
Innovation Lab (em português) : link
o UAU nosso de cada dia : link
Comunidade RedeRIA : link
DevMedia: link
RIASoftware: link
Desenvolvendo para Web : link
Shine Draw : link
Project Rosetta : link
Expression Blend : link

Abr 21

Silverlight 4 – Novo xaml parser e suporte namespaces xml

Escrito por Kelps Sousa em .NET, 1, 4, 6, api, AR, arte, BI, Blend, blog, Blogs, class, codeplex, código, código fonte, control, Controles, Controls, Curso, Cursos, custom, demo, Dica, Dicas, Diversos, dll, exemplo, expression, Expression Blend, fonte, for, framework, Frameworks, Geral, Google, ide, IE, if, image, int, kit, mg, Microsoft, MSDN, News, novidade, Novidades, O, on, padrão, procura, Projetos, pt, referencia, RIA, Ria’s Geral, SDK, silverlight, Silverlight 4, TAT, tool, toolkit, UI, UX, Vários, Visual Studio, Visual Studio 2010, window, windows, XAML, XML, XP @ 04 21st, 2010 | via http://kelps-sousa.blogspot.com/ | Sem comentários

O Silverlight 4 foi lançado na semana passada é já existe uma tonelada de posts com informações a respeito das novidades. Eu estava lendo um post do blog do Silverlight SDK e encontrei uma novidade interessante sobre a qual não se está falando muito. O parser de xaml do Silverlight 4 agora respeita corretamente as definições de namespace xml. Isso tem várias implicações:

Agora o namespace padrão dos seus arquivos xml não precisa mais ser “http://schemas.microsoft.com/winfx/2006/xaml/presentation”. Você pode mudar se for útil/necessário para sua aplicação (por exemplo, se você estiver gerando xaml dinamicamente utilizando apenas controles customizados).
Com esse suporte, agora é possível criar os seus próprios namespaces, agrupando vários namespaces da sua apliação ou mesmo de diversos assemblies distintos.
Frameworks como o Silverlight Toolkit e o SDK já estão tirando proveito disso, definindo seus próprios namespaces para simplificar sua utilização e eliminar a necessidade de ter que conhecer toda a estrutura desses projetos para saber onde estão os controles que queremos usar.

Ou seja, agora é possível ter acesso a todos os controles do Silverlight Toolkit ou SDK acrescentando apenas 2 namespaces na sua tela, como abaixo (mas lembre-se que ainda é necessário fazer referencias as dlls):

1	xmlns:toolkit=”http://schemas.microsoft.com/winfx/2006/xaml/presentation/toolkit xmlns:sdk=”http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk

Tudo isso é muito interessante e muito legal mas o que me deixou intrigado é que eu não estava conseguindo encontrar informações em nenhum lugar que explicassem como é que eu poderia fazer meus frameworks e apis tirarem proveito desses recursos. Cheguei até a achar por um momento que esses novos namespaces estivesses fixos no Silverlight 4, mas como não era esse o discurso, tinha que have um jeito de implementarmos isso em nossas aplicações.

Foi então que eu tive a idéia de seguir um conselho que o Scott Hanselman vive repetindo quase como um mantra que é “ler código alheio para se tornar um programador melhor”. Tendo isso em mente eu fui ao codeplex e comecei a fuçar no código fonte do Silverlight Toolkit, até que achei o que estava procurando. Para que você possa tirar proveito desse recurso em suas próprias aplicações e frameworks, basta marcar o assembly com os atributos XmlnsPrefix e XmlnsDefinition, como demonstrado abaixo:

1	[assembly: XmlnsPrefix(http://schemas.wf.com.br/sdk, "wf")] [assembly: XmlnsDefinition(http://schemas.wf.com.br/sdk, "WF.Silverlight")] [assembly: XmlnsDefinition(http://schemas.wf.com.br/sdk, "WF.Silverlight.Controles")]

O lugar ideal para definir esses atributos é no arquivo AssemblyInfo do projeto. Para poder utilizar esses atributos é necessário referenciar o namespace System.Windows.Markup nas instruções de using no top da página.

O atributo XmlnsPrefix serve para criar um namespace e pré-definir qual será o seu prefixo quando um controle for adicionado diretamente pelo Visual Studio ou Expression Blend. Geralmente haverá apenas 1 atributo desse por projeto.

O atributo XmlnsDefinition é o responsável por vincular um namespace xml com um namespace do assembly. Esse atributo pode ser adicionado ao assembly quantas vezes for necessário. Geralmente haverá um atributo desse para cada namespace do assembly que contenha controles ou elementos que se deseja disponibilizar no xaml.

Uma coisa muito interessante que eu descobri é que os namespaces que você criar aparecem no intellisense do Visual Studio 2010, como pode ser visto abaixo:

Espero que essas dicas tenham sido úteis. Eu sei que vou tirar proveito dessa nova funcionalidade nos meus próximos projetos.

Abr 15

Silverlight 4 RTM disponível para download

Escrito por Kelps Sousa em .NET, 1, 4, 6, Air, AR, arte, Blend, blog, class, codeplex, comparação, Desenvolvimento, Download, err, expression, Expression Blend, Ferramenta, for, Google, gratuito, if, int, kit, live, mg, Microsoft, News, O, on, prova, Release Candidate, RIA, Ria’s Geral, RTM, RTW, runtime, SDK, silverlight, Silverlight 2, Silverlight 3, Silverlight 4, site, template, tool, toolkit, UI, uint, Visual Studio, Visual Studio 2010, WCF, XP @ 04 15th, 2010 | via http://kelps-sousa.blogspot.com/ | 1 comentário

O Silverlight 4 RTM já está disponível para download.

O runtime do Silverlight 4 tem apenas 6 Mb. Em comparação, o Silverlight 3 tinha 4,7 e o Silverlight 2 tinha 4,77 (sim, o Silverlight 2 era maior que o Silverlight 3).

O Silverlight 4 Tools do para Visual Studio 2010 também está disponível para download no mesmo site. Se você pretende desenvolver aplicações utilizando Silverlight 4, este é o download que você deve fazer. Ele tem aproximadamente 30 Mb e é composto dos seguintes pacotes:

Runtime do Silverlight 4 RTW para desenvolvimento
SDK do Silverlight 4 RTW
Tooling para Visual Studio 2010 RTM (ferramentas e templates de projeto)
WCF RIA Services Release Candidate (com licença go-live)

Por conter a versão Release Candidate do WCF RIA Services, o Silverligth 4 Tools para Visual Studio 2010 também está marcado como RC, mas isso não significa que ele não esteja pronto para ser utilizado em produção. Prova disso é que o WCF RIA Services RC vem com licença go-live, que significa que já pode ser utilizado publicamente e terá suporte da Microsoft. A versão RTW do WCF RIA Services e, consequentemente, do Silverlight 4 Tools deve ser lançada ainda nesse semestre.

Também foram liberados hoje o Silverlight 4 Toolkit – Abril 2010 e o Expression Blend 4 Release Candidate. A versão final do pacote Expression Studio 4 também deve ser lançada ainda nesse semestre, mas não há nenhuma data definida. Vale lembrar que o upgrade do Expression 3 para o 4 será gratuito, portanto, se você não tem ainda não precisa esperar sair a próxima versão. Pode comprar agora.

Abr 15

Código fonte da demo do webcast MSDN sobre Silverlight4 + MEF

Escrito por Kelps Sousa em .NET, 1, 4, 6, app, Apresentação, AR, arte, back, BI, blog, class, codeplex, código, código fonte, demo, developer, Download, email, exemplo, Exemplos, fonte, for, Google, html, IE, if, image, int, Links, live, MEF, mg, Microsoft, MIX, MSDN, MSN, News, O, on, Otimização, pdc, podcast, problema, pt, Review, Ria’s Geral, RTM, Scroll, silverlight, Silverlight 3, Silverlight 4, social, Sun, Twitter, UI, update, Vídeo, Visual Studio, Visual Studio 2010, web, Webcast, XAML, XP, zend @ 04 15th, 2010 | via http://kelps-sousa.blogspot.com/ | Sem comentários

Hoje fiz um webcast ao vivo no MSDN sobre extensibilidade e otimização de aplicações em Silverlight 4 utilizando MEF. Em alguns dias este webcast estará disponível para download e eu atualizarei este post com o link para download do vídeo.

A demo que fiz durante o webcast foi feita utilizando o Visual Studio 2010 RTM e o Silverlight 4 RTM. No final desse post tem um link para baixar o arquivo com os fontes e o pptx da apresentação.

Abaixo tem também alguns links úteis sobre o assunto. Se tiverem alguma dúvida, basta postar um comentário aqui ou me mandar uma mensagem pelo Twitter, MSN ou email.

MEF no Codeplex http://mef.codeplex.com
Post meu explicando como usar MEF com Silverlight 3: http://blog.kelps.net/2010/01/extendendo-silverlight-3-com-mef.html
Session de Glenn Block (@gblock) no PDC09 sobre MEF: http://microsoftpdc.com/Sessions/FT24
Session de Glenn Block (@gblock) no MIX10 sobre MEF: http ://live.visitmix.com/MIX10/Sessions/CL52
Fórum Silverlight MSDN Brasil: http://social.msdn.microsoft.com/Forums/pt-BR/silverlightpt /
Blog: http://kelps.net
Twitter: http://twitter.com/kelps e http://twitter.com/xamlcast
Podcast: http://xamlcast.net
E-mail e MSN Messenger : kelps@cnzk.com.br

Update: Para quem assistiu ao webcast ao vivo, o minha última demo não funcionou corretamente mas o código fonte anexo já está “corrigido”. O problema estava na ordem que as ações estavam sendo executadas. O código ao vivo estava chamando a função DownloadAsync para baixar o xap adicional antes de encluí-lo no catálogo mestre. Acontece que ao fazer isso, o download estava terminado muito rápido, e quando chegou no catálogo mestre ele acabou não recompondo a aplicação. O código corrigido simplesmente inverte a ordem dessas 2 linhas no App.xaml.cs, fazendo com que a recomposição funcione.

Mar 19

No ar… Microsoft Silverlight Analytics Framework

Escrito por rene em 1, 6, analytics, AR, blog, Blogs, bug, codeplex, framework, mg, Microsoft, MIX, MSDN, O, on, Palestra, referencia, RIA, Ria’s Geral, serviço, silverlight, UI, Vídeo, Vídeos @ 03 19th, 2010 | via http://blogs.msdn.com/renedepaula/ | Sem comentários

eu assisti aqui no MIX10 a uma belissima palestra sobre como mensurar o que o usuário faz numa aplicação Silverlight (desde cliques até consumo de vídeos) e reportar isso para um serviço de analytics. pra minha e nossa alegria esse framework…(read more)

Mar 10

XAMLCast – 2a Temporada – Episódio 9 – Finger Style, SLARToolkit, Windows Phone 7 e pré-MIX10

Escrito por XAML Cast em .NET, 1, 3d, 4, 6, AR, Artigo, AUG, back, BI, Blend, blog, Blogs, class, codeplex, concurso, Curso, Design, Dicas, DRE, embedded, engine, entrevista, err, event, Evento, expression, Ferramenta, for, framework, html, ide, IE, iTunes, kit, live, mg, Microsoft, MIX, MSDN, multitouch, Notícias, novidade, Novidades, O, on, Pessoal, player, podcast, ps3, realidade aumentada, referencia, Revisão, RIA, Ria’s Geral, Ria's Geral, rss, silverlight, tag, Tech, WPF @ 03 10th, 2010 | via http://www.xamlcast.net | Sem comentários

Olá olá pessoal!

Este é o XAMLCast pré-MIX10.

Estamos ansiosos para a chegada deste grande evento que irá nos trazer grandes novidades e anúncios. E para nossa alegria, e como já havíamos falado antes, o XAMLCaster Kelps estará em Las Vegas cobrindo o evento e enviando tudo em primeira mão!

Neste episódio falamos de:

Finger Style – Artigo fantástico do Charles Petzold sobre Multitouch em Silverlight
- http://msdn.microsoft.com/en-us/magazine/ee336026.aspx
MultiTouchVista – simulador de multitouch com múltiplos mouses para Windows
- http://multitouchvista.codeplex.com
Artigo do Roberto Sonnino (em inglês) sobre touch com WPF e MultiTouchVista
- http://www.codeproject.com/KB/WPF/3D-BookWriter.aspx
SLARToolkit – A experiência de AR (Realidade Aumentada) com Silverlight virou um framework
- http://kodierer.blogspot.com/2010/02/slartoolkit-silverlight-augmented.html
Aplicação do correio americano para tamanhos de caixas com AR
- https://www.prioritymail.com/simulator.asp
- http://www.youtube.com/watch?v=WpS3LeCiCtc&feature=player_embedded
Não confunda:
- Blender – programa de modelagem 3D
  - http://www.blender.org/
- Balder – engine 2D/3D que funciona com Silverlight
  - http://balder.codeplex.com/
- Blend – ferramenta para design de aplicações WPF/Silverlight
  - http://www.microsoft.com/expression/products/Blend_Overview.aspx
Concurso de Silverlight/WPF da Magenic Studios – prêmios até 500 US$ + 3000 US$ pro Haiti
- http://magenic.com/Default.aspx?tabid=1835
Copa de Talentos Microsoft
- http://talentosmicrosoft.com.br/
Anuncio oficial do Silverlight no Windows Phone 7
- http://bit.ly/ci8rrI
Video no TechEd Middle East mostrando XNA no Windows Phone, Xbox e Windows
- http://www.youtube.com/watch?v=LQv_3fwopo8
MIX10
- http://live.visitmix.com
HVP no MIX
- http://silverlighthvp.codeplex.com/wikipage?title=ReleaseSchedule
Video do ScottGu no Channel 9 falando sobre o MIX
- http://channel9.msdn.com/posts/LarryLarsen/Countdown-to-MIX10-The-Gu/

Bolão do MIX10!
Envie sua previsão do que irá acontecer no MIX10. Para participar, basta referenciar a hashtag #bolaoxamlcast no seu post do twitter.

Ajudem o XAMLCast a entrevistar o ScottGu no MIX10
Envie um tweet (em inglês) para @ScottGu pedindo uma entrevista com o @XAMLCast (Brazilian Podcast) ou @kelps.

Com muitos pedindo, o acesso torna-se mais fácil.

Se quiserem, podem pedir para outras “personalidades” do .net/WPF/SL, como Scott Hanselman, Phil Haack, John Papa, S. Somasegar, Tim Heuer, Karen Corby, Glenn Block… o Kelps vai ter trabalho em Vegas!

Atenção!

O XAMLCast da semana que vem será especial sobre o MIX10! Assim, em vez de um grande episódio, soltaremos as notícias aos poucos, o mais rápido possível, conforme o Kelps for mandando. Por isso, não deixe de assinar e seguir o XAMLCast para não perder nada!

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:

- 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

Fev 24

XAMLCast – 2a Temporada – Episódio 8 – MVPs do ano Silverlight, Windows Phone 7, MIX 10K e Silverlight 3D

Escrito por XAML Cast em .NET, 1, 2009, 3d, 4, 6, api, AR, Artigo, blog, Blogs, bug, camp, codeplex, Destaque, development, DRE, embedded, entrevista, for, game, Google, ide, IE, int, iTunes, jogo, Jogos, kit, Links, Livro, mg, Microsoft, MIX, novidade, Novidades, O, on, Opinião, Pessoal, player, podcast, Projetos, pt, Ria’s Geral, rss, screen, silverlight, Silverlight 2, Silverlight 3, tag, Tech, Twitter, UI, web, window, windows, WPF, XAML, Xna, XP @ 02 24th, 2010 | via http://www.xamlcast.net | Sem comentários

Olá olá pessoal!

Já estamos na edição 8 e as novidades não param.
Já tem gente pedindo o XAMLCast duas vezes por semana (caramba).

No podcast desta semana falamos dos MVPs de Silverlight que foram destaque em 2009, falamos do Windows Phone e também discutimos um pouco sobre os projetos de 3D no Silverlight.
Ouça e mande sua opinião e comentário!

Seguem os links relacionados ao podcast: