MICROSOFT SILVERLIGHT Silverlight Hanna af Microsoft Me a

  • Slides: 20
Download presentation
MICROSOFT SILVERLIGHT

MICROSOFT SILVERLIGHT

Silverlight � Hannað af Microsoft � Með það að markmiði að geta hannað Multimedia

Silverlight � Hannað af Microsoft � Með það að markmiði að geta hannað Multimedia rich web application. � Keyrir í vafranum líkt og flash og java � Átti upphaflega að vera partur af WPF (“Windows Presentation Foundation”) � Lítið download, installerinn tekur 4. 5 MB.

Silverlight “Cross-Browser” og “Cross-Platform” � Keppir við Flash, Java. FX og Adobe FLEX. �

Silverlight “Cross-Browser” og “Cross-Platform” � Keppir við Flash, Java. FX og Adobe FLEX. � Styður afspilun af öllu helsta margmiðlunarefni (WMV, WMA, MP 3, ASF) � Styður Asyncronous samskipti (AJAX) � Styður Internet Explorer 6 SP 2 og uppúr, Mozilla Firefox, Safari. � Ekki er stuðningur fyrir Konqueror né Opera þó hann sé planaður. �

WPF � Gerir. NET forritum auðveldara að eiga við sjónræna hluta forritsins. � Hefur

WPF � Gerir. NET forritum auðveldara að eiga við sjónræna hluta forritsins. � Hefur mikinn stuðning fyrir alla margmiðlun, grafík, ‘animation’ og ‘interactivity’. � Kemur uppsett með Vista.

Silverlight � Upphaflega vinnuheiti Silverlight var WPF/E (Windows Presentation Foundation Everywhere) � Styður öll.

Silverlight � Upphaflega vinnuheiti Silverlight var WPF/E (Windows Presentation Foundation Everywhere) � Styður öll. NET forritunarmálin, VB, C#, Iron. Python, Ruby. � XAML fyrir notendaviðmót � Aðgangur að öllum XAML hlutum í kóðanum.

Silverlight � Mælt með að nota Microsoft Expression Blend við hönnun á viðmóti. �

Silverlight � Mælt með að nota Microsoft Expression Blend við hönnun á viðmóti. � Visual Studio og Expression Blend vinna vel saman.

Silverlight � Inniheldur viðbætur við Javascript. � Cross-browser, cross-platform support. � Aðgangur af. NET

Silverlight � Inniheldur viðbætur við Javascript. � Cross-browser, cross-platform support. � Aðgangur af. NET Framework � Styður Language Intergrated Query(LINQ) � Silverlight og ASP. NET vinna mjög vel saman.

LINQ Language Integrated Query (LINQ), Borið fram “link”. � Forritarinn skrifar fyrirspurnir beint inní

LINQ Language Integrated Query (LINQ), Borið fram “link”. � Forritarinn skrifar fyrirspurnir beint inní kóðann. � Einfaldar samskipti við gagnasöfn töluvert. �

