Introdução ao Microsoft Silverlight 2.0 - Campus Party Brasil 2009

Introdução ao Silverlight 2.0 Ramon Durães MVP, Especialista em Visual Studio Team System http://www.ramonduraes.net Preparando o ambiente: http://tinyurl.com/6v3f6b

O que é o Silverlight ? ,[object Object]

Demo d= new Demo(); “ Video”, “Negócios”, “Games”,”ZOOM ;”

Rich Interactive Applications (RIA) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Instalando i= new Instalando() ; “ Plugin”; *Windows Update / Windows Live Tools*

Colaboração Designer/Developer =

Colaboração Designer-Developer Designers-Interface com Usuário ,[object Object],Desenvovedor-Lógica de Negócios

XAML (Extensive Application Markup Language) " Z ammel” ,[object Object],[object Object],[object Object],[object Object],<Button Width="100"> OK <Button.Background> LightBlue </Button.Background> </Button> XAML Button b1 = new Button(); b1.Content = "OK"; b1.Background = new SolidColorBrush(Colors.LightBlue); b1.Width = 100; C# Dim b1 As New Button b1.Content = "OK" b1.Background = New _ SolidColorBrush(Colors.LightBlue) b1.Width = 100 VB.NET

XAML “ Z ammel” < Canvas Width="300" Height="300" xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> < Ellipse Canvas.Left="20" Canvas.Top="20" Height="200" Width="200" Stroke="Black" StrokeThickness="10" Fill="Yellow" /> < Ellipse Canvas.Left="80" Canvas.Top="80" Height="35" Width="25" Stroke="Black" Fill="Black" /> < Ellipse Canvas.Left="140" Canvas.Top="80" Height="35" Width="25" Stroke="Black" Fill="Black" /> < Path Data="M 70, 150 A 60, 60 0 0 0 170, 150" Stroke="Black" StrokeThickness="15" StrokeStartLineCap="Round" StrokeEndLineCap="Round" /> </ Canvas>

Colocando um ID nos objetos XAML ,[object Object],< Rectangle Canvas.Left="50" Canvas.Top="50" Fill="Yellow“ Width="300" Height="200" Stroke="Black" StrokeThickness="10" x:Name=“ MeuRetangulo " /> Esse objeto agora pode ser referenciando no código fonte (VB.NET / C#).

Demo d= new Demo() “ XAML” , “Hello World”

Controlando o Layout ,[object Object],[object Object],[object Object],[object Object],[object Object]

Canvas <Canvas Width="300" Height="560" xmlns="... xmlns:x="..."> <Canvas Canvas.Left="40" Canvas.Top="40" Width="220" Height="220"> <Ellipse Canvas.Left="40" Canvas.Top="40" Height="140" Width="140" /> </Canvas> <Canvas Canvas.Left="40" Canvas.Top="300" Width="220" Height="220"> <Ellipse Canvas.Left="40" Canvas.Top="40" Height="140" Width="140" /> </Canvas> </Canvas> (40,40) (0,0) (40,300) (80,80) (80,340)

StackPanel ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Orientation="Horizontal" Orientation="Vertical"

Suporte ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Silverlight é um “micro” .NET Framework

Silverlight e .NET: Juntos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Ferramentas para usar com XAML ,[object Object],[object Object],[object Object]

Core UI Capabilities ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Access the HTML DOM from Managed Code ,[object Object],HtmlPage.Navigate(" http://www.microsoft.com "); String server = HtmlPage.DocumentUri.Host; using System.Windows.Browser; HtmlElement myButton = HtmlPage.Document.GetElementByID(" myButtonID "); myButton.AttachEvent(" onclick ", new EventHandler( this .myButtonClicked)); private void myButtonClicked( object sender, EventArgs e) { ... } Static HtmlPage class provides entry point Hookup events, call methods, or access properties

Access Managed Code from JavaScript ,[object Object],WebApplication.Current.RegisterScriptableObject (" EntryPoint ", this ); [Scriptable] public void Search( string Name) { ... } var control = document.getElementById(" SilverlightControl "); control.Content.EntryPoint.Search(input.value); Register a scriptable object Access the managed object from script

InkPresenter i= new InkPresenter () “ Mouse””

Silverlight Toolkit ,[object Object],Preparando o ambiente: http://tinyurl.com/6v3f6b

Cartão de visita OBRIGADO!!!! Perguntas? Ramon Durães http://www.ramonduraes.net Aprenda mais em : http://www.desenvolvendoparaweb.net Preparando o ambiente: http://tinyurl.com/6v3f6b

Introdução ao Microsoft Silverlight 2.0 - Campus Party Brasil 2009

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (17)

Semelhante a Introdução ao Microsoft Silverlight 2.0 - Campus Party Brasil 2009

Semelhante a Introdução ao Microsoft Silverlight 2.0 - Campus Party Brasil 2009 (20)

Mais de Ramon Durães

Mais de Ramon Durães (20)

Último

Último (20)

Introdução ao Microsoft Silverlight 2.0 - Campus Party Brasil 2009