Building Web Pages Using Microsoft Silverlight
page 3 of 6
by Jesudas Chinnathampi (Das)
Feedback
Average Rating: 
Views (Total / Last 10 Days): 45973/ 110

Create a Silverlight Application using Orcas

Now, let us discuss about the software that we need to create a Silverlight Application. To build a Silverlight project using Visual Studio, you need the following. Later in this article, you will see how you can create Silverlight Applications without installing Orcas and Silverlight Tools Alpha. 

·         Microsoft Visual Studio Code Name "Orcas" Beta 1

·         Microsoft Silverlight Tools Alpha for Visual Studio Code Name "Orcas" Beta 1.

Depending upon your Internet connection, downloading Orcas will take a while. The entire file size is around 5.5 GB. The whole download is divided into 8 parts.  I installed Orcas on my Pentium 3 laptop which has a Processor speed of 1.13GHz with 1GB RAM. As per Microsoft, the minimum speed was 1.6GHz. However, Orcas is running fine in my system so far.

The entire installation of Orcas took around 3 hours for me. Along with the Orcas installation, you will get the latest .NET Framework (version 3.5).

Once, you have installed Orcas and the Silverlight Tools open Orcas and select File -> New Project. Select the project type as Silverlight as shown below.

Figure 1

 

Once the project is created, your solution explorer should look like the following.

Figure 2

You will notice a new type of file called XAML (Extensible Application Markup Language). In Silverlight, a XAML file will be used to represent the user interface screen. You can use the XAML file to design your display content. An alluring feature of Orcas is that we can open the XAML file in the design mode. To open up the Page.XAML in the design mode, you will have to install Microsoft Expression Blend, which is free to download at http://www.microsoft.com/expression/products/overview.aspx?key=blend.

After the successful installation of Blend, all you have to do is right click the Page.XAML file. When you right click the file, you should see the following options.

Figure 3

Select the option, "Open in Expression Blend…". Microsoft Expression Blend is now ready to design your web page. Initial screen will look like as follows.

Figure 4

Using the control toolbar that you see in the left hand side of the above screen shot, you can insert controls such as text, shapes, etc. Using the rectangle object and the textblock object I created a simple user interface which looked like as follows:

Figure 5

Now, you are ready to view your first Silverlight output in your webpage. Switch to the Orcas and Click F5, you will see the output in your default browser. The above project produced the following output in my Internet Explorer.

Figure 6

 

If you notice the source code for your XAML file, you will notice a bunch of XML tags. These XML tags are the ones which represents the user interface. The XAML file for the above example will look like as follows:

Listing 1

<Canvas 
xmlns="http://schemas.microsoft.com/client/2007 " 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml " 
x:Name="parentCanvas" 
Loaded="Page_Loaded" 
x:Class="MySilver.Page;assembly=ClientBin/MySilver.dll " 
Width="640" 
Height="480" 
Background="White" > 
<Rectangle RenderTransformOrigin=" -0.142,-0.457" Fill= "#FF1C1818" 
Stroke="#FF000000" Width= "352" Height=" 70" Canvas.Left=" 145" Canvas.Top=" 43"/> 
<TextBlock Width=" 306" Height="35 " Canvas.Left=" 174" Canvas.Top=" 64"
FontFamily=" Verdana" FontSize=" 18" FontStyle=" Normal" FontWeight=" Bold"
Foreground=" #FFF50C25" Text=" My First Silverlight Project" TextWrapping="Wrap"/> 
</Canvas> 

In the above code snippet if you carefully notice, you can see the reference to MySilver.dll.  Each XAML file has its own code behind file. You can change properties, invoke methods for the above rectangle object and Textblock object from the code behind file. If we do not have any code behind file, then we can remove the attribute, x:Class="………."


View Entire Article

User Comments

