Um pouco mais de Silverlight 3

Vou postar aqui só alguns links importantes para quem está vindo do Silverlight 2 para o 3 ou do Beta para o RTM. Link para o quem vai começar com Silverlight: aqui. Tools para o Visual Studio 2008 (SDK): aqui. Toolkit com os novos controles para Visual Studio 2008: aqui. Página com as mudanças efetuadas pelo time da Microsoft: aqui. Listagem das novidades por Tim Heuer: aqui. Página referência com os principais vídeos. aqui. Por enquanto é isso, e esperar o Visual Studio 2010.

Silverlight e Visual Studio 2010 Beta 1

Hoje foi lançado o release público do Visual Studio 2010, a próxima IDE de desenvolvimento da Microsoft. Dentre as novidades está que o Visual Studio 2010 é a primeira IDE com multi-targeted Silverlight development e editable design surface for Silverlight. Isso mesmo, é possível criar aplicações tanto para o plugin 2.x do Silverlight quanto para o 3.x. Além disso será possível (finalmente) desenhar a aplicação diretamente no Design ao invés de fazer tudo no XAML. Para tudo isso é necessário seguir os seguintes passos:

1. Instalar o Visual Studio 2010 Beta 1
2. Instalar o Silverlight 2 SDK (Se tentar instalar o Silverlight 2 tools ocorrerá um erro. Instale apenas o SDK).
3. Instale o Silverlight 3 Beta SDK (Novamente, não deve ser instalado o tools)
4. Instale o Silverlight 3 Beta Developer Runtime

Como isso será habilitada uma opção onde você mesmo escolhe a versão do Silverlight. Observações importantes: Por ser beta ainda, existem algumas limitações. A primeira é o fato de que o template do Silverlight Navigation fica no instalador do tools, como você não pode instalar o mesmo será necessário que você o exporte do Visual Studio 2008 e importe como um My Template no Visual Studio 2010. Além disso o .NET RIA Services não estará disponível. Se você pretende estudar mais sobre esta tecnologia é recomendável que permaneca ainda com o Visual Studio 2008. Ambas peculiaridades serão resolvidas até o release final do Visual Studio 2010, não se preocupem.

Silverlight 2 & Silverlight 3

Um problema que se encontra ao se instalar o Tools e SDK do Silverlight 3 é que se precisarmos fazer uma aplicação Silverlight 2 teremos que ir na famoso "Adicionar e Remover Programas", encontrar e remover cada um deles e depois adicionar o da outra versão. No Visual Studio 2010 será possível fazer aplicações tanto para Silverlight 2 quanto para Silverlight 3 mas por enquanto ainda teremos que ter todo esse trabalho. Pra facilitar um pouco Shawn Wildermuth fez algumas alterações no bath criado por Amy Dullard para automatizar um pouco as coisas. Eu testei esse bath e funcionou tudo correto, mas antes desinstalei tudo que tinha de Silverlight, tanto SDK quanto Tools. Quer quiser tentar o mesmo pode fazer o download dos arquivos abaixo: Silverlight_Tools.exe Silverlight3_Tools.exe Silverlight.2.0_Developer.exe Silverlight.3.0_Developer.exe Bath Coloque todos na mesma pasta e rode o Setup_SLTools_Util.bat. Ele vai gerar dois outros Bath, um que vai de Silverlight 2 para o 3 e outro que faz o inverso. Abaixo um vídeo de como funciona:

Silverlight: Interoperabilidade

Mais um exemplo de Silverlight pode ser conferido aqui. E esse quase acertei no

Design. Neste exemplo mostro como é possível interagir com a página HTML diretamente de dentro do Silverlight. Da mesma forma que podemos fazer com que o Silverlight responda a eventos disparados na página HTML.

    public HtmlElement HtmlDiv { get; set; }

    public HtmlElement HtmlButton { get; set; }

 

    public Page()

    {

      // Required to initialize variables

      InitializeComponent();

      this.HtmlDiv =

        HtmlPage.Document.GetElementById("myDiv");

 

      this.HtmlButton =

        HtmlPage.Document.GetElementById("btnId");

 

      this.HtmlButton.AttachEvent(

        "onclick",

        new EventHandler<HtmlEventArgs>(ToSilverlight_OnClick)); 

    }

Nesse caso, estou apenas escrevendo e lendo dentro do innerHTML de uma div na página através dos métodos da classe ScriptObject GetProperty e SetProperty. De dentro do Silverlight associo um evento de um botão HTML comum e digo que o Silverlight passará a responder a esse evento.

    public string DivInnerHTML

    {

      get

      {

        return this.HtmlDiv.GetProperty("innerHTML").ToString();

      }

      set

      {

        this.HtmlDiv.SetProperty("innerHTML", value);

      }

    }

Como podemos ver a forma como o Silverlight interage com a página através de código gerenciado torna a vida de nós desenvolvedores muito mais fácil.

Download Assíncrono com Silverlight 2

Acabo de concluir um novo exemplo com Silverlight 2. É uma aplicação muito simples e o tempo de implementação foi bastante baixo comparado ao que teria que ser feito para fazer semelhante em HTML.

Tenho uma tela e nela carrego uma imagem com tamanho bem grande (6750 x 4200, 5,84 MB). Ela é carregada assincronamente, após ser carregado o controle.

