Date post: | 13-Dec-2015 |
Category: |
Documents |
Upload: | brianne-logan |
View: | 218 times |
Download: | 1 times |
Introduction to Silverlight
Slide 2
What is Silverlight? It’s part of a Microsoft Web platform called
Rich Internet Applications (RIA) There is a service side to this too (RIA services)
It supports multiple operating systems and browsers
It supports multiple devices It’s a small browser plug-in It easily plays video and audio (Ever wonder
how Netflix streams?)
Slide 3
What is Silverlight? Some say it’s a direct competitor to
Adobe Flash Markup is based on WPF XAML (another
XML dialect) It’s designed to improve the Web UI
experience
Slide 4
Silverlight History (1.0) Introduced in 2007 was originally called
WPF/E (everywhere) Did not support .NET managed code
Slide 5
Silverlight History (1.0)
Slide 6
Silverlight History (2.0) Released in 2008 Supported .NET managed code. (Just
another .NET application now) Based on version 3.5 of the .NET
framework Silverlight now has its own simplified
framework class library UI tools get much more robust
Slide 7
Silverlight History (2.0)
Slide 8
Silverlight History (3.0) Released in 2009 Support for 3-D graphics was added Additional controls added along with
improved control formatting
Slide 9
Silverlight History (4.0 and 5.0) Really just a bunch more features Numerous performance improvements
Slide 10
Silverlight Development Most of what you need is built into
Visual Studio 2010 Just create a Silverlight project
You need another download to install the emulator for Windows phone More later but this only runs on Windows 7
or 8 Will not run on servers
Slide 11
Silverlight Development
Slide 12
Creating a First Silverlight Application Create a Silverlight application Host the application in a new Web site
See dialog next screen This template is only for testing
Note that all current Silverlight versions are supported by Visual Studio
Slide 13
Creating a First Silverlight Application
Slide 14
What got Created (1) You get the Silverlight project with one
default control App.xaml and App.xaml.cs contain the
application startup code The file MainPage.xaml and MainPage.xaml
contains the main page that will be rendered
You get a test project The default test page loads the Silverlight
control
Slide 15
What got Created (2)
Slide 16
Instantiating the Control
Slide 17
Instantiating the Control (1) The object element allows the control to
be embedded into the Web page Attributes
The data attribute is not necessary but (for some reason) improves the performance for ‘some’ browsers
The param element named source attribute points to the .xap file
It’s this file that contains the Silverlight control code
Slide 18
Instantiating the Control (2) The param element named onError points
to the Javascript code that handles any errors
The minRuntimeVersion parameter describes the minimal runtime version required for the control
The <a> tag allows users to download Silverlight in case it is not already installed
The <iframe> tag is used to fool the Safari browser
Slide 19
Template Files Created
You need not usually touch this startup code
The page in the other project contains a test page to host your Silverlight control
Slide 20
Introduction to the Silverlight Control Regarding App.xaml:
We don’t need to touch this much for simple applications
The function App is the Silverlight constructor
Application_UnhandledException is the facility to report the error to the Document Object model
Slide 21
Introduction to the Silverlight Control Regarding MainPage.xaml and
MainPage.xaml.cs These files contain the code for the control
itself The .xaml file contain the markup The .cs file contains the code
Slide 22
Creating the UI The process is the same as we would
see with a desktop application Use the toolbox to create the UI
It’s XAML instead of a nativ language Use the Code Editor to create the code
behind