LINQ Dæmi � string[] cities = { "London", "Paris", "Berlin", "Moscow", "Dublin", "Barcelona", "New

LINQ Dæmi � string[] cities = { "London", "Paris", "Berlin", "Moscow", "Dublin", "Barcelona", "New York", "Endinburgh", "Geneva", "Amsterdam", "Madrid" }; � � IEnumerable<string> query = from c in cities Where c. Starts. With("M") select c; � � foreach (string city in query) { Console. Write. Line(city); }

Annað LINQ dæmi � Northwind db = new Northwind(connection. String); � � var q

Annað LINQ dæmi � Northwind db = new Northwind(connection. String); � � var q = from o in db. Orders from c in db. Customers where o. Quality == "200" && (o. Customer. ID == c. Customer. ID) select new { o. Due. Date, c. Company. Name, c. Item. ID, c. Item. Name }; // q is now an IEnumerable<T>, where T is the anonymous type generated by the compiler foreach (var t in q) { Console. Write. Line("Due. Date Type = {0}", t. Due. Date. Get. Type()); Console. Write. Line("Company. Name (lowercased) = {0}", t. Company. Name. To. Lower()); Console. Write. Line("Item. ID * 2 = {0}", t. Item. ID * 2); } � � �

Uppsetning á Silverlight � Hvað þarf ? q Microsoft Silverlight Runtime q Microsoft Visual

Uppsetning á Silverlight � Hvað þarf ? q Microsoft Silverlight Runtime q Microsoft Visual Studio 2005 / 2008 q. NET Framework 3. 0 q Microsoft Silverlight Tools for visual studio q Microsoft Expression Blend 2 q og fullt af optional forritum. Leiðbeiningar og dæmi á http: //silverlight. net/Get. Started/

Halló heimur í Silverlight � � � � � <Canvas x: Name="parent. Canvas" xmlns="http:

Halló heimur í Silverlight � � � � � <Canvas x: Name="parent. Canvas" xmlns="http: //schemas. microsoft. com/client/2007" xmlns: x="http: //schemas. microsoft. com/winfx/2006/xaml" Loaded="Page_Loaded" x: Class="Silverlight. Project 1. Page; assembly=Client. Bin/Silv erlight. Project 1. dll" Width="640" Height="480" Background="White" > <Text. Block x: Name="My. Message" Text=“Hello World" Font. Size="56"></Text. Block> � </Canvas> �

Halló Heimur í Silverlight � Höfum aðgang að öllum hlutum XAML skjalsins á codebehind

Halló Heimur í Silverlight � Höfum aðgang að öllum hlutum XAML skjalsins á codebehind síðunni. � XAML hlutirnir í kóðanum hafa ýmsa eiginleika t. d alla helstu events og stillingar fyrir öll helstu atriði (hæð, breydd o. fl. ) � Kóðahlutinn styður mikið af eiginleikum . NET t. d. Threading, etc. � Hver XAML fæll hefur 1 kóðaskrá bakvið sig.

Halló Heimur í Silverlight � � � � � using System; using System. Windows;

Halló Heimur í Silverlight � � � � � using System; using System. Windows; . . . using System. Windows. Media. Animation; using System. Windows. Shapes; namespace Silverlight. Project 1 { public partial class Page : Canvas { public void Page_Loaded(object o, Event. Args e) { // Required to initialize variables Initialize. Component(); My. Message. Mouse. Left. Button. Down += new Mouse. Event. Handler(My. Message_Mouse. Left. Button. Down); } void My. Message_Mouse. Left. Button. Down(object sender, Mouse. Event. Args e) { Solid. Color. Brush b = new Solid. Color. Brush( Color. From. Rgb(255, 100) ); this. Background = b; My. Message. Text = "I was pushed ; '(!"; } } }

XAML dæmi � <Dock. Panel Width="100%"> <Border Dock. Panel. Dock="Top" Height="25%" Background="Pink" Border. Thickness="2"

XAML dæmi � <Dock. Panel Width="100%"> <Border Dock. Panel. Dock="Top" Height="25%" Background="Pink" Border. Thickness="2" Border. Brush="Black"> <Simple. Text Vertical. Alignment="Center" Horizontal. Alignment="Center">Top 1</Simple. Text> </Border> <Border Dock. Panel. Dock="Top" Height="25%" Background="Pink" Border. Thickness="2" Border. Brush="Black"> <Simple. Text Vertical. Alignment="Center" Horizontal. Alignment="Center">Top 2</Simple. Text> </Border> <Border Dock. Panel. Dock="Bottom" Height="25%" Background="Cyan" Border. Thickness="2" Border. Brush="Black"> <Simple. Text Vertical. Alignment="Center" Horizontal. Alignment="Center">Bottom 1</Simple. Text> </Border> <Border Dock. Panel. Dock="Bottom" Height="25%" Background="Cyan" Border. Thickness="2" Border. Brush="Black"> <Simple. Text Vertical. Alignment="Center" Horizontal. Alignment="Center">Bottom 2</Simple. Text> </Border> </Dock. Panel>

QUEUECARD

QUEUECARD