De posse do evento DownloadProgress do objeto BitmapImage podemos mostrar o progresso do download. O DownloadProgressEventArgs nos dá a propriedade Progress, um número de 0 a 100 com o percentual de download feito.

    public Page()

    {

      // Required to initialize variables

      InitializeComponent();

      var image = new BitmapImage();

      image.DownloadProgress += (sender, e) =>

        {

          this.ProgressTextBlock.Text = e.Progress.ToString();

        };

      //Objeto Uri com o endereço da imagem

      image.UriSource = this.ImageObsoluteUri;

      this.DownloadedImage.Source = image;

    }

Como podemos ver, com Silverlight temos uma maneira bem fácil e prática de mostrar download de arquivos.

Aproveitei e coloquei a funcionalidade de Full Screen, onde pode ser visto que todo o componente foi feito para que suas proporções e posicionamentos não se alterassem de modo que ficasse destorcido. Quem trabalha com HTML sabe os problema que existem em deixar algo bem centralizado e organizado em qualquer browser. Quem quiser dar uma conferida, aqui está o link do exemplo on-line.

Efeito de luz em Silverlight

Acabo de publicar um novo exemplo de Silverlight 2.0 em meu site. Tomei por base um exemplo em que temos uma Image e na sua frente um Rectangle com GradientBrush. Nesse GradientBrush temos de um lado a cor preta e do outro a mesma cor com transparência. Com o movimento do mouse é alterado o posicionamento do GradientBrush e dá impressão de ser uma lanterna focando a imagem. Este exemplo pode ser conferido aqui.

Código Fonte dos controles Silverlight 2

Mais uma novidade do Mundo Silverlight. Acabei de ler no blog de Tim Heuer que esta semana que passou a Microsoft disponibilizou o código fonte dos controles Silverlight inclusos no SDK e runtime. De posse desses códigos fonte os programadores Silverlight bem como os entusiastas pelas novas tecnologias de aplicativos ricos de Internet poderão saber um pouco mais sobre como os componentes foram criados. Com base no conhecimento adquirido também é possível uma otimização de aplicativos já publicados ou sendo feitos pois pode-se ver algumas das técnicas usadas diretamente pela Microsoft e sua equipe de desenvolvimento na criação destes componentes que facilitam tando o nosso trabalho. Pra melhorar ainda mais a Microsoft disponibilizou o código sobre a licença open source Ms-PL que garante que o código pode ser usado, alterado e disponilizado como quiser. Os controles disponibilizados com o runtime são os seguintes:

• ButtonBase
• Button
• HyperlinkButton
• CheckBox
• RadioButton
• ToggleButton
• RangeBase
• ProgressBar
• Slider
• ScrollBar
• Thumb

E os controles do SDK são os seguintes:

• Calendar
• DatePicker
• DataGrid
• TabControl
• GridSplitter

Também foram incluídos as Unit Tests para os controles do SDK. Enjoy

DataGrid com Silverlight 2

Acabo de publicar meu mais novo exemplo em Silverlight. O caminho é http://www.vitorcanova.net/Silverlight/DataGrid. Nele foram utilizados alguns recuros de Binding, Style e Template. O treinamento de WPF rouba um pouco de atenção quanto a isto mas em breve estarei publicando mais exemplos. Estou preparando um com reflexo de vídeo com VideoBrush, uma novidade no Silverlight que, ao que me consta não tem no WPF (mas tem o VisualBrush, que é bastante superior). Em breve pretendo publicar alguma coisa que utilize alguns recursos de Silverlight como o acesso ao DOM da página, Javascript e FullScreen. Quem quiser dar uma conferida em todos os exemplos, basta acessar a página de exemplos. Falow

Programa de Capacitação em WPF

Recebi hoje a grande notícia de que fui selecionado para participar do Programa de Capacitação em WPF que será realizado no Centro de Inovação na PUCRS entre os dias de 25/11 a 28/11. Acredito que isto possa me alavancar de vez na cultura de programação rica de aplicativos aumentando meu conhecimento, que ainda é pequeno, em WPF e Silverlight. Aproveitando a oportunidade, publiquei um novo exemplo que fiz em Silverlight 2. Todos os anteriores, junto a este, podem ser conferidos em www.vitorcanova.net/Silverlight.

Voltando em grande estilo

Sei que passei um bom tempo sem postar. Fiquei um pouco atarefado após o casamento e a troca de emprego. Trabalhando direto com desenvolvimento em várias outras coisas surgindo ao mesmo tempo quase não parei para me dedidar ao meu blog. Mas isso não quer diser que fiquei parado no tempo. Nesse período tenho estudado sobre as novas e não tão novas tecnologias da Microsoft. Tenho usado Linq to Object com frequencia, Linq to XML também já passou pelas minhas mãos mas no momento o que mais está me fascinado é o Silverlight 2. Tenho estudado a algum tempo um pouco sobre ele e WPF, mais precisamente desde o lançamento do Release do Beta 2. Agora com o lançamento do RTW vi que era necessário entrar de vez nessa onda antes que ela passe eu eu tenha que correr atrás. Já tenho alguns exemplos de Silverlight 2 publicados no meu site e em breve pretendo disponibilizar mais junto com alguns tutoriais que pretendo colocar aqui mesmo. Até a próxima.