Title: 2012 NFL jerseys   
Name: NIKE NFL jerseys
Date: 2012-05-20 11:39:46 PM
Comment:
[/pre]Cheap NFL,NBA,MLB,NHL
[url=http://www.jersey2shop.com/]Jerseys From China[/url]
[url=http://www.jersey2shop.com/]2012 nike nfl Jerseys[/url]
[url=http://www.jersey2shop.com/]cheap China Jerseys[/url]
[url=http://www.jersey2shop.com/]Sports Jerseys China[/url]
[url=http://www.jersey2shop.com/NFL-Jerseys-c68/]NFL Jerseys China[/url]
[url=http://www.jersey2shop.com/NBA-Jerseys-c77/]NBA Jerseys China[/url]
NHL Jerseys China
[url=http://www.jersey2shop.com/MLB-Jerseys-c94/]MLB Jerseys China[/url]NFL jerseys For Sale online.All Our Jerseys Are Sewn On and Directly From Chinese Jerseys Factory
[/pre]
[pre]We Are Professional China jerseys Wholesaler
[url=http://www.cheapjersey2store.com/]Wholesale cheap jerseys[/url]Cheap mlb jerseys
[url= http://www.cheapjersey2store.com/]2012 mlb all atar jerseys[/url]
[url= http://www.cheapjersey2store.com/ [/url]Cheap China Wholesael[/url]
[url= http://www.cheapjersey2store.com/]Wholesale jerseys From China[/url]
[url=http://www.cheapjersey2store.com/]2012 nike nfl Jerseys[/url]Free Shipping,Cheap Price,7 Days Deliver
[/pre]
[/pre]
We are professional jerseys manufacturer from china,wholesal
sports [url= http://www.cheapjersey2store.com/]Jerseys From China[/url]
[url=http://www.cheapjersey2store.com/NFL-Jerseys-c68]NFL jerseys China[/url]
[url=http://www.cheapjersey2store.com/NHL-Jerseys-c96/]NHL Jerseys China[/url]
[url=http://www.cheapjersey2store.com/NBA-Jerseys-c77/]NBA Jerseys China[/url]
[url=http://www.cheapjersey2store.com/MLB-Jerseys-c94/]MLB Jerseys China[/url]
[url= http://www.cheapjersey2store.com/]China Jerseys[/url],Free Shipping
[/pre]
[/pre]
We are professional jerseys manufacturer from china,wholesal
sports [url= http://www.jerseycaptain.com/]cheap jerseys sale online [/url]
[url= http://www.jerseycaptain.com/]2012 nike nfl Jerseys[/url]
[url=http://www.jerseycaptain.com/NFL-Jerseys-c68]cheap NFL jerseys China[/url]
[url=http://www.jerseycaptain.com/NHL-Jerseys-c96/]NHL Jerseys C
Title: Microsoft Campus Map   
Name: Microsoft Campus Map
Date: 2011-06-22 8:09:37 PM
Comment:
Still trying to figure out how to remove and re-install siverlight.
Title: Cannot "run" my downloaded SilverLight program?   
Name: Arty
Date: 2010-11-01 4:34:56 AM
Comment:
Hi
I was SO excited about SilverLight!
I download it on my wi-fi connection, found the file then tried to "run" it but it won't open/download in my media player????
Plz can you help?!! I'm praying its not bogus?!!!
Cheers
Arty
Title: Good   
Name: Rushin
Date: 2010-03-17 2:02:44 AM
Comment:
Thank you
Title: Good Article   
Name: Amrish
Date: 2009-09-21 2:36:20 AM
Comment:
Nice article for beginners very well explained.
Title: Thanks a lot   
Name: Nisheeth
Date: 2009-03-04 4:22:05 AM
Comment:
Thanks a lot..
Title: Getting an Error   
Name: Srikanth
Date: 2008-05-20 4:10:33 AM
Comment:
Hi
I have followed the same steps u've mentioned.
When i click the "Launch Applcation Test Page" I see the following error :
Error Code 2262
ParseError
SilverLight AG_E_PARSER_NAMESPACE_NOT_SUPPORTED
welcome.xaml
line 9 Postition 20
Title: Is SilverLight DEAD   
Name: Peter Snow
Date: 2007-12-28 9:46:13 AM
Comment:
Well after waiting many months to see web content with Silverlight I have come to conclution that SilverLight is DEAD. The only site with any content is microsoft. Oh Well, better it die now and let Flash Player get on with the job, at least that is supported and used.
Title: Off the Ground   
Name: dbl
Date: 2007-11-07 10:28:40 AM
Comment:
This is what I needed along with a little google to get off and running. Thanks
Title: Thank you   
Name: Sudarshan
Date: 2007-10-04 6:28:17 AM
Comment:
Thank you for good guideline.
Title: Excellent Approach   
Name: Pravin kumar
Date: 2007-07-16 8:41:26 AM
Comment:
Thanks for this artical.
Title: Thank you   
Name: volnet
Date: 2007-07-13 10:10:46 PM
Comment:
Thank you for your resource of the silverlight tech .
Title: why?   
Name: aspnetx
Date: 2007-07-13 9:21:44 PM
Comment:
why just photos?






Community Advice: ASP | SQL | XML | Regular Expressions | Windows


©Copyright 1998-2019 ASPAlliance.com  |  Page Processed at 2019-08-19 8:47:14 AM  AspAlliance Recent Articles RSS Feed
About ASPAlliance | Newsgroups | Advertise | Authors | Email Lists | Feedback | Link To Us | Privacy | Search